Kode
#splash {
height:578px;
background-image: url(images/splash-bg.jpg);
background-repeat: no-repeat;
background-position: left top;
}
hjelper dette?
Kode
* {
margin:0;
padding:0;
}
html, body {
height:100%;
}
body {
background:url(images/tail-body.gif) left top repeat-x #504844;
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
line-height:1.125em;
color:#675d50;
}
img {
border:0;
vertical-align:top;
text-align:left;
}
object {
vertical-align:top;
outline:none;
}
ul, ol {
list-style:none;
}
.fleft {
float:left;
}
.fright {
float:right;
}
.clear {
clear:both;
}
.col-1, .col-2, .col-3 {
float:left;
}
.alignright {
text-align:right;
}
.aligncenter {
text-align:center;
}
.wrapper {
width:100%;
overflow:hidden;
}
.container {
width:100%;
}
/*==== GLOBAL =====*/
#main {
width:893px;
margin:0 auto;
font-size:.75em;
padding:25px 0 25px 0;
}
#header {
height:68px;
background:url(images/header-bg.jpg) no-repeat left top;
}
#content {
height:578px;
background:url(images/content-bg.jpg) no-repeat left top;
}
#splash {
height:578px;
background-image: url(images/splash-bg.jpg);
background-repeat: no-repeat;
background-position: left top;
}
#footer {
height:53px;
background:url(images/footer-bg.gif) no-repeat left top;
}
/*---- tailings ----*/
.tail-top {
background:url(images/tail-top.gif) left top repeat-x #ffbb00;
}
.tail-bottom {
background:url(images/tail-bottom.gif) left bottom repeat-x;
}
/*----- forms parameters -----*/
input, select, textarea {
font-family:Arial, Helvetica, sans-serif; font-size:1em;
vertical-align:middle;
font-weight:normal;
}
/*----- other -----*/
.img-indent {
margin:0 20px 0 0;
float:left;
}
.img-box {
width:100%;
overflow:hidden;
padding-bottom:15px;
}
.img-box img {
float:left;
margin:0 20px 0 0;
}
.extra-wrap {
overflow:hidden;
}
p {
margin-bottom:18px;
}
.p1 {
margin-bottom:9px;
}
.p2 {
margin-bottom:18px;
}
.p3 {
margin-bottom:27px;
}
/*----- txt, links, lines, titles -----*/
a {
color:#9f9383;
outline:none;
}
a:hover{
text-decoration:none;
}
h1 {
}
h2 {
font-size:26px;
color:#a09483;
line-height:1.2em;
text-transform:uppercase;
font-weight:normal;
letter-spacing:-2px;
margin-bottom:23px;
}
.link1 {
color:#b4a98c;
font-weight:bold;
background:url(images/marker1.gif) no-repeat left 6px;
padding:0 0 0 13px;
text-decoration:none;
}
.link1:hover {
text-decoration:underline;
}
.line-hor {
background:#3a3c52;
height:1px;
overflow:hidden;
font-size:0;
line-height:0;
margin:20px 0 20px 0;
}
.line-ver, .line-ver1 {
background-image:url(images/line-ver.gif);
background-repeat:repeat-y;
width:100%;
}
.address dt {
margin-bottom:16px;
}
.address dd {
clear:both;
}
.address dd span {
float:left;
width:82px;
}
.address dd a {
color:#675d50;
}
/*===== header =====*/
#header .nav {
padding:20px 0 0 0;
}
#header .nav li {
float:left;
background:url(images/divider.gif) no-repeat left 5px;
}
#header .nav li.first {
background:none;
}
#header .nav li a {
float:left;
display:block;
color:#d8d5b9;
text-transform:uppercase;
font-size:24px;
line-height:1.2em;
text-decoration:none;
padding:0 40px 0 40px;
}
#header .nav li a:hover, #header .nav li a.current {
color:#fab65d;
}
/*===== splash =====*/
#splash .indent {
padding:117px 0 0 273px;
}
/*===== content =====*/
#content .inside {
padding:0 40px 0 40px;
}
#content .inside.alt-bg {
background:#000;
padding-bottom:20px;
}
.logo-box {
height:180px;
}
.logo-box .indent {
padding:30px 0 0 275px;
}
.img-list {
width:100%;
overflow:hidden;
padding-bottom:15px;
}
.img-list li {
float:left;
padding:0 15px 0 0;
}
.list1 li {
background:url(images/marker1.gif) no-repeat left 8px;
padding:0 0 3px 15px;
}
.list1 li a {
font-weight:bold;
color:#7f755c;
text-decoration:none;
}
.list1 li a:hover {
text-decoration:underline;
}
.list1 li a.alt {
color:#b4a98c;
}
.list2 li {
padding-bottom:6px;
}
.list2 li a {
color:#675d50;
}
/*===== footer =====*/
#footer .indent {
color:#554b3d;
padding:19px 0 0 30px;
}
#footer a {
color:#554b3d;
}
/*----- forms -----*/
#contacts-form fieldset {
border:none;
}
#contacts-form label {
display:block;
height:26px;
}
#contacts-form label input {
width:210px;
padding:2px 0 2px 5px;
color:#675d50;
border:1px solid #5c5b59;
background:#1a1a1a;
font-size:11px;
}
#contacts-form textarea {
width:210px;
height:90px;
padding:2px 0 2px 5px;
margin-bottom:5px;
color:#675d50;
overflow:auto;
border:1px solid #5c5b59;
background:#1a1a1a;
font-size:11px;
}
/*==========================================*/
Det er bare et bilde og meny teksten som kommer opp når jeg da skal åpne siden.
