body { /* Allt vi ser i webbläsaren förutom */ 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: #aaa; -o-transition: all 0.9s ease-out 0s; -webkit-transition: all 0.9s ease-out 0s; -moz-transition: all 0.9s ease-out 0s; } a:visited { color:#aaa; } #bild { -moz-box-shadow:2px 2px 5px #eaeaea; box-shadow: 2px 2px 5px #eaeaea; margin-top:-7px; width:190px; filter: alpha(opacity=80); opacity: 0.8; -khtml-opacity: 0.8; border:2px solid white; margin-left:-6px; } #ikoner li { border-radius: 100%; display: inline-block; height: 30px; padding: 4px; margin-left:3px; margin-top:20px; background: #000000; /* Old browsers */ background: -moz-linear-gradient(top, #000000 0%, #606060 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#606060)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #000000 0%,#606060 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #000000 0%,#606060 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #000000 0%,#606060 100%); /* IE10+ */ background: linear-gradient(to bottom, #000000 0%,#606060 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#606060',GradientType=0 ); /* IE6-9 */ transition: background 0.5s ease 0s; width: 30px; } #kommentar { border-radius: 100%; height:39px; margin-top:-60px; margin-left:790px; width:30px; font-family: 'Roboto', sans-serif; font-size:18px; padding-top:11px; font-weight:100; padding-left:19px; text-decoration:none; color: #fff; } #wrapper { /* Omger allt innehåll vi har (allt nedan) */ text-align: left; width: 1220px; position:relative; margin:auto; vertical-align: top; padding: 0px; background: #fff; } #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: #fff url() repeat-x left top; margin-bottom: 0px; padding: 0px 0px 0px 100px; height: 30px; text-align: left; border-bottom: 0px solid #fafafa; } #side { /* Menyn */ margin-right:3px; padding-right: 25px; padding-top: 27px; padding-bottom: 15px; padding-left: 25px; border-left:0px solid #ccc; background: #fff; float: left; position:fixed; width: 160px; font-family:courier new; margin-top: 0px; } #content { /* Delen där inläggen ligger */ width: 920px; float: right; padding-left:0px; padding-right:20px; padding-bottom:20px; text-align: left; vertical-align: top; margin-top:0px; background: #fff; border: 0px solid #000; } h3 { /* Inläggsrubriker */ font-family: 'Lato', sans-serif; font-size: 57px; font-weight: 100; height:8px; text-align: center; text-transform:uppercase; color:#000; } h3 a:hover { color:#aaa; } #datum { text-align: center; font-family: 'Lato', sans-serif; font-size: 14px; padding-top:0px; padding-bottom:15px; font-weight:100; text-transform: capitalize; color:#000; } #datum a:link { color:#000; text-transform:capitalize; } #datum a:hover { color:#aaa; } h4 { /* Menyrubriker */ font-family: 'Raleway', sans-serif; font-size: 18px; font-weight: 300; color: #000; text-align:left; margin-bottom: 7px; margin-top: 7px; } .nav { /* Odefinierad menytext */ font-family:Courier new; font-size:12px; color:#000; text-align:left; line-height: 1.4; letter-spacing:0px; font-weight: normal; } .nav ul { /* Oordnad lista i menyn */ padding: 0px 0px 20px; 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; text-transform:lowercase; letter-spacing:0px; text-align: left; } .nav a { /* Menylänkar */ color: #000; letter-spacing:0px; text-decoration:none; } .nav a:hover { /* Menylänkar vid mouseover */ color: #aaa; text-decoration:none; } .entrybody { /* Inläggstexten */ background:#fff; font-family: times, arial, sans-serif; font-size: 15px; font-weight: normal; color: #000; line-height: 1.2em; text-align: justify; width:920px; margin: 10px 0px 0px 0px; } .entrybody a { /* Länkar som finns i inläggen */ text-decoration: none; color: #aaa; } .entrybody a:hover { /* Länkar som finns i inläggen, vid mouseover */ text-decoration: none; color: #aaa; } .entrybody img { /* Bilderna i inläggen */ max-width: 920px; } /* 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) */ text-align: right; font-family: Courier New,arial,verdana,sans-serif; font-size: 16px; margin-top:40px; border-bottom:1px solid black; margin-bottom:50px; padding-top:5px; height:18px; padding-bottom:80px; color:#000; background:#fff; } .entrymeta a { /* Länkarna under ett inlägg (ofta kategorier etc.) */ color: #000; text-decoration:none; text-transform:capitalize; } .entrymeta a:hover { /* Länkarna under ett inlägg (ofta kategorier etc.) */ color: #aaa; /* vid mouseover */ text-decoration:none; } #entrymeta2 { font-size:11px; } /* 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; */ border-top:0px solid black; } .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: 0px solid #5E6655; padding: 0px 0px 0px 0px; margin: 0px 6px 6px 0px; max-width:810px; } .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; font-size:11px; letter-spacing: 0; } .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 */ } input { /* Input-taggar (som kommentarsfältet) */ background: #fff; /* "NAMN", "EPOST", "URL/BLOGGADRESS", "SKICKA" */ border: 1px solid #000; } #navbar { margin-left: 770px; padding: 0; border-bottom:0px solid black; height: 37px; } #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: 7px 8px; background-color: none; /*Ändra färgen på menyflikarna här*/ color: #000000; /*Ändra färgen på texten här*/ font-family: courier new; /*Ändra typsnittet här*/ font-size: 12px; } /*Ändra storleken på texten här*/ #navbar li ul { display: none; margin:0px; width: 10em; /* Ändra bredden på undermenyn här */ } #navbar li:hover ul, #navbar li.hover ul { display: block; position: absolute; margin-top:-30px; 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: #fff; /*Ändra färgen på undermenyn*/ opacity: 0.8; padding-bottom:3px; border-bottom: 0px dotted #B3B3B3; border-left: 0px solid #fff; border-right: 0px solid #fff; color: #000000; } /*ändra textfärgen på undermenyn här*/ #navbar li li a:hover { background-color: #eee; } /*Ändra färgen när man håller musen över undermenyn*/