Stilsett Grå versjon (Ina Anjuta)
Hjem Add Om meg Kontakt

9

Stilsett Grå versjon

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

.entry {

background-color: #transparent;

}

body {

background-color: #e9e9e9;

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

color: #555555;

}

#header {

background-image:url(http://img525.imageshack.us/img525/6046/skohvitt2.jpg);

width: 780px;

height: 340px;

margin-left: -10px;

border:1px solid#ffffff;

-moz-border-top-right-radius: 40px;

-webkit-border-top-right-radius: 40px;

-khtml-border-top-right-radius: 40px;

border-top-right-radius: 40px;

-moz-border-top-left-radius: 40px;

-webkit-border-top-left-radius: 40px;

-khtml-border-top-left-radius: 40px;

border-top-left-radius: 40px;

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

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

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

}

#main {

border: 0px solid #f9f9f9;

background-color:#ffffff;

padding:10px;

width:802px;

float:left;

border-right:10px solid #f9f9f9;

border:0px solid #cccccc;

-moz-border-bottom-right-radius: 40px;

-webkit-border-bottom-right-radius: 40px;

-khtml-border-bottom-right-radius: 40px;

border-bottom-right-radius: 40px;

-moz-border-bottom-left-radius: 40px;

-webkit-border-bottom-left-radius: 40px;

-khtml-border-bottom-left-radius: 40px;

border-top-bottom-radius: 40px;

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

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

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

font-size: 12pt;

}

#side {

background-color: #ffffff;

width:265px;

padding:0px;

float:right;

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

font-size: 10pt;

border:0px solid #cccccc;

text-align:center;

border-left:0px solid #f1f1f1;

-moz-border-radius: 40px;

-webkit-border-radius: 40px;

-khtml-border-radius: 40px;

border-radius: 40px;

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

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

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

margin-top: -445px;

}

#wrapper {

background-image:url(url);

width: 1095px;

padding: 0px;

margin-left:-10px;

}

#footer {

background-color: #FFFFFF;

display: none;

}

