Stilsettet (CSS)

BODY {

background-image: url(http://www.stoffogstil.no/ImageRoot/4/2/4/4242/4242_l.jpg);

background-attachment: fixed;

background-position: right bottom;

background-repeat: no repeat;

cursor:url(http://home.no/bloggdesignet/nerdie/cursors/cursor3_pink.cur), pointer;

}

.entry {

-moz-border-radius: 3px;

-webkit-border-radius: 3px;

-khtml-border-radius: 3px;

border-radius: 3px;

background-color: #ffffff;

border: 7px solid #ffffff;

}

body {

background-color: #ffffff;

font-family: century gothic;

color: #000000;

font-size:10pt;

}

#header {

border: 7px solid #ffffff;

margin: 0px 0px 10px 20px;

background-color: #ffffff;

background-image: url('http://bloggfiler.no/skdesign4.blogg.no/images/1275586-7-1324229303081.jpg');

height: 350px;

width: 760px;

background-repeat: repeat;

-moz-border-radius: 3px;

-webkit-border-radius: 3px;

-khtml-border-radius: 3px;

border-radius: 3px;

}

#wrapper {

background-color: #transparent;

width: 900px;

}

#newcomment #comment_text_wrapper {

width: 800px;

}

#main {

-moz-border-radius: 3px;

-webkit-border-radius: 3px;

-khtml-border-radius: 3px;

border-radius: 3px;

background-color; #transparent;

float: left;

width: 814px;

border: 0px solid #ffffff;

}

#side {

position: fixed;

top: 65px;

right: 130px;

filter:alpha(opacity=70);

-moz-opacity:0.7;

-khtml-opacity: 0.7;

opacity: 0.7;

margin: 0px 0px 0px 0px;

-moz-border-radius: 3px;

-webkit-border-radius: 3px;

-khtml-border-radius: 3px;

border-radius: 3px;

background-color: #ffffff;

float: right;

width: 150px;

border: 7px solid #ffffff;

}

#footer {

background-color: #transparent;

width: 790px;

}

