Design #2 - stilsett

body {
background-color: #f0efed;
background-image: url(http://static.tumblr.com/q69qlzt/M6nlj8lvh/kgd.png) ;
background-repeat:
repeat;
background-attachment:
fixed;
}
a { color: #cfcfcf; text-decoration: none;}
a:link { color: #afafaf; text-decoration: none;}
a:visited { color: #cfcfcf; text-decoration: none;}
a:active { color: #cfcfcf; text-decoration: none;}
a:hover {color: #efe4df; text-decoration: none;}
#wrapper {
clear: none;
margin: auto;
padding: 10px 20px 10px 20px;
width: 1030px;
background-color: #transparent;
border: 20px solid #transparent;
font-family: arial; font-size: 8pt; color: #555;
}
#wrapper:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#header { background-image: url(http://i56.tinypic.com/14t7r14.jpg);
background-color: #transparent;
height: 120px;
width: 777px;
margin: 10px 0px 0px 0px;
border-right: 3px solid #ffffff;
float: left;
}
#side {
float: right;
width: 165px;
background-color: #ffffff;
font-family: arial;
font-size: 10px;
color: #7E7E7E;
margin-top: -50px;
margin-left: -60px;
margin-right: 40px;
padding-right: 0px;
padding-left: 0px;
border: 10px solid #ffffff;
line-height: 155%;
border-radius: 15px;
}
#main {
float: left;
border: 10px solid #ffffff;
margin-top: -30px;
margin-left: -40px;
width: 800px;
background-color: #ffffff;
}
#content {
overflow: hidden;
float: left;
width: 810px;
padding: 0px 0px 0px 0px;
margin-left: -50px;
line-height: 150%;
border: 15px solid #ffffff;
background-color: #ffffff;
}
h1 {
font-family: georgia;
font-size: 14px;
text-transform:uppercase;
margin: 0px;
padding: 0px;
height: 30px;
}
h2 {
color: #EDD8D8;
font-family: arial;
font-size: 28px;
font-weight: normal;
text-transform: uppercase;
margin-bottom: -14px;
margin-top: 0px;
padding-bottom: 0px;
line-height: 140%;
border-bottom: dotted #eeeeee;
}
/** Entry headers **/
h3 {
font-family: times new roman;
font-size: 27px;
color: #626262;
text-transform:nonecase;
font-weight: normal;
font-style: ;
letter-spacing: 0px;
padding: 5px 9px 9px 0px;
margin-bottom: 0px;
margin-top: 12px;
line-height: 170%;
text-align: center;
}
h5 {
font-family: times new roman;
font-size: 12px;
color: #626262;
text-transform:nonecase;
font-weight: normal;
font-style: ;
letter-spacing: 0px;
padding: 0px 0px 0px 0px;
margin-bottom: 0px;
margin-top: 0px;
line-height: 170%;
text-align: center;
}
.navheader { font-family: georgia; font-size: 12px; color: #a8a8a8; padding:0px 0px 0px; margin-bottom:0px; text-transform: uppercase; line-height: 150%; }
.nav { font-family: georgia; font-size: 12px; font-weight: normal; font-color: #a8a8a8; margin: 0px; line-height: 150%; }
.nav ul { margin: 0px 0px 12px; padding: 0px 0px 0px; font-weight: normal; line-height: 150%; } .nav li {
list-style: underline; padding: 0px 0px 0px 0px; font-weight: normal; color: #FFFFFF; } .nav a { color: #494949; text-decoration:underline;}
.nav a:hover {text-decoration: underline;} /** Post's body text **/ .entrybody { font-family: arial; font-size: 12px; font-weight: normal; letter-spacing: 0px; text-align: left; color: #666666; line-height: 150%; margin: 0px 0px 10px 0px; padding: 10px 0px 10px 0px; border-top: 0px dotted #E2E6DD; }
/** 'Posted by' txt **/
.entrymeta {
font-family: arial;
font-size: 9px;
font-weight: normal;
text-transform: uppercase;
color: #5D5D5D;
text-align: center;
letter-spacing: 0px;
line-height: 3%;
margin: 0px 0px 0px 0px;
}
.entrymeta a { color: #8a8a8a; }
.entrymeta a:hover { color: #d8c6cb; text-decoration: none;}
.commentheader {
font-family: arial;
font-size: 13px;
font-weight: normal;
letter-spacing: 0px;
color: #E3BBBB;
line-height: 130%;
margin: 10px 10px 0px 15px;
}
.commenttext {
font-family: georgia;
font-size: 13px;
font-weight: normal;
color: #626262;
line-height: 100%;
margin: 10px 10px 0px 0px;
}
.commentmeta {
font-family: arial;
font-size: 10px;
font-weight: normal;
color: #626262;
margin: 10px 10px 10px 0px;
padding-bottom: 10px;
line-height: 130%;
border-bottom: 0px dashed #E7E0D6;
}
.commentmeta a { color: #7e7e77; }
.commentmeta a:hover { color: #d8c6cb; text-decoration: none}
.commentform {
font-family: georgia;
font-size: 13px;
text-transform: normal;
font-weight: normal;
color: #E3BBBB;
margin: 10px 10px 20px 15px;
line-height: 130%;
}
#navbar {
padding: 5px;
height: 1em;
width: auto;
margin: 0px;
text-align: center;
}
#navbar li {
float: left;
list-style: none;
width: 150px;
background-color: #ffffff;
}
#navbar li a {
padding: 5px;
display: block;
border-bottom: 0px dashed #F7D7EE;
color: #454343;
text-decoration: none;
font-family: georgia;
font-size: 10px;
line-height: 12px;
}
#navbar li ul {
padding: 5px;
display: none;
width: em;
background-color: #ffffff;
}
#navbar li:hover ul, #navbar li.hover ul {
display: block;
position: absolute;
margin: 0;
padding: 0;
z-index: 1;
text-align: left;
}
#navbar li:hover li, #navbar li.hover li {
float: none;
}
#navbar li:hover li a, #navbar li.hover li a {
border-bottom: 0px dotted #ffc0c0;
color: #454343;
}
#navbar li li a:hover {
background-color: #ffffff;
}
#meny {
width: 610px;
margin-left: auto;
margin-right: auto;
}
/*****************************************************************************
* Calendar*
*****************************************************************************/
#calendar {
color: #000000;
font-family: 'Trebuchet MS', Verdana, sans-serif;
padding: 0px 0px 6px 0px;
text-align: left;
}
#calendar table {
padding: 1px;
/*border-collapse: collapse;*/
border: 0px;
border-bottom: 1px solid #000000;
}
#calendar table caption {
color: #000000;
font-family : Georgia, "Times New Roman", Times, serif;
font-size : 0.7em;
border-bottom: 1px solid #000000;
text-align: left;
font-weight: bold;
text-transform: uppercase;
padding: 3px;
letter-spacing: .3em;
}
#calendar table th {
text-align: center;
font-weight: bold;
font-size: xx-small;
}
#calendar table tr td {
border: 0px solid #EEEEEE;
text-align: center;
font-size: xx-small;
}
#calendar table tr ul {
color: #BBB;
list-style: dot;
margin: 0px 0px 0px 20px;
padding: 4 0 5 0;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 0.7em;
}
#calendar table tr td.cssDayMouseOver {
border: 1px dotted red;
cursor: hand;
}
#calendar table tr td.cssDayMouseOut {
border: 1px solid #F1F1F1;
}
#calendar table tr td.cssEntryBox {
border: 1px solid gray;
padding: 6px;
text-align: left;
background: #FFFFFF;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 0.8em;
}
#calendar table tr td ul li {
}
#calendar table tr td div.cssDayEntryHeader {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 0.8em;
text-align: left;
font-weight: bold;
padding: 4;
}
#calendar table tr td div.cssDayAvailable {
text-decoration: underline;
text-weight: bold;
}
form {
margin: 0px 0px 0px;
padding-left: 0px;
}
.knapp{
border: 0px solid red;
font-size: 11px;
background: white;
color: #8a8a8a;
font-weight: normal;
font-family: arial;
}
#profile { display: none; }

Ingen kommentarer

Skriv en ny kommentar

Her kan du skrive litt om deg selv
Her kan du legge ut et bilde, eller skrive hva du vil. Valgfritt! :)
hits