/* Theme Name: Theme Kbtguiden Theme URI: http://www.kbtguiden.se Description: Theme for Kbtguiden.se Version: 1.0 Author: Westin Produktion Author URI: http://westinproduktion.se Tags: kbt theme */ /******************************************** * RESET *********************************************/ *, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 } div { overflow:hidden; } table { border-collapse:collapse; border-spacing:0 } fieldset, img { border:0 } address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal } ol, ul, li { list-style:none } caption, th { text-align:left } q:before, q:after { content:''} /* Reset sensible defaults */ strong { font-weight:bold } em { font-style:italic } a img { border:none } /* Gets rid of IE's blue borders */ /******************************************** * COMMON TAGS *********************************************/ /* Generated by WordPress */ .aligncenter { display:block; margin:0 auto } .alignleft { float:left } .alignright { float:right } .wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px } .clear { clear:both; height:0px; } /******************************************** * LAYOUT *********************************************/ body { text-align: center; } #wrapper { margin: 0 auto; text-align: left; position:relative; width: 980px; } #header { height:90px; } #subnav { } #main { float:left; width:720px; } #menu { float:left; width: 240px; } #sidebar { float:right; width: 220px; } #footer { clear:both; } /******************************************** * OVERFLOW *********************************************/ #wrapper, #main { overflow:visible; } /******************************************** * FONT *********************************************/ body { font-size:11px; font-family:Garamond, serif; } body { font-family:Verdana,Arial,Helvetica,sans-serif; line-height:180%; } h1 { margin:0 0 10px; } h2, h3, h4, h5, h6 { color:#88B0B0; color:#666666; margin:15px 0 10px; } /******************************************** * BODY *********************************************/ body { background:#e2e4e7 url(images/bg_texture.jpg) repeat center top; } /******************************************** * HEADER *********************************************/ #header { } #header h3 { margin:20px 0 0 20px; } #headerlogo { display:block; height:60px; width:260px; margin:20px 0 0 20px; } /******************************************** * NAV *********************************************/ #nav { position:absolute; top:10px; right:2px; } #nav ul { } #nav ul li { float:left; } #nav ul li a { color:#FFF; display:block; font-weight:bold; text-decoration:none; padding:0 10px; } /******************************************** * SUBNAV *********************************************/ #subnav { margin:0; padding:0; } #subnav ul { background:url(images/subnav_bg.png) repeat-x 0 0; /* background:#B9D7E3 none repeat scroll 0 0;*/ border-top:1px solid #537988; margin:30px 0 0 0; height:50px; width:100%; position:relative; } #subnav ul li { float:left; margin:-22px 20px 0 20px; height:70px; overflow:visible; text-align:center; } #subnav ul li a { color:#FFFFFF; text-decoration:none; font-size:13px; font-weight:bold; display:block; margin:0; padding:46px 0 0 0; } /*Icons*/ #subnav ul li.understand { background:transparent url(images/icon_book.png) no-repeat center 4px; } #subnav ul li.treat { background:transparent url(images/icon_medicalbag.png) no-repeat center 4px; } #subnav ul li.readmore { background:transparent url(images/icon_paper.png) no-repeat center 4px; } #subnav ul li.problems { background:transparent url(images/icon_plaster.png) no-repeat center 4px; } #subnav ul li.techniques { background:transparent url(images/icon_medicalbag.png) no-repeat center 4px; } #subnav ul li.research { background:transparent url(images/icon_research.png) no-repeat center 4px; } #subnav ul li.contact { background:transparent url(images/icon_people.png) no-repeat center 4px; float:right; } #subnav ul li a { background:transparent url(images/icon_shadow.png) no-repeat center 36px; } #subnav ul li:hover { background-position:center 0px; } #subnav ul li:hover a { background-position:center 37px; color:#537988; } /******************************************** * TEXT *********************************************/ h1 { font-size:200%; } h2 { font-size:130%; } /******************************************** * PAGEWRAPPER *********************************************/ #pagewrapper { background:#FFFFFF; padding:20px 20px 0px 20px; } /******************************************** * MAIN *********************************************/ h1, h2, h3, h4, h5, h6 { font-family: "Cambria", serif; } h1 { color:#365f91; } h2, h3, h4, h5, h6 { color:#4f81bd; } .post h1 { font-size:18t; margin:10px 0 20px; } .post h2 { font-size:14t; margin:20px 0 10px; } .post h3 { font-size:13t; margin:20px 0 10px; } .post p { margin:0 0 5px; } .post h3 { font-size: 12pt } .post { margin:0 0 0 220px; padding: 0 10px 0 0; overflow:visible; } .post { font-size:13px; } blockquote { font-size:13px; font-style:italic; margin:10px; } blockquote.left { float:left; margin:0 10px 10px 0; width:35%; } blockquote.right { float:right; margin:0 0px 10px 10px; width:35%; } /** LISTS **/ .post ol li, .post ul li { list-style-position:outside; margin:5px 0; padding:5px 40px; list-style-type:none; background:transparent url(images/icon_yes.jpg) no-repeat top left; } .post ul.small li { background:none; margin:5px 30px; padding:0; list-style-type:circle; } /** SLIDER **/ #slides { } .slide { border:1px solid #E4E5E7; height:300px; } .slide { position:relative; } .slide h2 { text-align:center; } .slide img { padding:0 5px; } .slide p { padding:0 5px; } .slide ul { } .slide ul li { background:none; list-style-type:disc; list-style-position:outside; margin:0 0 0 20px; padding:0px; } .slide .next_slide { background:transparent url(images/next_button.gif) no-repeat top left;; height:27px; width:83px; position:absolute; bottom:10px; right:10px; } #jSlideNav { cursor:pointer; color:#5FB35B; font-weight:bold; } #jSlideNav span { padding:3px 5px; } /* .nextbutton, .prevbutton { bottom:10px; cursor: pointer; font-size:11px; font-weight:normal; margin:2px; position:absolute; z-index:1000; } .prevbutton { right:60px; } .nextbutton { right:10px; } .nextbutton:hover, .prevbutton:hover { font-weight:bold; } ul.scrollnav { clear:both; list-style: none; margin:10px 0 0 0; overflow:hidden; padding:0; } ul.scrollnav li { display: block; float:left; margin-right: 10px; } ul.scrollnav li a { color:#000000; display:block; float:left; text-decoration:none; } ul.scrollnav li a:hover { font-weight:bold; } ul.scrollnav li a.selected { font-weight:bold; } ul.scrollnav li a:focus { outline: none; } #jSlide { background:#DBF3FD; } #jSlideNav { padding:2px 0; background:#3AB7FF; } #jSlideNav span.currentSlide{ background:#43A0D5; margin-right:0px; } #jSlideNav span { cursor:pointer; padding:2px 5px; } #jSlideNav span:hover { background:#43A0D5; } .slide-wrapper { padding: 5px; } .slide-thumbnail { width:300px; float:left; } .slide-thumbnail img {max-width:300px; } .slide-details { width:290px; float:right; margin-left:10px;} .slide-details h2 { font-size:1.5em; font-style: italic; font-weight:normal; line-height: 1; margin:0; } .slide-details .description { margin-top:10px; } .jFlowControl, .jFlowPrev, .jFlowNext { color:#FFF; cursor:pointer; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px; } .jFlowControl:hover, .jFlowPrev:hover, .jFlowNext:hover { background: #43A0D5; } */ /** TOOGLER **/ .toggler_content { border:1px solid gray; padding:5px; float:left; width:40%; } /** POP **/ .pop { position:absolute; display:inline; } .pop .pop_menu { display:none; -moz-border-radius:3px; -webkit-border-radius: 3px; } .pop .pop_toggle { background: url(images/arrow-down.gif) no-repeat center center; width:20px; height:20px; overflow:hidden; cursor:pointer; } .active .pop_menu { display:block; background-color:#F594A2; color:#fff; position:absolute; padding:.6em; width:12em; } .active .pop_menu a { color: #fff; } .active .pop_toggle { z-index:2000; position:absolute; top:0; left:0; background-image: url(images/arrow-up.gif); } /** ACCORDION **/ .accordion h2 { background:transparent url(images/icon_more.jpg) no-repeat; margin-bottom:10px; padding:6px 0 5px 36px; } .accordion h2:hover, .accordion h2.active { background:transparent url(images/icon_more_active.jpg) no-repeat; text-decoration:underline; } .accordion div { font-style:italic; padding:0 0 10px 36px; } /** CHECKLIST **/ form.checklist label { padding:0; } form.checklist input { float:left; margin: 3px 8px 0 0; } form.checklist br { line-height:12px; } /* SCHEMA TABELL */ table.schema { border:none; width:98%; } table.schema th { background:#6FF; border:1px solid black; } table.schema td { border:1px solid black; padding:3px; } /* REPORT PROGRESS */ .report_progress { padding:10px 0 0 0; } .report_progress input { font-size:10px; } /******************************************** * COMMENTS *********************************************/ #respond { } #respond p { margin:0 0 5px 0; } #respond input { padding:2px; width:300px; } #respond textarea { margin:0 0 5px 0; padding:3px; width:600px; } #respond input#submit { width:auto; } /******************************************** * MENU *********************************************/ /*#menu .item { border:1px solid #E4E5E7; margin:0 20px 20px 0; }*/ #menu { margin:10px 0 0 -31px; position:absolute; } #menu li { margin:0px; height:48px; width:241px; } #menu li:hover { background: url(images/nav-side.png) no-repeat scroll 0px 0px; } #menu li.current_page_item { background: url(images/nav-side.png) no-repeat scroll 0px -52px; } #menu li a { color:#000; display:block; font-size:12px; font-weight:bold; text-decoration:none; padding:8px 10px 8px 28px; } #menu li:hover a, #menu li.current_page_item a { color:#FFFFFF; } /******************************************** * SIDEBAR *********************************************/ /** SEARCH **/ #searchform { } .screen-reader-text { display:none; } #s { padding:2px; width:220px; } #searchsubmit { float:right; padding:1px 4px; } /*TEST*/ #pagewrapper { min-height:450px; padding:20px; } .item { border:1px solid #E4E5E7; margin:0 0 20px; } .item h4, .item h2 { background:#E4E5E7; font-size:100%; font-weight:bold; margin:0px; padding:3px 0 3px 5px; width:100%; } .item a { color:#000000; text-decoration:none; } .item a:hover { color:#333333; text-decoration:underline; } #service ul, #contact ul { padding:10px; } #service li, #contact li { margin:0; padding:3px 0; } /******************************************** * FOOTER *********************************************/ #panels { background:#FFFFFF; padding:0 10px 10px; } /*TEST*/ #panels { display:none; } .panel { border:1px solid #E4E5E7; float:left; margin:10px; height:140px; width:298px; } .panel h4 { background:#E4E5E7; color:#333333; margin:0px; padding:3px 0 3px 5px; width:100%; } #footer { } #footer p#disclamer { color:#333333; font-size:90%; line-height:150%; text-transform:uppercase; }