sfafhaeryh

| in Design
body {                                                /* Allt vi ser i webbläsaren förutom <head></head> */
background: #fff;
margin:0;
padding:0px 0 14px;
text-align:center;
color:#000000;
}

a {                                                    /* Defaultlänkar */
color: #000;
text-decoration:none;
}

a:hover {                                            /* Defaultlänkar vid mouseover */
color: #333;
text-decoration:none;
}

#wrapper {                                            /* Omger allt innehåll vi har (allt nedan) */
text-align: left;
width: 800px;
position:relative;
margin:30px auto;
padding: 0px 10px 10px;
vertical-align: top;
padding: 20px;
background: none;
}

#wrapper::after {                                    /* Detta stycke gör att wrapper går ner hela vägen */
clear:both;
content:'.';
display:block;
height:0;
visibility:hidden;
padding: 20px;
}

p {                                                    /* Defaulttext */
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

#header {                                            /* Headern (bilden högst upp */
background: #000000 url(http://cdn1.cdnme.se/794389/7-3/grundheader_528e652288e59d51bf958ca6.png) no-repeat left top;
margin-top: 0px;
padding: 37px 0px 0px 100px;
height: 163px;
text-align: left;
border-top: 0px none;
border: 1px solid #000000;
}    

#side {                                                /* Menyn */
margin-right:0;
padding: 24px 12px 0px;
background: #FFF;
float: right;
width: 159px;
border: 1px solid #000000;
margin-top: 10px;
}


/* TÄNK PÅ ATT OM DU ÄNDRAR BREDDEN PÅ CONTENT BEHÖVER DU OCKSÅ ÄNDRA MAX-WIDTH PÅ .ENTRYBODY IMG {}, RULLA NER FÖR ATT KOMMA TILL DET STYCKET */

#content {                                            /* Delen där inläggen ligger */
width: 602px;
float: left;
padding: 0px 0px 20px;
text-align: left;
vertical-align: top;
margin-top: 10px;
background: #fff;
border: 1px solid #000;
}


h3 {                                                /* Inläggsrubriker */
font-family: georgia, serif;
font-size: 19px;
font-weight: normal;
color: #222;
padding:14px 10px 10px 15px;
margin: 0px 0px 10px;
height: 14px;
vertical-align: top;
}


.navheader {                                        /* Menyrubriker */
font-family: arial, verdana, sans-serif;
font-size: 15px;
font-weight: bold;
color: #000000;
margin-bottom: 3px;
margin-top: 20px;
}

.nav {                                                /* Odefinierad menytext */
font-family: verdana, arial, sans-serif;
font-size: 11px;
font-weight: bold;
}

.nav ul {                                            /* Oordnad lista i menyn */    
padding: 0px 0px 6px;
font-weight: normal;
margin: 0px;
}

.nav ol {                                            /* Ordnad lista i menyn */    
padding: 0px 0px 6px;
font-weight: normal;
margin: 0px;
}

.nav li {                                            /* Listpunkter i menyn */    
list-style: none;
padding: 0px 0px 2px;
font-weight: normal;
margin: 0px;
}

.nav a {                                             /* Menylänkar */    
color: #000;
text-decoration:none;
}

.nav a:hover {                                         /* Menylänkar vid mouseover */    
color: #333;
text-decoration:none;
}

.entrybody {                                        /* Inläggstexten */
font-family: verdana, arial, sans-serif;
font-size: 11px;
font-weight: normal;
color: #333;
line-height: 140%;
text-align:justify;
padding:20px;
margin: 10px 0px 0px 0px;
}

.entrybody a {                                        /* Länkar som finns i inläggen */
text-decoration: none;
color: #00;
}

.entrybody a:hover {                                /* Länkar som finns i inläggen, vid mouseover */            
text-decoration: none;
color: #fff;
}

.entrybody img {                                    /* Bilderna i inläggen */
max-width: 760px;        
}

/* Raden ovan som säger max-width = maxbredd på bilderna i inlägget, kolla gärna denna film för mer info http://sannasrum.blogg.se/bloggtips/2013/august/maxbredd-pa-bilder-om-man-vill-andra-storlek-pa-content.html Mycket användbart om man ändrar bloggens bredd */


.entrymeta {                                        /* Texten under ett inlägg (ofta tid & datum) */
font-family: verdana, arial, sans-serif;
font-size: 10px;
font-weight: normal;
color: #666;
padding:20px;
text-align:left;
}

.entrymeta a {                                         /* Länkarna under ett inlägg (ofta kategorier etc.) */
color: #000;
text-decoration:none;
}

.entrymeta a:hover {                                 /* Länkarna under ett inlägg (ofta kategorier etc.) */        
color: #333;                                        /* vid mouseover */
text-decoration:none;
}


/* EN KOMMENTAR ÄR GENERELLT UPPDELAD I TRE AVSNITT (DE TRE NEDAN). HEADER ÄR NAMNET, TEXT ÄR KOMMENTAREN I SIG OCH META ÄR DET DÄREFTER, I VANLIGA FALL TIDEN NÄR KOMMENTAREN SKREVS OCH LÄNKEN TILL PERSONENS BLOGG */


