Browse Source

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

transformations
mb@mb 6 years ago
parent
commit
44cae14c1f
  1. 46
      themes/varia/static/css/main.css

46
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{
width: calc(400px + 2em);
.hentry.current, .hentry.article, .hentry.artikel, .hentry.current .article-info, .hentry.current .featured-image img{
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;
}
/****************************/

Loading…
Cancel
Save