744 lines
14 KiB
CSS
Executable File
744 lines
14 KiB
CSS
Executable File
#centerInner
|
|
{background:url(/static/images/noel/wooden1.jpg) repeat;
|
|
width:100%;}
|
|
|
|
.centerInnerContent
|
|
{width:960px;
|
|
margin-right:auto;
|
|
margin-left:auto;
|
|
position:relative;
|
|
}
|
|
|
|
.hidden {
|
|
display: none;
|
|
}
|
|
|
|
#moduleAdd {
|
|
display: none;
|
|
}
|
|
|
|
#moduleAbout {
|
|
display: none;
|
|
}
|
|
|
|
#leftColumn
|
|
{width:306px;
|
|
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 16px #252425;
|
|
-webkit-box-shadow:2px 3px 16px #252425;
|
|
box-shadow:2px 3px 16px #252425;
|
|
border-top:1px solid #d3d3d3;
|
|
border-bottom:1px solid #d3d3d3;
|
|
position:relative;
|
|
float:left;
|
|
padding-right:6px;
|
|
padding-left:4px;
|
|
padding-bottom:20px;}
|
|
|
|
#topText
|
|
{font-size:22px;
|
|
color:#ffb400;
|
|
padding-top:7px;
|
|
padding-left:16px;
|
|
text-align:left;}
|
|
|
|
#topTextSpan
|
|
{font-weight:bold;}
|
|
|
|
.plus
|
|
{font-size:24px;
|
|
color:#ffb400;
|
|
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;}
|
|
|
|
#aboutBtn, #addBtn
|
|
{cursor:pointer;
|
|
margin-top:6px;}
|
|
|
|
#searchInnerDiv
|
|
{position:absolute;
|
|
right:16px;
|
|
top:11px;
|
|
z-index:5;}
|
|
|
|
.searchInner
|
|
{
|
|
cursor:pointer;}
|
|
|
|
.searchInnerField
|
|
{width:114px;
|
|
/*position:absolute;
|
|
right:4px;
|
|
top:11px;*/
|
|
margin-left: 174px;
|
|
margin-top:4px;
|
|
background:url(img/search-icon.png) no-repeat right;
|
|
padding:2px 2px 2px 4px;
|
|
font-family:Arial, Helvetica, 'DejaVu Sans', sans-serif;
|
|
font-size:12px;
|
|
color:#666;
|
|
-moz-border-radius:8px;
|
|
-webkit-border-radius:8px;
|
|
border-radius:8px;
|
|
border:1px solid #f0f0f0;
|
|
-moz-box-shadow:inset 2px 2px 6px #d7d7d7;
|
|
-webkit-box-shadow:inset 2px 2px 6px #d7d7d7;
|
|
box-shadow:inset 2px 2px 6px #d7d7d7;
|
|
outline:none;
|
|
} /*placeholder input text supported by html5 for FF3.7 and webkit*/
|
|
|
|
|
|
.searchInnerField:focus
|
|
{border:none; }
|
|
|
|
#tabsInner /*tabs not touching because i would prefer not to give fixed width, shadow, etc.*/
|
|
{font-size:14px;
|
|
color:#ff8400;
|
|
margin-top:15px;
|
|
margin-left:8px;
|
|
}
|
|
|
|
#tabsInner li
|
|
{list-style:none;
|
|
text-align:center;
|
|
padding-left:10px;
|
|
padding-right:10px;
|
|
float:left;
|
|
/*border-bottom:1px solid #f0dfdf;*/}
|
|
|
|
#selection
|
|
{padding-left:6px;
|
|
/*border-top:1px solid #f0dfdf;*/
|
|
}
|
|
|
|
.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 10px 1px #e0dfdf;
|
|
-webkit-box-shadow:3px 0px 10px 1px #e0dfdf;
|
|
box-shadow:3px 0px 10px 1px #e0dfdf;
|
|
background-color:#FFF;
|
|
padding:1px 1px;
|
|
color:#ffb80f;
|
|
cursor:pointer;
|
|
margin-right:1px;
|
|
}
|
|
|
|
.tabCategory a {
|
|
color:#ffb80f;
|
|
text-decoration:none;
|
|
}
|
|
|
|
.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 transparent;
|
|
padding:1px 1px;
|
|
background-color:#f7bd00;
|
|
color:#FFF;
|
|
-moz-box-shadow:3px 0px 10px 1px #e0dfdf;
|
|
-webkit-box-shadow:3px 0px 10px 1px #e0dfdf;
|
|
box-shadow:3px 0px 10px 1px #e0dfdf;
|
|
cursor:pointer;}
|
|
|
|
.innerSelected a {
|
|
color:#FFF;
|
|
}
|
|
|
|
.tabText
|
|
{ display:none; }
|
|
|
|
.displayedTab
|
|
{ display:block !important;
|
|
border-bottom: 1px solid #e0dfdf;
|
|
padding-bottom:8px;
|
|
}
|
|
|
|
#loadingList
|
|
{display:none;}
|
|
|
|
#contentTabsInner
|
|
{font-family:Arial, Helvetica, 'DejaVu Sans', sans-serif;
|
|
font-size:13px;
|
|
line-height:17px;
|
|
color:#666;
|
|
padding-top:6px;
|
|
/*padding-left:10px;
|
|
padding-right:10px; /*why is this 20 and the left 10?*/
|
|
padding-bottom:6px;
|
|
clear:both;
|
|
border-top:1px solid #f0dfdf;}
|
|
|
|
.selectMenu
|
|
{padding-top:6px;
|
|
}
|
|
|
|
.selectMenu select
|
|
{border:1px solid #f7bd00;
|
|
background-color:#FFF;
|
|
color:#666;
|
|
-moz-border-radius:8px;
|
|
-webkit-border-radius:8px;
|
|
border-radius:8px;
|
|
border:2px outset #f0f0f0;
|
|
/*background-color:#f0f0f0;*/
|
|
outline:none;
|
|
margin-right:6px;}
|
|
|
|
.selectMenu select:focus
|
|
{}
|
|
|
|
.searchListField
|
|
{margin-top:5px;
|
|
margin-bottom:2px;
|
|
width:114px;
|
|
background:url(/static/images/noel/search-icon.png) no-repeat right;
|
|
padding:2px 2px 2px 4px;
|
|
font-family:Arial, Helvetica, 'DejaVu Sans', sans-serif;
|
|
font-size:12px;
|
|
color:#666;
|
|
-moz-border-radius:8px;
|
|
-webkit-border-radius:8px;
|
|
border-radius:8px;
|
|
border:1px solid #f0f0f0;
|
|
-moz-box-shadow:inset 2px 2px 6px #d7d7d7;
|
|
-webkit-box-shadow:inset 2px 2px 6px #d7d7d7;
|
|
box-shadow:inset 2px 2px 6px #d7d7d7;
|
|
outline:none;
|
|
} /*placeholder input text supported by html5 for FF3.7 and webkit*/
|
|
|
|
|
|
.searchListField:focus
|
|
{border:1px solid #999; }
|
|
|
|
/*#searchListIcon
|
|
{cursor:pointer;
|
|
margin-right:18px;}*/
|
|
|
|
#searchListIcon:hover
|
|
{box-shadow:1px 1px 1px 3px #e3e3e3;}
|
|
|
|
|
|
#listLeft
|
|
{position:relative;
|
|
}
|
|
|
|
.tabListItem
|
|
{/*text-overflow:ellipsis;
|
|
overflow:hidden;
|
|
white-space:nowrap;
|
|
width:100%;*/}
|
|
|
|
#listLeft ul
|
|
{/* color:#979797; /*was originally f7bd00*/
|
|
font-family:'Arial Regular', Arial, Helvetica, sans-serif;
|
|
font-size:14px;
|
|
line-height:18px;
|
|
/*font-weight:bold;*/
|
|
list-style-image:url(/static/images/noel/disc.png);
|
|
list-style-type:disc;
|
|
list-style-position:outside;
|
|
padding-left:16px;
|
|
overflow:hidden; /*this prevents the box shadow from sticking out on the right*/
|
|
}
|
|
|
|
#listLeft ul span
|
|
{color:#666;}
|
|
|
|
#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;
|
|
cursor:pointer;
|
|
padding-top:3px;
|
|
padding-bottom:3px;
|
|
}
|
|
|
|
#listLeft ul li a, #listLeft ul li a:link, #listLeft ul li a:visited, #listLeft ul li a:active
|
|
{color:#666;
|
|
text-decoration:none;
|
|
}
|
|
|
|
#listLeft ul li span:hover
|
|
{text-decoration:underline;
|
|
}
|
|
|
|
.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;
|
|
display:block;
|
|
}
|
|
|
|
|
|
#prevSearch
|
|
{font-size:12px;
|
|
color:#f7bd00;
|
|
float:left;
|
|
margin-bottom: 8px;
|
|
cursor:pointer;
|
|
font-weight:bold;
|
|
text-decoration:none;
|
|
margin-top:6px;}
|
|
|
|
#nextSearch
|
|
{font-size:12px;
|
|
color:#f7bd00;
|
|
cursor:pointer;
|
|
font-weight:bold;
|
|
float:right;
|
|
margin-bottom: 8px;
|
|
text-decoration:none;
|
|
margin-top:6px;}
|
|
|
|
|
|
#triangleUp
|
|
{font-size:12px;
|
|
color:#f7bd00;
|
|
/*position:absolute;
|
|
right:8px;
|
|
top:-14px;*/
|
|
float:left;
|
|
margin-bottom: 8px;
|
|
cursor:pointer;
|
|
margin-left:16px;
|
|
/*position: absolute;
|
|
top: 136px;
|
|
left: 20px;*/
|
|
font-weight:bold;
|
|
text-decoration:none;}
|
|
|
|
#triangleDown
|
|
{font-size:12px;
|
|
color:#f7bd00;
|
|
margin-right:16px;
|
|
/*position:absolute;
|
|
right:8px;
|
|
bottom:-0px;*/
|
|
cursor:pointer;
|
|
font-weight:bold;
|
|
float:right;
|
|
margin-bottom: 8px;
|
|
text-decoration:none;
|
|
/*position: absolute;
|
|
right:12px;
|
|
top:130px;*/} /*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:26px;
|
|
margin-bottom:20px;
|
|
float:left;
|
|
position:relative;
|
|
border-top:1px solid #d3d3d3;
|
|
}
|
|
|
|
#pin
|
|
{position:absolute;
|
|
left:18px;
|
|
top:-24px;
|
|
z-index:60;}
|
|
|
|
#topRight
|
|
{width:610px;
|
|
height:228px;
|
|
background-color:#FFF;
|
|
-moz-border-radius:8px;
|
|
-webkit-border-radius:8px;
|
|
border-radius:8px;
|
|
-moz-box-shadow:2px 3px 16px #252425;
|
|
-webkit-box-shadow:2px 3px 16px #252425;
|
|
box-shadow:2px 3px 16px #252425;
|
|
position:relative;}
|
|
|
|
#imageLeft
|
|
{width:170px;
|
|
height:223px; /*width and height for placeholder ok?*/
|
|
background-image:url(/static/images/noel/image-holder.png);
|
|
background-repeat:no-repeat;
|
|
/*-moz-border-radius:8px;
|
|
-webkit-border-radius:8px;
|
|
border-radius:8px;*/
|
|
float:left;
|
|
position:relative;
|
|
z-index:40;
|
|
margin-left:14px;
|
|
margin-top:2px;
|
|
-moz-transform: rotate(-4deg);
|
|
-o-transform: rotate(-4deg);
|
|
-webkit-transform: rotate(-4deg);
|
|
transform: rotate(-4deg);}
|
|
|
|
#imageInside
|
|
{width:142px;
|
|
height:150px;
|
|
position:absolute;
|
|
left:14px;
|
|
top:12px;
|
|
background-color:#FFF;
|
|
z-index:50;}
|
|
|
|
#textRight
|
|
{width:306px;
|
|
height:159px;
|
|
overflow:hidden;
|
|
color:#f7bd00;
|
|
font-size:50px;
|
|
text-align:right;
|
|
padding-top:20px;
|
|
padding-right:14px;
|
|
float:right;}
|
|
|
|
.socialIcons
|
|
{position:absolute;
|
|
bottom:4px;
|
|
right:4px;
|
|
clear:both;}
|
|
|
|
.iconS {
|
|
float:left;
|
|
padding:0 1px;
|
|
}
|
|
|
|
.fb_edge_widget_with_comment {
|
|
width:48px;
|
|
}
|
|
|
|
#twitterBtn img {
|
|
background:#5cb8cf;
|
|
padding-bottom:1px;
|
|
-moz-border-radius:4px;
|
|
-webkit-border-radius:4px;
|
|
border-radius:4px;
|
|
}
|
|
|
|
#permalinkBtn {
|
|
margin-top:4px;
|
|
}
|
|
|
|
.iconImages
|
|
{margin-right:4px;
|
|
cursor:pointer;}
|
|
|
|
.fb_iframe_widget
|
|
{float:left;}
|
|
|
|
/*cursor:pointer;
|
|
position:absolute;
|
|
bottom:6px;
|
|
right:10px;/*}
|
|
|
|
|
|
|
|
/*.twitter
|
|
{position:absolute;
|
|
bottom:2px;
|
|
right:89px;}
|
|
|
|
.twitter-share-button
|
|
{/*padding-top:35px;
|
|
margin-left:164px;
|
|
margin-right:20px;
|
|
float:left;
|
|
}
|
|
|
|
.fb
|
|
{width:62px;
|
|
font-size:12px;
|
|
color:#fff;
|
|
position:absolute;
|
|
bottom:2px;
|
|
right:20px;}
|
|
|
|
.fb a
|
|
{text-decoration:none;
|
|
color:#fff;
|
|
background-color:#3b5998;
|
|
-moz-border-radius:3px;
|
|
-webkit-border-radius:3px;
|
|
border-radius:3px;
|
|
}*/
|
|
|
|
#clearBoth
|
|
{clear:both;}
|
|
|
|
|
|
/* Begin LightBox CSS */
|
|
|
|
#lightbox
|
|
{display:none;
|
|
background-color:#000;
|
|
opacity:0.7;
|
|
filter:alpha(opacity=70);
|
|
position:fixed;
|
|
top:0px;
|
|
left:0px;
|
|
bottom:0px;
|
|
right:0px;
|
|
width:100%;
|
|
height:100%;
|
|
z-index:1000;} /*everything except the lightbox panel should be below this z-index*/
|
|
|
|
#lightboxPanel {
|
|
display:none;
|
|
position:fixed;
|
|
top:140px;
|
|
bottom:140px;
|
|
left:0;
|
|
right:0;
|
|
margin:0 auto;
|
|
width:600px;
|
|
|
|
/* max-height:500px; */ /*SANJ, PLEASE DO THE RESIZE IN JS*/
|
|
min-height:200px;
|
|
overflow-y:auto;
|
|
background-color:#FFF;
|
|
padding:15px;
|
|
z-index:1001;
|
|
color:#666;
|
|
-moz-border-radius:12px;
|
|
-webkit-border-radius:12px;
|
|
border-radius:12px;
|
|
} /*must have the highest z-index, just more than the lightbox*/
|
|
|
|
#closeImg
|
|
{position: absolute;
|
|
right:20px;
|
|
top: 20px;
|
|
cursor:pointer;}
|
|
|
|
.lightboxStyling h1 {
|
|
font-size:24px;
|
|
padding-bottom:4px;
|
|
color:#F7BD00;
|
|
font-family:'Century Gothic', Helvetica, Arial, 'DejaVu Sans', sans-serif;
|
|
text-transform:uppercase;
|
|
margin-top:10px;
|
|
margin-bottom:12px;
|
|
margin-left:6px;
|
|
vertical-align:bottom;
|
|
text-align:left;}
|
|
|
|
.lightboxStyling h2
|
|
{font-size:14px;
|
|
font-family:Arial, Helvetica, 'DejaVu Sans', sans-serif;
|
|
color:#F7BD00;
|
|
margin-bottom:18px;
|
|
margin-left:6px;}
|
|
|
|
.lightboxStyling p, .lightboxStyling span
|
|
{font-size:14px;
|
|
font-family:Arial, Helvetica, 'DejaVu Sans', sans-serif;
|
|
color:#666;
|
|
margin-left:6px;
|
|
line-height:17px;}
|
|
|
|
.lightboxImg
|
|
{display:block;
|
|
margin:0 auto;}
|
|
|
|
#lightboxContent
|
|
{height:100%;}
|
|
|
|
.lightboxCaption
|
|
{text-align:center;
|
|
font-weight:bold;
|
|
margin-bottom:6px;
|
|
margin-top:6px}
|
|
|
|
.lightboxContainer
|
|
{position:relative;
|
|
height:100%;}
|
|
|
|
.lightboxNext, .lightboxPrev {
|
|
font-size:14px;
|
|
color:#F7BD00;
|
|
font-weight:bold;
|
|
cursor:pointer;
|
|
position:absolute;
|
|
bottom:10px;}
|
|
|
|
.lightboxPrev {
|
|
position:absolute;
|
|
left:10px;}
|
|
|
|
.lightboxNext
|
|
{position:absolute;
|
|
right:10px;}
|
|
|
|
|
|
#addForm input, #addForm textarea {
|
|
border:1px solid #e3e3e3;
|
|
padding:2px 2px 2px 4px;
|
|
-moz-border-radius:6px;
|
|
-webkit-border-radius:6px;
|
|
border-radius:6px;
|
|
-moz-box-shadow:inset 2px 2px 6px #d7d7d7;
|
|
-webkit-box-shadow:inset 2px 2px 6px #d7d7d7;
|
|
box-shadow:inset 2px 2px 6px #d7d7d7;
|
|
margin-bottom:10px;
|
|
vertical-align:text-top;}
|
|
|
|
#addForm input:focus, #addForm textarea:focus
|
|
{outline:none;
|
|
border:1px solid #999;}
|
|
|
|
#addForm label
|
|
{font-weight:bold;}
|
|
|
|
#addForm input[type=submit]
|
|
{background-color:#f7bd00;
|
|
color:#FFF;
|
|
font-size:14px;
|
|
-moz-border-radius:6px;
|
|
-webkit-border-radius:6px;
|
|
border-radius:6px;
|
|
padding:3px 10px;
|
|
border:1px solid transparent;
|
|
margin-top:10px;}
|
|
|
|
input#id_law_image
|
|
{border:none;
|
|
box-shadow:1px 1px 1px transparent;}
|
|
|
|
input#id_law_image:focus
|
|
{outline: none;}
|
|
|
|
|
|
#searchContainer {
|
|
width:560px;
|
|
min-height:500px;
|
|
background-color:#FFF;
|
|
-moz-border-radius:12px;
|
|
-webkit-border-radius:12px;
|
|
border-radius:12px;
|
|
margin-top:-8px !important;
|
|
margin-bottom:20px;
|
|
margin:0 auto;
|
|
border-top:1px solid #d3d3d3;
|
|
border-bottom:1px solid #d3d3d3;
|
|
-moz-box-shadow:2px 3px 16px #252425;
|
|
-webkit-box-shadow:2px 3px 16px #252425;
|
|
box-shadow:2px 3px 16px #252425;}
|
|
|
|
|
|
#searchContent {
|
|
width:400px; /*SANJ, is it ok to give this width?*/
|
|
margin:0 auto;
|
|
font-family:Arial, Helvetica, 'DejaVu Sans', sans-serif;
|
|
font-size:14px;
|
|
color:#666;
|
|
padding:20px;
|
|
}
|
|
|
|
#searchContent h2 {
|
|
font-size:24px;
|
|
padding-bottom:4px;
|
|
color:#F7BD00;
|
|
font-family:'Century Gothic', Helvetica, Arial, 'DejaVu Sans', sans-serif;
|
|
text-transform:uppercase;
|
|
margin-bottom:12px;
|
|
vertical-align:bottom;
|
|
text-align:left;}
|
|
|
|
#id_q {
|
|
width:150px;
|
|
height:16px;
|
|
border:1px solid #f0f0f0;
|
|
background:url(/static/images/noel/search-icon.png) no-repeat right;
|
|
padding:5px 2px 2px 4px;
|
|
font-family:Arial, Helvetica, 'DejaVu Sans', sans-serif;
|
|
font-size:12px;
|
|
color:#666;
|
|
-moz-border-radius:8px;
|
|
-webkit-border-radius:8px;
|
|
border-radius:8px;
|
|
-moz-box-shadow:inset 2px 2px 6px #d7d7d7;
|
|
-webkit-box-shadow:inset 2px 2px 6px #d7d7d7;
|
|
box-shadow:inset 2px 2px 6px #d7d7d7;}
|
|
|
|
#id_q:focus
|
|
{outline:none;
|
|
border:1px solid #999;}
|
|
|
|
#searchItf label:last-child
|
|
{color:#F7BD00;
|
|
font-size:12px;}
|
|
|
|
#searchItf a {
|
|
display:block;
|
|
font-family:Arial, Helvetica, 'DejaVu Sans', sans-serif;
|
|
font-size:12px;
|
|
line-height:17px;
|
|
text-decoration:none;
|
|
padding-top:4px;
|
|
padding-bottom:4px;}
|
|
|
|
#searchItf a:visited {
|
|
color:#666;}
|
|
|
|
#searchItf a:hover {
|
|
text-decoration:underline;}
|
|
|
|
#searchItf a:active {
|
|
color:#F7BD00;}
|
|
|
|
/*#searchItf h3 {
|
|
font-weight:bold;
|
|
padding-bottom:10px;}*/
|
|
|
|
#searchItf input[type=submit]
|
|
{background-color: #F7BD00;
|
|
color: white;
|
|
font-size: 14px;
|
|
-moz-border-radius: 6px;
|
|
-webkit-border-radius: 6px;
|
|
border-radius: 6px;
|
|
padding: 3px 24px;
|
|
border: 1px solid transparent;
|
|
margin-top: 7px;
|
|
margin-bottom:24px;
|
|
font-family:'Century Gothic', Helvetica, Arial, 'DejaVu Sans', sans-serif;
|
|
cursor:pointer;}
|
|
|
|
#searchItf table th
|
|
{width:40%;
|
|
text-align:left;
|
|
}
|
|
|
|
.id_models_0
|
|
{color:#F7BD00;
|
|
font-size:12px;
|
|
}
|
|
|
|
.noResults
|
|
{font-size:12px;}
|
|
|
|
.id_q
|
|
{text-align:left;}
|
|
|