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 skjnner ikke hvor navnet ditt str for jeg finner det ikke jeg har IKKE prvd ta bort det for det bryr meg ikke om det str der men jeg har gjort som det str jeg skal gjre men det bare blir snn. Hper det gr bra??
    Thea
    25.01.2013 kl.14:44
    Jeg finner ikke navnet ditt nr jeg har satt inn designet, hva skal jeg gjre?? :-/
    22.02.2013 kl.10:54
    hei! Jeg elsket dette designet, men headeren blir ikke stor nok til header strelsen. Jeg har prvd legge inn bildet p en resize side for endre strrelsen p bilde til det samme som bloggdesignet krever. Hadde blitt veldig glad for hjelp :)
    26.03.2013 kl.11:29
    Hei <3 jeg fr heller ikk opp navnet ditt, tror du det gr 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? Gr 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 gjr for headeren til komme fram mer? :)

    Likte designet veldig godt :)



    Kommenter her
    Tilkomstgruppen
    Design og koding: Ina Anjuta
    hits