/* jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider Copyright (c) 2009 Niall Doherty This plugin available for use in all personal or commercial projects under both MIT and GPL licenses. */ /* Startsidan */ .coda-slider-wrapper { position: absolute; padding: 0; margin: 0 0 0 5px; z-index: 100; width: 980px; } .coda-slider-wrapper p { margin: 0; } .coda-slider { margin-left: 0; } /* Use this to keep the slider content contained in a box even when JavaScript is disabled */ .coda-slider-no-js .coda-slider { height: 560px; overflow: auto !important; padding: 0; margin: 0; } /* Change the width of the entire slider (without dynamic arrows) */ .coda-slider, .coda-slider .panel { width: 855px; height: 560px; } .coda-slider .panel img { margin: 0 0 0 0; } /* Tab nav */ .coda-nav ul li a.current { background-position: 0 0; } /* Panel padding */ .coda-slider .panel-wrapper { padding: 0; margin: 0 0 0 0; height: 560px; text-align: center; vertical-align: middle; } /* Preloader */ .coda-slider p.loading { padding: 0; text-align: center } /* Miscellaneous */ .coda-slider-wrapper { clear: both; overflow: auto } .coda-slider { float: left; overflow: hidden; position: relative } .coda-slider .panel { display: block; float: left } .coda-slider .panel-container { position: relative; width: 980px; } .coda-nav-left, .coda-nav-right { float: left; margin-top: 240px; } .coda-nav-left a, .coda-nav-right a { display: block; text-indent: -9999px; overflow: hidden; width: 61px; height: 87px; background-image: url('images/arrows_noshadow.png'); } body.start .coda-nav-left a, body.start .coda-nav-right a { background-image: url('images/arrows.png'); } .coda-nav-left a { background-position: 0 0; } .coda-nav-right a { background-position: 61px 0; } .coda-nav-left a:hover { background-position: 0 87px; } .coda-nav-right a:hover { background-position: 61px 87px; } .panel-wrapper h2.title { display: none; } .xtrig { position:relative; float: left; height: 40px; margin-top: 60px; text-indent: -9999px; overflow: hidden; z-index: 99; } .xtrig.xtrig1 { width: 122px; margin-left: 7px; } .xtrig.xtrig2 { width: 125px; margin-left: 21px; } .xtrig.xtrig3 { width: 125px; margin-left: 21px; } #page28 #hero .panel-wrapper, #page29 #hero .panel-wrapper { background-image: url('images/display_large.png'); background-position: 128px 55px; background-repeat: no-repeat; } #page28 #hero .panel-wrapper img, #page29 #hero .panel-wrapper img { position: relative; top:81px; } #page31 #hero .panel-wrapper, .section31 #hero .panel-wrapper { background-image: url('images/iphone_large.png'); background-position: 285px 55px; background-repeat: no-repeat; } #page31 #hero .panel-wrapper img, .section31 #hero .panel-wrapper img { position: relative; top:136px; } #page34 #hero .panel-wrapper img { position: relative; top:48px; } #page115 #hero .panel-wrapper img { position: relative; top:100px; } /* Start */ .start .coda-slider-no-js .coda-slider { height: 432px; } .start .coda-slider, .start .coda-slider .panel { height: 452px; } .start .coda-slider .panel-wrapper { margin: 122px 0 0 0; height: 432px; } .start .panel-wrapper.webb { background-image: url('images/hero_webb.png'); background-position: 100px 9px; background-repeat: no-repeat; } .start .panel-wrapper.mobil { background-image: url('images/hero_mobil.png'); background-position: 226px 6px; background-repeat: no-repeat; } .start .panel-wrapper.tryck { background-image: url('images/hero_tryck.png'); background-position: 184px 12px; background-repeat: no-repeat; } .start .panel-wrapper.webb img { position: relative; left: -58px; top:-12px; } .start .panel-wrapper.mobil img { position: relative; left: -58px; top:75px; } .start .panel-wrapper.tryck img { position: relative; left: -57px; top:-38px; } .start .panel-wrapper .underline { position: relative; top:-8px; height: 17px; width: 150px; background-image: url('images/underline.png'); background-repeat: no-repeat; z-index: 1001; } .start .panel-wrapper.webb .underline { left: 217px; } .start .panel-wrapper.mobil .underline { left: 353px; background-position: -150px 0; } .start .panel-wrapper.tryck .underline { left: 502px; background-position: -300px 0; } .start .panel-wrapper .plus a { position: relative; display: block; height: 56px; width: 56px; background-image: url('images/plus.png'); background-repeat: no-repeat; z-index: 1001; text-indent: -9999px; overflow: hidden; } .start .panel-wrapper.webb .plus a { top:-10px; left: 693px; } .start .panel-wrapper.mobil .plus a { top:2px; left: 560px; } .start .panel-wrapper.tryck .plus a { top:-5px; left: 615px; } /* Göm pluset så länge */ .start .panel-wrapper .plus a { visibility: hidden; } .start .coda-nav-left, .start .coda-nav-right { margin-top: 280px; } /* Kunder */ #kunder .coda-slider { margin-left: 0; } #kunder .coda-slider-no-js .coda-slider { height: 65px; overflow: auto !important; padding: 0; margin: 0; } #kunder .panel-wrapper { padding: 0; margin: 0 0 0 0; height: 65px; } #kunder .coda-slider, #kunder .coda-slider .panel { height: 65px; width: 930px; } #kunder .coda-nav { margin-left: 0; clear: left; } #kunder .coda-nav ul li { margin: 10px 5px 0 0; } #kunder .coda-nav-left, #kunder .coda-nav-right { float: left; margin: 21px 0 0 5px; } #kunder .coda-nav-left a, #kunder .coda-nav-right a { display: block; text-indent: -9999px; overflow: hidden; width: 16px; height: 25px; background-image: url('images/arrows_s.png'); } #kunder .coda-nav-right a { background-position: 30px 0; } #kunder .coda-nav-left a:hover { background-position: 0 30px; } #kunder .coda-nav-right a:hover { background-position: 30px 30px; } /* Portfolio */ .caseImage .coda-slider { margin-left: 0; } .caseImage .coda-slider-no-js .coda-slider { height: 65px; overflow: auto !important; padding: 0; margin: 0; } .caseImage .coda-slider, .caseImage .coda-slider .panel { width: 960px; height: 483px; } .coda-slider-wrapper.home .coda-slider .panel { width: 960px; height: 483px; } .caseImage .coda-nav { margin-left: 0; clear: left; } .caseImage .coda-nav ul li { margin: 10px 5px 0 0; }