@CHARSET "UTF-8"; /* SiteComponents version: Id: style.css,v 1.9 2009/04/14 06:23:40 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. */ /* -------------------------------------------------------------------------- */ /* General HTML elements */ /* -------------------------------------------------------------------------- */ html, body { background-color: #f5f5f5; font-family: Georgia, Sans-serif; margin: 0; padding: 0; color: #333;} a:visited, a:link { color: #999999;} a:hover { color: #ff4b00; } h1 {margin-top: 5px;font-size:36px; font-style:italic;} h2 {color:#ff4b00; font-size:26px; font-style:italic;} h3 a:visited, h3 a:link { color: #000000; text-decoration: none;} h3 a:hover { color: #ff4b00; } img { border:none; } /* -------------------------------------------------------------------------- */ /* Container/placeholder positioning */ /* -------------------------------------------------------------------------- */ #container { border-left: 10px solid #3d3d3d; width: 1075px;} #placeholder-top { } #placeholder-left { padding: 40px 0 0 20px; clear: both; float: left; width: 255px; overflow:hidden;} #placeholder-right { float: right; width: 200px; overflow:hidden; padding: 40px 0 0 10px;} #placeholder-content { float: left; padding: 0; width: 600px; overflow:hidden; background-color: #fff; min-height: 500px;} #placeholder-content-no-right { float: left; padding: 0; width: 800px; overflow:hidden; background-color: #fff; min-height: 500px;} #placeholder-bottom { clear: both;} #content-link { display: none; } /* -------------------------------------------------------------------------- */ /* General tile */ /* -------------------------------------------------------------------------- */ /* Tiles in top, bottom and content placeholders should not be styled using the general styles, so we reset these styles here. HTML element ID spesific styling, using the #html-element-id notion has precendence over styles set generally using only the css-class. If we want to override these styles later in the stylesheet, we must remember to use the full element path. */ #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 { background: none; border: none; margin: 0; padding: 0; } .tile-common { margin-bottom: 20px; } .tile-common h3 { background-color: #ddd; margin: 0 0 5px 0; padding: 2px 10px 3px 10px; } .tile-content { padding: 10px 10px 15px 10px; } .hidden { display:none; } /* -------------------------------------------------------------------------- */ /* General inline listing (eg. horizontal menu, linktoolbar, sitelocator) */ /* -------------------------------------------------------------------------- */ .horizontal-menu h3, .linktoolbar h3, .sitelocator h3 { display: inline; float: left; margin: 0; padding: 0; } .horizontal-menu ul, .linktoolbar ul, .sitelocator ul { display: inline; float: left; margin: 0; list-style-type: none; padding: 0; } .horizontal-menu li, .linktoolbar li, .sitelocator li { display: inline; padding-left: 10px; } /* -------------------------------------------------------------------------- */ /* General bullet-less listing (eg. verical menu and small article list) */ /* -------------------------------------------------------------------------- */ .full-articlelist ul, .small-articlelist ul, .full-articlelist li li, .small-articlelist li li, /* -------------------------------------------------------------------------- */ /* Styling for spesific elements */ /* -------------------------------------------------------------------------- */ /* Some of these elements have been styled using id-context above. We therefore need to use the full id-element path to override these styles. */ /* -- Page header ----------------------------------------------------------- */ .page-header { float: left; } .page-header .logo { font-size: 1.85em; font-weight: bold; } .horizontal-menu h3 { display: none; } /* -- Horizontal menu in top placeholder ("quicklaunch") -------------------- */ .horizontal-menu ul { float: right; } /* -- Linktoolbar ----------------------------------------------------------- */ .linktoolbar h3 { display: none; } .linktoolbar ul { float: right; } /* -- Sitelocator ----------------------------------------------------------- */ .sitelocator h3 { font-size: 1em; font-weight: normal; } /* -- Article display ------------------------------------------------------- */ .full-articledisplay { clear: both;} .client h1, .full-articledisplay h1 {padding:40px 0px 0px 45px; font-size:1.6em; margin:0; } .client h2, .full-articledisplay h2 {padding:0px 0px 0px 45px; font-size:1.3em; margin:0;} .client p {padding:0px 45px 0px 45px;} .full-articledisplay .article-content {padding:0px 45px 0px 45px;} .full-articledisplay .article-content a {clear:both; float:left; font-family: georgia; font-style:italic; font-size: 12px; text-decoration:none;} /* -- Digest ---------------------------------------------------------------- */ h2.digest { font-size: 1em; } /* -- Article list ---------------------------------------------------------- */ #placeholder-content-no-right .full-articlelist h3, #placeholder-content .full-articlelist h3 { margin-top: 30px; } .full-articlelist ul, .full-articlelist-twocolumn ul { list-style-type: none; padding: 0; margin: 0; } .full-articlelist ul li { float:left; width: 200px; margin-right: 5px;} .full-articlelist .articlelist-link-internal ul li, .full-articlelist-twocolumn .articlelist-link-internal ul li { clear: none; padding: 0 0 10px 0; } .full-articlelist-twocolumn li.odd { float: left; clear: both; width: 48%; } .full-articlelist-twocolumn li.even { float: right; width: 48%; } /* -- Vertical menu -------------------- */ #placeholder-left .tile-common {font-size: 14px; font-style:italic; font-weight:bold; } .vertical-menu h3 { display: none; font-style: italic; } .vertical-menu ul { list-style-type: none; margin: 0; padding: 0; } .vertical-menu li { padding-bottom: 2px;} .vertical-menu li li { padding-left: 15px; } .vertical-menu a:before { content: "\2014 ";} /* m-dash before link in menu*/ .vertical-menu a:visited, .vertical-menu a:link { color: #000000; text-decoration: none;} .vertical-menu li li a:visited, .vertical-menu li li a:link { color: #999999; font-size: 12px; font-weight:normal; } .vertical-menu li li a:hover, .vertical-menu a:hover, .vertical-menu .active a { color: #ff4b00; } .vertical-menu .last { padding-bottom: 5px; } #placeholder-bottom .small-articledisplay-nolayout { float: right; padding-top: 25px;} #placeholder-bottom .logo-tile { float: left; padding: 40px 0 0 30px;} /* -- Colofon -------------------- */ #coretrek-colofon { clear: both; float: right; font-size: .80em; } #coretrek-colofon a { text-decoration: none;} /* Client overview */ .client .project { float:left; padding: 15px 5px 5px 45px; } .client .project a { font-style: italic; text-decoration: none; } .client .project a.border { border-bottom: 1px dashed #999999; } .client .project a.border:hover { border-bottom: 1px dashed #ff4b00; } /* Project and updates overview */ #projectImage { width: 800px; height: 625px; /*overflow:hidden;*/} #projectImage #projectInfo { background:#f5f5f5; float:right; width:200px; height:605px; padding: 10px 10px 10px 10px; } #projectImage #linkBox { background:none; float:right; width:200px; padding: 10px 10px 10px 10px; color:#999999; } #projectImage a {text-decoration: none; font-size: 15px; font-style:italic;} #projectImage a.selected { color:#ff4b00; text-decoration:none; font-size: 15px; font-style:italic;font-weight:bold; } #projectImage .next {float:right; padding-right: 30px; font-size: 11px;} #projectImage .previous {float:right; padding-right: 40px;font-size: 11px;} #projectImage .aboutproject {float:right; padding-right: 40px;font-size: 12px;} .updatesProject { width:200px; float:right; } #projectInfo h1 {font-size:14px; padding:10px 0px 0px 0px; margin:0;} #projectInfo h2 {font-size:12px; color: #999999; padding:0; margin:0; font-weight:normal;} #projectInfo a {font-size:11px; border-bottom:1px dashed #ff4b00; } #projectInfo .exit {padding-left:85px; border:none;} #projectImage a.newer {float:left; padding-left: 40px; font-size: 11px;border:none;} #projectImage a.older {float:left; padding-left: 30px;font-size: 11px;border:none;} #news { background:#f5f5f5; float:right; width:200px; height:585px; padding: 10px 10px 10px 10px; margin:0px; } #news h1 {font-size:14px; padding:10px 0px 0px 0px; margin:0;} #news h2 {font-size:12px; color: #999999; padding:0; margin:0; font-weight:normal;} #news a {font-size:11px; color: #999999;} /* --- Employees --------------------- */ .employeefilter a, .employeePages a, .employeeNavigation a { text-decoration: none; } .employeefilter { overflow: hidden; margin: 20px 0 10px 0; } .employeefilter.archive { margin: 0px 0 10px 0; } .employeefilter.archive ul { margin: 0; } .employeefilter ul li { float: left; list-style: none; margin-left: 20px; } .employeefilter ul li.active a { color: orange; } .employeePages { clear: both; overflow: hidden; } .employeegroup { margin: 10px 0 0 60px; overflow: hidden; } .employeegroup .title { text-decoration: underline; margin: 0 0 10px 0; font-style: italic; } .employeegroup .employees { margin-left: 30px; } .employeegroup .employee { width: 220px; float: left; margin: 0 10px 10px 0; height: 260px; overflow: hidden; } .employeegroup .project { height: 190px; } /* Override for Archive projects, uses same CSS as employee, but needed this tiny mod */ .employeegroup .employee .name { color: black; font-weight: bold; } .employeegroup .employee .position { font-style: italic; color: #999999; } .employeegroup .employee .email { font-style: italic; margin: 5px 0 0 0; color: #999999; } .employeegroup .employee .email span{ border-bottom: 1px dashed #000000; } .employeegroup .employee .phone { font-style: italic; } .employeegroup .employee .noImage { height: 156px; width: 200px; background-color: black; border: solid 1px #ccc; } .employeeNavigation { clear: both; margin: 10px 0 30px 0; overflow: hidden; } .employeeNavigation ul li { list-style: none; float: left; margin: 0 0 0 20px; } #employeeViewer { position: absolute; top: 16px; left: 285px; width: 800px; height: 800px; overflow: hidden; } #imageContainer { position: absolute; left: 0px; top: 0px; width: 800px; height: 500px; background: white; overflow: hidden; } #infoContainer { position: absolute; top: 0px; right: 0px; height: 500px; background: #F5F5F5; padding: 5px 5px 5px 10px; width: 200px; } #infoContainer .closeContainer { text-align: center; width: 150px; display: block; text-decoration: none; } #infoContainer .name { color: black; font-weight: bold; } #infoContainer .position { font-style: italic; color: #999999; } #infoContainer .email { font-style: italic; margin: 7px 0 0 0; } #infoContainer .phone { font-style: italic; } #infoContainer .desc { margin: 40px 0 0 0; } #nextEmployee { margin: 0 0 0 10px; } /* Same as above, w00t w00t? .employeegroup {} .employeegroup .title { text-decoration: underline; } .employeegroup .employees { margin-left: 30px; } .employeegroup .employee { width: 220px; float: left; } .employeegroup .employee .name { color: black; font-weight: bold; } .employeegroup .employee .position { font-style: italic; color: #999999; } .employeegroup .employee .email { font-style: italic; } .employeegroup .employee .phone { font-style: italic; } .employeeNavigation { clear: both; } */ /* --- TextLinkCloud Link Collection ----------------------- */ .sdgLinkCollection { padding: 0 45px; } .sdgLinkCollection .thumbs { height: 190px;} .sdgLinkCollection .thumbs .thumb { margin: 0 auto; width: 200px; position: relative; height: 190px; } .sdgLinkCollection .thumbs .thumb img { position: absolute; bottom: 0; left: 0; } .sdgLinkCollection ul { margin: 0; padding: 0; } .sdgLinkCollection li { list-style-type: none; float: left; margin: 0; padding: 5px 0 0 5px; color: #999999; font-size: 0.8em;} .sdgLinkCollection li.first { font-weight: bold; color: #333333; } .sdgLinkCollection li a { color: #999999; text-decoration: none; } .sdgLinkCollection li a:hover { color: #ff4b00; text-decoration: none; }