@CHARSET "UTF-8"; /* SiteComponents version: Id: style.css,v 1.27 2009/05/27 11:33:27 kurt Exp Name: SC_6_6_0_1 Disclaimer While we make every effort to ensure that this code is fit for its intended purpose, we make no guarantees as to its functionality. CoreTrek AS will accept no responsibility for the loss of data or any other damage or financial loss caused by use of this code. Copyright This programming code is copyright of CoreTrek AS. Permission to run this code is given to approved users of CoreTrek's publishing system CorePublish. This source code may not be copied, modified or otherwise repurposed for use by a third party without the written permission of CoreTrek AS. Contact webmaster@coretrek.com for information. */ @import url("skjema.css"); /* -------------------------------------------------------------------------- */ /* 1. General HTML elements */ /* -------------------------------------------------------------------------- */ /* If you are using the font size toggler (fontsize.js) either by itself or by using the linktoolbar tile, font size provided here will be overriden by the javascript. Remember to set the default font size as the smallest font size in the font size selector javascript configuration. See fontsize.js for more detals. */ html { height: 100%; } body { height: 100%; font: 12px arial, sans-serif; margin: 0; padding: 0; color: #333; background: #d4d9c7 url(images/background.png) repeat-y top center;} a:visited, a:link { color: #4D8922; } a:hover { color: #45a; } a img { border: 0; } h1 { font-size: 28px; font-weight: normal; color: #4D8922; } h2 { font-size: 18px; color: #000000; } /*h3, h4 { font-size: 18px; color: #4D8922; margin-top: 0; }*/ h3, h4 { font-size: 1.2em; color: #000000; margin-top: 0; } h3 a { text-decoration: none; color: #000000 !important;} h1,h2,h3,h4 { font-family: helvetica, arial, sans-serif; } fieldset { margin-bottom: 10px; padding: 10px 10px 10px 10px; } /* -------------------------------------------------------------------------- */ /* 2. Container/placeholder positioning and sizing */ /* -------------------------------------------------------------------------- */ .gray #container { background-color: #EBEDE6; } #container { color: #000; margin: 0px auto 0 auto; width: 960px; padding: 0; } #placeholder-top { background: #fff; padding: 10px 0 0 0; margin:0 0px; overflow: hidden; } #placeholder-left { float: left; width: 227px; margin:12px 0 0 12px; clear:both; overflow: hidden; } #placeholder-right { float: right; width: 227px; margin: 12px 16px 0 0; overflow: hidden; } .narrow-right #placeholder-right{ float: right; width: 227px; margin: 12px 16px 0 0; overflow: hidden;} #placeholder-content-no-left, #placeholder-content-no-right { width: 698px; float: left; margin:0px 0 6px 12px;} #placeholder-content-no-right, #placeholder-content { float: left; width: 464px; margin:12px 0 0 7px; background-color: #fff;} #placeholder-content, #placeholder-content-no-left, #placeholder-content-no-right { padding-top:0px; } .gray #placeholder-content, .gray #placeholder-content-no-left, .gray #placeholder-content-no-right { padding-top: 0 !important; } .narrow-right #placeholder-content-no-left { width: 698px; float: left; } #placeholder-content-no-right { width: 698px; } #placeholder-bottom { clear: both; padding: 1px 9px 0 16px; } #placeholder-bottom .article-content { margin-left: 2px;} #content-link { display: none; } /* -------------------------------------------------------------------------- */ /* 3. Common tile styling */ /* -------------------------------------------------------------------------- */ /* IMPORTANT INFO: What we do here is to set the style for the til common classes. We do two things: 1. We add border, header and other stuff to create "tile-look". In the default design, this layout is used in the left and right placeholders. 2. We then remove this layout for tiles in placeholder-top, placeholder-content, placeholder-content-no-right and placeholder-bottom. Since 2. overrides the default tile styles for the listed placeholder, you need to be equally specific when setting any of these styles. */ /*.tile-common { clear: both; } */ /* .tile-content { padding: 10px; } */ .tile-bottom { clear: both; } #placeholder-left h3, #placeholder-right h3 { background: #fff; margin: 0; padding: 0; font-size: 15px;} /* TOMMY important notice: - change back color in top border next line !!!*/ #placeholder-left h3 span, #placeholder-right h3 span { border-top: none; padding: 6px 6px 6px 16px; display: block; } #placeholder-right .vertical-menu h3 { font-size: 18px !important; } /* NESTE LINJE M� PLASSERES F�R SITE-SPECIFIC TOPPENE PGA FARGER */ #placeholder-left .tile-top, .narrow-right #placeholder-right .tile-top, #placeholder-right .tile-top { background-image:URL('images/shadow-upper-left-corner.png'); background-repeat: no-repeat; border: 0px solid gray; margin: 0; padding: 0; height:8px; background-color: #59a027;} .klima #placeholder-right .tile-content ul, .klima #placeholder-left .tile-content ul { color: #D4631C; } .klima #placeholder-right .tile-content span, .klima #placeholder-left .tile-content ul span { color: #000000;} .klima #placeholder-right .tile-content ul, .klima #placeholder-left .tile-content ul {padding-left: 10px;} .klima #placeholder-right .tile-top, .klima #placeholder-left .tile-top {background-image:URL('images/shadow-upper-left-corner.png'); background-repeat: no-repeat; background-position: top left; background-color: #D4631C;} .naturvern #placeholder-right .tile-content ul, .naturvern #placeholder-left .tile-content ul { color: #A4B008; } .naturvern #placeholder-right .tile-content span, .naturvern #placeholder-left .tile-content ul span { color: #000000; } .naturvern #placeholder-right .tile-top, .naturvern #placeholder-left .tile-top {background-image:URL('images/shadow-upper-left-corner.png'); background-repeat: no-repeat; background-position: top left; background-color: #A4B008;} .energi #placeholder-right .tile-content ul, .energi #placeholder-left .tile-content ul { color: #2A9DA3; } .energi #placeholder-right .tile-content span, .energi #placeholder-left .tile-content ul span { color: #000000; } .energi #placeholder-right .tile-top, .energi #placeholder-left .tile-top {background-image:URL('images/shadow-upper-left-corner.png'); background-repeat: no-repeat; background-position: top left; background-color: #2A9DA3;} .samferdsel #placeholder-right .tile-content ul, .samferdsel #placeholder-left .tile-content ul { color: #82421A; } .samferdsel #placeholder-right .tile-content span, .samferdsel #placeholder-left .tile-content ul span { color: #000000; } .samferdsel #placeholder-right .tile-top, .samferdsel #placeholder-left .tile-top {background-image:URL('images/shadow-upper-left-corner.png'); background-repeat: no-repeat; background-position: top left; background-color: #82421A;} .hverdag #placeholder-right .tile-content ul, .hverdag #placeholder-left .tile-content ul { color: #643878; } .hverdag #placeholder-right .tile-content span, .hverdag #placeholder-left .tile-content ul span { color: #000000; } .hverdag #placeholder-right .tile-top, .hverdag #placeholder-left .tile-top {background-image:URL('images/shadow-upper-left-corner.png'); background-repeat: no-repeat; background-position: top left; background-color: #643878;} .forurensning #placeholder-right .tile-content ul, .forurensning #placeholder-left .tile-content ul { color: #2375AB; } .forurensning #placeholder-right .tile-content span, .forurensning #placeholder-left .tile-content ul span { color: #000000; } .forurensning #placeholder-right .tile-top, .forurensning #placeholder-left .tile-top {background-image:URL('images/shadow-upper-left-corner.png'); background-repeat: no-repeat; background-position: top left; background-color: #2375AB;} /* left and right placeholder */ #placeholder-left .tile-common, .narrow-right #placeholder-right .tile-common, #placeholder-right .tile-common { margin: 0 0 7px 0; padding: 0;} #placeholder-left .tile-content, .narrow-right #placeholder-right .tile-content, #placeholder-right .tile-content {background-image:URL('images/shadow-left.png'); padding:0 0 0 4px; background-repeat: repeat-y; background-color: #fff;} #placeholder-left .tile-common h3, .narrow-right #placeholder-right .tile-common h3, #placeholder-right .tile-common h3 { background-image:URL('images/shadow-left.png'); padding:0 0 0 4px; background-repeat: repeat-y;} #placeholder-left .tile-bottom, .narrow-right #placeholder-right .tile-bottom, #placeholder-right .tile-bottom { background-image:URL('images/shadow-bottom.png'); margin: 0; padding: 0; height:4px} .narrow-right #placeholder-right .small-articledisplay .tile-content, #placeholder-left .small-articledisplay .tile-content, #placeholder-right .small-articledisplay .tile-content { margin: 0; padding:0 12px; background-color: #fff;} .narrow-right #placeholder-right .small-articledisplay .tile-bottom, #placeholder-left .small-articledisplay .tile-bottom, #placeholder-right .small-articledisplay .tile-bottom {margin-top:0;} /* oljefri shadows */ /* content placeholder ORIGINAL .placeholder-start {background-image: URL('images/shadow-upper-left-corner.png'); background-repeat: no-repeat; background-color: #fff; height:8px;} #placeholder-content .tile-common, #placeholder-content-no-left .tile-common, placeholder-content-no-right .tile-common {margin-left:0px; padding-left:10px; background-image: URL('images/shadow-left.png'); background-repeat: repeat-y;} .placeholder-end {background-image: URL('images/shadow-bottom-wide.png'); background-repeat: no-repeat; background-color: #edede6; height:4px;} */ /* content placeholder EDITED by Tommy 18.05.2010 */ /* Sets shaddow images on all boxes */ /* except #placeholder-top .placeholder-start and #placeholder-bottom .placeholder-start which should have no top-left shadow image. fixed by height:0px */ #placeholder-content .placeholder-start, #placeholder-content-no-left .placeholder-start, #placeholder-content-no-right .placeholder-start {background-color: #fff; height:8px;} #placeholder-content .placeholder-start, .gray #placeholder-content-no-left .placeholder-start, #placeholder-content-no-right .placeholder-start {background-image: URL('images/shadow-upper-left-corner.png'); background-repeat: no-repeat;} #placeholder-top .placeholder-start, #placeholder-bottom .placeholder-start {height:0px;} #placeholder-content .tile-common, #placeholder-content-no-left .tile-common, placeholder-content-no-right .tile-common { clear: both; background: #fff; margin: 0 0 0 0px; padding: 0 16px 0px 16px; overflow: hidden; background-color:#fff;} #placeholder-content .tile-common, .gray #placeholder-content-no-left .tile-common,.gray #placeholder-content-no-right .tile-common { background-image: URL('images/shadow-left.png'); background-repeat: repeat-y;} #placeholder-content .placeholder-end, #placeholder-content-no-left .placeholder-end, #placeholder-content-no-right .placeholder-end {background-image: URL('images/shadow-bottom-wide.png'); background-repeat: no-repeat; background-color: #edede6; height:4px;} #placeholder-right .tile-top, #placeholder-right .tile-content, #placeholder-right h3 {border-right: 1px solid #ddd;} .tile-common .tile-common{ background-image:none !important; } /* tile-common inside a tile-common should not have shadows! */ #placeholder-top .tile-content, #placeholder-top .tile-common, #placeholder-top .tile-common h3, #placeholder-bottom .tile-content, #placeholder-bottom .tile-common, #placeholder-bottom .tile-common h3, #placeholder-content .tile-content, /*#placeholder-content .tile-common,*/ #placeholder-content .tile-common h3, #placeholder-content-no-right .tile-content, #placeholder-content-no-right .tile-common, #placeholder-content-no-right .tile-common h3 { border: none; margin: 0; padding: 0;} #placeholder-content .tile-common { clear: both; } /* No-layout tiles without shadow */ #placeholder-content .small-articledisplay-no-layout .tile-common { margin: 16px 0 0 12px; overflow: hidden; float: none; padding: 0; } #placeholder-content-no-right .small-articledisplay-no-layout .tile-common, #placeholder-content-no-left .small-articledisplay-no-layout .tile-common { margin: 16px 0 0 16px; overflow: hidden; float: none; padding: 0; } .small-articledisplay-no-layout .tile-top {height: 0 !important ; } .small-articledisplay-no-layout .tile-content {padding-left: 4px !important ; } #placeholder-content .tile-bottom, #placeholder-content-no-right .tile-bottom { clear:none; } #placeholder-left h3 a, #placeholder-right h3 a { color: #fff; font: bold .9em arial, sans-serif; padding: 0px; } /* Normal tiles with shadows */ /*#placeholder-content .tile-common { clear: both; background: #fff; margin: 0px 0 0 0px; padding: 0px 0px 0px 0px; overflow: hidden; } */ #placeholder-content-no-left .tile-content {margin-left:10px;} #placeholder-content-no-right .tile-common { margin: 0px 0px 0 10px;} .gray #placeholder-content .tile-common, .gray #placeholder-content-no-left .tile-common, .gray #placeholder-content-no-right .tile-common { margin-top: 0px; padding-top: 0px; padding-bottom: 0px } .frontpage #placeholder-content-no-left .tile-common { padding-top: 0px !important; } .frontpage #placeholder-content-no-left .placeholder-start { background-color: #ffffff; } /* bg color for the cowerflow on nv frontpage */ .frontpage .oljefri #placeholder-content-no-left .placeholder-start { background-color: #ffffff !important; } /* bg color for the cowerflow on nv frontpage */ #placeholder-bottom .tile-common { margin: 0px 0 0 0; } #placeholder-content .small-articledisplay { padding: 0 !important; } #placeholder-content .small-articledisplay .tile-top { padding: 0 !important; } #placeholder-content .small-articledisplay .tile-top p { margin-top: 0 !important;} #placeholder-content .small-articledisplay .tile-content { padding: 0 16px;} /* No-layout tiles without shadow */ #placeholder-content .small-articledisplay-nolayout.tile-common { margin: 0px 0 0 0px; overflow: hidden; float: none; padding: 0; } #placeholder-content-no-right .small-articledisplay-nolayout.tile-common, #placeholder-content-no-left .small-articledisplay-nolayout.tile-common { margin: 0px 0 0 0px; overflow: hidden; float: none; padding: 0; } #placeholder-left h3 a, #placeholder-right h3 a { color: #fff; font: bold .9em arial, sans-serif; padding: 0px; } #placeholder-right .tile-content { background-color: #fff; clear: both; overflow: hidden; } /* Shadows around boxes #placeholder-left .tile-content, #placeholder-right .tile-content { background-color: #fff; clear: both; background: url(images/white.wide.bottom.png) repeat-y bottom center; padding: 0 6px 16px 6px; overflow: hidden; } #placeholder-left h3, #placeholder-right h3 { background: url(images/white.wide.top.png) no-repeat top center; } .gray #placeholder-left .tile-content, .gray #placeholder-right .tile-content { background: url(images/gray.wide.bottom.png) repeat-y bottom center; } .gray #placeholder-left h3, .gray #placeholder-right h3 { background: url(images/gray.wide.top.png) no-repeat top center; } .narrow-right #placeholder-left .tile-content, .narrow-right #placeholder-right .tile-content { background: url(images/white.narrow.bottom.png) repeat-y bottom center; } .narrow-right #placeholder-left h3, .narrow-right #placeholder-right h3 { background: url(images/white.narrow.top.png) no-repeat top center; } .gray.narrow-right #placeholder-left .tile-content, .gray.narrow-right #placeholder-right .tile-content { background: url(images/gray.narrow.bottom.png) repeat-y bottom center; } .gray.narrow-right #placeholder-left h3, .gray.narrow-right #placeholder-right h3 { background: url(images/gray.narrow.top.png) no-repeat top center; } */ #placeholder-left .small-articledisplay-nolayout h3, #placeholder-left .small-articledisplay-nolayout .tile-content, #placeholder-right .small-articledisplay-nolayout h3, #placeholder-right .small-articledisplay-nolayout .tile-content, /*#placeholder-right .tile-content h3 { margin-left: 1px; padding: 0 0px 0px 0px !important; background: #fff none; } */ #placeholder-left p, #placeholder-right p { margin: 0; } /**/ /*#placeholder-left .small-articledisplay .tile-top, #placeholder-right .small-articledisplay .tile-top, #placeholder-content .small-articledisplay .tile-top { padding: 5px 6px 0px 6px; } */ #placeholder-left .small-articledisplay .tile-top, #placeholder-right .small-articledisplay .tile-top, #placeholder-content .small-articledisplay .tile-top{ margin: 0 0px 0px 0px; } #placeholder-left .small-articledisplay .tile-top-image, #placeholder-right .small-articledisplay .tile-top-image{ width:226px; } #placeholder-left .small-articledisplay .tile-top-image a, #placeholder-right .small-articledisplay .tile-top-image a { width:222px; display:block; margin-left:4px;} #placeholder-left .small-articledisplay .tile-content, #placeholder-right .small-articledisplay .tile-content { padding: 5px 25px 25px 5px; } #placeholder-left .tile-content, #placeholder-right .tile-content { padding-bottom: 8px;} #placeholder-bottom p { margin: 0; } #placeholder-content .full-articledisplay p, #placeholder-content-no-left .full-articledisplay p { margin-top: 0; margin-bottom: 0; } /* Frontpage specific */ .frontpage #container { } /* .frontpage #placeholder-content-no-left { margin-left: 16px; } */ /* .frontpage #placeholder-right { margin-top: 16px; } */ .frontpage .full-articlelist { overflow: hidden; } .frontpage .full-articlelist li { background-color: #fff; overflow: hidden; padding: 15px; margin-top: 3px; } .frontpage .full-articlelist li.first { padding-top: 0px !important; margin-top: 3px; } .frontpage .list-navigation { background-color: #fff; margin: 1px 0 0 16px; padding-top: 10px; } .frontpage .list-navigation-text { background-color: #fff; padding-bottom: 10px; margin: 0 0 0 16px; } .frontpage .full-articlelist h2 { margin-left: 19px;} .frontpage #placeholder-content-no-left .full-articlelist { padding-left: 0; padding-right: 0; } .frontpage #placeholder-content-no-left .tile-common {padding-left:0px; padding-right:0px;} .frontpage #placeholder-content-no-left .tile-common .tile-content .article-content {margin:0px 0 0 -6px !important;} .frontpage #placeholder-content-no-left .tile-common .header {display:none;} .frontpage #placeholder-content-no-left .tile-common .full-articledisplay .header {display:block;} .frontpage #placeholder-content-no-left .full-articledisplay .tile-common{background-color: #cccccc;} .frontpage #placeholder-content-no-left .tile-common .full-articledisplay h2 {margin-left:0px;} /*.oljefri #placeholder-content-no-left .placeholder-start {display:none;}*/ .frontpage #placeholder-content-no-left tile-common{padding:0; margin: 0 0 0 0;} /* -------------------------------------------------------------------------- */ /* 4. Non tile spesific common styles */ /* -------------------------------------------------------------------------- */ .ctwebform-element-validationerror, .fieldInError /* .error removed by erik 180810 because of oljefri error */ { color: #f00; font-weight: bold; margin-bottom: 10px; } .message { color: #000; font-weight: bold; margin-bottom: 10px; } input.textinput { height: 1.2em; } td.ctwebform-element-type-textarea textarea, td.ctwebform-element-type-text input, .textinput, /* do not specify input for this, as it should also work on textareas */ input.amountfield { border: 1px solid #c2c2c2; background: #ebede6; padding-top: 6px; font-size: 0.9em; } input.inputerror { border: 1px solid red; } input.ctwebform-element-type-reset, input.ctwebform-element-type-submit, input.ctwebform-element-type-button, td.ctwebform-element-type-submit input, button.submit, input.submit { margin: 10px 0 10px 0; padding: 2px 10px 2px 10px; border: none; background-color: #000; color: #fff; text-transform: uppercase; font: bold 0.8em verdana, sans-serif; } img.cp-mmarchive-image-left { margin: 3px 6px 3px 0; } img.cp-mmarchive-image-right{ margin: 3px 0 3px 6px; } select { border: 1px solid #c2c2c2; } .ajax-button-not-visible { display: none; } .ajax-button-visible { display: block !important; } .button-small-next { display: block; height: 15px; width: 15px; background: url(images/buttons.png) no-repeat top; background-position: -15px 0; } .button-small-previous { display: block; height: 15px; width: 15px; background: url(images/buttons.png) no-repeat; } .button-small-last { display: block; height: 15px; width: 15px; background: url(images/buttons.png) no-repeat top; background-position: -45px; } .button-small-first { display: block; height: 15px; width: 15px; background: url(images/buttons.png) no-repeat top; background-position: -30px; } .button-next { display: block; height: 25px; width: 25px; background: url(images/buttons.png) no-repeat -25px -15px; } .button-previous { display: block; height: 25px; width: 25px; background: url(images/buttons.png) no-repeat 0 -15px; } /*#tooltip-top { background: url(images/tooltip/tooltip-top.gif) no-repeat 5px 0; overflow: hidden; height: 14px; width: 33px; } #tooltip-bottom { background: url(images/tooltip/tooltip-bottom.gif) no-repeat 5px 0; overflow: hidden; height: 14px; width: 33px; display: none; } #tooltip-content { background: #fff588; padding: 10px; border-right: 1px solid #ccc255; border-bottom: 1px solid #ddd366; } .flipped-y #tooltip-bottom { display: block; } .flipped-y #tooltip-top { display: none; } .flipped-y #tooltip-content { border-bottom: none; } */ .captcha-info { padding-left: 80px; } .captcha-regenerate, .captcha-info { font-weight: bold; font-size: .8em; } .error-container #placeholder-top { height: 60px; } .error-container { width: 500px !important; } #extended-debug-info { color: #aaa; } /* -------------------------------------------------------------------------- */ /* 5. General bullet-less listing (eg. verical menu and small article list) */ /* -------------------------------------------------------------------------- */ .calendar_goto_links ul { list-style-type: none; margin: 0 0 0 0; padding: 0 0 0 20px; } .full-articlelist ul, .small-articlelist ul, .vertical-menu ul { list-style-type: none; margin:0 0 8px 0; padding: 0; background-color: #fff; } /* .full-articlelist li li, .small-articlelist li li, .vertical-menu li li { padding-left: 10px } */ #placeholder-right .small-articlelist .entry-prefix { } #placeholder-right .small-articlelist .tile-content, #placeholder-left .small-articlelist .tile-content { padding: 5px 25px 25px 25px; } #placeholder-right .small-articlelist a, #placeholder-left .small-articlelist a { font-size: 13px; text-decoration: none; } /* -------------------------------------------------------------------------- */ /* 6. Spesific styling for tiles and other components */ /* -------------------------------------------------------------------------- */ /* Some of the tiles have been styled using id selectors. Because of this we need to use the full id-element path to override these styles. See section "3. Common tile styling" for more details. NOTICE: While styling the top placeholder layout I hit about every IE6 bug there is! Well, atleast 3 of them. When doing any changes here, please validate that the design still holds together on IE6. */ /* -- FLASH CHART --*/ /* Use mostly common styles, with some extra styling for the flash object */ #ie_chart {margin-bottom:220px;} /* styling for the flash object in IE. Most can be the same for IE here, but needs a specific name for javascript and other styles */ #chart {margin-bottom:20px;} /* styling for the flash object in all normal browsers */ .flash-chart .tile-top { background: url(images/topline_leaf.png) no-repeat top left !important;} .flash-chart .tile-content {padding-left:10px !important; color:#666666;} .flash-chart h3 span { background: url(images/leaf_topcut.png) no-repeat top left; background-color: #c2c167 !important; color:white; font-family: arial; font-weight: normal; font-size: 20px;} .spinner { width: 16px; height: 16px; overflow:hidden; background: url(images/spinner.gif) no-repeat top center; } #ctstatistics-noscript-iframe { display: none; } /* -- PAGE HEADER -- */ #placeholder-top .logo-tile { float: left; padding: 0 0 0 0px; margin:0 16px;} .logo-tile .logo { font-size: 1.85em; font-weight: bold; } #placeholder-top .small-articledisplay-nolayout, #placeholder-top .banner { width: 100%; background-color: #EBEDE6; } #placeholder-top .small-articledisplay-nolayout p { padding: 0; margin: 0; text-align: center; } #placeholder-top .banner { clear: both; padding:0 16px;} #placeholder-top .banner a { text-decoration: none; } #placeholder-top .banner .tile-content { background-position: left; background-repeat: no-repeat;} #placeholder-top .banner .tile-content h1, #placeholder-top .banner .tile-content p { color: white;} #placeholder-top .banner .tile-content h1 { margin: 0px 0px 15px 47px; text-transform: uppercase; font-family: "arial black", arial; padding-top: 20px; font-size: 2.6em; } .fylkeslag #placeholder-top .banner .tile-content h1 { text-transform: none !important; } #placeholder-top .banner .tile-content p { margin: 0 0 5px 49px; font-size: 1.2em; width: 550px;} #placeholder-top .banner .tile-content p.no-header {padding-top: 40px;} #placeholder-top .banner .tile-content a.bannerReadMore {width: 440px; float: right; font-size: 1.2em; color: #FFFFFF; font-family: arial; text-decoration: underline; } /* -- HORIZONTAL MENU IN TOP PLACEHOLDER ("quicklaunch") -- */ #placeholder-top .horizontal-menu { clear: both; font-weight: bold; text-align: right; margin-bottom: 0px; margin-right: 0px; } #placeholder-top .horizontal-menu h3 { display: none; } #placeholder-top .horizontal-menu a { color: #4d8922; text-decoration: none; } #placeholder-top .horizontal-menu ul { list-style-type: none; padding: 0; margin: 0; } #placeholder-top .horizontal-menu li { padding: 0 10px 0 10px; display: inline; } #placeholder-top .horizontal-menu li.first { border-left: none; } #placeholder-top .horizontal-lower-menu { clear: both; background-color: #EBEDE6; padding: 16px 16px 0px 16px; text-transform: uppercase; font-family: "arial black", arial; } .fylkeslag #placeholder-top .horizontal-lower-menu { padding-top: 1px; border-bottom: none; } .naturogmiljo #placeholder-top .horizontal-lower-menu { padding-top: 1px;} .naturogmiljo #placeholder-top .horizontal-lower-menu .tile-content { border-bottom: none; } #placeholder-top .horizontal-lower-menu .tile-content { background-color: #59A027; padding:3px 3px 0 3px; border-bottom:1px solid white; } #placeholder-top .horizontal-lower-menu h3 { display: none; } #placeholder-top .horizontal-lower-menu a { color: #fff; text-decoration: none; } #placeholder-top .horizontal-lower-menu ul { list-style-type: none; padding: 0; margin: 0; overflow: hidden; } #placeholder-top .horizontal-lower-menu li { border-right: 1px solid #fff; padding: 0 15px 2px 15px; display: inline; float: left; } #placeholder-top .horizontal-lower-menu li.first { border-left: none; } #placeholder-top .horizontal-lower-menu li.last { border-right: none; } #placeholder-top .horizontal-lower-menu li.active, #placeholder-top .horizontal-lower-menu li.main-active, #placeholder-top .horizontal-lower-menu li.sub-active { background: #fff; } #placeholder-top .horizontal-lower-menu li.active a, #placeholder-top .horizontal-lower-menu li.main-active a, #placeholder-top .horizontal-lower-menu li.sub-active a { color: #000; } /* -- SITELOCATOR -- */ #placeholder-top .sitelocator { background: #edede6; clear: both; padding:0 8px; height:20px;} #placeholder-top .sitelocator .tile-content {padding: 3px 21px 5px 21px; margin: 0; overflow: hidden; } .gray #placeholder-top .sitelocator .tile-content { margin:0; padding:2px; } #placeholder-top .sitelocator h3 { display: none; } #placeholder-top .sitelocator ul { float: left; list-style-type: none; margin: 0; padding: 0; } #placeholder-top .sitelocator li { float: left; margin: 0; padding: 0 0 0 15px; background: transparent url(images/sitelocator-oljefri.png) no-repeat scroll 5px 4px; } #placeholder-top .sitelocator li.first { background: none; } #placeholder-top .sitelocator li a { text-decoration: none; } /* -- ARTICLE DISPLAY -- */ #placeholder-content .full-articledisplay .digest, #placeholder-content-no-left .full-articledisplay .digest { font-weight: bold; margin-bottom:10px; color: #000000;} #placeholder-content .full-articledisplay h2.digest, #placeholder-content-no-left .full-articledisplay h2.digest {font-family: arial, sans-serif; font-size: 1em; } #placeholder-content .full-articledisplay h1, #placeholder-content-no-left .full-articledisplay h1 ,#placeholder-content-no-right .full-articledisplay h1 { color: #000; } #placeholder-content .small-articledisplay .digest p, #placeholder-content-no-left .small-articledisplay .digest p { margin: 0 0 10px 0; } #placeholder-content .full-articledisplay .image { width: 368px; background-color: #fff; } /* -- ARTICLE LIST -- */ /* #placeholder-content-no-right .full-articlelist-twocolumn h3, #placeholder-content .full-articlelist-twocolumn h3, #placeholder-content-no-right .full-articlelist h3, #placeholder-content .full-articlelist h3 { margin-top: 20px; } */ .full-articlelist ul, .full-articlelist-twocolumn ul { list-style-type: none; padding: 0; margin: 0; } .full-articlelist ul.article-lines { margin-top: 20px; } .full-articlelist ul li { clear: both; color: #000000;} .full-articlelist-twocolumn ul li { color: #000000;} .full-articlelist-twocolumn li.odd { float: left; clear: both; width: 48%; /* 245px; */ } .full-articlelist-twocolumn li.even { float: right; width: 48%; /* 245px; */ } .full-articlelist .articlelist-link-internal ul li, .full-articlelist .articlelist-link-external ul li, .full-articlelist-twocolumn .articlelist-link-internal ul li, .full-articlelist-twocolumn .articlelist-link-external ul li { clear: none; padding: 0 0 10px 0; } #placeholder-content .full-articlelist { background-color: #fff; padding: 0 20px 20px 20px; margin-top: 16px;} #placeholder-content-no-left .full-articlelist p { margin-top: 0; margin-bottom: 0;} #placeholder-content-no-left .full-articlelist h3 { margin: 0; } #placeholder-content-no-left .full-articlelist ul li { background-color: #fff; overflow: hidden; padding: 15px 0; margin-top: 0px; border-top-width: 1px; border-top-style: solid; border-top-color: #ebede6;} #placeholder-content-no-left .full-articlelist ul {margin-left:4px;} .grey #placeholder-content-no-left .full-articlelist ul li { background-color: #fff; overflow: hidden; padding: 15px 0; margin-top: 0px; border-top-width: 1px; border-top-style: solid; border-top-color: #ebede6;} .full-articlelist ul.article-lines li { margin-top: 0 !important; padding: 10px !important; border: 0 !important; } .gray #placeholder-content-no-left .full-articlelist ul li { padding-left: 15px; padding-right: 15px; } #placeholder-content-no-left .full-articlelist ul li ul li {background-image: none; padding: 0 0 0 10px;} #placeholder-content .full-articlelist ul li ul li { margin-left: 15px; margin-top: 0px; padding-top: 0px;} #placeholder-content .full-articlelist ul li ul { margin-top: 0px; padding-top: 0px;} #placeholder-content-no-left .full-articlelist div ul li {border-top-width: 0;} #placeholder-content .full-articlelist .full-articledisplay, #placeholder-content-no-left .full-articlelist .full-articledisplay { margin: 10px; padding: 0;} #placeholder-content-no-left .full-articlelist ul li.first {border-top-width: 0;} #placeholder-content p.articlelist-ingress { margin-bottom: 0 !important;} .articlelist-link-internal ul li, .articlelist-link-external ul li { list-style-image: url(images/link_marker.png) !important; list-style-type: square;} #placeholder-content .articlelist-link-internal ul { margin-bottom: 10px; } .list-navigation-text, .list-navigation { text-align: center; background-color: #FFFFFF; margin-left:0;padding-bottom: 5px; background-image: URL('images/shadow-left.png'); background-repeat: repeat-y; margin-bottom:0px;} .list-navigation-text { padding-bottom: 10px; } .list-thumbnail-left { float: left; margin-right: 16px; margin-bottom:16px; } .list-thumbnail-right { float: right; padding-left: 10px; } .list-thumbnail-center { text-align: center; padding-bottom: 10px; } /* -- SMALL ARTICLE LIST -- */ .small-articlelist .tile-content { background-color: #fff; } .small-articlelist li { padding-bottom: 10px; } .small-articlelist a { display: block; } .small-articlelist .newsarchivelink { font-weight: bold; } .small-articlelist .newsarchivelink a { padding-bottom: 0px; } .small-articlelist .newsarchivelink ul li { margin-left: 0px; list-style-image: url(images/link_marker.png); } /* Some minor tweaks to fix small-articlelist layout in content area */ #placeholder-content .small-articlelist h3 { margin-bottom: 10px; } #placeholder-content-no-right .small-articlelist h3 { margin-bottom: 10px; } #placeholder-content .small-articlelist { margin-bottom: 10px; } /* -- SMALL ENTITY LIST -- */ /* The entity list contains some info after the link. Since the link is set to block in small-articlelist we need to override that here. Since the entity list is general, and we want paranthesis around the entity score - we add this here. This do not work in all browsers, but it is not a critical design criteria. If the paranthesis is important to you, you may need to split the tile template into more spesialized templates for general entities, articles etc. */ .small-entitylist a { display: inline; } /* -- RSS LIST -- Most of this is already styles using the small article list above as the rss- reader tile is also set with the small-articlelist class. Lets just add the feed icon to the header background */ .small-rsslist h3 span { display: block; width: 100%; background: url(images/feed_icon.png) no-repeat right; background-position: 1px; } .small-rsslist li.last a { padding-bottom: 0px; } /* -- LEFT AND RIGHT TILES */ #placeholder-left ul, #placeholder-right ul { list-style-type: square; padding: 0 0 0 0px; color: #4D8922; margin-bottom: 0px;} #placeholder-left ul a, #placeholder-right ul a { text-decoration: none; } #placeholder-left ul li, #placeholder-right ul li { padding: 3px 0 3px 0px; } #placeholder-left ul li span.date, #placeholder-right ul li span.date { color: #000000; } /* -- LEFT CATEGORY MENU -- */ .vertical-menu { border: 0; } /*.vertical-menu .tile-content { padding: 0 0 50px 0; margin: 0; } /* /* .vertical-menu h3 { display: none; } */ .vertical-menu ul { list-style-type: square; padding: 0 0 0 20px !important; color: #4D8922; } .vertical-menu ul li.first { } .vertical-menu ul li { padding: 3px 0 3px 0px; font-size: 13px; } .vertical-menu ul li ul { padding-bottom: 0; font-size: 11px; margin-left: -8px !important; } .vertical-menu ul li ul li { border: 0; padding-bottom: 0; font-size: 11px; } .vertical-menu ul li ul li.first { border: 0; } .vertical-menu a { text-decoration: none; } .vertical-menu .active a { font-weight: bold; text-decoration: underline; } .vertical-menu .active ul li a { font-weight: normal; text-decoration: none; } .vertical-menu .active ul li a.active { font-weight: bold; } /* .vertical-menu .expanded { background: url(images/menu_expanded.gif) no-repeat 10px 12px; } .vertical-menu .collapsed { background: url(images/menu_collapsed.gif) no-repeat 10px 9px; } */ /* -- PAGE FOOTER -- */ #placeholder-bottom .small-articledisplay-nolayout a { color: #000 } #placeholder-bottom .small-articledisplay-nolayout p { display: inline; } .small-articledisplay-nolayout { float: left; } .small-articledisplay-nolayout, .small-articledisplay-nolayout p { border: 0; padding: 0; margin: 0 0 0 2px ; } .small-articledisplay-nolayout { margin: 10px 5px 10px 5px; float: none; overflow: hidden; } #coretrek-colofon { float: right; font-size: .85em; } #coretrek-colofon a { color: #000 } #extra-5 { clear: both; height: 5px; } /* -- FULL SEARCH INPUT -- */ .full-searchinput input { margin-bottom: 0px; } .full-searchinput input.textinput { width: 250px; } .full-searchinput .error { margin-top: 10px; } /* -- ADVANCED SEARCH INPUT -- */ .advanced-searchinput label { float: left; width: 90px; margin: 8px 0 0 0; padding-right: 10px; text-align: right; } .advanced-searchinput select { margin-top: 5px; margin-left: 100px; } .advanced-searchinput input { margin-top: 5px; } .advanced-searchinput .datepickers .textinput { width: 90px; } .advanced-searchinput .datepickers-bottom { display: block; clear: both; } /* -- SMALL SEARCH INPUT -- */ form { margin: 0; padding: 0; } #placeholder-right input.textinput, #placeholder-left input.textinput { width: 170px; } #placeholder-top .small-searchinput { float: right; margin-right: 22px; } #placeholder-top .small-searchinput h3 { display: none; } #placeholder-top .small-searchinput input { border: none; padding: 1px 4px 3px 4px; font-size: 1em; margin: 0; } #placeholder-top .small-searchinput input.submit{ background: #59a027; padding: 1px;} /* -- CALENDAR -- */ table.calendar-header { width: 140px; padding-bottom: 10px; margin: 0 auto; } table.calendar-layout { border-collapse: collapse; border-spacing: 0px; width: 140px; margin: 10px auto 28px auto; } .calendar-layout th { width: 12%; } .calendar-layout td { border: 1px solid #c2c2c2; text-align: center; height: 18px; font-weight: bold; font-size: 10px; font-family: arial; } .datepicker .calendar-layout td.inactive, .calendar-layout td.inactive { background-color: #eee; } .calendar-header td { width: 100%; text-align: center; } .calendar-header td.next { width: 15px; } .calendar-header td.previous { width: 15px; padding: 0px; } .small-calendar h3 { color: #fff; line-height: 0; font-size: 0; } .small-calendar ul { padding: 20px 0 20px 15px; border-top: solid 1px #EBEDE6; margin-top: 0px; margin-left: 0; } .small-calendar ul li { } .calendar_goto_links ul { margin: 0; } .small-calendar-popup { position: absolute; width: 250px; } .small-calendar-popup .top { background: url(images/tooltip/tooltip-top.gif) no-repeat 5px 0; height: 10px; text-align: right; } .small-calendar-popup .top a { font-size: 0.8em; padding-right: 15px; position: relative; top: 12px; left: -4px; background: url(images/small-close.gif) no-repeat right; background-position: 2px; } .small-calendar-popup .content { background: #fff588; padding: 20px 10px 10px 10px; border-right: 1px solid #ccc255; border-bottom: 1px solid #ddd366; } .small-calendar-popup .content h4 { margin: 0 0 0 0; } .small-calendar-popup .content { text-align: left; } .small-calendar-popup .content ul { margin: 5px 0 0 15px; padding: 0; } .small-calendarlist p { margin-top: 0; } .small-calendarlist .date { color: #4D8922; } .small-calendarlist a { color: #000; } .hasevents { background: #fff8aa; } /* --- DATEPICKER -- */ .datepicker-popup table.calendar-layout { background: #fff; width: 100%; } .calendar-layout { width: 180px; background: #fff; border: 1px solid #c2c2c2; padding: 10px; } .calendar-header td { border: 0; padding: 0;} input.datepickerinput { width: 100px; } a.datepicker-select span { display: none; } a.datepicker-select { border: 0; display: block; background: url(images/calendar-icon.png); width: 16px; height: 16px;} .datepicker-nextyear, .datepicker-previousyear { margin-bottom: 5px; } .datepicker-nav span { display: none; } .datepicker-nav a { display: block; width: 15px; height: 15px; } .datepicker table { border-collapse: collapse; border-spacing: 0; padding: 0; } /* -- MULTIMEDIAFOLDER -- */ .multimediafolder table { width: 100%; border-collapse: collapse; border-spacing: 0px; } .multimediafolder th { text-align: left; border-bottom: 2px solid #c2c2c2; } .multimediafolder td { padding: 4px 2px 2px 2px; border-bottom: 1px solid #c2c2c2; } .multimediafolder tr.last td { border-bottom: 0px; } .multimediafolder-item { float: left; width: 170px; height: 170px; } /* -- SLIDESHOW -- */ .slideshow-previous span { display: none; } .slideshow-next span { display: none; } .slideshow-next { float: right; } .slideshow-previous { float: left; } .slideshow-before { padding-top: 0px; clear: both; } .slideshow-thumbnails { white-space: nowrap; overflow: hidden; text-align: center; } .slideshow-thumbnails img { width: 50px; height: 50px; padding: 10px; } .slideshow-thumbnails div { background: url(images/thumbnail-canvas.png) no-repeat center; width: 100px; float: left; } .slideshow-thumbnails div.active { background: url(images/thumbnail-canvas-active.png) no-repeat center; } .slideshow-image { text-align: center; margin:10px;} .slideshow-image img { max-width: 200px; } .slideshow .tile-content { margin-bottom: 0px;} .slideshow p { padding-left: 18px; padding-bottom:8px; } /*-- SLIDESHOW MAXWIDTH IN NARROW RIGHT --*/ /* -- SLIDESHOW WITHOUT LAYOUT-- */ .slideshow-no-layout .tile-content { padding-bottom: 0px !important; margin-bottom: 12px;} /* -- LOGIN FORM -- */ .login-form-link { padding-bottom: 10px; } #login-form-logout p { margin: 0; } /* -- DIRECT EDIT -- */ .directedit-link-container { float: right; padding-left: 20px; } #placeholder-bottom .directedit-link-container { float: left; padding: 0 20px 0 0; } .directedit-link-container a, #placeholder-bottom .directedit-link-container a { color: #000; } .directedit-link-container ul { margin: 0 0 5px 0; padding: 0px; } .directedit-link-container ul li { float: left; list-style-type: none; padding-right: 10px; } .directedit-link-container-bottom { clear: both; } div.directedit-link-container li a { float: left; display: block; height: 16px; width: 16px; background-repeat: no-repeat; } div.directedit-link-container li span { display: none; } div.directedit-link-container li a.edit-article { background-image: url(images/directedit/article-edit.gif); } div.directedit-link-container li a.new-article { background-image: url(images/directedit/article-new.gif); } div.directedit-link-container li a.delete-article { background-image: url(images/directedit/article-delete.gif); } div.directedit-link-container li a.new-category { background-image: url(images/directedit/category-new.gif); } div.directedit-link-container li a.edit-category { background-image: url(images/directedit/category-edit.gif); } div.directedit-link-container li a.delete-category { background-image: url(images/directedit/category-delete.gif); } /* --- LIGHTBOX ---------------------------------------------------------*/ /* Because of a Firefox bug (Linux/OS X) causing Flash to become invisible when rendered above a fixed layer with background opacity. This will happen when e.g. displaying an article with Flash content inside the lightbox. To fix this the lightbox javascript will override the background color setting it to a transparent PNG image. Make sure that the image has the same color and opacity as the background styled here. The lightbox.js will by default set opacity to 80% and set background image to: projectroot/html/images/lightbox/ff-overlay-img.png More info: http://www.findmotive.com/2006/10/02/firefox-flash-bug-update/ */ #lightbox-overlay { z-index: 999; background-color: #000; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } #lightbox { overflow: auto; width: 100%; height: 100%; padding: 0; margin: 0; position: absolute; top: 0; left: 0; } #lightbox-container { z-index: 1000; position: relative; margin: auto; } #lightbox-spinner { background: url(images/spinner-large.gif) no-repeat center center; } #lightbox-container { padding: 0; top: 25px; } #lightbox-close-container { z-index: 1000; position: absolute; right: 0; } #lightbox-close span { display:none; } #lightbox-close { display: block; width: 30px; height: 30px; margin: 3px 12px 0 0; } #lightbox-start { height: 26px; background: url(images/lightbox/start-center.png) repeat-x; position: relative; margin: 0 51px 0 39px; } #lightbox-start div.left { background: url(images/lightbox/start-left.png) no-repeat; position: absolute; left: -38px; top: 0px; bottom: -6px; width: 38px; } #lightbox-start div.right { z-index: 100; background: url(images/lightbox/start-right.png) no-repeat; position: absolute; right: -50px; top: 0px; bottom: -24px; width: 50px; } #lightbox-outer-content { border: 1px solid #fff; padding: 0 10px 0 10px; background: #fff; position: relative; margin: 0 26px 0 14px; } #lightbox-content { } #lightbox-content-left { background: url(images/lightbox/content-left.png) repeat-y; position: absolute; left: 0px; top: 32px; bottom: 34px; width: 14px; } #lightbox-content-right { background: url(images/lightbox/content-right.png) repeat-y; position: absolute; right: 12px; top: 50px; bottom: 34px; width: 14px; } #lightbox-end { height: 34px; background: url(images/lightbox/end-center.png) repeat-x; position: relative; margin: 0 50px 0 38px; } #lightbox-end div.left { background: url(images/lightbox/end-left.png) no-repeat; position: absolute; left: -38px; top: 0px; bottom: 0px; width: 38px; } #lightbox-end div.right { background: url(images/lightbox/end-right.png) no-repeat; position: absolute; right: -38px; top: 0px; bottom: 0px; width: 38px; } #lightbox .tile-common { border: 0px; } /* --- EMAIL THIS PAGE IN LIGHTBOX ------------------------------------------ */ .suggestionform label { display: block; } .suggestionform input.textinput { width: 300px; margin-bottom: 5px; } .suggestionform input.captcha { width: auto; } .suggestionform textarea { width: 300px; } .suggestionform h3 { display: none; } .suggestionform { width: 320px; margin-left: auto; margin-right: auto; } .subpost-entitycomment-form { width: 700px; } /* --- CONTENT PLACEHOLDER IN LIGHTBOX ------------------------------------- */ #lightbox-placeholder-content { width: 500px; } #lightbox-placeholder-content .tile-content { padding: 0; } /*#lightbox .entitycomment-form-content table { width: 400px; } */ /* --- LINKTOOLBAR --------------------------------------------------------*/ .linktoolbar ul { list-style-type: none; margin: 0; padding: 0; } /* Toolbar ----------------------------------------------------------------> */ /* Element height is overridden in IE stylesheets */ .linktoolbar a { padding: 0 0 0 25px; display: block; min-height: 16px; } .linktoolbar li { padding-bottom: 10px; } #placeholder-content .linktoolbar .tile-content, #placeholder-content-no-left .linktoolbar .tile-content, #placeholder-content-no-right .linktoolbar .tile-content { border-top: 1px dotted #949987; padding-bottom: 10px !important } #placeholder-content-no-right .linktoolbar h3, #placeholder-content-no-left .linktoolbar h3, #placeholder-content .linktoolbar h3 { display: none; } #placeholder-content-no-right .linktoolbar a, #placeholder-content-no-left .linktoolbar a, #placeholder-content .linktoolbar a { padding: 1px 12px 0 20px; height: 16px; display: block; float: left; font-size: 0.9em } #placeholder-content-no-right .linktoolbar li, #placeholder-content-no-left .linktoolbar li, #placeholder-content .linktoolbar li { white-space: nowrap; margin:0 0 10px 0; padding: 0; float: left; } #placeholder-content-no-right .linktoolbar ul, #placeholder-content-no-left .linktoolbar ul, #placeholder-content .linktoolbar ul { margin: 0 0 0 0; padding: 8px 0 0 0; list-style-type: none; } .linktoolbar {padding-top:20px!important;} /* Using CSS sprite technique to limit the amount of requests done by a page load. All linktoolbar icons are collected into one image. We use background offset to control what image is visible. */ .font_size_link { background: url(images/linktoolbar/icons.gif) no-repeat left -252px; } .print_link { background: url(images/linktoolbar/icons.gif) no-repeat left -51px; } .tipafriend_share_link { background: url(images/linktoolbar/icons.gif) no-repeat left top; } .facebook_share_link { background: url(images/linktoolbar/icons.gif) no-repeat left -200px; } .delicious_share_link { background: url(images/linktoolbar/icons.gif) no-repeat left -100px; } .kudos_share_link { background: url(images/linktoolbar/icons.gif) no-repeat left -300px; } .digg_share_link { background: url(images/linktoolbar/icons.gif) no-repeat left -150px; } .nettby_share_link { background: url(images/linktoolbar/icons.gif) no-repeat left -400px; } .reddit_share_link { background: url(images/linktoolbar/icons.gif) no-repeat left -450px; } .linkedin_share_link { background: url(images/linktoolbar/icons.gif) no-repeat left -350px; } .twitter_share_link { background: url(images/linktoolbar/icons.gif) no-repeat left -500px; } .linktoolbar li li { clear: both; } /* --- IFRAME TILE ---------------------------------------------------------- */ .iframe-tile iframe { width: 100%; } /* -- WEBSHOP --------------------------------------------------------------- */ .full-productdisplay-priceorder { float: right; border: 1px solid #c2c2c2; padding: 5px 15px 10px 25px; margin: 10px 0 5px 5px; } #placeholder-content form { display: inline; padding: 0; margin: 0; background-color: transparent; } .full-productdisplay-priceorder .price, .full-productdisplay-priceorder div { text-align: center; margin-top: 3px; } .full-productdisplay-priceorder input, .full-productdisplay-priceorder select { margin-top: 5px; } .full-productdisplay-priceorder label { float: left; width: 50px; margin-top: 7px; clear: both; } .full-productdisplay-priceorder .price { font-size: 1.25em; font-weight: bold; } .webshop-step-indicator { float: right; } .webshop-step-indicator ul { margin: 0px; padding: 0px; } .webshop-step-indicator li { list-style-type: none; display: block; float: left; width: 20px; border: 2px solid #c2c2c2; margin-left: 5px; text-align: center; } .webshop-step-indicator li.step-done { border: 2px solid #c2c2c2; background-color: #c2c2c2; font-weight: bold; } .webshop-step-indicator li.active { border: 2px solid #568699; background-color: #74b2c7; color: #000; font-weight: bold; } .webshop-checkout table { width: 100%; border-collapse: collapse; border-spacing: 0px; margin-bottom: 20px; } .webshop-checkout table tr.even { background-color: #fff; } .webshop-checkout table tr.basetotal td { border-bottom: 3px double #000; padding-top: 10px; } .webshop-checkout table tr th { text-align: left; font-style: italic; padding-bottom: 10px; } .webshop-checkout table tr th.right-align { text-align: right; } .webshop-checkout table tr.productrow td { vertical-align: top; } .webshop-checkout table td.currency { text-align: right; font-family: monospace; width: 100px; } .webshop-checkout table tr.productrow td.input, .webshop-checkout table tr.productrow td.remove { text-align: right; } .webshop-checkout table tr.productrow td input.amountfield { width: 30px; text-align: right; } .webshop-checkout div.shippingtext { clear: both; padding-top: 15px; } .webshop-checkout input.submit { float: right; } .webshop-checkout div.errormessage fieldset { border: 2px solid #f00; } #placeholder-content .list-productdisplay form, #placeholder-content-no-right .list-productdisplay form { background-color: transparent; display: inline; } .webshop-list-priceorder { float: right; margin-left: 10px; border: 1px solid #c2c2c2; text-align: right; padding: 0 .7em 0 .7em; } .webshop-list-price { font-size: 1.25em; font-weight: bold; padding-top: 10px; float: left; margin-right: 15px; } .webshop-list-priceorder .after { clear: both; } /* -- ENTITY COMMENT FORM ----------------------------------------- */ #placeholder-content .entitycomment, #placeholder-content-no-right .entitycomment { margin-top: 30px; } .entitycomment ul { margin: 0 0 30px 0; list-style-type: none; padding: 0; } .entitycomment li { border-top: 1px solid #c2c2c2; border-bottom: 1px solid #c2c2c2; padding: 10px 0 10px 0; margin: 0 0 10px 0; } .entitycomment-urls, .entitycomment-byline { color: #888; font-size: .8em; font-style: italic; } .entitycomment-form-content table { width: 100%; } .entitycomment-form-content input { width: 325px; } .entitycomment-form-content textarea { width: 325px; } .entitycomment-form-content textarea { height: 100px; } .entitycomment-form-content .submit { width: auto; } #entitycomment-form-message { margin: 10px 0 10px 0; padding: 10px; border: 1px solid #c2c2c2; text-align: center; } #entitycomment-form-error { margin: 10px 0 10px 0; padding: 10px; border: 1px solid #c2c2c2; text-align: center; } .entity-comment-post-tag-offensive { float: right; } /* -- entity comment tree list -- */ .entitycomment .treelist div.post-body { margin: 0 0 10px 0; padding: 2px; } .entitycomment .treelist ul { margin: 0 0 10px 0; padding: 0; } .entitycomment .treelist li { border: 0; padding: 0; margin: 0; } .entitycomment .treelist ul li { margin-left: 20px; padding: 0; } .entitycomment .treelist .headerblock { padding: 5px; background: #74b2c7; } .entitycomment .treelist .headerblock div { clear:both; } .entitycomment .treelist .headerblock h3, .entitycomment .treelist li.collapsed .headerblock .entitycomment-byline, .entitycomment .treelist li.collapsed .headerblock .entitycomment-urls { display: inline; clear:none; padding-left: 10px; } .entitycomment-trackback-link { float: right; } .entitycomment-form-quoted { font-style: italic; margin-bottom: 20px; } .entitycomment .treelist .headerblock, .entitycomment .treelist .entitycomment-byline, .entitycomment .treelist .entitycomment-urls, .entitycomment .treelist .headerblock a:link, .entitycomment .treelist .headerblock a:visited, .entitycomment .treelist .headerblock a:hover { color: #000; } .entitycomment .treelist li.collapsed .headerblock, .entitycomment .treelist li.collapsed .entitycomment-byline, .entitycomment .treelist li.collapsed .entitycomment-urls, .entitycomment .treelist li.collapsed .headerblock a:link, .entitycomment .treelist li.collapsed .headerblock a:visited, .entitycomment .treelist li.collapsed .headerblock a:hover { color: #333; } .entitycomment .treelist form, .entitycomment .treelist .entitycomment-byline { padding-top: 3px; } .entitycomment .treelist li { clear: both; } .entitycomment .treelist h3 { font-size: 1em; } .entitycomment .treelist a.toggler { float: left; margin-right: 10px; width: 16px; height: 16px; display: block; background: url(images/comments/collapse.gif) no-repeat; } .entitycomment .treelist li.collapsed a.toggler { background: url(images/comments/expand.gif) no-repeat; } .entitycomment .treelist a.toggler span { display: none; } .entitycomment .treelist li.collapsed .headerblock { background: #c2c2c2; margin-bottom: 10px; } .entitycomment .treelist li.collapsed .entitycomment-urls, .entitycomment .treelist li.collapsed div.post-content, .entitycomment .treelist li.collapsed li { display: none; } .entitycomment .treelist div.post-body .buttons { float: left; } /* -- ENTITY RATINGS --------------------------------------------- */ .rating-label { font-size: .75em; text-align: center; } .agreedisagreerating .rating-label { padding: 0 10px 0 3px; } .starrating { width: 85px; height: 40px; overflow:hidden; background: url(images/spinner.gif) no-repeat top center; } .starrating fieldset { display: none; } /* -- ENTITY TABBED LIST ----------------------------------------- */ .tabbedentitylist .tile-content { padding: 0; } .tabbedentitylist h3 { display:none; } #placeholder-left .tabbedentitylist .tab h3, #placeholder-right .tabbedentitylist .tab h3 { display: block; margin: 0px;font-size: 1.1em; } .tabbedentitylist .tab div { padding: 10px; } /* -- STYLE FOR LOGIN PAGE --------------------------------------- */ body.login #container { background: none; width: 300px; margin: 50px auto 0 auto; } body.login #placeholder-left, body.login #placeholder-right, body.login #placeholder-top, body.login #placeholder-bottom { display: none; } body.login #placeholder-content-no-right { width: auto; background: #fff; padding: 20px; text-align: center; } body.login #placeholder-content-no-right .login-form h3 { margin-bottom: 20px; } body.login .login-form label { display: block; position: absolute; width: 90px; text-align: left; } body.login .login-form input.textinput { margin: 0 0 5px 100px; } body.login .login-form input.submit { margin-top: 20px; } /* #sc-page-debug { overflow: hidden; float: left; position: absolute; left: 20px; bottom: 0px; } */ /* Collapsables */ .collapsed-tabbed-main { overflow: hidden; display:none;} #placeholder-right .tile-content h4 { float: left; margin: 0; padding: 0; font-size: 14px; cursor: pointer; } #placeholder-right .tile-content h4 span { border: none; margin: 0; padding: 12px 15px 3px 15px; display: block; } .contentContainer { clear: both; padding: 15px 15px 0 15px; } .linkContainer { background: url(images/collapse-tab.png) repeat bottom center; overflow: hidden; } .linkContainer h4.active { background: url(images/collapse-bg.png) no-repeat left bottom; } .linkContainer h4.active span { background: url(images/collapse-end.png) no-repeat right bottom; } div.tagcloud { text-align:center; padding: 15px 10px 40px 10px !important; background: transparent url('images/tagcloud-gray.png') no-repeat bottom left; margin-left: 0px; } .gray div.tagcloud { background: transparent url('images/tagcloud.png') no-repeat bottom left; } div.tagcloud a { margin: 10px 5px; text-decoration: none; font-weight: bold; text-transform: lowercase; } div.tagcloud span { color: #4D8922; margin: 10px 5px; text-decoration: none; font-weight: bold; text-transform: lowercase; } .caption { font-size: 0.8em; display: block; margin-top: 0; padding: 2px; } div.image { background-color: #e6e6e6; } span.img-wysiwyg img{ margin: 0 !important; padding: 0; } span.img-wysiwyg, span.img-wysiwyg-right, span.img-wysiwyg-left { display: block; padding: 0; background-color: #e6e6e6; } span.img-wysiwyg-right { float: right; margin-left: 6px; } span.img-wysiwyg-left { float: left; margin-right: 6px; } p.smalltitle { margin-bottom: 0; } h1.undersmalltitle { margin-top: 0; } p.author, p.updatedTime { font-size: 0.8em; } .article-content table { font-size: 0.8em; border-width: 0px; background-color: #EEEEEE; margin: 5px 10px 10px 0; } .frontpage .article-content table { font-size: 0.8em; border-width: 0px; background-color: #fff; margin: 5px 10px 10px 0; } .frontpage .article-content table td { border-width: 0px; padding: 5px 10px 5px 10px; } .article-content table td { border-width: 0px; padding: 5px 15px 5px 15px; } .article-content table td b { font-size: 1.2em; } /* -- Skjemadesign midlertidig ------------------------------- */ .ctform table { border: 1px solid gray; background-color: #F6F6F6 !important; margin: 0; } .ctform .ctwebform-element-type-submit input { font-size: 1.2em; background-color: #59A027; } .ctform .ctwebform-element-type-text input { border: none; background-color: #FFFFFF !important; } /* -- COVERFLOW STYLES --------------------------------------- */ div.coverflow-tile { background-color: #f0F2EB !important; } .coverflow * { margin: 0; padding: 0; } .coverflow :focus { outline: none; } .coverflow { position: relative; } .coverflow a.controls { position: absolute; width: 54px; height: 50px; background-color: #2097FA; text-decoration: none; color: #FFF; font-size: 40px; font-weight: bold; text-align: center; border: 2px solid #FFF; } .coverflow a.previous { padding-bottom: 4px; } .coverflow ul li { width: 420px; height: 255px; float: left; list-style-type: none; } .coverflow ul li a { display: block; } .coverflow li a img { width: 100%; height: 100%; border: 0; } .coverflow#horizontal { background: transparent url(images/bg-coverflow.png) repeat-x bottom left; margin: 0px auto 0 auto; width: 697px; height: 300px; } .coverflow#horizontal a.controls { top: 50%; margin-top: -27px; } .coverflow#horizontal a.next { right: 0; padding-top: 4px; } .coverflow#horizontal a.controls:hover { border-color: #2097FA; } .coverflow#horizontal ul { position: relative; width: 600px; height: 300px; margin: 0 auto; } .coverflow .controls { display: none; } /* ----------- Tips en venn ------------ */ #emailpage-link-wrapper { position: absolute; display: inline; } #emailpage { left:0; top:-400px; position:absolute; } .suggestionform { width: 214px; border: solid 1px #8AC340; } .suggestionform .tile-content { background: #fff; background-repeat: repeat-y; padding: 0px 0px 0px 9px; overflow: hidden; } .suggestionform .tile-top { background: #8AC340; background-repeat: no-repeat; height: 17px; width: 214px; overflow: hidden; } .suggestionform h3 { font-size: 12px; font-weight: bold; color: white; width: 190px; margin-left: 2px; } .suggestionform h3 a.close { float: right; font-size: 11px; font-family: Arial, Sans-serif; font-weight: bold; text-transform: none; padding: 0; margin: 1px 3px 0 0; } .suggestionform label { font-weight: bold; font-size: 11px; display: block; margin-top: 7px; margin-left: 6px; } .suggestionform input { display: block; margin-left: 5px; } .suggestionform input.textinput { width: 187px; height: 17px; } .suggestionform textarea.textinput { width: 187px; height: 76px; margin-left: 5px; } .suggestionform input.submit { margin-top: 6px; margin-bottom: 26px; } .suggestionform-error, .suggestionform-message { font-weight: bold; font-size: 11px; margin-left: 6px; margin-top: 6px; } .suggestionform-error { color: #cc0000; } .linktoolbar .font_size_link { padding: 0 0 5px 20px; } .linktoolbar .print_link { padding: 0 0 5px 17px; } .frontpage a.bannerReadMore { padding-left: 300px !important; } .tile-common p.articlelist-ingress { margin-top: 2px; } p.ingressDate { margin-bottom: 2px; margin-top: 0px; } .annonse, .annonse td, .annonse .tr { padding: 0 !important; margin: 0 !important; } #placeholder-content-no-sides { margin: 30px; } .oljefri #placeholder-content-no-sides { margin-top: 8px; } .multimediadisplay-foldertree ul li { list-style-type: none; } .multimediadisplay-foldertree ul li img { margin-right: 5px; } .onelinetable td { border: 1px solid gray; margin: 0; padding: 3px; } .linetable td { padding: 2px 4px; } .linetable tr.even td { background-color: #DEDEDE; } .linetable tr.even { background-color: #FFFFFF; } .onelinetable { border-collapse:collapse; border: 0px solid gray; } .linetable div.directedit-link-container ul li { padding-right: 0px; } .linetable .directedit-link-container { float: none; } /** * Twitter - http://www.twitter.com * Copyright (C) 2009 Twitter * Author: Dustin Diaz (dustin@twitter.com) * * V 1.0.8 Twitter search/profile widget with a variety of options to customize */ .twtr-widget{position:relative;font-size:12px!important;font-family:"lucida grande",lucida,tahoma,helvetica,arial,sans-serif!important;} .twtr-fullscreen{font-size:220%!important;} .twtr-fullscreen .twtr-new-results{display:none!important;} .twtr-widget .twtr-spinner{width:14px;height:14px;position:absolute;background:url(http://widgets.twimg.com/j/1/spinner.gif) no-repeat;top:3px;right:3px;} .twtr-inactive{display:none;} .twtr-widget a img{border:0!important;} .twtr-doc{overflow:hidden;width:100%;text-align:left;font-weight:normal;-moz-border-radius:5px;-webkit-border-radius:5px;} .twtr-bd{padding:0 1px;} .twtr-widget .twtr-tweet-wrap{padding:6px 8px;overflow:hidden;} .twtr-fullscreen .twtr-tweet-wrap{padding:20px;} .twtr-widget .twtr-tweet{border-bottom:1px dotted #ddd;overflow:hidden;} .twtr-widget .twtr-tweet a.twtr-reply{visibility:hidden;}* html .twtr-widget .twtr-tweet a.twtr-reply{visibility:visible;} .twtr-widget .twtr-tweet:hover a.twtr-reply{visibility:visible;} .twtr-widget-profile img.twtr-profile-img{display:block;float:left;width:31px;height:31px;border:0!important;} .twtr-widget h3,.twtr-widget h4,.twtr-widget p{margin:0!important;padding:0!important;line-height:1.2!important;width:auto!important;} .twtr-widget-profile h3,.twtr-widget-profile h4{margin:0 0 0 40px!important;} .twtr-widget h3{font-size:11px!important;font-weight:normal!important;} .twtr-widget h4{font-size:16px!important;} .twtr-widget i,.twtr-widget .twtr-new-results{font-size:9px;font-style:normal;display:block;margin-top:2px;} .twtr-widget .twtr-new-results{text-align:center;padding:3px;margin:0 auto -10px auto;display:block;position:relative;bottom:5px;} .twtr-results-inner{line-height:1;font-size:100%;padding:4px 0;position:relative;bottom:-2px;width:40%;margin:0 auto;z-index:2;text-align:center;} .twtr-results-hr{width:100%;position:relative;z-index:1;height:1px;border-bottom:1px dotted #ddd;bottom:7px;background:none;overflow:hidden;} .twtr-new-results span{position:relative;z-index:3;top:-14px;display:block;font-size:9px!important;}.twtr-hd{padding:10px;position:relative;overflow:hidden;} .twtr-fullscreen .twtr-hd{height:0;padding:0;}.twtr-timeline{-moz-border-radius:6px;-webkit-border-radius:6px;position:relative;overflow:hidden;z-index:2;height:225px;} .twtr-flat .twtr-timeline{overflow-x:hidden; overflow-y:scroll;} .twtr-widget .twtr-tweet:last-child{border-bottom-width:0;} .twtr-ft{position:relative;} .twtr-ft div{overflow:hidden;padding:10px;} .twtr-ft span{float:right;text-align:right;} .twtr-ft a{float:left;display:block;} .twtr-ft span a{float:none;} .twtr-avatar{width:40px;height:40px;float:left;overflow:hidden;display:block;} .twtr-fullscreen .twtr-avatar{width:80px;height:80px;}.twtr-img{height:25px;width:25px;}.twtr-img img{width:30px;height:30px;}.twtr-fullscreen .twtr-img img{width:72px;height:72px;}.twtr-fullscreen a.twtr-join-conv{display:none;}.twtr-tweet-text{margin-left:40px;}.twtr-fullscreen .twtr-tweet-text{margin-left:90px;}.twtr-doc a{text-decoration:none!important;}.twtr-doc a:hover{text-decoration:underline!important;} .personlist table tr td{ margin-left: 0; padding-left: 0; width: 100px; } .personlist table tr { } .personlist table { margin-top: 2px; border-collapse: collapse; } .personlist table + p { margin-top: 0px; margin-bottom: 5px; } .personlist p+ul { margin-top: 5px; } .personlist h3 { font-weight: bold; font-size: 1.3em; margin-top: 25px; margin-bottom: 0px; text-decoration: none; } .personlist h3+table { margin-top: 5px; } .personlist h3 a { text-decoration: none; color: #4D8922 !important; } .personlist h3 a:hover { color: #45a !important; }