STILMALLEN/*BAKGRUND*/body {background:url("http://jennysmodemix.se/images/2010/background-valentina_112676463.jpg") repeat fixed 0 0 transparent;
margin:0;
padding-bottom:0;
padding-top:0;
text-align:center;
}
/*LÄNKAR I INLÄGGEN*/a {color:#4E4E4E;text-decoration:none;
}
a:hover {background:none repeat scroll 0 0 transparent;
border-bottom:0 solid #C9BBA0;
border-top:0 solid #574444;
color:#000000;
text-shadow:0 1px 2px #000000; /* denna koden gör länken skuggad*/
}
/*Vill ni även att texten ska vara skuggan då lägger ni till denna texten: ovanför i a:hover*/text-shadow:0 1px 2px #000000;
/*SJÄLVA BLOGGENS BAKGRUND - Den vita ytan*/#wrapper {border-color:#FFE5D6 #BAB4AB #BAB4AB;
border-style:solid;
border-width:0;
margin:25px auto;
padding:0;
text-align:left;
vertical-align:top;
width:987px;
}
/*GÖR ATT BAKGRUNDEN BLIR EN HEL RUTA OCH INTE DELAS*/#wrapper:after {background:none repeat scroll 0 0 #FFFFFF;
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}
/*TEXT dock om du anger <p> själv i kodmallen*/p {margin:0;
padding:0;
}
/*HEADER, rutan längst upp på bloggen*/#header {background:url("http://jennysmodemix.se/images/2010/header-valentina-by-jennysmodemix_112844033.png") repeat scroll 0 0 transparent;
height:240px;
margin:0 auto;
padding:0;
text-align:left;
}
/*SIDOMENYN/*#side {background:url("http://jennysmodemix.se/images/2010/side-bg-jennysmodemix_110101647.png") repeat scroll 0 0 #eaf2f5;
border:2px solid #ffffff;
float:right;
margin:-190px 0 0;
opacity:0.9;
padding:0;
vertical-align:top;
width:189px;
}
/*KODEN FÖR OCH GÖRA SIDOMENYN I BOXAR - glöm ej i så fall och ta bort background under side/*#box {background:url("http://jennysmodemix.se/images/2010/side-bg-jennysmodemix_110101647.png") repeat scroll 0 0 #f5e8e6;
border:2px solid #FFFFFF;
width: 190px;
padding : 0 8px;
}
/*SJÄLVA INLÄGGETS BAKGRUND - använd främst denna för inställningar*/#content {background:none repeat scroll 0 0 #FFFFFF;
border-right:0 solid #F0F0E8;
float:left;
margin-right:0;
margin-top:0;
padding:0;
text-align:right;
vertical-align:top;
width:793px;
}
/*TEXT I HEADER*/#header a {color: #000;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight: normal;
}
h1 {color:#000000;
font-family:arial,verdana,sans-serif;
font-size:14px;
font-weight:bold;
height:30px;
margin:0;
padding:0;
text-transform:uppercase;
}
h2 {color:#000000;
font-family:arial,verdana,sans-serif;
font-size:11px;
font-weight:normal;
margin:0;
padding:0;
width:170px;
}
/*INLÄGGSRUBRIK/*/** Entry headers **/h3 {background:none repeat scroll 0 0 #FFFFFF;
border-bottom:0 dotted #E3E3DE;
border-top:0 dotted #F1F1E7;
color:#5E5851;
font-family:Georgia;
font-size:36px;
font-style:normal;
font-weight:normal;
margin-bottom:0;
margin-top:20px;
padding-bottom:2px;
padding-left:20px;
padding-top:45px;
text-align:center;
}
/*SIDOMENYNS RUBRIK*/.navheader {background:none repeat scroll 0 0 #FFFFFF;
border-bottom:0 solid #625F5F;
border-top:0 dotted #F1F1E7;
color:#9A9890;
font-family:georgia;
font-size:12px;
font-weight:normal;
margin-bottom:3px;
margin-top:3px;
padding:1px 5px;
text-align:left;
text-transform:uppercase;
}
/*SIDOMENYNS YTA, dvs rubriker, länkar osv*/.nav {color:#685C58;
font-family:tahoma;
font-size:10px;
font-weight:normal;
padding-left:0;
padding-right:0;
padding-top:3px;
}
/*LÄNKLISTA*/.nav ul {background-color:#FFFFFF;
font-weight:normal;
margin:0 0 7px;
padding:5px 10px 18px;
}
/*LÄNKAR I SIDOMENYN*/.nav li {font-weight:normal;
list-style:none outside none;
padding:0 0 6px;
}
/*HÄR ANGER DU LÄNKARS "UNIK HETER" */.nav a {color:#4E4E4E;
text-decoration:none;
}
a:hover {background-color:#e6eef1;
color:#FFFFFF;
text-decoration:none;
}
/*HOVER - då du lägger musen över en länk, samt där du kan lägga in en egen muspekare*//*INLÄGG*//** Post's body text **/.entrybody {color:#000000;
font-family:Courier New;
font-size:12px;
font-weight:normal;
line-height:140%;
padding:30px 27px 10px;
text-align:justify;
}
/*TID OCH LÄNKAR UNDER INLÄGGET - Ex kommentarer, trackbacks osv*//** 'Posted by' txt **/.entrymeta {background:none repeat scroll 0 0 #FFFFFF;
border-bottom:1px solid #F0F0E8;
border-top:0 solid #E3E3DE;
color:#000000;
font-family:tahoma;
font-size:10px;
font-weight:normal;
padding:3px;
text-align:left;
}
/*SJÄLVA LÄNKARNA - egna önskemål */.entrymeta a {color:#7B7B71;
text-decoration:none;
}
.entrymeta a:hover {background-color:transparent;
color:#000000;
font-size:10px;
text-decoration:none;
}
/*KOMMENTARSRUBRIK - Ex Postat av: Dinfotobutik*/.commentheader {background:none repeat scroll 0 0 #acc0c7;
border-color:#383838;
border-left:1px dotted #383838;
border-right:1px dotted #383838;
border-top:1px dotted #383838;
color:#000000;
font-family:tahoma,arial,georgia;
font-size:10px;
font-weight:normal;
margin-left:5px;
margin-right:5px;
padding-bottom:2px;
padding-left:15px;
padding-top:2px;
text-align:left;
}
/*KOMMENTARSTEXT*/.commenttext {background:none repeat scroll 0 0 #e6eef1;
border-left:1px dotted #383838;
border-right:1px dotted #383838;
border-top:1px dotted #383838;
color:#000000;
font-family:tahoma;
font-size:12px;
font-weight:normal;
line-height:150%;
margin-left:5px;
margin-right:5px;
padding:8px 25px 9px 15px;
text-align:left;
}
/*KOMMENTARSTID och LÄNKAR - ex tidpunkten då kommentaren postades och blogglänk*/.commentmeta {background:none repeat scroll 0 0 #acc0c7;
border-bottom:1px dotted #383838;
border-left:1px dotted #383838;
border-right:1px dotted #383838;
color:#000000;
font-family:tahoma,arial,georgia;
font-size:10px;
font-weight:normal;
line-height:150%;
margin-bottom:16px;
margin-left:5px;
margin-right:5px;
padding:2px 15px;
text-align:left;
}
/*Länkar - egna önskemål*/.commentmeta a {color:#8E8D78;
text-decoration:none;
}
.commentmeta a:hover {border-bottom:0 solid #F2CBA5;
border-top:0 solid #F2CBA5;
color:#C8C6A9;
font-size:10px;
}
/*Kommentarrutan - kan inte ändra färg I själva textrutor osv*/.commentform {background:none repeat scroll 0 0 #e6eef1;
border:0 solid #EEE0D8;
color:#5A5958;
font-family:tahoma;
font-size:10px;
font-weight:normal;
margin-left:5px;
margin-right:5px;
text-align:left;
}
/*LINJERNA MELLAN INLÄGGEN*/.separator {display:none;
}
/*RUBRIK TILL KOMMENTARER OCH TRACKBACKS*/.default {display:none;
}
/* inget du behöver ändra*/.subside {
font-size:0.7em;
font-weight:normal;
padding:0;
}
.xmlButton {
background:none repeat scroll 0 0 #FF6600;
border-color:#FFCC99 #663300 #333300 #FF9966;
border-style:solid;
border-width:1px;
color:#FFFFFF;
font:bold 10px Verdana,Arial,Helvetica,Sans-serif;
margin:0;
padding:0 3px;
text-decoration:none;
}
.image {
border:1px solid #5E6655;
margin:0 6px 6px 0;
padding:0;
}
.thumbnail {
border:2px solid #889977;
margin:0 6px 6px 0;
}
.video {
padding:0 0 30px 30px;
}
.fieldName {
font-family:Verdana,Arial,Helvetica,Sans-serif;
font-size:11px;
margin:0 0 12px;
}
select {
font-family:Verdana,Arial,Helvetica,Sans-serif;
font-size:11px;
}
/*SÖK FORMULÄRET - samt KOMMENTARSFORMULÄRET*/form {margin:0 0 6px;
padding-left:10px;
}
/*PROFIL i överlag*/#profile {font-family:verdana,arial,sans-serif;
font-size:11px;
font-weight:normal;
mar
/*PROFIL rubrik "OM" */#profile h4{color:#000000;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:16px;
font-weight:bold;
margin:0 0 5px;
}
/*PROFIL TEXT*/#profile p{
}
/*HÄR ÄNDARAR DU BAKGRUNDENSBILDEN/FÄRGEN I KNAPPEN SÖK HÄR SAMT DÄR MAN SKRIVER I KOMMENTARER*/input {background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #D0CFBC;
color:#656262;
font-family:courier new;
font-size:11px;
font-weight:normal;
}
textarea {background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #D0CFBC;
color:#575353;
font-family:courier new;
font-size:12px;
font-weight:normal;
}
/*KODEN DU LÄGGER TILL NÄR DU VILL HA EN DROPDOWN OVANFÖR HEADERN*/#navbar {
margin: 0;
padding: 0;
height: 1em; }
#navbar li {
list-style: none;
float: left; } /*
Ändra till right om du vill ha menyn till höger istället*/
#navbar li a {
display: block;
padding: 3px 8px;
background-color: #f48f9d; /*
Ändra färgen på menyflikarna här*/
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
border-top: 1px solid #fff;
color: #fff; /*
Ändra färgen på texten här*/
text-decoration: none;
font-family: Century Gothic; /*
Ändra typsnittet här*/
font-size: 11px; } /*
Ändra storleken på texten här*/
#navbar li ul {
display: none;
width: 10em; /*
Ändra bredden på undermenyn här */
background-color: #69f;}
#navbar li:hover ul, #navbar li.hover ul {
display: block;
position: absolute;
margin: 0;
padding: 0;
z-index: 1; }
#navbar li:hover li, #navbar li.hover li {
float: none; }
#navbar li:hover li a, #navbar li.hover li a {
background-color: #f7adb7; /*
Ändra färgen på undermenyn*/
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
border-top: 1px solid #fff;
color: #ffffff; } /*
ändra textfärgen på undermenyn här*/
#navbar li li a:hover {
background-color: #f2717f; } /*
Ändra färgen när man håller musen över undermenyn*/
FLYTTA OBJEKTmargin: Flyttar själva objektet.
padding: Flyttar själva texten inuti objektet.
Gällande hur man flyttar åt vilket håll är detta en enkel beskrivning
1px 2px 3px 4px - 1px flyttar uppåt, 2px höger, 3px nedåt, 4px åt vänster
float: välj om du vill positionera objektet till höger eller vänster (
inte center)FÄRGERBackground - anger bakgrunden
color: anger färgen på texten glöm ej och skriva före färgkoden
STORLEK
width: anger bredd
height: anger höjd
TEXTfont-weight: väljer om du vill ha tjock, kursiv eller normal text (
bold, normal osv)font-family: anger typsnitt (
ex arial, verdana, sans-serif)text-transform: anger om du vill ha stor eller liten text
text-decoration: anger om du vill ha understreck eller liknande på text
ÖVRIGTvisibility: hidden; gömmer objektet