/* STYVIS CSS
Dokumentet er delt opp i seksjonene Header, menu, left, right og footer.
Samtlige styres hver for seg i stilarket.
FONTER
Font-egenskaper setter du under p{}, i begynnelsen (ganske) av dette duokumentet.
Jeg har gjort plass til font-family og font-size.
LOGO
Styvis-logoen oppe til venstre bestemmes i header{}. Den ligger der som bakgrunnsbilde.
HOVEDMENY
Bakgrunnsbildet kan endres i menu{}
ROTERENDE BILDER I TOPPEN
- Det roterende bildeopplegge styres av et script som ligger i script-katalogen.
- Dersom du vil skifte bilder, endrer du sti til bilde i filen images.ini
- Bildene som roterer ligger i img/toppbanner.
ANNONSE-BANNER
Ligger i img/Annonser
SKYGGE
- Kant-skyggen kan endres i wrapper{} i css.
- Bunnskyggen er litt k?rka akkurat n?. Den endrer vi i footer{} i stilarket.
--------------------------
INNHOLD
- Alle sider ligger under inc-files, noen litt bedre begravd enn andre...
- Putt i begynnelsen av dokumentet
og i slutten av dokumentet for ? kunne editere i dreamweaver
- Bruk vanlige formateringsregler: rundt paragraftekst, rundt hovedoverskrifter, rundt under-overskrifter, rundt under-under-overskrifter etc.
Du kan sette egenskaper for all skrift i begynnelsen av stilarket.
HJEM
inc-files/hjem.inc
OM STYVIS
inc-files/omStyvis.inc
V?RE PRODUKTER
- Ikke bry deg om hovedsiden: inc-files/produkter.inc. Denne henter rett og slett bare inn de forskjellige undersidene, jfr submenyen som lastes p? produktsiden
- inc-files/produkter/cat001.inc (etc)
- Ring eller mail meg n?r du er i gang med produkt-siden. Den er litt tung ? forklare.
HVORDAN STARTE EGEN BUTIKK
-inc-files/starteEgenButikk.inc
FORHANDLERWEB
Lenkene p? venstresiden styres i left_column{}
KONTAKT
inc-files/kontakt.inc
*/
html, body{ /* Generelle regler for dokumentet */
background: #663300;
margin: 0px;
padding: 0px;
}
p { /* !!!SE HER!!! Her kan du sette all paragraf-formatering */
margin-top: 0px;
color: #663300;
font-family: Georgia;
font-size: 13px;
font-weight: normal;
line-height: 135%;
}
h1{ /* !!!SE HER!!! Her kan du sette overskrifter, niv? 1 */
color: #663300;
margin-top: 0px;
margin-bottom: 0px;
font-family: Georgia;
font-size: 20px;
font-weight: bold;
}
h2{ /* !!!SE HER!!! Her kan du sette overskrifter, niv? 2 */
color: #663300;
margin-top: 5px;
margin-bottom: 0px;
font-family: Georgia;
font-size: 16px;
font-weight: bold;
}
h3{ /* !!!SE HER!!! Her kan du sette overskrifter, niv? 2 */
color: #663300;
margin-top: 0px;
margin-bottom: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: normal;
}
ul, li{ /* Fjerner padding og margin for at ikke ie og ff skal begynne ? krangle */
margin: 0px;
padding: 0px;
}
img{ /* Setter border til null p? alle biler */
border: 0px;
color: #663300;
}
#wrapper{
position: relative;
width: 968px;
margin-left: auto;
margin-right: auto;
background: #FFFFFF url(img/bg_skygge.png) left repeat-y; /* Skygge p? siden av...eh...siden */
border-top: 0px;
}
/* ****** */
/* HEADER */
/* ****** */
#header{
margin-left:16px;
margin-right:16px;
background: #E4DED0 url(img/logo_header.png) left no-repeat; /* Endre Styvis-logo */
height: 149px;
}
#headerPic{
float: right;
}
/* **** */
/* MENU */
/* **** */
#menu{
position: relative;
background: url(img/bg_menu.png); /* Endre bakgrunnsbildet til menyen */
height: 41px;
margin-left:16px;
margin-right:16px;
padding-top: 6px;
padding-bottom: 6px;
text-align: center;
text-transform: uppercase;
text-decoration: none;
margin-bottom: 7px;
}
#menu a{ /* Link-egenskaper for hovedmeny */
color: #663300;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
}
/* LEFT COLUMN */
#left_column{
float: left; /* Plasserer innhold */
width: 200px; /* Setter bredde */
margin-left: 12px; /* Avstnad til venstre kant */
}
html>body #left_column{ /* Firefox-spesifikt */
margin-left: 28px;
}
li a{ /* Lenke egenskaper (alle tilstander) */
text-decoration: none;
color: ;
}
li a:hover{ /* Lenke egenskaper (mouse-over) */
text-decoration: none;
}
#left_column img{ /* Setter vertikal avstand mellom bilder */
margin-bottom: 11px;
}
#submenuForhandler{ /* Generelle egenskaper for ForhandlerWeb-submeny */
display: block;
font-family: arial, verdana, sans-serif; /* !!!SE HER!!! Sett text-egenskaper for forhandler menyen her */
font-size: 12px;
font-weight: bold;
background: #D5CEBC;
border: 1px solid #663300;
margin-bottom: 11px;
padding: 4px; /* Avstand til kantene av boksen */
line-height: 1.2em; /* Mellomrom mellom lenker i forhandlerweb-menyen */
}
#submenuForhandler a{
color: #663300;
}
#submenuForhandler li{ /* Fjerner liste-greier */
list-style: none;
}
/* ************ */
/* RIGHT COLUMN */
/* ************ */
#right_column{
float: right;
width: 700px;
margin-right: 12px;
margin-bottom:7px;
}
#right_column a:link {color: #663300;}
#right_column a:visited {color: #663300;}
#right_column a:hover {text-decoration: underline;}
#right_column a:active {text-decoration: none;}
html>body #right_column{ /* Firefox-spesifikt */
margin-right: 32px;
}
#submenu_Produkter{
margin-bottom: 11px;
}
#submenu_Produkter a{
font-size: 11px;
color: #663300;
text-decoration: underline;
margin-right: 10px;
}
/* ****** */
/* footer */
/* ****** */
#footer{
height: 30px;
clear: both;
background: url(img/bg_skygge_footer.png) top no-repeat; /* Skygge p? bunnen av siden */
text-align: center;
font-size: 12px;
padding-top: 5px;
font-family: Georgia;
color: #663300;
}
#footer a:link {color: #663300;}
#footer a:visited {color: #663300;}
#footer a:hover {text-decoration: underline;}
#footer a:active {text-decoration: none;}