190 lines
3.3 KiB
CSS
190 lines
3.3 KiB
CSS
/* vim: ts=4 sw=4 et: */
|
|
|
|
@import url(normalize.css);
|
|
|
|
@-webkit-keyframes fade {from {opacity: 0;} to { opacity: 1;}}
|
|
@-moz-keyframes fade {from {opacity: 0;} to { opacity: 1;}}
|
|
@-ms-keyframes fade {from {opacity: 0;} to { opacity: 1;}}
|
|
@-o-keyframes fade {from {opacity: 0;} to { opacity: 1;}}
|
|
@keyframes fade {from {opacity: 0;} to { opacity: 1;}}
|
|
|
|
|
|
body {
|
|
font-family: "Lucida Grande", "Gargi_1.7", "Garuda", "Jamrul", "Loma", "Malayalam", "Mukti Narrow", sans-serif;
|
|
font-size: 16px;
|
|
line-height: 1.5em;
|
|
color: #444;
|
|
background-color: #FAFAFA;
|
|
-webkit-animation: fade 600ms 1 ease-in-out;
|
|
-moz-animation: fade 600ms 1 ease-in-out;
|
|
-ms-animation: fade 600ms 1 ease-in-out;
|
|
-o-animation: fade 600ms 1 ease-in-out;
|
|
animation: fade 600ms 1 ease-in-out;
|
|
}
|
|
|
|
h1, h2, h3,
|
|
h4, h5, h6,
|
|
header .meta {
|
|
color: #222;
|
|
font-family: "Century Schoolbook L", "Georgia", "Nimbus Roman No9 L", "Norasi", "Rekha", serif;
|
|
line-height: 1.1em;
|
|
}
|
|
|
|
hr {
|
|
visibility: hidden;
|
|
padding-bottom: 1em;
|
|
}
|
|
|
|
hr:after,
|
|
#page-foot:before {
|
|
visibility: visible;
|
|
content: '\2042';
|
|
display: block;
|
|
text-align: center;
|
|
}
|
|
|
|
article {
|
|
margin-bottom: 4em;
|
|
}
|
|
|
|
article header h1 {
|
|
padding: .1em 0;
|
|
margin: 0;
|
|
}
|
|
|
|
article header .meta {
|
|
font-size: .9em;
|
|
}
|
|
|
|
article header .meta a { text-decoration: none; }
|
|
|
|
article:after {
|
|
content: '\00A7';
|
|
display: block;
|
|
text-align: center;
|
|
font-weight: lighter;
|
|
font-size: 1.5em;
|
|
}
|
|
|
|
article:last-of-type:after {
|
|
content: '';
|
|
}
|
|
|
|
#page-head {
|
|
text-align: center;
|
|
padding-top: .5em;
|
|
}
|
|
|
|
#page-head h1 {
|
|
font-size: 4em;
|
|
}
|
|
|
|
#page-head h1 a:hover {
|
|
text-decoration: none;
|
|
}
|
|
|
|
#page-side {
|
|
line-height: 1.2em;
|
|
}
|
|
|
|
#page-side ul {
|
|
padding: 0 0 0 1.3em;
|
|
margin: .4em 0 .6em .4em;
|
|
list-style-type: square;
|
|
}
|
|
|
|
#page-side li a {
|
|
color: #555;
|
|
}
|
|
|
|
#page-side li.active {
|
|
color: firebrick;
|
|
}
|
|
|
|
#page-side li.active a {
|
|
color: #222;
|
|
}
|
|
|
|
#page-foot {
|
|
font-size: .8em;
|
|
text-align: center;
|
|
}
|
|
|
|
#pagination {
|
|
display: block;
|
|
margin-bottom: 4em;
|
|
text-align: center;
|
|
}
|
|
|
|
#tag-cloud li:hover {
|
|
-webkit-transform: rotate(0deg), scale(1.3, 1.3) !important;
|
|
-moz-transform: rotate(0deg), scale(1.3, 1.3) !important;
|
|
-ms-transform: rotate(0deg), scale(1.3, 1.3) !important;
|
|
-o-transform: rotate(0deg), scale(1.3, 1.3) !important;
|
|
transform: rotate(0deg), scale(1.3, 1.3) !important;
|
|
}
|
|
|
|
#tag-cloud a {
|
|
text-decoration: none;
|
|
}
|
|
|
|
h1.small-title {
|
|
font-size: 1em;
|
|
font-style: italic;
|
|
font-weight: normal;
|
|
}
|
|
|
|
a, a:link, a:visited {
|
|
text-decoration: underline;
|
|
color: #29476B;
|
|
}
|
|
|
|
a:active, a:focus {
|
|
outline-width: 1px;
|
|
outline-style: dotted;
|
|
}
|
|
|
|
h1 a, h2 a, h3 a,
|
|
h4 a, h5 a, h6 a {
|
|
color: inherit !important;
|
|
text-decoration: none!important;
|
|
}
|
|
|
|
a.goto {
|
|
font-size: .8em;
|
|
color: #444;
|
|
padding: 0;
|
|
margin: 0em .2em;
|
|
}
|
|
|
|
pre, img {
|
|
overflow: auto;
|
|
max-width: 95%;
|
|
}
|
|
|
|
pre {
|
|
font-family: monospace;
|
|
font-size: 0.95em;
|
|
line-height: 1.15em;
|
|
background-color: #F5F5F5;
|
|
border: 3px solid silver;
|
|
overflow: auto;
|
|
padding: 0.5em;
|
|
}
|
|
|
|
@media screen and (max-width: 650px) {
|
|
body {
|
|
font-size: 15px;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 500px) {
|
|
body {
|
|
font-size: 14px;
|
|
}
|
|
|
|
#page-head h1 {
|
|
font-size: 2.5em;
|
|
}
|
|
}
|