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;
}
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;
}
