/* 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. */ /* This stylesheet is common for all sites. Styling here can be overrided in site specific stylesheets if needed */ /* -------------------------------------------------------------------------- */ /* General HTML elements */ /* -------------------------------------------------------------------------- */ html, body { } /*.placeholder-content-wrapper-end-marker { display: none; }*/ /* -------------------------------------------------------------------------- */ /* General inline listing (eg. horizontal menu, linktoolbar, sitelocator) */ /* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /* General bullet-less listing (eg. verical menu and small article list) */ /* -------------------------------------------------------------------------- */ #goog-fixurl ul { list-style-type: none; margin: 0; padding: 0; } /* -------------------------------------------------------------------------- */ /* Styling for spesific elements */ /* -------------------------------------------------------------------------- */ /* --- Google 404 widget -----------------------------------------------------*/ #goog-fixurl input { margin-top: 10px; margin-right: 5px;} /* Product display----------------------------------------------------------> */ .full-articledisplay.product table.nutrients td.right { font-style: italic; } /* Slideshow ---------------------------------------------------------------> */ #placeholder-content .slideshow h3, #placeholder-content-no-right .slideshow h3 { display: none; } .slideshow-previous span { display: none; } .slideshow-next span { display: none; } .slideshow-next { float: right; } .slideshow-previous { float: left; } .slideshow-before { padding-top: 10px; clear: both; } .slideshow-after { clear: both; padding-bottom: 10px; } .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; margin-bottom: 20px; } .slideshow-thumbnails div.active { background: url(images/thumbnail-canvas-active.png) no-repeat center; } .slideshow-image { text-align: center; margin-bottom: 10px; } .slideshow-lightbox { width: 554px; } .slideshow-lightbox .slideshow h3 { display: none; } .button-next { display: block; height: 33px; width: 33px; background: url(images/buttons-large.png) no-repeat -33px 0; } .button-previous { display: block; height: 33px; width: 33px; background: url(images/buttons-large.png) no-repeat 0 0; } /* --- Product symbols --------------------------------------------------------------*/ .product-symbols { margin-top: 5px; } .product-symbols ul { list-style-type: none; margin: 0px; padding: 0px; overflow: hidden; clear: both; float: right; } .product-symbols li { display: block; float: left; padding: 0px; height: 25px; width: 30px; overflow: hidden; margin: 0px; background: url(images/product-symbols.jpg) no-repeat left center; } .product-symbols li.symbol-keyhole { width: 29px; background-position: 0px center;} .product-symbols li.symbol-frozen { width: 25px; background-position: -28px center;} .product-symbols li.symbol-merchant { width: 31px; background-position: -53px center;} .product-symbols li.symbol-locale-product { width: 28px; background-position: -84px center;} .product-symbols li.symbol-ordering { width: 28px; background-position: -112px center;} .product-symbols li.symbol-new { width: 31px; background-position: -140px center;} .product-symbols li.symbol-specialty { width: 30px; background-position: -171px center;} .product-symbols li.symbol-bestseller { width: 34px; background-position: -201px center;} .product-symbols li.symbol-superiorproduct { width: 41px; background-position: -234px center;} /* --- Toolbar / Sharing links-------------------------------------------------------*/ /* 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. */ .linktoolbar .font_size_link { background: url(images/linktoolbar/icons.gif) no-repeat left -252px; } .linktoolbar .print_link { background: url(images/linktoolbar/icons.gif) no-repeat left -51px; } .linktoolbar .sharing_link { background: url(images/linktoolbar/icons.gif) no-repeat left -585px; } .linktoolbar .tipafriend_share_link { background: url(images/linktoolbar/icons.gif) no-repeat left top; } .linktoolbar .facebook_share_link { background: url(images/linktoolbar/icons.gif) no-repeat left -201px; } .linktoolbar .delicious_share_link { background: url(images/linktoolbar/icons.gif) no-repeat left -101px; } .linktoolbar .kudos_share_link { background: url(images/linktoolbar/icons.gif) no-repeat left -301px; } .linktoolbar .digg_share_link { background: url(images/linktoolbar/icons.gif) no-repeat left -151px; } .linktoolbar .nettby_share_link { background: url(images/linktoolbar/icons.gif) no-repeat left -401px; } .linktoolbar .reddit_share_link { background: url(images/linktoolbar/icons.gif) no-repeat left -451px; } .linktoolbar .linkedin_share_link { background: url(images/linktoolbar/icons.gif) no-repeat left -351px; } .linktoolbar .myspace_share_link { background: url(images/linktoolbar/icons.gif) no-repeat left -500px; } .linktoolbar .twitter_share_link { background: url(images/linktoolbar/icons.gif) no-repeat left -537px; } .linktoolbar a:link, .linktoolbar a:visited, .linktoolbar a:hover { padding-left: 20px; padding-top: 1px; } .linktoolbar { float: right; clear: both; width: 100%; text-align: right; position: relative; } .linktoolbar ul { list-style-type: none; } .linktoolbar .toolbar-menu li { margin-left: 10px; display: inline;} .linktoolbar .sharing-container { margin: 30px 0px 0px 50px; width: 400px; position: absolute; text-align: left; z-index: 10; left: 5px; background: #F6F1D7; border-right: 1px solid; border-bottom: 1px solid; border-color: #999; } .linktoolbar .sharing-container-content { margin: 10px 10px 20px 20px; } .linktoolbar .sharing-container .close-link { float: right; display: block; padding-right: 15px; margin-bottom: 10px; overflow: hidden; background: url(images/linktoolbar/close-no.gif) no-repeat right; } .linktoolbar h3 { display: none; } .linktoolbar .sharing-container h3 { display: block; float: none; font-size: 1.2em; margin: 0px 0px 15px 0px;} .linktoolbar .sharing-container .sharing-links { clear: right; float: right; padding-right: 10px;} .linktoolbar .sharing-container .sharing-links h3 { margin-bottom: 20px; } .linktoolbar .sharing-container .sharing-links ul { padding: 10px 0px 0px 0px; margin: 0px;} .linktoolbar .sharing-container .sharing-links ul li { display: list-item; margin-bottom: 10px;} .linktoolbar .sharing-container .sharing-emailpage { float: left; clear: left;} .linktoolbar .sharing-container .sharing-emailpage .input-wrapper { margin-bottom: 5px;} .linktoolbar .sharing-container .sharing-emailpage .form-message { font-weight: bold; margin-bottom: 10px;} .linktoolbar .sharing-container .sharing-emailpage .form-message.form-success { color: green; } .linktoolbar .sharing-container .sharing-emailpage .form-message.form-failure, .linktoolbar .sharing-container .sharing-emailpage .element-error { color: red;} /* --- Tooltip ----------------------------------------------------------*/ #tooltip, #tooltip a:link, #tooltip a:visited, #tooltip a:hover { color: #000; } #tooltip-top { display: none;} #tooltip-content { background: #F6F1D7; width: 250px; margin-left: 10px; padding: 5px 10px 5px 10px; border-right: 1px solid; border-bottom: 1px solid; border-color: #999;} /* --- Ct Form ----------------------------------------------------------*/ .ctform label, .ctform .ctwebform-element-label { font-weight: bold; } .ctform .ctwebform-element-validationerror { color: red; font-weight: bold;} .ctform td { padding-bottom: 10px; } /* --- 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 is fixed for IE6 in the IE6 stylesheet */ #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; width: 730px; padding: 7px 10px 10px 10px; } #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 { font-size: 1.1em; } #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; } #lightbox-placeholder-content { overflow: hidden; width: 750px; margin: 0px auto;} #lightbox-content .lightbox-image-text { font-weight: bold; display: block; margin-top: 12px; } #lightbox-container .full-articledisplay.step-by-step { width: 500px; margin: 0px auto;} /* Linktoolbar won't work inside lightbox, remove it*/ #lightbox .linktoolbar { display: none; }