X-Git-Url: https://git.0d.be/?p=chloro.git;a=blobdiff_plain;f=chloro%2Fphyll%2Fstatic%2Fcss%2Fstyle.scss;h=e3fb0af250a9d97b8c95f82f43a7b2cf10d0d841;hp=63526efcd17a9ea12b162b68f9f199ddfe6844c4;hb=e3d69ca8c9599c06df8fb182c9e61964688969dc;hpb=52b096caf305aa544dadaee88d0fb893ea65021d

diff --git a/chloro/phyll/static/css/style.scss b/chloro/phyll/static/css/style.scss
index 63526ef..e3fb0af 100644
--- a/chloro/phyll/static/css/style.scss
+++ b/chloro/phyll/static/css/style.scss
@@ -55,11 +55,15 @@ div.actions {
 	}
 }
 
-main {
+main, footer {
 	margin: 0 4em;
 	padding: 1em;
-	background: #fafaff;
 	max-width: 70em;
+}
+
+main {
+	position: relative;
+	background: #fafaff;
 	min-height: 70vh;
 	clip-path: polygon(0px 0px, 96.35% -24px, 101.99% 7.86%, 100.61% 103.56%, 10% 100%, 0% 100%, 0px 0px);
 }
@@ -154,5 +158,59 @@ main {
 			font-size: 60%;
 		}
 	}
+}
+
+.older.post-list {
+	margin: 5em 0 2em 0;
+	padding: 1em 0;
+	border-top: 0.1em dotted $link-color;
+	border-bottom: 0.1em dotted $link-color;
+	line-height: 200%;
+	li {
+		display: inline;
+		a {
+			padding-top: 0;
+			display: inline;
+			font-size: 120%;
+		}
+	}
+}
 
+footer {
+	p {
+		text-align: right;
+		font-size: 100%;
+	}
+}
+
+#style-popup {
+	background: white;
+	input {
+		display: none;
+		padding: 3px;
+		border: 1px inset #ccc;
+		background: white;
+		width: 0px;
+		transition: width ease 2s;
+		&.shown {
+			display: inline-block;
+			width: 400px;
+		}
+	}
+	button {
+		padding: 0;
+		height: 2em;
+		width: 2em;
+		text-align: center;
+		background: #eee;
+		border: 1px outset #ccc;
+		margin-right: 1px;
+		&:hover {
+			background: #ccc;
+		}
+		&[data-action=createLink] {
+			color: blue;
+			text-decoration: underline;
+		}
+	}
 }