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