/* Theme Name: Smimedia Theme URI: http://www.dinwebb.nu/ Version: 1.0 Description: Design & Programmering av Dinwebb.nu. Author: Dinwebb.nu Author URI: http://www.dinwebb.nu Copyright: (c) 2010 dinwebb.nu License: GNU/GPL Version 2 or later. http://www.gnu.org/licenses/gpl.html */ /* Standard instŠllningar */ @import "css/reset.css"; @import "js/fancybox/jquery.fancybox-1.3.4.css"; /*-------------------------------------------------------------------------------------------*/ /* /* GENERAL /* /*-------------------------------------------------------------------------------------------*/ /* always force a scrollbar in non-IE */ html { background-image: url(images/header_bg.png); background-repeat: repeat-x; background-position: top; background-color: #e2e2e2; } body {} /* Links */ a {text-decoration: none; color: #00a1d8;} /* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */ a:hover, a:active { outline: none; text-decoration: underline;} /* Headers */ h1, h2, h3, h4, h5, h6 {margin: 0 0 10px; line-height: 1.1; color: #212121; font-family:"Lucida Grande","Lucida Sans Unicode",sans-serif;} h1 {font-size: 20px; font-weight: lighter; color:#323232; } h2 {font-size: 20px; font-weight: lighter; color:#323232; } h3 {font-size: 20px; color: #00a1d8} h4 {font-size: 18px;} h5 {font-size: 14px;} h6 {font-size: 14px; border-bottom: 1px solid #dfdfdf; color: #333;} img {vertical-align: top;} p { margin: 0 0 10px; font-size: 11px; color: #424242; font-family:"Lucida Grande","Lucida Sans Unicode",sans-serif;} a { color: #0065b3;} /*-------------------------------------------------------------------------------------------*/ /* /* Header /* /*-------------------------------------------------------------------------------------------*/ #container { width: 960px; margin: 0 auto;} #header { height: 83px;} .lang_switch { width:300px; height: 20px; float: right; margin: 0 10px 0;} .swe { width: 19; height: 12px; float: right; margin: 5px 0 0 2px; background: url(images/swe.png) no-repeat; width: 20px;} .eng { width: 19; height: 12px; float: right; margin: 4px 0 0 7px; background: url(images/grb.png) no-repeat; width: 20px;} /* Logo */ #logo {margin: 0; padding: 0; float: left;} #logo a { width: 101px; height: 83px; background: url(images/logo.png) no-repeat; display: block; text-indent: -999em; overflow: hidden; text-align: left; margin: 0 0 0 50px;} /* NAV ************************************/ #mainNav { float: left; font-size: 12px; text-transform: uppercase; color: #171717; font-family:"Lucida Grande","Lucida Sans Unicode",sans-serif; float: right; margin: 31px 10px 0 0;} #nav { width: 677px; } #nav li {display: inline;} #nav a { display:block; margin: 0 0 0 2px; text-align: center; line-height:30px; line-height: 30px; color: #949494; float: left; background: url(images/nav.png) no-repeat; width: 133px; height: 32px; text-shadow: 0 -1px 0 #000; } #nav a:hover, #nav .current_page_item a { color: #171717; text-decoration: none; background: url(images/nav_current.png) no-repeat; width: 133px; height: 32px; text-shadow:none ; } #nav .current_page_ancestor a { color: #171717; text-decoration: none; background: url(images/nav_current.png) no-repeat; width: 133px; height: 32px; text-shadow:none ; } /* Lvl 2 */ #nav ul {display: none;} #nav ul {display: none;} #subNav { background: #E4E4E4; line-height: 30px; float: left; } #subNav a { margin: 0 0 0 10px; padding: 0 0 0 17px; color: #454545;} #subNav .current_page_item a { font-size: 12px; text-transform: uppercase; color: #0065b3; background: url(images/current_sub.png) no-repeat; background-position: 0px 1px; margin: 0 0 0 27px; background-position: 1px 3px;} #subNav .page_item { background:url(images/sub_nav_bg.png) no-repeat; line-height: 44px; width: 194px; margin: -7px 0 0;} #subNav .children { background:#C5C5C5; margin: 0 0 0 2px; padding: 0 0 6px 25px; width: 166px;} #subNav .children .page_item { margin: -6px 0 0 0; width: 166px; background: #c5c5c5; line-height: 25px;} #subNav .children .page_item a { color: #454545; background: none; text-transform: none; font-size: 12px; margin: 0 !important; padding: 0 !important; } #subNav .children li li { line-height: 25px;} #subNav .children .page_item li { width: 139px; line-height: 20px;} #subNav .children a:hover { text-decoration:underline;} #subNav .current_page_ancestor a { font-size: 12px; text-transform: uppercase; color: #0065b3;} #subNav .children ul { padding: 0 0 0 5px !important; width: 159px;} .sub-menu ul ul, .sub-menu .current_page_item ul ul, .sub-menu .current_page_ancestor ul ul, .sub-menu .current_page_ancestor .current_page_item ul ul, .sub-menu .current_page_ancestor .current_page_ancestor ul ul { display: none; margin: 2px 0 2px 0px; } .sub-menu .current_page_item ul, .sub-menu .current_page_ancestor ul, .sub-menu .current_page_ancestor .current_page_item ul, .sub-menu .current_page_ancestor .current_page_ancestor ul, .sub-menu .current_page_ancestor .current_page_ancestor .current_page_item ul, .sub-menu .current_page_ancestor .current_page_ancestor .current_page_ancestor ul { display: block; margin: 0 0 -2px; } /*-------------------------------------------------------------------------------------------*/ /* /* Salearea /* /*-------------------------------------------------------------------------------------------*/ #sale_area { width: 941px; margin: 38px auto 0; position: relative;} .sale_area_flik { background: url(images/flik.png) no-repeat; height: 93px; position: absolute; right: 4px; top: 4px; width: 93px; z-index: 2;} .sale_area_top { background: url(images/salearea_top.png) no-repeat; background-position: top center; height: 19px; width: 940px; } .sale_area_mid { background: url(images/salearea_bg.png) repeat-y; width: 940px; height: 580px; background-position: center;} .sale_area_bot { background: url(images/fade_bottom.png) repeat-x; width: 637px; height: 4px; background-position: bottom center; margin-left: 3px;} .sale_area_bar { background: url(images/salearea_bar.png) no-repeat; height: 84px; left: -15px; position: absolute; top: 277px; width: 960px; z-index: 3;} .left { height: 43px; width: 20px; background: url(images/left.png) no-repeat; margin: 19px 0 0; float: left;} .right { height: 43px; width: 20px; background: url(images/right.png) no-repeat; margin: 19px 0 0; float: right;} .tagline_holder { width: 775px; margin: 20px 0 0 20px;} .home .tagline { color: #fff; font-family: "Lucida Grande","Lucida Sans Unicode",sans-serif; font-size: 30px; font-weight: lighter; line-height: 40px; padding: 0 20px 0 10px; text-transform: uppercase; color: #313131; } .checkbox_holder { margin: 20px 0 0 20px; width: 775px;} .checkbox { font-size: 15px; color: #0062ae; background: url(images/check.png) no-repeat; background-position: left; height: 35px; padding: 0 50px; font-family:"Lucida Grande","Lucida Sans Unicode",sans-serif; line-height: 40px;} /* SALEAREA */ #start_slide { width: 932px; height: 580px; margin: 0 auto; position: relative; z-index: 1;} .slidecontent { height: 580px; margin: 0 0 0 20px; width: 900px; background: none; position: relative; z-index: 3;} .kampanj-title { width: 640px; height: 18px;} .kampanj-title h1 { color: #323232; font-family:"Lucida Grande","Lucida Sans Unicode",sans-serif; font-size: 28px; text-transform: uppercase; font-weight: lighter;} .kampanj-content { height: 150px; margin: 15px 0 0; width: 600px; } .kampanj-content a { text-decoration: underline; } .kampanj-content p { color: #424242; font-size: 12px; line-height: 20px;} .kampanj-holder { bottom: 0; height: 180px; margin: 20px 0 0 0; position: absolute; width: 570px;} .kampanj { height: 580px; width: 932px; background: url(images/slider.png) no-repeat; background-position: top center;} #kNav { left: -14px; position: absolute; top: 280px; width: 960px; z-index: 5; } #prev { left: -14px; position: absolute; top: 277px; z-index: 10;} #next { right: -12px; position: absolute; top: 277px; z-index: 10;} #kNav .activeSlide { background: url(images/active_slide.png) repeat-x; height: 55px; color: #fff;} #kNav .activeSlide:hover { color: #fff;} #kNav a { float: left; font-family: "Lucida Grande","Lucida Sans Unicode",sans-serif; font-size: 16px; color: #888; height: 54px; line-height: 16px; margin: 1px 0 0;; padding: 20px 23px 0 25px; text-transform: uppercase; width: 188px;} #kNav a:hover { color: #ccc;} .underrubrik { font-size: 11px; text-transform: lowercase;} #kNav .nav-0 { border-right: 1px solid #000; padding: 20px 23px 0 35px; width: 178px;} #kNav .nav-1 { border-left: 1px solid #424242; border-right: 1px solid #000;} #kNav .nav-2 { border-left: 1px solid #424242; border-right: 1px solid #000;} #kNav .nav-3 { border-left: 1px solid #424242; width: 196px;} /*-------------------------------------------------------------------------------------------*/ /* /* Content /* /*-------------------------------------------------------------------------------------------*/ #content_start { position: relative; margin-top: 20px;} .content {} #title { text-transform: uppercase;} #main { width:580px;} #main.box { width: 540px; padding: 30px 20px; background: #fff; } #main.right { width: 680px; padding: 30px 20px; background: #fff; } #main.fullwidth { width: 900px; } /* subpage */ #subpage { width: 960px; margin: 38px 0 auto;} .top_img { width: 744px; height: 277px; background: url(images/sale_area_sub.png) no-repeat; float: right; position: relative; } .top_img img { margin: 24px;} #sub_content { float: right; width: 750px; position: relative;} .sub_content_top { background: url(images/sub_content_top.png) no-repeat; background-position: top center; width: 750px; height: 10px; float: right; margin: 15px 0 0 ;} .sub_content_mid { background: url(images/sub_content_mid.png) repeat-y; background-position: top center; width: 750px; float: right; padding: 0 0 30px;} .sub_content_bottom { background: url(images/sub_content_bottom.png) no-repeat; background-position: bottom center; width: 750px; height: 6px; float: right;} #sub_content #title { text-transform: uppercase;} #sub_content p { line-height: 19px;} #sub_content strong { font-weight: lighter; text-transform: uppercase;} /* post */ .post { margin: 0 0 30px 0; padding: 0 0 25px 0; background: none; border-bottom: 1px solid #eee; } .post-title { } .post-meta{ margin: 0 0 15px 0; text-transform: uppercase; font-size: 11px; color: #595959; font-weight: bold; } /* entry */ .entry { width: 440px; float: left; margin: 20px 0 0 50px; position: relative;} .entry ul, .entry ol { margin-left: 1.8em; } .entry ol { list-style-type: decimal; } .entry ul { list-style-type: disc; font-family:"Lucida Grande","Lucida Sans Unicode",sans-serif; margin: 0 0 10px 25px; color: #424242; font-size: 14px; } /*-------------------------------------------------------------------------------------------*/ /* /* Sidebars/widgets/puffar /* /*-------------------------------------------------------------------------------------------*/ #sidebar_left { width: 195px; float: left; margin: 11px 0 0; font-size: 11px; font-family:"Lucida Grande","Lucida Sans Unicode",sans-serif; text-transform: uppercase;} #sidebar_right {} .home #sidebar_right { padding: 0 0 40px 1px; background: url(images/lang_footer.png) no-repeat; background-position: bottom center; width: 313px; float: left;} #sidebar_lang {background: url(images/sidebar_lang.png) no-repeat; bottom: 0; height: 419px; position: absolute; right: 9px; width: 302px; z-index: 5;} .sidebar_lang_header { width: 289px; height: 59px; background: url(images/lang_header.png) no-repeat; margin:15px 0 0 12px; } #sidebar_lang .ps_puff { background: url(images/lang_puff.png) no-repeat; height: 60px; overflow: hidden; margin: 0 11px; width: 289px; position: relative; float: left; clear: both; } #sidebar_lang .widget-content { height: 60px; width: 270px; margin: 0 0 0 10px; float: left; overflow: hidden; } #sidebar_lang .puff-content { font-family:"Lucida Grande","Lucida Sans Unicode",sans-serif; color: #222; font-size: 10px; width: 200px; float: left;} #sidebar_lang .attachment-post-thumbnail { float: left; height: 34px; margin: 11px 10px 0; width: 36px;} #sidebar_lang .widget-title { margin: 6px 0 0; } #sidebar_lang .widget-title a { color: #222;} #sidebar_lang .widget-title a:hover { text-decoration: underline;} /* widget */ .widget { margin: 0 0 20px 0; } .widget-title { font-size: 16px; text-transform: uppercase; color: #000; font-family:"Lucida Grande","Lucida Sans Unicode",sans-serif; font-weight: lighter;} /* Puff */ #puff_holder { width: 650px; background: url(images/puff_holder_bg.png) repeat-y; height: 218px; margin: 0 0 0 6px; z-index: 6; position: relative;} #puff_holder .widget-title { margin: 10px 0 15px 50px;} #puff_holder #content_widget .widget-title a { color: #222; text-decoration: none;} #puff_holder #content_widget .widget-title a:hover { text-decoration: underline;} #puff_holder .widget-content { float: left; margin: 15px 0 0 25px; width: 190px;} #puff_holder .widget-content img { float: left;} #puff_holder .widget-content p { color: #323232; font-size: 12px; line-height: 20px; margin: 0 0 0 50px; width: 137px;} #puff_holder .widget-content a { color: #0065b2; text-decoration: underline;} #puff_holder .ps_puff { position: relative; width: 215px; float: left;height: 210px; border-right: 1px solid #fff; margin: 3px 0 0;} #puff_holder .puff-nr-2 { border-left: 1px solid #ececec;} #puff_holder .puff-nr-3 { border-left: 1px solid #ececec; border-right: none;} #puff_holder .puff-nr-2 .widget-content { margin: 15px 0 0 17px;} #puff_holder .puff-nr-3 .widget-content { margin: 15px 0 0 17px;} #sidebar_right_holder { width: 230px; float: right;} #subpage .widget-title { background: url(images/puff_header.png) no-repeat; height: 41px; font-size: 13px; line-height: 41px; padding: 0 0 0 15px; width: 212px; color: #fff;} #subpage .puff-content strong { font-weight: bold; text-transform: lowercase; margin: } #subpage .puff-content { background: url(images/puff_mid.png) repeat-y; margin: -10px 0 0; padding: 12px 0 18px ; width: 212px;} #subpage .widget-content p { margin: 0 0 0 15px; width: 180px;} #subpage .ps_puff { background: url(images/puff_footer.png) no-repeat; margin: 20px 20px 0 0; background-position: bottom; padding: 0 0 33px; position: relative; width: 212px;} #subpage .widget-title a { color: #222;} /*-------------------------------------------------------------------------------------------*/ /* /* Misc /* /*-------------------------------------------------------------------------------------------*/ /* 6.4 Gravity Forms */ .gform_title { display: none;} .gform_wrapper {} .gform_wrapper } .gform_wrapper ul, .gform_wrapper ol, .gform_wrapper li {padding: 0; margin: 0; list-style: none;} .gform_fields {position: relative;} .gform_wrapper .gfield { margin: 0 0 10px;} .gfield_required {display: none;} .gform_wrapper input, .gform_wrapper select, .gform_wrapper textarea {} .gform_wrapper input { width: 394px !important; background: #ccc; border: none; font-size: 14px !important; height: 30px; padding: 2px 0 2px 5px !important;} .gform_wrapper select {} .gform_wrapper textarea{ width: 394px !important; background: #ccc; border: none; font-size: 14px !important; height: 30px; padding: 2px 0 2px 5px !important;} .gfield_description {font-size: 10px; padding: 3px 0 0;} .gform_wrapper .button { background: url(images/skicka.png) no-repeat;border: medium none; display: block; font-size: 14px; height: 46px; text-transform: uppercase; width: 171px !important; cursor: pointer; font-size: 14px; color: #fff; text-align: center; float: left;} #subpage .gform_wrapper input.button { color: #fff;} .button:hover { color: #000;} .gform_edit_link {display: none;} .gform_ajax_spinner {} .gfield_error input, .gfield_error textarea {} .validation_error, .validation_message {display: none} /* Edit */ .redigera a, .edit-puff-link { position: absolute; bottom: 5px; right: 5px; background: url(images/edit.png) no-repeat; width: 16px; height: 16px; text-indent: -9999px; overflow: hidden;} /* Knapp */ .knapp { } .knapp:hover {color: #bed238} /* Cta knapp */ .cta_page { background: url(images/cta_button_page.png) no-repeat; color: #FFFFFF; float: right; font-size: 17px; height: 63px; line-height: 16px; margin: 10px 19px 0 0; padding: 12px 0 0; text-align: center; width: 215px; font-family:"Lucida Grande","Lucida Sans Unicode",sans-serif; font-weight: lighter; text-shadow: 0 1px 0 #003a67; text-transform: uppercase;} .page-id-15 .cta_page, .page-id-737 .cta_page, .page-id-81 .cta_page { display: none;} .cta_page b { text-transform: uppercase; font-size: 11px;} .cta_page:hover { color: #9dd1fa; text-shadow: none;} .cta_home { background: url(images/cta_button.png) no-repeat; float: right; height: 64px; position: absolute; right: 81px; top: 176px; width: 234px; z-index: 10; font-size: 18px; color: #fff; font-family:"Lucida Grande","Lucida Sans Unicode",sans-serif; text-align: center; text-transform: uppercase; line-height: 17px; padding: 11px 0 0; font-weight: lighter; text-shadow: 0 1px 0 #003a67; } .cta_home:hover {color: #9dd1fa; text-shadow: none;} .cta_home b { text-transform: uppercase; font-size: 11px;} /*-------------------------------------------------------------------------------------------*/ /* /* Footer /* /*-------------------------------------------------------------------------------------------*/ #footer { width: 960px; height: 43px; background: #c1c1c1; margin: 20px 0;} .footer_logo { background: url(images/footer_logo.png) no-repeat; width: 52px; height: 43px; float: left; } #footer p { font-size: 11px; color: #424242; margin: 13px 150px 0 0;} #footer a { font-size: 11px; color: #0065b2;} .dinwebb {height: 9px; width: 60px; margin: 10px 0 0 0 ;} .copy-text { float: right;} #map { } #mapBox { width:700px; height:800px; background:#fff; text-align:center; } #mapBox a{color:#fff} #mapPic:hover { border:2px solid #000; -webkit-box-shadow: 0px 0px 8px #000; -moz-box-shadow: 0px 0px 8px #000; box-shadow: 0px 0px 8px #000; } .mapikon { background: url(images/map.png) no-repeat; float: left; height: 35px; line-height: 34px; text-align: right; width: 165px; text-decoration: underline;} .mapikon a { font-family: "Lucida Grande","Lucida Sans Unicode",sans-serif; text-transform: uppercase; color: #323232;} #tagline2 { position: absolute; bottom: 15px; left: 35px; font-family:"Lucida Grande","Lucida Sans Unicode",sans-serif;} .tagline-page-1 { background: url("images/tag_bg.png") repeat-x; color: #fff; font-size: 17px; height: 31px; line-height: 41px; padding: 6px 10px 5px; text-transform: uppercase; } .tagline-page-2 { background: url("images/tag_bg.png") repeat-x; color: #fff; font-size: 17px; height: 31px; padding: 6px 10px 5px; text-transform: uppercase; font-weight: normal;}