Julkalender -

Lucka 10 - Gratis stilmall

Publicerat 2010-12-10 00:00:00 i Allmänt
10 december och lucka 10 ;) Idag tänkte jag faktiskt dela med mig av en design! Observera att det inte är en jätte kompilicerad design men kanske lite bättre än grundmallarna?
Klicka för att se större
Här är stilmallen:

body {
margin: 0px;
padding:0px;
background: #e4decd;
}

a {
color: #999999;
}
a:hover {color: #80FF9F;}

#wrapper {
clear:none;
margin: 0px auto;
padding: 0px;
width: 900px;
background-color: #FFFFFF;
}


#wrapper:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

p {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

#header {
background: #ffffff
url(http://novala.blogg.se/jojjisan/images/2010/julkalenderdesign_redigerad-1_120726809.jpg) no-repeat right center;
padding-left: 0px;
padding-bottom:0px;
padding-top:0px;
margin: 0px 0px 20px;
width: 900px;
height: 400px;
}

#side {
float: left;
width: 200px;
margin: 0px;
padding: 24px 18px 0px 12px;
left:-30px;
}

#content {
overflow: hidden;
width: 600px;
position:relative;
left:0px;
padding: 20px 0px;
voice-family:"\"}\"";
voice-family:inherit;
width:600px;
float: right;
margin: 0px 10px 0px 0px;
}

#header a {
color: #e4decd;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 0px;
font-weight: normal;
}

h1 {
font-family: arial, verdana, sans-serif;
font-size: 14px;
font-weight: bold;
color: #000;
text-transform:uppercase;
margin: 0px;
padding: 0px;
height: 30px;
}

h2 {
font-family: arial, verdana, sans-serif;
font-size: 11px;
font-weight: normal;
color: #000000;
margin: 0px;
padding: 0px;
width: 170px;
}

** Entry headers **/ h3 {
font-family: century gothic, verdana, sans-serif;
font-size: 20px;
font-weight: bold;
color: #373737;
background: #ffffff;
text-align: left; }



 .navheader {
font-family: arial, verdana, sans-serif;
font-size: 13px;
background: #ffffff;
border-top-width: 0px;
border-top-style: solid;
border-top-color: #959595;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #959595;
font-weight: normal; color: #373737;
text-align: left; margin-bottom: 3px;
margin-top: 3px; height: 17px; text-transform: uppercase; }

.nav {
font-family: verdana, Arial, Helvetica, Sans-serif;
font-size: 11px;
font-weight: bold;
color: #000000;
margin: 0px;
}

.nav ul {
margin: 0px 0px 12px;
padding: 5px 10px 10px;
font-weight: normal;
background-color: #FFFFFF;
}

.nav li {
list-style: none;
padding: 0px 0px 6px 0px;
font-weight: normal;   
}

.nav a { color: #000000; text-decoration: none; }
.nav a:hover { color: #e4decd; text-decoration: none; }

/** Post's body text **/
.entrybody {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #000000;
line-height: 150%;
margin: 0px 0px 10px;
background-color: #FFFFFF;
padding: 10px;
}

/** 'Posted by' txt **/
.entrymeta {
font-family: verdana, arial, sans-serif;
font-size: 10px;
font-weight: normal;
color: #666;
text-align:right;
}

.entrymeta a { color: #000000; text-decoration: none;}
.entrymeta a:hover { color: #e4decd; text-decoration: none; }

.commentheader {
font-family:  courier new;
font-size: 16px;
font-weight: bold;
background-color:#000000;
padding:5px;
color: #FFFFFF;
}

.commenttext {
font-family: verdana, arial, sans-serif;
font-size: 11px;
font-weight: normal;
color: #000;
line-height: 130%;
}

.commentmeta {
font-family: verdana, arial, sans-serif;
font-size: 10px;
font-weight: normal;
color: #999999;
margin: 10px 0px 20px 0px
}

.commentmeta a { color: #000000; text-decoration: none; }
.commentmeta a:hover { color: #e4decd; text-decoration: none; }

.commentform {
font-family: verdana, arial, sans-serif;
font-size: 11px;
font-weight: normal;
color: #333333;
margin: 0px 0px 20px 0px
}

.separator {
border-top: 0px solid #CCCCCC;
border-bottom: 0px solid #CCCCCC;
margin: 14px 0px 14px 0px
}

.default {
font-family: Arial, Helvetica, Sans-serif;
font-size: 11px;
color: #333;
font-weight: bold;
padding: 0px 0px 10px 0px;
text-transform: uppercase;
}

.subside {
font-family: "Trebuchet MS" Verdana, Arial, Helvetica, Sans-serif;
font-size: 11px;
font-weight: normal;
padding: 0px 0px 0px 0px;
}


.xmlButton {
border:1px solid;
border-color:#FC9 #630 #330 #F96;
padding:0 3px;
font:bold 10px Verdana, Arial, Helvetica, Sans-serif;
color:#FFF;
background:#F60;
text-decoration:none;
margin:0;
}

.image {
border: 2px solid #CCCCCC;
background-color:#FFFFFF;
padding:2px;
margin: 0px 6px 6px 0px;
}

.thumbnail {
border: 2px solid #CCCCCC;
background-color:#FFFFFF;
padding:2px;
margin: 0px 6px 6px 0px;
}

.video{
padding: 0px 0px 0px 0px;
}

.fieldName{
font-family: verdana, arial, sans-serif;
font-size: 11px;
margin: 0px 0px 12px 0px
}

select{
font-family: verdana, arial, sans-serif;
font-size: 11px;
}

#calendar {
color: #333333;
font-family: 'Trebuchet MS', Verdana, sans-serif;
padding: 0px;
text-align: left;
background-color: #FFFFFF;
margin: 12px 0px 12px 0px;
padding: 10px;
}

#calendar table {
padding: 1px;
/*border-collapse: collapse;*/
border: 0px;
}

#calendar table caption {
color: #666666;
font-family : Arial, Helvetica, Sans-serif;
font-size : 0.7em;
border-bottom: 1px solid #999999;
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: 1px solid #666666;
text-align: center;
font-size: xx-small;
}

#calendar table tr ul  {
color: #666666;
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 #666666;
}

#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;
color: #666666;
}

#calendar table tr td ul li {
color: #666666;
}

#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 {
padding: 10px;
background-color: #FFFFFF;
margin: 0px 0px 10px;
}

#profile {
font-family:  Verdana, Helvetica, Sans-serif;
font-size: 11px;
font-weight: normal;
margin: 0px 0px 0px 0px;
padding-left: 16px;
}

#profile h4{
font-family:  Arial, Helvetica, Sans-serif;
font-size: 14px;
font-weight: bold;
color: #666666;
text-transform: uppercase;
padding: 0px 0px 0px 0px;
margin: 0px 0px 6px 0px;
}

#profile p{
}
Kanske inte så många som har nytta av den men några kanske har? :D
Aja, ni får ha det så bra.
Puss&Kram♥

P.S Om du är sugen på en lite mer personlig design får du gärna mejla mig på [email protected] ;) D.S
Rubrik:
Direktlänk, 0 Kommentarer
Kommentarer
Trackback
Lucka 10 - Gratis stilmall

Kommentera inlägget här:

Julkalender
