/* 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 { } /* -------------------------------------------------------------------------- */ /* 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;} /* --- 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/osx) causing flash to become invisible when rendered above a fixed layer background, the lightbox javascript will override this background color, and set it to a transparent png image. Make sure that the image has the same color and opacity as the background configured 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: #000; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #lightbox { width: 100%; height: 100%; position: fixed; top: 0; left: 0; } #lightbox-container { z-index: 1000; position: relative; width: 500px; height: 523px; /*image is 500px*/ top: 50px; margin: auto; padding: 7px 10px 10px 10px; overflow: auto; background: #fff; text-align: center; } #lightbox-spinner { width: 220px; height: 19px; margin: 15% auto; background: #fff url(images/lightbox/spinner.gif) center no-repeat;} #lightbox-close-container { float: right; } #lightbox-close { display: block; width: 101px; height: 9px; margin-top: 3px; background: url(images/lightbox/close-no.png) no-repeat 10px; } #lightbox-close span { display: none; } #lightbox .tile-common { margin: 0px; } #lightbox .full-articledisplay h1 { float: left; margin: 0px 0px 10px 0px; font-size: 11px; } #lightbox .full-articledisplay .step-enlarged-image { }