a { color: #555555}

a:link { color: #555555}

a:visited { color: #555555}

a:hover {color: #cccccc;}

a:active { color: #555555}

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

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

h2, h2 a, h2 a:link, h2 a:visited, h2 a:active { color: #555555; }

h1, h1 a, h1 a:link, h1 a:visited, h1 a:active { color: #555555; }

h4, h4 a, h4 a:link, h4 a:visited, h4 a:active { color: #555555; }

h3, h3 a, h3 a:link, h3 a:visited, h3 a:active { color: #555555; }

h5, h5 a, h5 a:link, h5 a:visited, h5 a:active { color: #555555;

-moz-border-top-right-radius: 40px;

-webkit-border-top-right-radius: 40px;

-khtml-border-top-right-radius: 40px;

border-top-right-radius: 40px;

-moz-border-top-left-radius: 40px;

-webkit-border-top-left-radius: 40px;

-khtml-border-top-left-radius: 40px;

border-top-left-radius: 40px;

}

h6, h6 a, h6 a:link, h6 a:visited, h6 a:active { color: #ffffff; font-size: 18px;}

h7, h7 a, h7 a:link, h7 a:visited, h7 a:active { color: #555555; }

.entry .meta span,.entry .meta span a,.entry .meta span a:link,.entry .meta span a:visited,.entry .meta span a:active { color: #555555; }

}

h1 {

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

color: #686868;

}

h2 {

font-family: 'Dancing Script' Georgia, Arial;

color: #555555;

text-align:center;

letter-spacing: 1px;

border-bottom: 0px solid #686868;

font-size:30pt;

padding:2px;

background-color:#transparent;

}

h3 {

font-family:'Dancing Script' edwardian script ITC, georgia, Times, Arial;

color: #555555;

text-align:center;

letter-spacing: 1px;

font-size:22pt;

border-top:0px solid #e3cfcf;

background-color: #ffffff;

}

h4 {

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

color: #686868;

letter-spacing: 5px;

text-align:left;

font-size: 9px;

}

h5 {

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

color: #868686;

letter-spacing: 2px;

font-size: 10px;

background-color:#f1f1f1;

width: 110px;

}

h6 {

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

color: #ffffff;

letter-spacing: 0px;

font-size: 18px;

background-color:#transparent;

magin-left:3px;

padding:2px;

}

h7 {

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

color: #ffffff;

letter-spacing: 0px;

font-size: 49px;

align:center;

}

h8 {

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

color: #868686;

letter-spacing: 0px;

font-size: 20px;

}

.breadcrumbs {

display: none;

}

.clearfix{

padding: 0px;

margin: 0px ;

width: auto;

background-color: #transparent;

}

#profile a img{

background-color: #ffffff;

padding: 0px;

float: left;

margin: 30px -10px -10px -10px;

width: 220px;

-moz-border-radius: 7px;

-webkit-border-radius: 7px;

-khtml-border-radius: 7px;

border-radius: 7px;

}

#profile div {

margin: 0px 0px 0px 0px;

padding: 0px;

-moz-border-radius: 0px;

-webkit-border-radius: 0px;

-khtml-border-radius: 0px;

border-radius: 0px;

width: 234px;

background-color:#transparent;

}

#comments h3{

font-size: 20px;

color: #cccccc;

cursor: crosshair;

}

#comments h3 a{

color: #cccccc;

font-size: 20px;

cursor: crosshair;

}

#comments .owner{

border: 1px solid #cccccc;

background-color: #ffffff;

Width: 800px;

float: center;

padding: 0px;

margin-bottom: 15px;

-moz-border-radius: 20px;

-webkit-border-radius: 20px;

-khtml-border-radius: 20px;

border-radius: 20px;

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

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

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

}

#comments .owner .meta{

border-bottom: 0px solid #686868;

background-color:#cccccc;

color: #ffffff;

text-align: left;

-moz-border-top-right-radius: 20px;

-webkit-border-top-right-radius: 20px;

-khtml-border-top-right-radius: 20px;

border-top-right-radius: 20px;

-moz-border-top-left-radius: 20px;

-webkit-border-top-left-radius: 20px;

-khtml-border-top-left-radius: 20px;

border-top-left-radius: 20px;

}

#comments .owner .content{

background-color:#transparent;

border-bottom: 0px solid #f1f1f1;

color: #555555;

margin-left: 50px;

padding: 25px;

}

#comments .user{

border: 1px solid #cccccc;

background-color: #ffffff;

color: #555555;

Width: 800px;

padding: 0px;

margin-bottom: 15px;

-moz-border-radius: 20px;

-webkit-border-radius: 20px;

-khtml-border-radius: 20px;

border-radius: 20px;

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

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

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

}

#comments .user .meta{

border-bottom: 0px solid #686868;

background-color:#cccccc;

color: #555555;

text-align: left;

-moz-border-top-right-radius: 20px;

-webkit-border-top-right-radius: 20px;

-khtml-border-top-right-radius: 20px;

border-top-right-radius: 20px;

-moz-border-top-left-radius: 20px;

-webkit-border-top-left-radius: 20px;

-khtml-border-top-left-radius: 20px;

border-top-left-radius: 20px;

}

#comments .user .content{

background-color: #transparent;

border: 0px solid #cccccc;

color: #555555;

padding: 25px;

margin-left: 50px;

}

#comments .other{

border: 1px solid #cccccc;

background-color: #ffffff;

color: #555555;

Width: 800px;

padding: 0px;

margin-bottom: 15px;

-moz-border-radius: 20px;

-webkit-border-radius: 20px;

-khtml-border-radius: 20px;

border-radius: 20px;

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

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

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

}

#comments .other .meta{

border-bottom: 0px solid #686868;

background-color:#cccccc;

color: #555555;

text-align: left;

-moz-border-top-right-radius: 20px;

-webkit-border-top-right-radius: 20px;

-khtml-border-top-right-radius: 20px;

border-top-right-radius: 20px;

-moz-border-top-left-radius: 20px;

-webkit-border-top-left-radius: 20px;

-khtml-border-top-left-radius: 20px;

border-top-left-radius: 20px;

}

#comments .other .content{

background-color:#transparent;

border: 0px solid #cccccc;

color: #555555;

padding: 25px;

margin-left: 50px;

}

input{

background-color: #ffffff;

border: 1px solid #cccccc;

font-family: tahoma, verdana;

color: #555555;

font-weight:center;

font-size: 10px;

padding:5px;

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

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

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

}

textarea{

background-color: #ffffff;

border: 1px solid #cccccc;

font-family: tahoma, verdana;

color: #000000;

font-weight:center;

font-size: 10px;

padding: 5px;

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

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

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

}

.entry .meta {

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

background-color:#cccccc;

border-bottom:0px solid #898989;

color: #555555;

font-size: 7pt;

padding: 0px;

text-align:center;

border-top:0px solid #898989;

-moz-border-radius: 200px;

-webkit-border-radius: 200px;

-khtml-border-radius: 200px;

border-radius: 200px;

}

.entry .meta span{

float: left;

font-size: 16px;

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

color:#555555;

margin-top:-45px;

margin-left:40px;

}