a { color: #ff99cc; }

a:link { color: #000000;}

a:visited { color: #cccccc}

a:active { color: #cccccc}

h1, h2, h3, h4, h5 { font-family: century gothic, times; font-style: none; }

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

#header { color: #F8EEEE; }

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

}

a { color: #ff99cc;}

a:link { color: #000000;}

a:visited { color: #000000}

a:hover { color: #000000; background-color: #F1E3E1; }

;}

a:active { color: #0A0A0A}

a:link { color: #000000;}

h1, h2, h3, h4, h5 { font-family: century gothic, times; ;}

h2, h3 {}

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

#header { color: #F8EEEE; }

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

}

.entry {

border: 1px solid #000000;

background: #FFFFFF;

}

h2 {

font-family: century gothic, times;

font-size: 20px;

font-weight: bold;

text-transform: uppercase;

color: black;

-moz-border-radius: 3px;

-webkit-border-radius: 3px;

-khtml-border-radius: 3px;

border-radius: 3px;

border-bottom: 0px dotted #F1E3E1;

background-color: #82c9ff;

background-attachment: fixed;

background-position: right bottom;

background-repeat: repeat;

text-align: left;

}

#comments .owner, #comments .other, #comments .user{

-moz-border-radius: 3px;

-webkit-border-radius: 3px;

-khtml-border-radius: 3px;

border-radius: 3px;

background-color: #ffffff;

border: 1px solid #000000;

font-family: century gothic;

}

width: 700px;

.entrymeta a { color: #7e7e77; }

-moz-border-radius: 10px;

-webkit-border-radius: 10px;

-khtml-border-radius: 10px;

border-radius: 10px;

.entrymeta a:hover { background-color: #ffffff; text-decoration: none;}

.commentheader {

font-family: tahoma;

font-size: 14px;

font-style: italic;

color: #DBD4D3;

line-height: 130%;

margin: 10px 10px 0px 15px;

}

.commenttext {

font-family: tahoma;

font-size: 11px;

font-weight: normal;

color: #7e7e77;

line-height: 120%;

margin: 10px 10px 0px 0px;

width: 640px;

}

.commentmeta {

font-family: tahoma;

font-size: 11px;

font-weight: normal;

color: #999999;

margin: 10px 10px 10px 0px;

padding-bottom: 10px;

line-height: 130%;

width: 640px;

border-bottom: 1px dashed #eeeeee;

}

.commentmeta a { color: #7e7e77; }

-moz-border-radius: 10px;

-webkit-border-radius: 10px;

-khtml-border-radius: 10px;

border-radius: 10px;

.commentmeta a:hover { backgriound-color: #F1E3E1; text-decoration: none}

.commentform {

font-family: tahoma;

font-size: 11px;

text-transform: normal;

}

}

#navbar {

padding: 5px;

height: 1em;

width: auto;

margin: 0px;

text-align: center;

}

#navbar li {

float: left;

list-style: none;

width: 100px;

background-color: #fff;

}

#navbar li a {

padding: 5px;

display: block;

border-bottom: 0px dashed #F7D7EE;

color: #000000;

text-decoration: none;

font-family: century gothic;

font-size: 12px;

line-height: 12px;

}

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

}

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

float: none;

}

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

border-bottom: 1px dotted #ffc0c0;

color: #727272;

}

#navbar li li a:hover {

background-color: #ffc0c0;

}

#meny {

-moz-border-radius: 10px;

-webkit-border-radius: 10px;

-khtml-border-radius: 10px;

border-radius: 10px;

width: 810px;

margin-left: auto;

margin-right: auto;

}

.entry .meta {

font-family: century gothic, times;

font-weight: bold;

font-size: 12px;

text-transform: uppercase;

color: white;

-moz-border-radius: 3px;

-webkit-border-radius: 3px;

-khtml-border-radius: 3px;

border-radius: 3px;

background-color: #82c9ff;

color: #ffffff;

text-transform: normal;

font-weight: normal;

text-transform: normal;

padding: 5px 5px 0px;

margin-bottom: 0px;

margin-top: 12px;

text-align: center;

}

.commentmeta a { color: #7e7e77; }

-moz-border-radius: 10px;

-webkit-border-radius: 10px;

-khtml-border-radius: 10px;

border-radius: 10px;

.commentmeta a:hover { background-color: #F1E3E1; text-decoration: none}

.commentform {

font-family: tahoma;

font-size: 11px;

text-transform: normal;

font-weight: normal;

color: #7e7e77;

margin: 10px 10px 20px 15px;

line-height: 130%;

width: 800px;

}

}

h1 {

font-family: tahoma;

font-size: 13px;

text-transform:uppercase;

margin: 0px;

padding: 0px;

height: 30px;

}

h3 {

font-family: century gothic, times;

font-weight: bold;

font-size: 18px;

text-transform: uppercase;

color: white;

-moz-border-radius: 3px;

-webkit-border-radius: 3px;

-khtml-border-radius: 3px;

border-radius: 3px;

background-color: #82c9ff;

font-size: 18px;

color: #ffffff;

text-transform: normal;

font-weight: normal;

text-transform: normal;

padding: 5px 5px 0px;

margin-bottom: 0px;

margin-top: 12px;

text-align: center;

}

textarea{

-moz-border-radius: 3px;

-webkit-border-radius: 3px;

-khtml-border-radius: 3px;

border-radius: 3px;

background-color: #fc628e;

border: 1px solid #cccccc;

font-family: century gothic;

color: white;

}

input{

-moz-border-radius: 3px;

-webkit-border-radius: 3px;

-khtml-border-radius: 3px;

border-radius: 3px;

background-color: #fc628e;

border: 1px solid #cccccc;

font-family: century gothic;

color: white;

font-weight: ;

}

h2 a {

font-family: century gothic, times;

font-size: 20px;

font-weight: bold;

text-transform: uppercase;

color: white;

}

h1 {

border: 1px solid #000000;

-moz-border-radius: 3px;

-webkit-border-radius: 3px;

-khtml-border-radius: 3px;

border-radius: 3px;

background-color: #ffffff;

font-family: century gothic, times;

font-size: 12px;

color: black;

}

<style type="text/css">

/*Credits: Dynamic Drive CSS Library */

/*URL: http://www.dynamicdrive.com/style/ */

.bubblewrap{

list-style-type:none;

margin:0;

padding:0;

}

.bubblewrap li{

display:inline;

width: 65px;

height:60px;

}

.bubblewrap li img{

width: 55px; /* width of each image.*/

height: 60px; /* height of each image.*/

border:0;

margin-right: 12px; /*spacing between each image*/

-webkit-transition:-webkit-transform 0.1s ease-in; /*animate transform property */

-o-transition:-o-transform 0.1s ease-in; /*animate transform property in Opera */

}

.bubblewrap li img:hover{

-moz-transform:scale(1.8); /*scale up image 1.8x*/

-webkit-transform:scale(1.8);

-o-transform:scale(1.8);

}

</style>

}

<style type="text/css">

/*Credits: Dynamic Drive CSS Library */

/*URL: http://www.dynamicdrive.com/style/ */

.cssform p{

width: 300px;

clear: left;

margin: 0;

padding: 5px 0 8px 0;

padding-left: 155px; /*width of left column containing the label elements*/

border-top: 1px dashed gray;

height: 1%;

}

.cssform label{

font-weight: bold;

float: left;

margin-left: -155px; /*width of left column*/

width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/

}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/

width: 180px;

}

.cssform textarea{

width: 250px;

height: 150px;

}

/*.threepxfix class below:

Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.

to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html

*/

* html .threepxfix{

margin-left: 3px;

}

#idReklame1, #idReklame2, #idReklame3, #idReklame4, #idReklame5, #idReklame6, { display: none; }









designet er laget av http://solveigkristinee.blogg.no


om meg



    Navn: Hva du heter

    design



      solveigkristinee.blogg.no


      hits