/* screen.css for the standard Jlog template.
*
* Author: Jeena Paradies
* License: GPL (see LICENSE.txt in this package)
*
*/
/* -- main positionering -- */
body {
font-size: 100.01%;
font-family: verdana, arial, sans-serif;
color: black;
margin: 0;
padding: 0;
background: white url(img/wrapper_bg.jpg) -50px repeat-y;
}
/* text-setup */
#container, #footer {
font-size: 0.8em;
text-align: left;
}
#container {
width: 100%;
margin: 0;
padding: 0;
background: transparent;
/* border: 1px solid red; */
border-collapse: collapse;
}
#subnav, #main, #toolsmenu {
vertical-align: top;
/* border: 1px dashed lime; */
}
#header {
height: 160px;
width: 760px;
background: transparent url(img/logo.jpg) top left no-repeat;
color: #0031bc;
margin: 0 50px 0 50px;
padding: 0;
}
#headerWappen {
margin: 0;
padding: 105px 5px 5px 200px;
/* border: 1px solid red; */
}
#headerWappen img {
display: inline;
margin-right: 50px;
}
#main {
width: auto;
margin: 0;
padding: 0.3em 0.3em 1em 0.3em;
border: 1px solid #3366CC;
}
#main h1, #main h2, #main h3, #main h4, #main h5, #main h6 {
color: #003399;
}
/* -- subnavigation -- */
#subnav {
width: 160px;
margin: 0;
padding: 0 5px 0 3px;
font-size: 0.9em;
color: #003399;
}
#toolsmenu {
width: 200px;
margin: 0;
padding: 0 5px 0 3px;
font-size: 0.9em;
color: #003399;
}
#subnav dl, #toolsmenu dl { margin: 0.5em 0; padding: 0; }
#subnav *, #toolsmenu * { margin: 0 3px 0 3px; }
#subnav a:link, #subnav a:visited, #toolsmenu a:link, #toolsmenu a:visited { color: #003399; }
#subnav a:hover, #toolsmenu a:hover { }
#subnav a.anker:link, #toolsmenu a.anker:link, #subnav a.anker:visited, #toolsmenu a.anker:visited, #subnav a.anker:hover, #toolsmenu a.anker:hover { color: #003399; font-style: normal; }
#subnav dt, #toolsmenu dt {
font-weight: bold;
margin-top: 0.5em;
padding-top: 0.7em;
border-bottom: 1px dashed #3366CC;
}
#subnav dt.head, #toolsmenu dt.head {
border-bottom: 2px solid #3366CC;
}
#subnav dd, #toolsmenu dd {
padding: 0.2em 0.5em;
margin: 0;
line-height: 120%;
}
#subnav ul, #toolsmenu ul {
margin: 0; padding: 0;
list-style-type: none;
}
#subnav ul li, #toolsmenu ul li { margin-bottom: 0.5em; }
.rss img { vertical-align: middle; border: 0; width: 94px; height: 15px; }
/* -- footer -- */
#footer {
height: 60px;
text-align: center;
margin: 0 200px 0 220px;
padding-top: 0.5em;
/*border-top: 1px solid #0031BC;*/
color: #0031BC;
clear: both;
background: transparent;
}
#footer {display: inline-table;}
/* Hides from IE-mac \*/
* html #footer {height: 1%;}
#footer {display: block;}
/* End hide from IE-mac */
/* -- basic styles -- */
.skip {
position: absolute;
left: -999px;
width: 990px;
}
hr {
background-color: #0031BC;
color: #0031BC;
}
hr.sidebar {
background: #003399;
color: #0031BC;
height: 3px;
}
.clear { clear: both; }
.error { color: red; }
blockquote {
background: url(img/border.png) repeat-y;
padding: 0 0.5em;
font-style: italic;
}
#searchform { text-align: center; }
.meta.date { margin-top: 0; }
.meta { font-style: italic; font-size: 0.85em; }
.searchword { background: yellow; }
/* -- pictures -- */
#main img { max-width: 95%; }
.fl { float: left; margin: 0 1em 1em 0; }
.fr { float: right; margin: 0 0 1em 1em; }
#main img, dl.img {
border: 1px solid #aaa;
padding: 2px;
}
dl.img dt { padding: 0; margin: 0;}
#main dl.img dt img { margin: 0; padding: 0; max-width: 100%; border: none; }
dl.img dd { margin: 0; padding: 0 0.3em; font-size: 90%; }
/* -- main link styles -- */
a:link { color: #18518b; }
a:visited { color: #555; }
a:hover { color: black; }
/* -- headlines -- */
h2, h3, h4, h5, h6 {
font-weight: normal;
font-family: verdana, sans-serif;
position: relative;
z-index: 2;
color: #0031BC;
}
h2 { font-size: 1.7em; margin: 0; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; }
h5 { font-size: 1em; }
h6 { font-size: 0.9em; }
h2 a:link, h2 a:visited,
.teaser h3 a:link, .teaser h3 a:visited,
.teaser h4 a:link, .teaser h4 a:visited { text-decoration: none; color: #0031BC; }
h2 a:hover, .teaser h3 a:hover, .teaser h4 a:hover { text-decoration: underline; }
.teaser h3, .teaser h4 { margin: 0; }
/* -- textareas and inputs -- */
fieldset { border: 1px solid #aaa; padding: 1em; }
legend { padding: 1em; font-weight: bold; }
input.long, input.short, input.userdata, textarea, select {
background: #f7f7f7;
border: 1px solid #bbb;
border-right: 1px solid #d8d8d8;
border-bottom: 1px solid #D8D8D8;
}
/* -- aditional styles for the home- and searchpage -- */
.teaser h2 { font-size: 1.3em; }
.teaser h3, .teaser h4 { font-weight: bold; }
.teaserpic { float: right; margin: 0 0 1em 1em; }
.entries , .search li { list-style-type: none; }
.search li { border-top: 1px solid #d8d8d8; padding-top: 1em; }
ul.search { margin: auto 5%; padding-left: 0; }
h2.search { text-align: center; }
.archive { margin-left: 5%; }
.archivenavigation { text-align: center; border-top: 1px dotted #aaa; padding-top: 0.7em; margin-top: 2em; }
/* -- comments -- */
p.hidecomments { font-size: 0.75em; text-align: right; line-height: 1px; padding: 0; margin-bottom: 0; }
#preview li { border: solid 1px red; }
ul.comments .meta { font-size: 1.3em; }
ul.comments { list-style-type: none; font-size: 0.9em;}
ul.comments li {
padding: 0 1em 0.5em 1em;
margin: 1em 0;
background: #f7f7f7;
border: 1px solid #ccc;
border-left: 1px solid #d8d8d8;
border-top: 1px solid #D8D8D8;
/* overflow-x: scroll; */
}
ul.comments li p { margin: 0.5em; }
ul.comments a.permalink {
font: normal bold 1.5em monospace;
border-right: 1px solid #d8d8d8;
text-decoration: none;
padding-right: 0.2em;
margin-right: 0.2em;
}
ul.comments a.permalink:hover { text-decoration: underline; }
#pingbackslist { margin-bottom: 3em; }
textarea { width: 90%; min-width: 10em; }