varia/manymanymany-varia-websites
14
1
Fork 0
forked from varia/varia.website
Code Issues 1 Pull Requests Releases Wiki Activity

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

Browse Source
This commit is contained in:
mb@mb 2018-06-13 18:47:19 +02:00
parent ebd461741f
commit 44cae14c1f
1 changed files with 35 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
themes/varia/static/css/main.css
View File

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