adding styling for an article in the index + article info details

themes/varia/static/css/main.css

@@ -45,7 +45,6 @@ body{
 	font-family: "main", monospace;
 	font-size: 22px;
 	line-height:1.65;
-	/*letter-spacing: 0.01em;*/
 	background-color: rgba(238, 238, 238, 0.5);
 	color:#164515;
 }
@@ -72,7 +71,6 @@ h1, h2, h3, h4, h5, h6, #header{
 	}
 	h2{
 		font-size: 100%;
-		/*font-weight: normal;*/
 		text-decoration: underline;
 	}
 	h3{
@@ -84,6 +82,12 @@ p{
 }
 em{
 
+}
+small{
+	display: block;
+	font-size: 15px;
+	line-height: 1.2;
+	margin-top:0.5em;
 }
 sup{
 	font-size: 12px;
@@ -139,6 +143,10 @@ ul li{
 		width:100%;
 		margin:0.5em 0;
 	}
+
+	.event-details .article-event-start{
+		margin-bottom:1em;
+	}
 	/* category & translation link */
 	.post-info{
 		font-size: 12px;
@@ -150,12 +158,21 @@ ul li{
 		.post-info sup{
 			font-size: 80%;
 		}
+		.post-info .article-authors{
+			display: block;
+		}
+		.post-info .article-translation{
+			margin-top:1em;
+		}
 		.post-info .categories:before, .post-info .article-translation:before{
-			content:'→';
+			content:'↓';
 			color:#7e5211;
 			font-family: sans-serif;
 			padding-right: 5px;
 		}
+		.post-info .article-translation:before{
+			content:'→';
+		}
 
 /****************************/
 /* header & #translation */
@@ -186,7 +203,6 @@ header {
 		display: inline;
 	}
 
-
 	#stream{
 		position: absolute;
 		width: 100%;
@@ -197,8 +213,6 @@ header {
 		    background-size: cover;
 		    height: 600px;
 		    width: 100%;
-		    /*background-color: black;*/
-
 		}
 			/* reset header img styles */
 			#stream a .container img{
@@ -245,9 +259,6 @@ header {
 	.buttons li.active a{
 		text-decoration: none;
 	}
-	.buttons li.active{
-		/*font-weight: bold;*/
-	}
 
 /****************************/
 /* main/index overview page */
@@ -257,6 +268,13 @@ header {
 .summary p{
 	display: inline;
 }
+.summary .read_more:before{
+	content:'→';
+	padding: 0 5px;
+	font-family: sans-serif;
+	font-size:12px;
+	color:#7e5211;
+}
 .article.hentry, /*.documentation.hentry*/{
 	width:calc(400px + 2em);
 }
@@ -297,8 +315,14 @@ header {
 		clear:both; /*to prevent the ascii to break up*/
 	}
 	/* double-blocks for super important categories */
-	.hentry.current, .hentry.current .article-info, .hentry.current .featured-image img{
+	.hentry.current, .hentry.article, .hentry.artikel, .hentry.current .article-info, .hentry.current .featured-image img{
-		width: calc(400px + 2em);
+		width: calc(400px + 1em);
+	}
+	/* color background for articles */
+	.hentry.article, .hentry.artikel{
+		padding:1.5em 1em 1em 1em;
+		border:1px dashed #7e5211;
+		border-radius:15px;
 	}
 
 /****************************/