You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

156 lines
2.3 KiB

body{
margin:0px;
font: 14px "SnigletRegular";
color:midnightblue;
}
h1{
font-size: 42px;
line-height:45px;
margin: 0.3em 0;
font: 36px "SnigletRegular";
text-align:left;
font-weight: bold;
}
blockquote{
font-weight:bold;
}
a{
color:lightseagreen;
text-decoration: none;
}
h1 a{
color:black;
}
hr{
border:0;
border-bottom:1px solid midnightblue;
}
header, section{
width: calc(100% - 4em);
padding:0 2em;
}
header{
height: 200px;
margin:0;
}
#menu{
position: absolute;
top:0.3em;
left:calc(50% + 2em);
width: 250px;
margin:0;
}
#menu select{
height:3em;
vertical-align: middle;
}
#content{
}
.featured {
max-width: calc(50% - 5.5em);
float: left;
padding: 0 2em;
margin:2em 0;
/*background-color: #7781ef;*/
/*background-color: rgba(240,240,240,1);*/
/*background-color: powderblue;*/
/*box-shadow: 1.1em 1.1em gainsboro;*/
}
.featured:nth-child(even) {
float:right;
margin-top: 10em;
}
.featured:last-of-type{
margin-bottom:5em;
}
.entry-title{
/* circle */
border: 0;
border-radius: 15px 50px;
/*-webkit-transform: skew(20deg);
-moz-transform: skew(20deg);
-o-transform: skew(20deg);*/
background-color: #95cc74;
padding: 2em;
text-align: center;
box-shadow: 0em 3em rgba(230,230,230,1);
}
.entry-subtitle{
font-size: 12px;
line-height: 1.5;
text-align:left;
margin:2em 0 1em;
/*margin-left:50px;*/
color:black;
}
.entry-content{
font: 16px serif;
line-height: 28px;
letter-spacing: 0.01em;
/*font-weight:500;*/
line-break:strict;
}
.entry-tags a{
font-weight:bold;
text-decoration: underline;
/*color:midnightblue;*/
color:black;
}
.entry-category{
font-weight:bold;
font-style: italic;
}
.entry-date{
font-style:italic;
}
#list{
margin:3em 0;
clear: both;
}
#list ul, #list li{
list-style: none;
padding:0;
margin:2em 0;
}
#list .entry-title{
margin-top:0; /* reset */
margin-bottom:0; /* reset */
padding:1em 2em;
}
footer{
width: calc(100% - 4em);
margin:0;
padding:2em;
left:0;
background-color: black;
color:white;
clear:both;
}
@media only screen and (orientation:portrait) {
body {
}
#menu{
clear:both;
max-width: 100%;
}
.featured{
max-width: calc(100% - 8em); !important
clear:both; !important
}
.featured:nth-child(even) {
clear:both; !important
}
.entry-content{
max-width: 90%;
}
}