penguin/AstroJS

Javascript framework for my blog

commit 7c6fa2bd186a3dd41ad9d4d52dccb02bc4a4d9fe

author斟酌 鵬兄 <tgckpg@gmail.com>
date2017-01-10T10:02:03Z
subjectAdded Archived Ribbon
commit 7c6fa2bd186a3dd41ad9d4d52dccb02bc4a4d9fe
Author: 斟酌 鵬兄 <tgckpg@gmail.com>
Date:   2017-01-10T10:02:03Z

    Added Archived Ribbon
---
 botanjs/src/Astro/Blog/Components/Entry/Blog.css | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/botanjs/src/Astro/Blog/Components/Entry/Blog.css b/botanjs/src/Astro/Blog/Components/Entry/Blog.css
index 9bd9a3a..1b5f94a 100644
--- a/botanjs/src/Astro/Blog/Components/Entry/Blog.css
+++ b/botanjs/src/Astro/Blog/Components/Entry/Blog.css
@@ -25,6 +25,28 @@
 	padding: 1em;
 }
 
+.b_entry.archived::after {
+	display: block;
+	content: "Archived";
+	text-align: center;
+
+	background:
+		linear-gradient(-45deg, transparent 36%, black 36%, black 82%, transparent 82%)
+		, linear-gradient(45deg, transparent 36%, black 36%, black 82%, transparent 82%);
+	color: white;
+	position: absolute;
+
+	width: 4.4em;
+	right: -2.25em;
+	top: 1.45em;
+
+	font-size: 1.5em;
+	padding: 0.15em 2.25em;
+
+	transform: rotate(45deg);
+	opacity: 0.5;
+}
+
 .b_title {
     font-family: custom-serif;
 	font-size: 2.5em;