/*====================================== WELCOME TO THE STYLESHEET -------------------------------------- Author: Luc Fournier ======================================*/ /**************************************\ |------------COLOR SCHEME--------------| |--------------------------------------| - black #000 - white #fff \**************************************/ /**************************************/ /* GLOBALS */ /**************************************/ body {background:#030303 url('../img/bg.png') repeat-x;} div#container {font-size:130%;} #header {height:54px; width:100%; color:#afafaf; background:url('../img/bg-header2.png') no-repeat; position:relative;} #collection strong {color:#90AD40;} #header img {position:relative; top:15px; left:33px;} #header a {text-decoration:none; color:#afafaf;} #header #sup-nav {position:absolute; top:19px; left:333px;} #sup-nav a:hover {color:#90AD40;} #sup-nav #home-link {position:absolute; top:0px; left:18px;} #sup-nav #sitemap-link {position:absolute; top:0px; left:0px; width:70px;} #sup-nav #contact-link {position:absolute; top:0px; left:90px; width:94px;} #sup-nav #language-link {position:absolute; top:0px; left:187px; width:45px;} #header #search {position: absolute; top:18px; left:579px;} #header #search-request {background:url('../img/bg-search2.png') no-repeat; color:#fff; width:150px; height:21px; border:none; padding-left:10px; padding-right:10px; padding-top:5px;} #header #search-request:focus {border:none; outline:none;} #homepage #media-bar {height:383px; width:100%; text-align:center; background:url('../img/bg-shadow2.png') repeat-y;} #fresque #media-bar {position:relative; height:396px; width:100%; text-align:center; background:url('../img/bg-shadow2.png') repeat-y;} #fresque #media-bar #left-trans-1 {height:396px; width:46px; background:#e68523; position:absolute; left:17px; opacity:.80; filter:alpha(opacity=80);} #fresque #media-bar #left-trans-2 {height:396px; width:38px; background:#eaa02b; position:absolute; left:63px; opacity:.65; filter:alpha(opacity=65);} #fresque #media-bar #right-trans-1 {height:396px; width:48px; background:#e68523; position:absolute; right:14px; opacity:.80; filter:alpha(opacity=80);} #fresque #media-bar #right-trans-2 {height:396px; width:40px; background:#eaa02b; position:absolute; right:62px; opacity:.65; filter:alpha(opacity=65);} #fresque #media-nav {position:relative; height:98px; width:100%; background:url('../img/bg-media-nav2.png') no-repeat; color:#a5a7a9;} #fresque #media-nav #roll-number {position:absolute; left:334px; top:78px; width:105px; text-align:center;} #fresque #media-nav #previous {position:absolute; left:31px; top:28px; width:39px; height:38px; background:url('../img/media-nav-previous.png') no-repeat;} #fresque #media-nav #previous:hover {background:url('../img/media-nav-previous-hover.png') no-repeat;} #fresque #media-nav #previous span {display:none;} #fresque #media-nav #next {position:absolute; left:700px; top:28px; width:39px; height:38px; background:url('../img/media-nav-next.png') no-repeat;} #fresque #media-nav #next:hover {background:url('../img/media-nav-next-hover.png') no-repeat;} #fresque #media-nav #next span {display:none;} #fresque #media-nav ul#article-thumbs {position:absolute; top:0px; left:85px; margin:0; padding:0;} #fresque #media-nav ul#article-thumbs li {display:block; list-style-type:none; margin:0 7px; float:left; padding-top:14px;} #fresque #media-nav ul#article-thumbs li.current {background:url('../img/media-nav-current.png') no-repeat 50% 2px;} #collection #media-bar-out {position:relative; height:396px; width:100%; background:url('../img/bg-shadow2.png') repeat-y; overflow:hidden;} #collection #media-bar-out #media-bar-in {position:relative; left:17px; width:736px; height:396px; overflow:hidden;} #collection #media-bar-out .current-img {position:absolute; left:87px; z-index:1;} #collection #media-bar-out .previous-img {position:absolute; left:-368px; z-index:0;} #collection #media-bar-out .next-img {position:absolute; right:-368px; z-index:0;} #collection #media-bar-out #left-trans-1 {height:396px; width:46px; background:#e68523; position:absolute; left:0px; opacity:.80; filter:alpha(opacity=80); z-index:1;} #collection #media-bar-out #left-trans-2 {height:396px; width:75px; background:#eaa02b; position:absolute; left:46px; opacity:.65; filter:alpha(opacity=65); z-index:1;} #collection #media-bar-out #right-trans-1 {height:396px; width:46px; background:#e68523; position:absolute; right:0px; opacity:.80; filter:alpha(opacity=80); z-index:1;} #collection #media-bar-out #right-trans-2 {height:396px; width:75px; background:#eaa02b; position:absolute; right:46px; opacity:.65; filter:alpha(opacity=65); z-index:1;} #collection #media-nav {position:relative; height:98px; width:100%; background:url('../img/bg-media-nav2.png') no-repeat; color:#a5a7a9;} #collection #media-nav #roll-number {position:absolute; left:334px; top:78px; width:105px; text-align:center;} #collection #media-nav #first-roll-link, #fresque #media-nav #first-roll-link {font-weight:bold; position:absolute; left:295px; top:78px; text-decoration:none; color:#a5a7a9;} #collection #media-nav #prev-roll-link, #fresque #media-nav #prev-roll-link {font-weight:bold; position:absolute; left:320px; top:78px; text-decoration:none; color:#a5a7a9;} #collection #media-nav #next-roll-link, #fresque #media-nav #next-roll-link {font-weight:bold; position:absolute; left:445px; top:78px; text-decoration:none; color:#a5a7a9;} #collection #media-nav #last-roll-link, #fresque #media-nav #last-roll-link {font-weight:bold; position:absolute; left:462px; top:78px; text-decoration:none; color:#a5a7a9;} #collection #media-nav #previous {position:absolute; left:31px; top:28px; width:39px; height:38px; background:url('../img/media-nav-previous.png') no-repeat;} #collection #media-nav #previous:hover {background:url('../img/media-nav-previous-hover.png') no-repeat;} #collection #media-nav #previous span {display:none;} #collection #media-nav #next {position:absolute; left:700px; top:28px; width:39px; height:38px; background:url('../img/media-nav-next.png') no-repeat;} #collection #media-nav #next:hover {background:url('../img/media-nav-next-hover.png') no-repeat;} #collection #media-nav #next span {display:none;} #collection #media-nav ul#article-thumbs {position:absolute; top:0px; left:85px; margin:0; padding:0;} #collection #media-nav ul#article-thumbs li {display:block; list-style-type:none; margin:0 7px; float:left; padding-top:14px;} #collection #media-nav ul#article-thumbs li.current {background:url('../img/media-nav-current.png') no-repeat 50% 2px;} #content {padding-bottom:12px; background:url('../img/bg-shadow2.png') repeat-y;} #main-content a {color:#90ad40; text-decoration:none;} #main-content a:hover {text-decoration:underline;} #fresque #article-helper-text {} #fresque #article-helper-text h2 {color:#90AD40; font-size:14px; font-weight:normal;} #fresque #article-helper-text div.text-only {width:400px; text-align:left; position:absolute; left:337px; top:50px; height:285px; overflow-y:scroll;} #fresque #article-helper-text div.img-only {position:absolute; left:44px; top:50px;} #fresque #article-helper-text div.img-showcase {} #fresque #article-helper-text div.img-showcase p{line-height:1.3em; width:282px;} #fresque #article-helper-text div.img-showcase #img-thumbs {text-align:left; position:absolute; left:35px; height:397px; width:150px; overflow-y:scroll;} #fresque #article-helper-text div.img-showcase #img-thumbs p {width:120px;} #fresque #article-helper-text div.img-showcase #img-thumbs img {margin-right: 0px;border:3px solid transparent;} #fresque #article-helper-text div.img-showcase #img-thumbs img.current {border:3px solid #90AD40;} #fresque #article-helper-text div.img-showcase #img-medium {position:absolute; right:14px;} #fresque #close-helper {position:absolute; bottom:18px; right:48px;} #fresque #author {font-weight:bold;} #fresque #article-references {position:relative; top:16px;} h1 {font-family:Constantia,Georgia,"Times New Roman",Times,serif;} h2 {font-size:1.0em;} #fresque #main-content ul {list-style-position:inside; margin-left:0;} #fresque #main-content ul li {margin-bottom:1.6em; margin-left:0;} #fresque blockquote {border:none;} #meta_video {position:relative; top:10px; width:340px; left:338px;} a img {border:none;} /**************************************/ /* HEADER */ /**************************************/ h1 {color:#90ad40;} /**************************************/ /* NAVIGATION */ /**************************************/ #navigation-container{position:relative; min-height:440px;} ul#navigation{ color: #858587; background:#e7e7e9; border-radius:1em; -moz-border-radius:1em; -webkit-border-radius:1em; width: 280px; margin: 0 auto; padding: 10px 0; text-align: left; list-style-type: none; position: relative; top: 20px; left:8px; } ul#navigation li a{ color: #000; text-decoration: none; } ul#navigation ul{ list-style-type: none; margin:0; padding:0; background:#F0F0F0; height:188px; overflow:auto; } ul#navigation li { margin: 0; } ul#navigation a { text-decoration: none; display: block; color: #000000; } ul#navigation li a { padding-top: 8px; padding-right: 8px; padding-left: 16px; padding-bottom: 8px; } ul#navigation li a:hover { background: #90AD40; color: #fff; } ul#navigation li ul li a { padding-left: 32px; outline: none; } ul#navigation li ul li a:hover { background: #919396; color: #FFF; } ul#navigation li ul li.current { font-weight: bold; } /**************************************/ /* MAIN CONTENT */ /**************************************/ div#main-content-container {position:relative; padding:20px 0px;} div#content-options {height:42px; width:192px; position:relative; left:251px; background:#91ae40 url('../img/bg-options.png') no-repeat;} div#content-options a#print-link {position:relative; left:24px; top:3px;} div#content-options a#share-link {position:relative; left:40px; top:5px;} div#content-options a#sitemap-link {position:relative; left:50px; top:3px;} div#main-content {min-height:560px; border-left:2px solid #919396; padding-left:25px; padding-top:10px;} table.img {border:none; margin:0px; padding:4px; padding-top:2px; padding-bottom:15px;} table.img td {border:none; padding-top:0px; padding-bottom:0px; font-weight:bold; text-align:center;} /**************************************/ /* FOOTER */ /**************************************/ #footer {position:relative; height:65px; background:transparent url('../img/bg-footer2.png') no-repeat; color:#fff;} #footer #copyright {position:absolute; top:22px; left:36px; font-size:11px;} #logo-dlp {position:relative; top:60px; left:38px;} #partners {position:relative; left:27px; margin-top:24px; width:600px;} #partners img {margin:0 12px;} #logo-pch {position:relative; top:0px; left:0px;}