#navbar {

padding: 5px;

height: 1em;

width: auto;

margin: 0px;

text-align: center;

}

#navbar li {

float: left;

list-style: none;

width: 180px;

background-color: #transparent;

}

#navbar li a {

padding: 5px;

display: block;

border-bottom: 0px dashed #cccccc;

color: #ffffff;

text-decoration: none;

font-size: 12px;

line-height: 12px;

text-shadow: 1px 1px 3px #cccccc;

}

#navbar li ul {

padding: 5px;

display: none;

width: em;

background-color: #fff;

}

#navbar li:hover ul, #navbar li.hover ul {

display: block;

position: absolute;

margin: 0;

padding: 0;

z-index: 1;

text-align: left;

-moz-border-radius: 10px;

-webkit-border-radius: 10px;

-khtml-border-radius: 10px;

border-radius: 10px;

border: 0px solid #cccccc;

font-family: arial;

filter:alpha(opacity=80);

-moz-opacity:0.8;

-khtml-opacity: 0.8;

opacity: 0.8;

}

#navbar li:hover li, #navbar li.hover li {

float: none;

}

#navbar li:hover li a, #navbar li.hover li a {

border-bottom: 0px dotted #cccccc;

color: #727272;

}

#navbar li li a:hover {

background-color: #cccccc;

-moz-border-radius: 40px;

-webkit-border-radius: 40px;

-khtml-border-radius: 40px;

border-radius: 40px;

}

#meny {

width: 808px;

margin-left: -10px;

padding:7px;

border: 0px solid #ffffff;

font-family: verdana, arial;

background-image:url(http://img689.imageshack.us/img689/328/menytilmrkgrdesign5.png);

background-position: 0px 0px;

border-bottom:0px solid #f5cee3;

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

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

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

height:48px;

}

#side div {

background-color: #transparent;

padding: 8px;

margin-bottom: 10px;

border: 0px solid #f9f9f9;

padding 0px;

}

#comments img.avatar{

background-color: #ffffff;

border: 3px solid #ffffff;

padding:0px;

float:left;

margin: 0px 30px 0px 10px;

-moz-border-radius: 40px;

-webkit-border-radius: 40px;

-khtml-border-radius: 40px;

border-radius: 40px;

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

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

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

}

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

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

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

#comment_submit {

http://img651.imageshack.us/img651/8165/rosamenygrafikk4.png

width:402px;

border:1px solid #cccccc;

margin-left:0px;

background-color: #ffffff;

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

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

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

-moz-border-radius: 700px;

-webkit-border-radius: 700px;

-khtml-border-radius: 700px;

border-radius: 700px;

}

.comment-bubble {

float: left;

background: url(http://img29.imageshack.us/img29/805/hjerte9.png) no-repeat;

width: 92px;

height: 70px;

font-size: 48px;

margin-top: -72px;

text-align: center;

margin-left:0px;

 



  • Hei
    08.11.2012 kl.17:07
    hver gang jeg bytter bilde, går alt bort? liksom hele designet går bort om jeg bytter bilde? så enten har jeg kun bilde, eller så har jeg kun designet (uten bilde), hvordan skal jeg løse det problemet? Håper du svarer så fort som mulig! :)
    28.01.2013 kl.20:50
    Jeg får ikke til å ha både en header og designe :-( Kan du hjelpe meg ? :)
    30.01.2013 kl.17:13
    Hei! jeg får ikke inn headerbildet! det blir bare hvitt! :(
    03.02.2013 kl.22:34
    Hei hanna jeg også hadde det probleme sjekk at dette står der: background-image:url

    alså før headeren
    16.02.2013 kl.15:22
    Altså, nå har jeg prøvd omtrent ALLE designene dine og jeg får automatisk opp pb men jeg prøver å sette inn header slik som du gjør det på videoene! Men jeg har iPad så lurer på om det da er noen forskjell...

    Pliiiis hjelp!
    17.02.2013 kl.01:31
    Jeg får ikke til å legge inn header på noen av designene dine! Jeg bruker iPad... Kunne du hjulpet meg?
    15.05.2013 kl.18:54
    Er det tillatt og bytte farger, isåfall hvordan ? :)
    24.10.2013 kl.03:10
    da eg kopierte den og limte inn så funka den i starten men nå så er det bare sjukt mye tall å bokstaver å alt mulig drit..hva skal jeg gjøre?!
    02.09.2016 kl.08:22
    Tusen takk for flott design :-D



    Kommenter her
    Tilkomstgruppen
    Design og koding: Ina Anjuta
    hits