Stilsett beigedesign (Ina Anjuta)
Hjem Add Om meg Kontakt

7

Stilsett beigedesign

@import url(http://fonts.googleapis.com/css?family=Arapey);

@import url(http://fonts.googleapis.com/css?family=Mrs+Saint+Delafield);

.entry {

background-color: #transparent;

}

body {

background-color: #f2ebe6;

font-family:times, Arial, Helvetica, sans-serif;

color: #333333;

}

#header {

background-image: url('http://img685.imageshack.us/img685/1147/headernyttdesign8.png');

height: 385px;

width: 955px;

margin-bottom:-0px;

border:2px Solid #ffffff;

margin-left:-10px;

-webkit-box-shadow: 0px 0px 3px #cccccc;

-moz-box-shadow: 0px 0px 3px #cccccc;

box-shadow: 0px 0px 3px #cccccc;

}

#wrapper {

clear: none;

margin-left: -10px;

width: 1000px;

background-color: #ffffff;

padding:0px;

-webkit-box-shadow: 0px 0px 2px #cccccc;

-moz-box-shadow: 0px 0px 2px #cccccc;

box-shadow: 0px 0px 2px #cccccc;

}

#main {

background-color: #ffffff;

width: 800px;

font-size: 10pt;

padding: 10px;

margin-top: -10px;

}

#side {

width: 160px;

background-color: #ffffff;

margin-top: -10px;

padding: 10px;

font-size: 10pt;

font-family:times, Arial, Helvetica, sans-serif;

color: #555555;

margin-left:-10px;

}

#footer {

background-color: #ffffff;

margin-left: auto;

margin-right: auto;

width: 800px;

display: none;

}

a { color: #555555}

a:link { color: #555555}

a:visited { color: #555555}

a:hover {color: #cccccc;}

a:active { color: #555555}

h1, h2, h3, h4, h5 { font-family: Georgia, Geneva, sans-serif; }

#header h1, #header p { display:none }

h1 a, h1 a:link, h1 a:visited, h1 a:active { text-decoration: none; color: #555555; }

h5 a, h5 a:link, h5 a:visited, h5 a:active { text-decoration: none; color: #555555; }

h8 a, h8 a:link, h8 a:visited, h8 a:active { text-decoration: none; color: #555555; }

h4 a, h4 a:link, h4 a:visited, h4 a:active { text-decoration: none; color: #868686; }

.content a:link,.content a:visited,.content a:active { color: #d9cbc3;}

}

h1 {

font-family:Courier New,courier, Arial, Helvetica, sans-serif;

color: #cccccc;

}

h2 {

font-family: 'Arapey' , Arial, Helvetica, sans-serif;

color: #555555;

text-align:center;

letter-spacing: 1px;

color: #555555;

font-size: 40px;

font-style: italic;

text-shadow: 2px 1px 4px #e6dfe0;

border-bottom:1px dashed #cccccc;

}

h3 {

font-family:'Arapey', Arial, Helvetica, sans-serif;

color: #555555;

background-color:#transparent;

border-bottom:1px dashed #cccccc;

font-size: 20px;

font-style: italic;

padding:0px;

text-align:left;

letter-spacing: 5px;

}

h4 {

font-family:'Arapey', Times, Helvetica, sans-serif;

color: #868686;

letter-spacing: 1px;

text-align:left;

font-size:20px;

padding-left:70px;

}

h5 {

font-family:Times, Arial, Helvetica, sans-serif;

color: #555555;

letter-spacing: 5px;

font-size: 12px;

}

h6 {

font-family:Times, Arial, Helvetica, sans-serif;

color: #989898;

letter-spacing: 5px;

font-size: 12px;

}

h7 {

font-family:Courier New,courier, Arial, Helvetica, sans-serif;

color: #989898;

letter-spacing: 5px;

font-size: 9px;

}

h8 {

font-family:Times, Arial, Helvetica, sans-serif;

color: #555555;

letter-spacing: 5px;

font-size: 12px;

}

.clearfix{

padding: 0px;

margin: 0px ;

width: auto;

background-color: #ffffff

}

#profile a img{

background-color: #ffffff;

padding: 1px;

border: 1px solid #ffffff;

float: left;

margin-left:-30px;

margin: 0px 0px 20px 0px;

-moz-border-radius: 7px;

-webkit-border-radius: 7px;

-khtml-border-radius: 7px;

border-radius: 7px;

width: 160px;

}

#profile div {

margin: 0px 0px 0px 0px;

padding: 0px;

}

#comments h3{

font-size: 20px;

color: #cccccc;

cursor: crosshair;

}

#comments h3 a{

color: #cccccc;

font-size: 20px;

cursor: crosshair;

}

#comments .owner{

border: 0px solid #cccccc;

background-color: #ffffff;

Width: 760px;

float: center;

padding: 0px;

margin-bottom: 15px;

border-bottom:2px solid #f2ebe6;

margin-left:20px;

}

#comments .owner .meta{

border-top: 0px solid #f5f5f5;

border-bottom: 0px solid #f5f5f5;

color: #ffffff;

text-align: left;

padding: 10px;

margin-left:20px;

}

#comments .owner .content{

background-color:#ffffff;

border: 0px solid #cccccc;

color: #555555;

padding: 15px;

}

#comments .user{

border: 0px solid #cccccc;

background-color: #ffffff;

color: #555555;

Width: 760px;

padding: 0px;

float:center;

margin-bottom: 15px;

border-bottom:2px solid #f2ebe6;

margin-left:20px;

}

#comments .user .meta{

background-color:#ffffff;

color: #ffffff;

text-align: left;

padding: 10px;

margin-left:20px;

}

