257 lines
5.6 KiB
CSS
257 lines
5.6 KiB
CSS
#centerInner
|
|
{background:url(/static/images/noel/wooden1.jpg) repeat;
|
|
width:100%;}
|
|
|
|
.centerInnerContent
|
|
{width:960px;
|
|
margin-right:auto;
|
|
margin-left:auto;
|
|
position:relative;}
|
|
|
|
#leftColumn
|
|
{width:306px;
|
|
height:620px; /*SANJ to change height in JS according to screen*/
|
|
background-color:#FFF;
|
|
margin-top:-8px; /*had to give this because of shadow*/
|
|
margin-bottom:20px;
|
|
-moz-border-radius:8px;
|
|
-webkit-border-radius:8px;
|
|
border-radius:8px;
|
|
-moz-box-shadow:2px 3px 20px #252425;
|
|
-webkit-box-shadow:2px 3px 20px #252425;
|
|
box-shadow:2px 3px 20px #252425;
|
|
position:relative;
|
|
float:left;}
|
|
|
|
#topText
|
|
{font-size:24px;
|
|
color:#ffb400;
|
|
padding-top:7px;
|
|
padding-left:16px;}
|
|
|
|
#topTextSpan
|
|
{font-weight:bold;}
|
|
|
|
#plus
|
|
{font-size:24px;
|
|
color:#ffb400;
|
|
position:absolute;
|
|
right:42px;
|
|
top:6px;
|
|
cursor:pointer;}
|
|
|
|
#plusTooltip /*SANJ, this is the basic CSS for your javascript tooltip; no element exists in the HTML doc*/
|
|
{background-color:#f7bd00;
|
|
color:#FFF;
|
|
cursor:pointer;}
|
|
|
|
#searchInner
|
|
{position:absolute;
|
|
right:16px;
|
|
top:11px;
|
|
cursor:pointer;}
|
|
|
|
#tabsInner /*tabs not touching because i would prefer not to give fixed width, shadow, etc.*/
|
|
{font-size:14px;
|
|
color:#ff8400;
|
|
margin-top:6px;
|
|
margin-left:8px;}
|
|
|
|
#tabsInner li
|
|
{list-style:none;
|
|
text-align:center;
|
|
padding-left:10px;
|
|
padding-right:10px;
|
|
float:left;}
|
|
|
|
#selection
|
|
{padding-left:6px;}
|
|
|
|
.tabCategory
|
|
{-moz-border-radius-topright:8px;
|
|
-webkit-border-top-right-radius:8px;
|
|
border-top-right-radius:8px;
|
|
-moz-border-radius-topleft:8px;
|
|
-webkit-border-top-left-radius:8px;
|
|
border-top-left-radius:8px;
|
|
border-top:1px solid #ececec;
|
|
-moz-box-shadow:-3px 0px 6px #e0dfdf;
|
|
-webkit-box-shadow:-3px 0px 6px #e0dfdf;
|
|
box-shadow:-3px 0px 6px #e0dfdf;
|
|
background-color:#FFF;
|
|
color:#ffb80f;
|
|
cursor:pointer;
|
|
margin-right:6px;}
|
|
|
|
.innerSelected /*SANJ this is the extra class for the selected tabs*/
|
|
{-moz-border-radius-topright:8px;
|
|
-webkit-border-top-right-radius:8px;
|
|
border-top-right-radius:8px;
|
|
-moz-border-radius-topleft:8px;
|
|
-webkit-border-top-left-radius:8px;
|
|
border-top-left-radius:8px;
|
|
border:1px solid #ececec;
|
|
padding:2px 6px;
|
|
background-color:#f7bd00;
|
|
color:#FFF;
|
|
-moz-box-shadow:-3px -0px 6px #e0dfdf;
|
|
-webkit-box-shadow:-3px -0px 6px #e0dfdf;
|
|
box-shadow:-3px -0px 6px #e0dfdf;
|
|
cursor:pointer;}
|
|
|
|
#contentTabsInner
|
|
{font-family:Arial, Helvetica, 'DejaVu Sans', sans-serif;
|
|
font-size:13px;
|
|
color:#3b3b39;
|
|
text-align:justify;
|
|
padding-top:6px;
|
|
padding-left:10px;
|
|
padding-right:20px; /*why is this 20 and the left 10?*/
|
|
padding-bottom:6px;
|
|
clear:both;}
|
|
|
|
#listLeft
|
|
{position:relative;}
|
|
|
|
#listLeft ul
|
|
{color:#f7bd00;
|
|
list-style-type:disc;
|
|
list-style-position:inside;
|
|
padding-left:16px;
|
|
overflow:hidden; /*this prevents the box shadow from sticking out on the right*/}
|
|
|
|
#listLeft ul span
|
|
{color:#898989;}
|
|
|
|
#listLeft ul li
|
|
{border-top:1px solid #cac9c9;
|
|
-moz-box-shadow:4px 0px 6px #b8b8b8;
|
|
-webkit-box-shadow:4px 0px 6px #b8b8b8;
|
|
box-shadow:4px 0px 6px #b8b8b8;
|
|
padding-top:6px;
|
|
padding-bottom:6px;
|
|
cursor:pointer;
|
|
}
|
|
|
|
#listLeft ul li a, #listLeft ul li a:link, #listLeft ul li a:visited, #listLeft ul li a:active
|
|
{color:#898989;
|
|
text-decoration:none;}
|
|
|
|
#listLeft ul li:hover
|
|
{text-decoration:underline;
|
|
color:#898989;}
|
|
|
|
#listLeftSelected
|
|
{border-bottom:1px solid #eece98;
|
|
border-top:1px solid #eece98;
|
|
-moz-box-shadow:inset -6px 0px 18px #eece98;
|
|
-webkit-box-shadow:inset -6px 0px 18px #eece98;
|
|
box-shadow:inset -6px 0px 18px #eece98;
|
|
cursor:pointer;}
|
|
|
|
#triangleUp
|
|
{font-size:10px;
|
|
color:#f7bd00;
|
|
position:absolute;
|
|
right:8px;
|
|
top:-14px;
|
|
cursor:pointer;}
|
|
|
|
#triangleDown
|
|
{font-size:10px;
|
|
color:#f7bd00;
|
|
position:absolute;
|
|
right:8px;
|
|
bottom:-0px;
|
|
cursor:pointer;} /*SANJ, see what happens to the list when i do ctrl minus, and the triangles as well*/
|
|
|
|
#rightColumn
|
|
{width:618px;
|
|
height:100%; /*necessary, right?*/
|
|
margin-top:-8px;
|
|
margin-left:36px;
|
|
margin-bottom:20px;
|
|
float:left;
|
|
}
|
|
|
|
#topRight
|
|
{width:610px;
|
|
height:228px;
|
|
background-color:#FFF;
|
|
-moz-border-radius:8px;
|
|
-webkit-border-radius:8px;
|
|
border-radius:8px;
|
|
-moz-box-shadow:2px 3px 20px #252425;
|
|
-webkit-box-shadow:2px 3px 20px #252425;
|
|
box-shadow:2px 3px 20px #252425;}
|
|
|
|
#imageLeft
|
|
{width:280px;
|
|
height:210px; /*width and height for placeholder ok?*/
|
|
background-image:url(/static/images/noel/image-left.jpg);
|
|
background-repeat:no-repeat;
|
|
-moz-border-radius:8px;
|
|
-webkit-border-radius:8px;
|
|
border-radius:8px;
|
|
float:left;}
|
|
|
|
#textRight
|
|
{width:306px;
|
|
color:#f7bd00;
|
|
font-size:50px;
|
|
text-align:right;
|
|
padding-top:20px;
|
|
padding-right:14px;
|
|
float:left;}
|
|
|
|
.twitter-share-button
|
|
{padding-top:35px;
|
|
margin-left:164px;
|
|
margin-right:20px;
|
|
float:left;}/*WHAT'S HAPPENING IN SAFARI, doesn't show until you hover?? hard to custmoise these ones, on hover*/
|
|
|
|
#fb
|
|
{width:62px;
|
|
font-size:12px;
|
|
color:#fff;
|
|
padding-top:35px;
|
|
float:left;}
|
|
|
|
#fb a
|
|
{text-decoration:none;
|
|
color:#fff;
|
|
background-color:#3b5998;
|
|
-moz-border-radius:3px;
|
|
-webkit-border-radius:3px;
|
|
border-radius:3px;
|
|
}/*problem customising these*/
|
|
|
|
#download
|
|
{padding-top:39px;
|
|
cursor:pointer;
|
|
margin-left:4px;
|
|
clear:both;}
|
|
|
|
#bottomRight
|
|
{width:570px;
|
|
height:100%; /*IS THIS REQUIRED??*/
|
|
background-color:#FFF;
|
|
color:#3b3b39;
|
|
font-size:12.5px;
|
|
font-family:Arial, Helvetica, 'DejaVu Sans', sans-serif;
|
|
padding:20px;
|
|
margin-top:20px;
|
|
-moz-border-radius:8px;
|
|
-webkit-border-radius:8px;
|
|
border-radius:8px;
|
|
-moz-box-shadow:2px 3px 20px #252425;
|
|
-webkit-box-shadow:2px 3px 20px #252425;
|
|
box-shadow:2px 3px 20px #252425;}
|
|
|
|
#sectionTitle
|
|
{color:#f7bd00;
|
|
font-weight:bold;}
|
|
|
|
#clearBoth
|
|
{clear:both;}
|