/ Published in: HTML
Expand |
Embed | Plain Text
Copy this code and paste it in your HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> <meta name="generator" content="Visma"> <meta name="robots" content="index,follow" /> <link rel="stylesheet" type="text/css" href="/sys/webshop.css" /> <style type="text/css"> <!-- /***** * RESET * ***********************/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /* remember to define focus styles! */ :focus { outline: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } a { text-decoration: none; } /************ * Typography *****************************/ h1, h2, h3, h4, h5, h6 { font-weight: bold; } h1 { font-size:14px; margin:0 0 6px 0; } h2 { font-size: 16px; margin: 0 0 16px 0; } h3 { font-size: 14px; margin: 0 0 14px 0; } h4 { font-size: 12px; margin: 0 0 12px 0; } h5 { font-size: 10px; } h6 { font-size: 8px; } p { margin: 0 0 12px 0; } /*** * Style * ***********************/ body { font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; line-height:13px; background-image: url("images/bgr_pattern.gif"); } #container { margin: 0 auto; width: 960px; background: #fff; } /*********** * Header section * ******************************/ #header { margin: 10px auto 0; background-image: url("images/header.png"); background-repeat: no-repeat; background-position: 0 50px; border-bottom: 1px solid #AEADAD; width: 960px; height: 113px; color: #ffffff; font-size: 12px; line-height: 14px; } #header a, #header a:visited{ color: #ffffff; text-decoration: none; } #header h1 { margin: 0; text-indent: -9999px; } #header img{ } #logo { width: 360px; height: 50px; margin: 0 0 0 50px; } #login { float:left; margin:12px 10px 0 418px; width:250px; text-align:right; } #verisign { width: 88px; float:left; margin: 0 4px; } #login a:hover, #cart a:hover{ text-decoration: underline; } #cart{ width: 100px; float: left; margin: 12px 0 0 4px ; } #flag{ width: 70px; float: left; margin: 23px 0 0 4px ; } /*********** * Navigation * *********************/ #navigation { float: left; width: 958px; background: #ffffff; height: 75px; border-left: 1px solid #AEADAD; border-right: 1px solid #AEADAD; position:relative; z-index: 3000; } #navigation ul { padding: 4px 0 0 23px; margin: 0; width: 100%; } #navigation ul li { list-style-type: none; display: inline; border-top: 1px solid #ffffff; } #navigation li a{ font-size: 14px; line-height: 17px; display: block; float: left; padding: 8px 0 0 0; color: #231F20; text-decoration: none; width: 148px; height: 28px; text-align: center; background-image: url("images/menu_btn.png"); background-repeat: no-repeat; margin-right: 4px; /*border-right: 1px solid #fff;*/ } #navigation li a:hover { } #navigation ul ul{ padding: 0 0 0 10px; z-index: 80; } #navigation li li a{ font-size: 12px; line-height: 14px; display: block; float: left; padding: 4px 0; color: #231F20; text-decoration: none; height: 16px; text-align: center; background-image: none; margin-right: 4px; /*border-right: 1px solid #fff;*/ } #navigation li li a:hover{ background-image: none; background-color:#606160; color: #ffffff; } #search{ float:left; width: 30%; padding: 5px 0 0 23px; clear: left; } #social_btn{ float: right; width: 400px; padding: 7px 21px 0 0; text-align: right; z-index: 2000; } #towebshop{ float:right; margin: 0 20px 0 0 ; } #facebookimg{ margin: 0 20px 0 0; float:right; } #sharethis_0{ } #sharethisbtn{ float:right; z-index: 1000; } /******** * End of header section * ******************************/ #content-container, #skatesteder, #omoss, #product-one, #product-two, #sys-default{ float: left; width: 958px; position:relative; border-left: 1px solid #AEADAD; border-right: 1px solid #AEADAD; border-bottom: 1px solid #AEADAD; } #content-container{ background: #fff url(images/mainbg.gif) repeat-y 100% 0; } #content { float: left; width: 508px; /*padding: 20px 0;*/ margin:0 0 0 190px; /*padding-left: 30px;*/ } #aside { float: right; width: 227px; padding: 0; margin: 0 23px 0 0; display: inline; } #footer { clear: both; background: #3e3c36; text-align: right; padding: 10px 20px; height: 14px; color: #ffffff; } #cards { clear: both; background: #ffffff; text-align: left; padding: 10px 20px; height: 1%; color: #999999; height: 55px; } #cards img { float: left; padding: 0 15px 0 0 ; } #ups { } /************* * Left menu * *************************/ #section-navigation{ float: left; width: 158px; padding: 0; display: inline; margin: 0 0 0 -677px;/* 675 = 508 + 9 + 158 - 2, maincontent width + width between left col and main + width of left col - border */ } #section-navigation ul{ margin: 0 0 30px; padding: 0; } #section-navigation ul ul{ margin: 0; padding: 0; } #section-navigation ul li{ border-top: 1px solid #ffffff; padding: 0; list-style-type: none; background-color: #AEADAD; } #section-navigation ul li a{ display: block; padding: 7px 0 10px 8px; font-size: 12px; color: #0E1323; margin: 0; } #section-navigation a:link, #section-navigation a:visited { /* color: #222222; background-color: inherit; */ } #section-navigation a:hover, #section-navigation a:active { color: #222222; background-color: inherit; } #section-navigation ul li a:hover { color: #ffffff; background-color: #58487E; } #section-navigation ul ul li, #section-navigation ul ul ul li{ margin: 0; background-color: #79AC9C; color:#ffffff; } #section-navigation ul ul li a, #section-navigation ul ul ul li a{ color:#ffffff; } #section-navigation ul ul li a:hover, #section-navigation ul ul ul li a:hover{ color:#222222; } #section-navigation ul ul li a{ padding: 7px 0 10px 30px; } #section-navigation ul ul li a:hover { background-color: #79AC9C; } #section-navigation ul ul ul li{ border-top:1px solid #FFFFFF; } #section-navigation ul ul ul li a{ padding: 7px 0 10px 40px; } #section-navigation ul ul ul li a:hover { color: #ffffff; background-color: #943B42; } /************* * Right column * ****************************************/ #white_bg { background-color: #ffffff; } #ja_takk { border: 1px solid #000000; margin: 0 0 10px 0; } #skatenorway_movie { margin: 0 0 5px 0; } #utube { background-color: #DCDEDB; z-index: -1; } #ctnr_iframe { z-index:-1; } /*************** * Front page Main content area * **************************************/ #slideshow { width: 502pX; height: 277px; border: 2px solid #888888; margin: 0 0 10px 0; } #boxes { margin: 0 0 15px 0; } #boxes img{ display: inline; margin: 0 4px 0 0; } #content-container #content .product_header{ text-align: center; font-size: 14px; background: #3e3c36; padding: 10px 0 0 0; width: 500px; height: 25px; font-weight: bold; line-height: 17px; color: #ffffff; } #products{ } #products img{ display: inline; margin: 0 3px 0 0; border: 1px solid #888888; } #content-container #content h2, #content-container #content p { width: 493px; } .product_box{ background-color: #EFEFED; width: 500px; padding: 0 0 30px 0; margin: 0; min-height: 355px; } .product_box td{ padding: 3px 5px; } /***************** * Footer * *****************************************/ #okada a, #okada a:visited{ color: #dddddd; font-size: 9px; padding: 0 7px 0 30px; float:right; } #copyright { float:left; } #footer p { margin: 0 0 0 4px; font-size: 10px; } /**************** * General pages * *******************************/ #skatesteder, #omoss, #product-one, #product-two, #sys-default{ /* general css are in the above with content-contaier*/ background: #fff url(images/generalbg.gif) repeat-y 100% 0; } #skatesteder #content{ background-color: #f4f4f4; width: 744px; margin:0 0 30px 190px; background-image: url("images/skate_bg.jpg"); background-repeat: no-repeat; background-position: bottom; padding: 0 0 30px 0; min-height: 755px; } #skatesteder #section-navigation, #omoss #section-navigation, #product-one #section-navigation, #product-two #section-navigation, #sys-default #section-navigation { margin:0 0 0 -912px; } /********** * Om oss page * *************************/ #omoss #content{ background-color: #f4f4f4; width: 714px; height: 700px; margin:0 0 30px 190px; background-image: url("images/skate_bg.jpg"); background-repeat: no-repeat; background-position: bottom; padding: 20px 0 0 30px; min-height: 755px; } .small-cont{ width: 527px; } /********* * Skatesteder * *************************/ .green_header{ background: #1E675D; width: 744px; color:#FFFFFF; height:29px; padding:10px 0 0; text-align:center; line-height: 18px; } .skatested{ margin: 20px 42px 0 30px; height: 170px; border-bottom: 2px solid #333333; } .skatested img { float: left; margin: 10px 24px 10px 0; } .skatested p { padding: 10px 0 0 0; } /**************** * Category/Product page * ******************************/ #product-one img { margin: 0 24px 10px 0; float: left; } #product-one #content, #product-two #content{ background-color: #f4f4f4; width: 744px; margin:0 0 30px 190px; background-image: url("images/skate_bg.jpg"); background-repeat: no-repeat; background-position: bottom; padding: 0; min-height: 765px; } .product-content{ padding: 4px 42px 30px 30px; } .blue_header{ background: #302B60; width: 744px; color:#FFFFFF; height:29px; padding:10px 0 0; text-align:center; line-height: 18px; } /************** * Contact and input for search * *****************************/ input, textarea{ border: 2px solid #DBDAD5; padding: 4px; font-size: 1em; background-color: #F8F8F8; margin: 2px; } input:focus, textarea:focus, input.sffocus, textarea.sffocus{ border-color: #000; background-color: #DFF7FF; } #search input, #search textarea{ border: 1px solid #DBDAD5; padding: 3px 5px; font-size: 1em; background-color: #F8F8F8; margin: 0 5px 0 0; } /**************** * System default pages, individual product, login, checkout, register etc. * **********************************/ #sys-default #content{ background-color: #EFEFED; width: 684px; margin:0 0 30px 190px; padding: 20px 30px; min-height: 765px; } .td-main-odd, .td-main-even{ padding: 0 0 20px 0; vertical-align: middle; font-size: 12px; line-height: 14px; } #sys-default #content img { border: 1px solid #555555; } .td-menu{ padding: 0 0 10px 0; font-size: 14px; line-height: 16px; } .td-main{ padding: 0 0 20px 0; vertical-align: middle; font-size: 12px; line-height: 14px; } .td-back{ } #sys-default form{ margin: 0; font-size: 12px; line-height: 14px; } #sys-default form tr td { vertical-align: top; } /*********** jquery menu, superfish.css *****************************/ /*** ESSENTIAL STYLES ***/ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu { line-height: 1.0; } .sf-menu ul { position: absolute; top: -999em; width: 10em; /* left offset of submenus need to match (see below) */ } .sf-menu ul li { width: 100%; } .sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .sf-menu li { float: left; position: relative; } .sf-menu a { display: block; position: relative; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 2.5em; /* match top ul list item height */ z-index: 99; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } /*** DEMO SKIN ***/ .sf-menu { float: left; margin-bottom: 1em; } .sf-menu a { /*border-left: 1px solid #fff; border-top: 1px solid #CFDEFF;*/ padding: .75em 1em; text-decoration:none; } .sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/ color: #231F20; } .sf-menu li { /*background: #BDD2FF;*/ } .sf-menu li li { background: #AEADAD; } .sf-menu li li:hover { background-color:#606160; } .sf-menu li li li { background: #AEADAD; } .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { /*background: #CFDEFF;*/ outline: 0; } /*** arrows **/ .sf-menu a.sf-with-ul { padding-right: 2.25em; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ } .sf-sub-indicator { position: absolute; display: block; right: .75em; top: 1.05em; /* IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background: url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ } a > .sf-sub-indicator { /* give all except IE6 the correct values */ top: .8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ } /* apply hovers to modern browsers */ a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; /* arrow hovers for modern browsers*/ } /* point right for anchors in subs */ .sf-menu ul .sf-sub-indicator { background-position: -10px 0; } .sf-menu ul a > .sf-sub-indicator { background-position: 0 0; } /* apply hovers to modern browsers */ .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ } /*** shadows for all but IE6 ***/ .sf-shadow ul { background: url('../images/shadow.png') no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px; } .sf-shadow ul.sf-shadow-off { background: transparent; } /******Sign-up page**/ #SignUp { padding: 0; } #SignUp td { padding: 8px ; margin: 0; } .buybtn { color: #000000; background-color: #3DA33C; border-color: #666666; } .buybtn:hover { background-color: #ffffff; color: #000000; } #content-container #content #fronttable p{ width: 157px; } //--> </style> </head> <body> <div id="header"> <h1> Skatenorway </h1> <div id="login"> </div> <div id="cart"> Handlevogn<br /> </div> <div id="verisign"> <img src="images/verisign.jpg"> </div> <div id="flag"> </div> </div> <div id="container"> <div id="navigation"> <ul class="sf-menu"> </li> </ul> <div id="search"> <FORM ACTION="search-8.asp" METHOD="get"> <INPUT TYPE="text" CLASS="input-style" NAME="searchFor" SIZE="10"> <INPUT TYPE="submit" VALUE="Søk"> </FORM> </div> <div id="social_btn"> <div id="sharethisbtn"> <script type="text/javascript" src="http://w.sharethis.com/button/sharethis.js#publisher=3e1677f1-a29c-4f6a-ab95-4b3b76ea59b7&type=website&popup=true&embeds=true&post_services=email%2Cfacebook%2Ctwitter%2Cgbuzz%2Cmyspace%2Cdigg%2Csms%2Cwindows_live%2Cdelicious%2Cstumbleupon%2Creddit%2Cgoogle_bmarks%2Clinkedin%2Cbebo%2Cybuzz%2Cblogger%2Cyahoo_bmarks%2Cmixx%2Ctechnorati%2Cfriendfeed%2Cpropeller%2Cwordpress%2Cnewsvine"></script> </div> <div id="facebookimg"> </div> <div id="sys-default"> <div id="content"> <FORM ACTION="command.asp" METHOD="get" NAME="artForm"> <TABLE BORDER="0" CELLSPACING="0" CELLPADDING="0"> <TR> <TD VALIGN="top"> </TD> <TD> </TD> <TD VALIGN="top" CLASS="td-main"> <P ALIGN="center"> <IMG SRC="images/articles/ARTIKEL%5F2%5Fstor%2Ejpg" BORDER="0" ALT="Komplett skateboard Skater lilla"> </P> <BR> <BR> Pris: <TABLE CELLSPACING="0" BORDER="0" CELLPADDING="2"> <TR> <TD> <INPUT TYPE="text" NAME="antal" VALUE="1" MAXLENGTH="7" SIZE="2"> </TD> <TD> <INPUT TYPE="submit" VALUE="Kjøp"> </TD> </TR> </TABLE> <P> <TABLE BORDER="0" CELLSPACING="0" CELLPADDING="0" WIDTH="160"> <TR> <TD CLASS="td-back"> <TABLE CELLSPACING="1" CELLPADDING="2" BORDER="0" WIDTH="160"> <TR> <TD CLASS="td-menu"> Informasjon </TD> </TR> <TR> <TD CLASS="td-main"> <br/> </TD> </TR> </TABLE> </TD> </TR> </TABLE> </TD> </TR> </TABLE> <INPUT TYPE="hidden" NAME="action" VALUE="addArtnOut"> <INPUT TYPE="hidden" NAME="sUrl" VALUE="art-8.asp?id=2"> <INPUT TYPE="hidden" NAME="cartBackUrl" VALUE="art-8.asp?id=2"> <INPUT TYPE="hidden" NAME="artID" VALUE="2"> <INPUT TYPE="hidden" NAME="langid" VALUE="8"> </FORM> </div> <div id="section-navigation"> </ul> </div> </div> <div id="footer"> </div> <div id="cards"> </div> </div> <!--[if IE 6]> <style type="text/css"> #content { margin-left:100px; padding-left: 30px; } </style> <![endif]--> <script>$('input[value|=Kjøp],input[value|=Buy],input[value|=Fortsett å handle],input[value|=Skriv deg inn her],input[value|=Logg inn],input[value|=Lagre],input[value|=Logg deg på],input[value|=Continue shopping],input[value|=Register as a customer],input[value|=Login],input[value|=Gå til kassen],input[value|=Proceed to checkout],input[value|=Save],input[value|=Fullfør bestillingen],input[value|=Confirm the order],input[value|=Neste],input[value|=Next],input[value|=Forrige],input[value|=Back],input[value|=Fortsett til betaling],input[value|=Continue to make the payment],input[value|=Send],input[value|=Rediger dine kundeopplysninger],input[value|=Edit your information]').addClass("buybtn"); </script> <script type="text/javascript"> var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); </script> <script type="text/javascript"> try { var pageTracker = _gat._getTracker("UA-15915487-1"); pageTracker._trackPageview(); } catch(err) {}</script> </body> </html>