/*############################################################# Name: Transparentia Date: 2006-08-20 Description: Simple, lightweight and slightly blue. Author: Viktor Persson URL: http://templates.arcsin.se Feel free to use and modify but please provide credits. #############################################################*/ /* standard elements */ * { margin: 0; padding: 0; } a { color: #36C; } a:hover { color: #06F; } body { background: #EEE url(img/bg.gif); color: #444; font: normal 62.5% "Lucida Sans Unicode",sans-serif; margin: 0; } input { color: #555; font: normal 1.1em "Lucida Sans Unicode",sans-serif; } p,ul,ol { font-size: 1.2em; padding-bottom: 0px; margin-top: 18px; margin-bottom: 12px; } .nospace { margin-top: 0px; margin-bottom: 0px; } .nospacebottom { margin-top: 18px; margin-bottom: 0px; } .head { margin-top: 24px; margin-bottom: 2px; } h1 { font-size: 1.6em; margin-bottom: 2px; } code { background: url(img/bgcode.gif); border: 1px solid #F0F0F0; border-left: 6px solid #39F; color: #555; display: block; font: normal 1.1em "Lucida Sans Unicode",serif; margin-bottom: 12px; padding: 8px 10px; white-space: pre; } cite { background: url(img/quote.gif) no-repeat; color: #666; display: block; font: normal 1.3em "Lucida Sans Unicode",serif; padding-left: 28px; } h1,h3 { color: #003399; padding-top: 6px; } h2 { color: #003399; margin-top: 26px; font-size: 1.4em; margin-bottom: 0px; } /* misc */ .clearer { clear: both; } /* structure */ .container { background: url(img/bgcontainer.gif) repeat-y; margin: 0 auto; padding-bottom: 6px; width: 767px; } .header { } /* title */ .title h1 { color: #FFF; font: normal 2.5em Verdana,sans-serif; height: 150px; line-height: 150px; margin-bottom: 8px; text-align: left; } .title img { margin-bottom: 8px; } /* navigation */ .navigation { margin-bottom: 4px; } .navigation a { background-color: #4A91C3; color: #FFF; float: left; font: bold 1.2em "Trebuchet MS",sans-serif; padding: 8px 0; width: 19%; border-right: 1px solid #FFF; text-align: center; text-decoration: none; } .navigation a:hover { background-color: #000; color: #FFF; } /* main */ .main { clear: both; padding: 8px 18px; } /* main left */ .sidenav h1,.sidenav ul { padding-left: 12px; } .sidenav { background: #EEE; border: 1px solid #E5E5E5; float: left; width: 200px; } .sidenav h1 { color: #666; font-size: 1.2em; height: 20px; margin-top: 1.2em; } .sidenav ul { border-top: 1px solid #FAFAFA; background: url(img/bgul.gif) repeat-x; margin: 0; padding: 0; } .sidenav li { border: 1px solid #FAFAFA; border-top: none; list-style: none; margin: 0; } .sidenav li a { color: #777; display: block; font-size: 0.9em; padding: 3px 6px 3px 14px; text-decoration: none; } .sidenav li a:hover { color: #111; } /* content */ .content { float: right; width: 520px; } .content .item { padding: 6px 12px; border: 1px solid #EEE; background: #FFF; margin-bottom: 8px; } .content .descr { color: #333; margin-bottom: 6px; } .content li { margin-left: 8px; } /* search form */ form { padding: 0 0 6px 8px; } .styled { border: 1px solid #DDD; padding: 4px; } .button { background: url(img/search.gif) no-repeat left bottom; border: none; height: 27px; width: 27px; } /* footer */ .footer { background: #FFF; border: 1px solid #EEE; color: #666; font-size: 1.1em; margin: 0 auto; text-align: center; padding: 6px; width: 720px; } .footer a { color: #36C; text-decoration: none; } .footer a:hover { color: #06F; text-decoration: underline; } /*#############################################################
Name: Transparentia
Date: 2006-08-20
Description: Simple, lightweight and slightly blue.
Author: Viktor Persson
URL: http://templates.arcsin.se
Feel free to use and modify but please provide credits.
#############################################################*/
/* standard elements */
* {
margin: 0;
padding: 0;
}
a {
color: #36C;
}
a:hover {
color: #06F;
}
body {
background: #EEE url(img/bg.psd);
color: #444;
font: normal 62.5% "Lucida Sans Unicode",sans-serif;
margin: 0;
}
input {
color: #555;
font: normal 1.1em "Lucida Sans Unicode",sans-serif;
}
p,ul,ol {
font-size: 1.2em;
padding-bottom: 0px;
margin-top: 18px;
margin-bottom: 12px;
}
.nospace {
margin-top: 0px;
margin-bottom: 0px;
}
.nospacebottom {
margin-top: 18px;
margin-bottom: 0px;
}
.head {
margin-top: 24px;
margin-bottom: 2px;
}
h1 {
font-size: 1.6em;
margin-bottom: 2px;
}
code {
background: url(img/bgcode.gif);
border: 1px solid #F0F0F0;
border-left: 6px solid #39F;
color: #555;
display: block;
font: normal 1.1em "Lucida Sans Unicode",serif;
margin-bottom: 12px;
padding: 8px 10px;
white-space: pre;
}
cite {
background: url(img/quote.gif) no-repeat;
color: #666;
display: block;
font: normal 1.3em "Lucida Sans Unicode",serif;
padding-left: 28px;
}
h1,h3 {
color: #003399;
padding-top: 6px;
}
h2 {
color: #003399;
margin-top: 26px;
font-size: 1.4em;
margin-bottom: 0px;
}
/* misc */
.clearer {
clear: both;
}
/* structure */
.container {
background: url(img/bgcontainer.gif) repeat-y;
margin: 0 auto;
padding-bottom: 6px;
width: 767px;
}
.header {
}
/* title */
.title h1 {
color: #FFF;
font: normal 2.5em Verdana,sans-serif;
height: 150px;
line-height: 150px;
margin-bottom: 8px;
text-align: left;
}
.title img {
margin-bottom: 8px;
}
/* navigation */
.navigation {
margin-bottom: 4px;
}
.navigation a {
background-color: #4A91C3;
color: #FFF;
float: left;
font: bold 1.2em "Trebuchet MS",sans-serif;
padding: 8px 0;
width: 19%;
border-right: 1px solid #FFF;
text-align: center;
text-decoration: none;
}
.navigation a:hover {
background-color: #000;
color: #FFF;
}
/* main */
.main {
clear: both;
padding: 8px 18px;
}
/* main left */
.sidenav h1,.sidenav ul {
padding-left: 12px;
}
.sidenav {
background: #EEE;
border: 1px solid #E5E5E5;
float: left;
width: 200px;
}
.sidenav h1 {
color: #666;
font-size: 1.2em;
height: 20px;
margin-top: 1.2em;
}
.sidenav ul {
border-top: 1px solid #FAFAFA;
background: url(img/bgul.gif) repeat-x;
margin: 0;
padding: 0;
}
.sidenav li {
border: 1px solid #FAFAFA;
border-top: none;
list-style: none;
margin: 0;
}
.sidenav li a {
color: #777;
display: block;
font-size: 0.9em;
padding: 3px 6px 3px 14px;
text-decoration: none;
}
.sidenav li a:hover {
color: #111;
}
/* content */
.content {
float: right;
width: 520px;
}
.content .item {
padding: 6px 12px;
border: 1px solid #EEE;
background: #FFF;
margin-bottom: 8px;
}
.content .descr {
color: #333;
margin-bottom: 6px;
}
.content li {
margin-left: 8px;
}
/* search form */
form {
padding: 0 0 6px 8px;
}
.styled {
border: 1px solid #DDD;
padding: 4px;
}
.button {
background: url(img/search.gif) no-repeat left bottom;
border: none;
height: 27px;
width: 27px;
}
/* footer */
.footer {
background: #FFF;
border: 1px solid #EEE;
color: #666;
font-size: 1.1em;
margin: 0 auto;
text-align: center;
padding: 6px;
width: 720px;
}
.footer a {
color: #36C;
text-decoration: none;
}
.footer a:hover {
color: #06F;
text-decoration: underline;
}