From 6d610e5e6314f25f721b76a131c8c8b86d20bfe2 Mon Sep 17 00:00:00 2001
From: Siri Reiter <siri@jones.dk>
Date: Wed, 30 Aug 2017 16:49:50 +0200
Subject: Move styling of sidebar lists to farbar.

---
 style.scss | 75 ++++++++++++++++++++++++++++++++++----------------------------
 1 file changed, 41 insertions(+), 34 deletions(-)

(limited to 'style.scss')

diff --git a/style.scss b/style.scss
index 224fdf1..7dde160 100644
--- a/style.scss
+++ b/style.scss
@@ -274,7 +274,7 @@ body {
 	margin-left: 0;
 	text-align: center;
 }
-
+//General image behaviour.
 img {
 	float: left;
 	vertical-align: top;
@@ -283,7 +283,11 @@ img {
 	max-width: 100%;
 	height: auto;
 }
-
+//Styling of tall images
+img.tall {
+	width: 300px;
+}
+//Small images in tour descriptions, floating in a vertical row, not inflicting on the text content.
 #content img.deco {
 	display: block;
 	clear: both;
@@ -294,35 +298,47 @@ img {
 	padding: 0 0 1em 4%;
 	background-color: none;
 }
-
+//Tiny image strips, designed for lists in a column.
 #content img.flex {
 	max-height: 80px;
 	width: auto;
 	display: block;
 	float: none;
 }
-
+//Image pushing text down, below.
 #content img.solo {
 	float: none;
 	display: block;
 	padding: 0;
 }
+//One (concrete) image meant to fill the whole viewport.
 #content img.x2470x3783 {
 	height:3783px;
 	width: 2470px;
 	max-width: 2470px;
 }
+//Not sure what it's for
 #content img.x1000x750 {
 	height: 750px;
 	width: 1000px;
 	max-width: 1000px;
 }
+//Not sure what it's for
 #content img.x108x132 {
 	height: 132px;
 	width: 108px;
 	max-width: 108px;
 }
-
+//Thumbnails for inline lists on overview pages.
+#inlinecontent img.overview {
+	width: 200px;
+}
+//Images in inline lists on the blog.
+#inlinecontent img.blog {
+	width: 500px;
+	display: block;
+	float: none;
+}
 td,
 th {
 	padding: 0 1em 0 0;
@@ -364,33 +380,6 @@ th {
 //	text-align: left;
 }
 
-.sidebar ul {
-	padding-left: 0.5em;
-	p {
-		margin: 1em 0;
-	}
-}
-
-.sidebar ul li {
-	@include no-bullets;
-	padding: 0;
-}
-
-.sidebar ul li,
-.sidebar ul li p {
-	line-height: 1.5em;
-}
-
-.sidebar ul li a {
-	font-weight: normal;
-}
-
-.sidebar p {
-	color: DarkBlue;
-}
-.sidebar ul li .selflink {
-	font-weight: bold;
-}
 
 .farbar {
 	float: left;
@@ -410,8 +399,26 @@ th {
 		width: 100%;
 	}
 	#mc_embed_signup {
-	background-color: inherit;
-	font: inherit;
+		background-color: inherit;
+		font: inherit;
+	}
+	ul {
+	padding-left: 0.5em;
+	}
+	p, ul p {
+		margin: 1em 0;
+		color: DarkBlue;
+	}
+	ul li {
+		@include no-bullets;
+		padding: 0;
+		line-height: 1.5em;
+		a {
+			font-weight: normal;
+		}
+		.selflink {
+			font-weight: bold;
+		}
 	}
 }
 
-- 
cgit v1.2.3