body { /* Allt vi ser i webbläsaren förutom */ background: black; margin:0; padding:0px 0 14px; text-align:center; color:#000000; } a { /* Defaultlänkar */ color: PURPLE; text-decoration:none; } a:hover { /* Defaultlänkar vid mouseover */ color: PURPLE; 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(https://cdn1.cdnme.se/4653808/8-3/sims3_blogg_hedder_5aa7bb779606ee10250e6b27.jpg) 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; float: right; width: 159px; margin-top: 10px; } .box { width: 178px; padding: 10px; background: blACK; } .box2 { width: 178px; padding: 10px; background: PURPLE; } #side2 { position: absolute; left: 10px; top: 200px; width: 150px; height: 300px; border: 1px solid black; background: red; } /* 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: BLACK; border: 1px solid #000; } h3 { /* Inläggsrubriker */ font-family: georgia, serif; font-size: 19px; font-weight: normal; color: PURPLE; padding:14px 10px 10px 15px; margin: 0px 0px 10px; height: 14px; vertical-align: top; } .navheader { /* Menyrubriker */ font-family:Giddyup Std, 'Satisfy', cursive; font-size: 17px; font-weight: bold; color: BLACK; margin-bottom: 3px; margin-top: 20px; } .nav { /* Odefinierad menytext */ font-family: BrusH Script Std, 'Satisfy', cursive; font-size: 10px; font-weight: bold; } .nav ul { /* Oordnad lista i menyn */ padding: 0px 0px 6px; font-family: BrusH Script Std, 'Satisfy', cursive; margin: 0px; color: PURPLE; } .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; color: PURPLE; } .nav a:hover { /* Menylänkar vid mouseover */ color: #333; text-decoration:none; color: PURPLE; } .entrybody { /* Inläggstexten */ font-family: verdana, arial, sans-serif; font-size: 11px; font-weight: normal; color: pink; 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: aqua; padding:20px; text-align:left; } .entrymeta a { /* Länkarna under ett inlägg (ofta kategorier etc.) */ color: green; text-decoration:none; } .entrymeta a:hover { /* Länkarna under ett inlägg (ofta kategorier etc.) */ color: blue; /* 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: purple; 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: PURPLE; 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; } #multi-navbar, #multi-navbar ul { width: 100%; list-style-type: none; margin: 0px; padding: 0px; clear: both; } #multi-navbar li { list-style-type: none; text-align: center; width: auto; float: left; height: auto; margin-top: 200px; padding-top: 0px; padding-right: 6px; padding-bottom: 5px; padding-left: 0px; } #multi-navbar li li { margin: 0px; padding: 0px; float: left; list-style-type: none; width: 10em; text-align: left; border-top: 3px solid #f9f3f1; margin-top: -3px; } #multi-navbar li a { list-style-type: none; display: block; width: auto; text-decoration: none; height: auto; margin: 0px; font-family: verdana, sans-serif; font-size:20px; padding-bottom:5px; padding-left:10px; padding-right:10px; padding-top:4px; text-transform:normal; font-weight: normal; color:#7c7c7c; } #multi-navbar li a:hover { background-image: none; } #multi-navbar li li a { padding: 8px; background-image: none; border-bottom: 3px solid #f9f3f1; font-family: verdana, sans-serif; font-size: 10px; } #multi-navbar li li a:hover { text-decoration: none; background-color:#F8F8F8; -o-transition: all 0.7s ease-out 0s; -webkit-transition: all 0.7s ease-out 0s; -moz-transition: all 0.7s ease-out 0s; } #multi-navbar span { } #multi-navbar li#home { display: block; } #multi-navbar li#home a, #multi-navbar li#home a:hover { } #multi-navbar ul { position:absolute; width: 10em; left: -999em; z-index: 9999; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; background: #fff; } #multi-navbar ul ul { margin-top: -31px; margin-right: 0; margin-bottom: 0; margin-left: 10em; } #multi-navbar li:hover ul ul, #multi-navbar li:hover ul ul ul, #multi-navbar li:hover ul ul ul ul { left: -999em; } #multi-navbar li:hover ul, #multi-navbar li li:hover ul, #multi-navbar li li li:hover ul, #multi-navbar li li li li:hover ul { left: auto; } #multi-navbar .nuvarande { display: block; } #multi-navbar .nuvarande li { } #multi-navbar .nuvarande a { } #multi-navbar .nuvarande li a { } #multi-navbar .nuvarande li a:hover { }