Mikescher/www.mikescher.com
1
0
Fork 0
Code Actions Activity

blog_list + footer

Browse Source
This commit is contained in:
Mike Schwörer
2017-12-28 22:53:41 +01:00
parent 40af1b8d0b
commit 0fc19d3fcf
9 changed files with 181 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

109
www/data/css/styles.css
View File

@@ -1,14 +1,21 @@
html, body{ height:100%; margin:0; }
body {
margin: 0;
background-color: #EEE;
color: #CCC;
display:flex;
flex-direction:column;
}
#content {
padding-top: 64px;
display: flex;
justify-content: center;
line-height: 1.4;
}
.headerdiv {
@@ -48,6 +55,7 @@ body {
border-left: 1px solid #000;
border-right: 1px solid #000;
font-weight: bold;
text-decoration: none;
margin: 0px 0px 0px 20px;
padding: 2px 5px;
@@ -210,3 +218,104 @@ body {
.euler_pnl_celltime_fail { background: #D89D9D; }
.euler_pnl_cell_notexist { background: #CCCCCC; }
.content-responsive {
margin-left: auto;
margin-right: auto;
}
@media(max-width:767px) { .content-responsive { width: auto; } }
@media(min-width:768px) { .content-responsive { width: auto; } }
@media(min-width:992px) { .content-responsive { width: 724px; } }
@media(min-width:1200px){ .content-responsive { width: 1170px; } }
#footerdiv {
margin-top:auto;
padding-bottom: 10px;
background-color: transparent;
text-align: center;
}
#footerdiv hr {
margin-bottom: 5px;
display:block;
border:none;
color:white;
height:1px;
background: #CCCCCCFF;
background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 350, from(#CCCCCCFF), to(#FFFFFF00));
}
.contentheader {
width: 100%;
color: #333;
font-size: large;
}
.contentheader h1 {
font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 48px;
font-weight: 900;
margin-bottom: 0;
}
@media(max-width:767px) { .contentheader h1 { font-size: 32px; } }
.contentheader hr {
margin: 0 0 25px 0;
display:block;
border:none;
color:white;
height:1px;
background: #CCCCCCFF;
background: -moz-linear-gradient( left, #CCCCCCFF, #FFFFFF00);
background: -webkit-linear-gradient(left, #CCCCCCFF 0%,#FFFFFF00 100%);
}
.blockcontent {
display: block;
width: 100%;
}
.bloglistelem_container {
display: flex;
align-items: center;
flex-direction: column;
}
.bloglistelem {
width: 100%;
border: solid 1px #444;
margin: 10px 5px;
color: #333;
text-decoration: none;
}
.bloglistelem:hover {
box-shadow: 0 0 4px #000000;
}
.ble_blog { background-color: #BBB; }
.ble_log { background-color: #DDD; }
.ble_blog .ble_date { background-color: #AAA; }
.ble_log .ble_date { background-color: #CCC; }
.ble_date {
background-color: #AAA;
padding: 2px;
font-style: italic;
}
.ble_title {
font-weight: bold;
font-size: 1.5em;
text-align: left;
margin: 2px 0 2px 10px;
}
@media(max-width:767px) { .ble_title { font-size: 1.25em; } }