.commentheader {                                        /* Namn på den som kommenterat */
font-family: verdana, arial, sans-serif;
font-size: 11px;
font-weight: bold;
color: #333;
line-height: 140%;
margin-right: 30px;
margin-left: 30px;
border-top: 1px solid #FFF;
}

.commenttext {                                            /* Kommentarstexten */
font-family: verdana, arial, sans-serif;
font-size: 11px;
font-weight: normal;
color: #333;
margin-right: 30px;
margin-left: 30px;
line-height: 140%;
}

.commentmeta {                                            /* Allt som finns nedanför .commenttext-taggen i */        font-family: verdana, arial, sans-serif;                /* kodmallarna */    
font-size: 11px;
font-weight: normal;
color: #333;
margin-right: 30px;
margin-left: 30px;
margin-bottom: 50px;
text-align:left;
}

/* NEDANSTÅENDE TVÅ AVSNITT GÄLLER OM MAN HAR LAGT PERSONEN SOM KOMMENTERARS LÄNK UNDER TEXTEN (ALLTSÅ ENTRYMETA. FÖR ETT ILLUSTRERANDE EXEMPEL KOLLA GÄRNA LÄNKEN http://i40.tinypic.com/2iie4d5.png */

.commentmeta a {                                     /* Länken om man inte håller musen över den */    
color: #000;
text-decoration:none;
}

.commentmeta a:hover {                                 /* Länken om man håller musen över den */                
color: #333;
text-decoration:none;
}



/***********************/


.commentform {                                        /* Kommentarsformuläret */
font-family: verdana, arial, sans-serif;
font-size: 11px;
font-weight: normal;
color: #333;
margin: 0px 0px 20px 0px;
padding:20px;
}

.separator {                                        /* Separering mellan inlägg, låt vara display:none; */
display: none;
}


.subside {                                            /* Klassen som RSS-knappen ligger inom */
font-family: verdana, sans-serif;
font-size: .7em;
font-weight: normal;
padding: 0px 0px 0px 0px;
}


.image {                                            /* Alla bilder som har värdet class="image" */
border: 1px solid #5E6655;
padding: 0px 0px 0px 0px;
margin: 0px 6px 6px 0px;
}

.thumbnail {                                        /* Miniatyrbilder */
border: 2px solid #889977;
margin: 0px 6px 6px 0px;
}

.video {                                            /* Videos */
padding: 0px 0px 30px 30px;
}

.fieldName {
font-family: Verdana, Arial, Helvetica, Sans-serif;
font-size: 11px;
margin: 0px 0px 12px 0px
}

select {
font-family: Verdana, Arial, Helvetica, Sans-serif;
font-size: 11px;
}

form {                                                /* Formulärens generella inställningar */
margin: 0px 0px 6px;
padding-left: 10px;
}

em {                                                /* Kursiv text */
margin: 0px;
padding: 0px;
border: 0px none;
text-align: left;
letter-spacing: 0.1em;
}

.profile-text {                                        /* Profiltext */
font-family: verdana, sans-serif;
font-size: 11px;
color: #000;
font-weight: normal;
margin-top: 5px;
margin-bottom: 20px;
}



.response {                                         /* Kommentarssvar - Generella inställningar */
padding-top: 0px !important;
}


.response, .response-by {                             /* Kommentarssvar från author/generella inställningar */
padding-bottom: 9px;     
display: block;
text-align: left;
margin-right: 30px;
margin-left: 30px;
margin-top: 10px;
}

.response-from {                                    /* Ordet "SVAR" */
font-size: 12px;
font-family: verdana;
color: #000;
}

.response-message{                                    /* Kommentarssvar från author/texten */
font-family: verdana, tahoma;
font-size: 10px;
font-weight: normal;
color:#565656;
}

.response-by    {                                    /* Kommentarssvar från author/signatur */
font-style: italic;
font-family: georgia, italic;
font-size: 9px;
color: #aaa;
margin-top: -10px;
}


.earlier-older {                                    /* Tidigare & nyare-länkarna på kategorisidan */
font-family: verdana, sans-serif;
font-size: 12px;
}

.earlier-older a {                                    /* Tidigare & nyare-länkarna på kategorisidan */
color: #000;                                        /* Länken i sig */
text-decoration: none;
}

.earlier-older a {                                    /* Tidigare & nyare-länkarna på kategorisidan */
text-decoration: none;                                /* vid mouseover */
color: #fff;
}


textarea {                                            /* Textarea-taggar (som kommentarsfältet) */
background: #fff;                                    /* "KOMMENTAR */
border: 1px solid #000;
}
 

input {                                                /* Input-taggar (som kommentarsfältet) */
background: #fff;                                    /* "NAMN", "EPOST", "URL/BLOGGADRESS", "SKICKA" */
border: 1px solid #000;
}                       

RSS 2.0