#comments .user .content{

background-color: #ffffff;

border: 0px solid #cccccc;

color: #555555;

padding: 15px;

}

#comments .other{

border: 0px solid #cccccc;

background-color: #ffffff;

color: #555555;

Width: 760px;

float:center;

padding: 0px;

margin-bottom: 15px;

border-bottom:2px solid #f2ebe6;

margin-left:20px;

}

#comments .other .meta{

background-color:#ffffff;

color: #ffffff;

text-align: left;

padding: 10px;

margin-left:20px;

}

#comments .other .content{

background-color:#ffffff;

border: 0px solid #cccccc;

color: #555555;

padding: 15px;

}

input{

background-color: #ffffff;

border: 1px solid #cccccc;

font-family: tahoma, verdana;

color: #555555;

font-size: 12px;

padding:3px;

-webkit-box-shadow: 0px 0px 5px #cccccc;

-moz-box-shadow: 0px 0px 5px #cccccc;

box-shadow: 0px 0px 5px #cccccc;

margin-left: 0px;

margin-top:-2px;

}

#newcomment textarea{

background-color: #ffffff;

border: 1px solid #cccccc;

font-family: tahoma, verdana;

color: #000000;

font-weight:center;

font-size: 10px;

margin-top:-2px;

-webkit-box-shadow: 0px 0px 5px #cccccc;

-moz-box-shadow: 0px 0px 5px #cccccc;

box-shadow: 0px 0px 5px #cccccc;

margin-left: 0px;

}

.entry .meta {

font-family:Courier New, Arial, Helvetica, sans-serif;

font-size: 8pt;

padding: 5px;

text-align:center;

background-color:#e6e0da;

background-color:#faf7f5;

background-color:#f2ebe6;

-webkit-box-shadow: 0px 0px 2px #cccccc;

-moz-box-shadow: 0px 0px 2px #cccccc;

box-shadow: 0px 0px 2px #cccccc;

}

#kommentarbakgrunn{

border: 0;

position: relative;

width: 75px;

height: 44px;

top: -100px;

left: 725px;

overflow: hidden;

padding-left: 4px;

padding-top: 24px;

font-family: times new roman;

font-size: 24px;

font-weight: normal;

letter-spacing:-2px;

font-color: #ffffff;

text-align: center;

}

#comments img.avatar{

background-color: #ffffff;

border:1px solid #cccccc;

padding:0px;

float:left;

-moz-border-radius: 7px;

-webkit-border-radius: 7px;

-khtml-border-radius: 7px;

border-radius: 7px;

margin-left: -10px;

margin-top: -10px;

}

h3 {text-shadow: 1px 1px 3px #cccccc;}

#boxtop{

background:url('http://img809.imageshack.us/img809/8291/bordina14.png');

width:1000px;

height:40px;

margin-left:-0px;

position:absolute;

margin-top:-35px;

}

#box{

background-color:#f2ebe6;

width:750px;

padding:5px;

margin-left:-0px;

}



  • 09.10.2012 kl.16:44
    har desiget ditt på bloggen min men skjønner ikke hvor navnet ditt står for jeg finner det ikke jeg har IKKE prøvd å ta bort det for det bryr meg ikke om det står der men jeg har gjort som det står jeg skal gjøre men det bare blir sånn. Håper det går bra??
    Thea
    25.01.2013 kl.14:44
    Jeg finner ikke navnet ditt når jeg har satt inn designet, hva skal jeg gjøre?? :-/
    22.02.2013 kl.10:54
    hei! Jeg elsket dette designet, men headeren blir ikke stor nok til header størelsen. Jeg har prøvd å legge inn bildet på en resize side for å endre størrelsen på bilde til det samme som bloggdesignet krever. Hadde blitt veldig glad for hjelp :)
    26.03.2013 kl.11:29
    Hei <3 jeg får heller ikk opp navnet ditt, tror du det går greit? kan lage et innlegg om det! ;-)
    26.11.2013 kl.21:20
    Jeg har brukt et av designene dine, de er veldig fine! men jeg greier ikke å få inn navnet ditt? Går det greit? evt kunne du laget et innlegg om det, ser det ikke bare er meg som lurer hehe ! <3
    11.01.2014 kl.18:43
    Hei! ser de kommentarene over. jeg har også samme problem. finner ikke navnet ditt i designet mitt...
    03.03.2015 kl.19:12
    Hvorfor kommer ikke hele headeren fram? Reklamen blokkerer for halve. Hva kan jeg gjør for å headeren til å komme fram mer? :)

    Likte designet veldig godt :)



    Kommenter her
    Tilkomstgruppen
    Design og koding: Ina Anjuta
    hits