body { /* Allt vi ser i webbläsaren förutom */ background: #fff url() repeat ; background-attachment: fixed; margin:0; padding:0px 0 0px; text-align:left; color:#000000; margin-top: 30px; } a { /* Defaultlänkar */ color: #686361; 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: 1050px; position:relative; margin:30px auto; padding: 0px 10px 10px; vertical-align: top; padding: 0px; background: none; } #wrapper::after { /* Detta stycke gör att wrapper går ner hela vägen */ clear:both; content:'.'; display:block; height:20; visibility:hidden; padding: 20px; } p { /* Defaulttext */ padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } #header { /* Headern (bilden högst upp */ background: #fff url(http://i62.tinypic.com/2jac1l4.png) no-repeat center; margin-top: 0px; padding: 37px 0px 0px 100px; height: 163px; text-align: left; border-top: 0px none; border: 0px solid #000000; } #side { /* Menyn */ margin-right:0; padding: 24px 0px 0px; background: #FFF; float: left; width: 180px; border: 0px solid #000000; margin-top: -67px; } /* 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: 800px; float: right; padding: 0px 0px 20px; text-align: left; vertical-align: top; margin-top: 10px; background: #fff; border: 0px solid #000; } h3 { /* Inläggsrubriker */ font-family: georgia, serif; font-size: 20px; font-weight: normal; color: #222; padding:14px 10px 10px 15px; margin: 0px 0px 10px; height: 14px; vertical-align: top; } .navheader { border-bottom-color:#eee; border-bottom-style:solid; border-bottom-width:1px; color:#fbbfd7; font-family:georgia; font-size:11px; padding-top:25px; text-align:left; font-weight:normal; letter-spacing:2px; margin-top:15px; padding-bottom:3px; text-transform: uppercase; } .navheader2 { border-bottom-color:#eee; border-bottom-style:solid; border-bottom-width:1px; color:#f27fa5; font-family:georgia; font-size:11px; padding-top:25px; text-align:left; font-weight:normal; letter-spacing:2px; margin-top:-10px; padding-bottom:3px; } .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:#919191; font-weight:normal; letter-spacing:0; text-decoration:none; } .nav a { color: #777777; text-decoration: none;} .nav a:hover { color: #777777; text-decoration: none; } .nav a:hover { color:#686361; font-weight:normal; text-decoration:none; } .entrybody { /* Inläggstexten */ font-family: verdana, arial, sans-serif; font-size: 10px; font-weight: normal; color: #333; line-height: 155%; 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: 800px; } /* 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: 9px; font-weight: normal; color: color:#565656; padding:20px; text-align:left; } .entrymeta a { /* Länkarna under ett inlägg (ofta kategorier etc.) */ color: color:#565656; 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; color:#9e9e9e; } .earlier-older a { /* Tidigare & nyare-länkarna på kategorisidan */ color: #000; /* Länken i sig */ text-decoration: none; color:#9e9e9e; } .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; } .egentext { font-family: georgia, verdana; color: #fbbfd7; font-size: 11px; background:#FFFFFF; font-weight: normal; } .egentext2 { font-family: verdana, georgia; color: #333; font-size: 9px; background:#FFFFFF; font-weight: normal; } .sokknappen { background:#ffffff url(); border:1px solid; color:#cccccc; font-family:verdana, arial; font-size:10px; } .sokarean { background:#ffffff url(); border:1px solid; color:#cccccc; font-family:verdana, arial; font-size:10px; }