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

220 lines
3.7 KiB
CSS

/* #contentwrapper { */
/* background-color: rgba(255, 255, 255, 0.5); */
/* overflow: display; */
/* border: 1px solid #CCC; */
/* display: inline-block; */
/* } */
/* #sidebar { */
/* width: 20%; */
/* text-align: right; */
/* border-right: dashed 1px #DDD; */
/* -webkit-box-sizing: border-box; /\* Safari/Chrome, other WebKit *\/ */
/* -moz-box-sizing: border-box; /\* Firefox, other Gecko *\/ */
/* box-sizing: border-box; /\* Opera/IE 8+ *\/ */
/* } */
/* #content { */
/* padding: 10px 10px; */
/* margin: 0; */
/* border-bottom: dashed 1px #DDD; */
/* -webkit-box-sizing: border-box; /\* Safari/Chrome, other WebKit *\/ */
/* -moz-box-sizing: border-box; /\* Firefox, other Gecko *\/ */
/* box-sizing: border-box; /\* Opera/IE 8+ *\/ */
/* } */
#content .full {
width: 100%;
}
#content:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.date {
position: absolute;
right: -10px;
width: 10em;
text-align: center;
border-radius: 0px 0px 0px 15px;
padding: 0.5em;
background-color: #428bca;
color: white;
font-weight: bold;
}
h1 + .date {
margin-top: -3.5em;
}
h2 + .date {
margin-top: -2.5em;
}
.posthead {
margin-bottom: 1.5em;
}
.posthead h2, h1 {
margin-bottom: 0.5em;
}
header {
position: relative;
margin: 0;
padding: 0;
}
#headline {
padding-left: 20%;;
}
#navbar {
font-size: 1em;
padding-left: 20%;;
}
.navbar ul {
list-style-type:none;
margin:0;
padding:0;
}
.navbar li {
display:inline;
color: white;
text-align: center;
}
.navbar li.active a {
background-color: #F30;
color: white;
text-shadow: 0.1em 0.1em 0.1em black;
}
.navbar li a {
text-decoration: none;
display: inline;
text-decoration: none;
font-weight: bold;
color: #CCC;
border-right: 1px solid #555;
padding: 0.5em 1em;
}
.navbar li a:hover {
position: relative;
color: #000;
background-color: #fff;
text-shadow: 2px 2px #fff, -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff;
z-index: 10;
}
.navbar li.active a:hover {
color: #c00;
}
a {
color: #069;
text-decoration: none;
}
.previouspost {
float: left;
}
about ul {
position: relative;
width: 900px;
margin: 0 auto;
}
#about li {
line-height:1.5em;
border-bottom:1px solid #DDD;
float:left;
display:inline;
width: 33.333%;
}
#about i {
/*background-color: #ffd700;*/
/*padding: 5px;*/
/*border-radius: 10px;*/
}
@-webkit-keyframes toright {
from {
padding-left: 0px;
opacity: 0;
}
to {
padding-left: 150px;
opacity: 1;
}
}
@keyframes toright {
from {
padding-left: 0px;
opacity: 0;
}
to {
padding-left: 150px;
opacity: 1;
}
}
@-webkit-keyframes appear{
to {
opacity: 1;
}
from {
opacity: 0;
}
}
@keyframes appear{
to {
opacity: 1;
}
from {
opacity: 0;
}
}
#subheadline {
-webkit-animation-name: toright;
-webkit-animation-duration: 4s;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: linear;
-webkit-animation-fill-mode: forwards;
animation-name: toright;
animation-duration: 4s;
animation-iteration-count: 1;
animation-timing-function: linear;
animation-fill-mode: forwards;
}
.disappear {
-webkit-animation-name: appear;
-webkit-animation-duration: 4s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
-webkit-animation-fill-mode: forwards;
animation-name: appear;
animation-duration: 4s;
animation-iteration-count: 1;
animation-timing-function: linear;
animation-fill-mode: forwards;
}