it/itf/static/css/noel/inner.css

595 lines
12 KiB
CSS
Raw Normal View History

2011-07-15 17:25:00 +00:00
#centerInner
{background:url(/static/images/noel/wooden1.jpg) repeat;
width:100%;}
.centerInnerContent
{width:960px;
margin-right:auto;
margin-left:auto;
2011-10-10 10:57:41 +00:00
position:relative;
}
2011-07-15 17:25:00 +00:00
.hidden {
display: none;
}
2011-10-14 14:53:44 +00:00
#moduleAdd {
display: none;
}
#moduleAbout {
display: none;
}
2011-07-15 17:25:00 +00:00
#leftColumn
{width:306px;
2011-07-15 17:25:00 +00:00
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;
2011-10-10 10:57:41 +00:00
border-top:1px solid #d3d3d3;
border-bottom:1px solid #d3d3d3;
2011-07-15 17:25:00 +00:00
position:relative;
float:left;
padding-right:6px;
2011-10-25 10:31:59 +00:00
padding-left:4px;
padding-bottom:20px;}
2011-07-15 17:25:00 +00:00
#topText
{font-size:24px;
color:#ffb400;
padding-top:7px;
2011-08-09 20:55:46 +00:00
padding-left:16px;}
2011-07-15 17:25:00 +00:00
#topTextSpan
{font-weight:bold;}
2011-10-13 19:35:45 +00:00
.plus
2011-07-15 17:25:00 +00:00
{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
{cursor:pointer;}
2011-09-28 14:45:50 +00:00
#searchInnerDiv
2011-07-15 17:25:00 +00:00
{position:absolute;
2011-08-09 20:55:46 +00:00
right:16px;
2011-09-28 14:45:50 +00:00
top:11px;}
.searchInner
{
2011-07-15 17:25:00 +00:00
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;
2011-10-25 10:31:59 +00:00
color:#777;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
2011-08-25 17:55:56 +00:00
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
2011-10-13 19:35:45 +00:00
{border:none; }
2011-07-15 17:25:00 +00:00
#tabsInner /*tabs not touching because i would prefer not to give fixed width, shadow, etc.*/
{font-size:14px;
color:#ff8400;
2011-10-25 10:31:59 +00:00
margin-top:15px;
margin-left:8px;
}
2011-07-15 17:25:00 +00:00
#tabsInner li
{list-style:none;
text-align:center;
2011-08-09 20:55:46 +00:00
padding-left:10px;
padding-right:10px;
2011-10-25 10:31:59 +00:00
float:left;
border-bottom:1px solid #f0dfdf;}
2011-07-15 17:25:00 +00:00
#selection
2011-10-25 10:31:59 +00:00
{padding-left:6px;
border-top:1px solid #f0dfdf;
}
2011-07-15 17:25:00 +00:00
.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;
2011-10-25 10:31:59 +00:00
-moz-box-shadow:3px 0px 10px 1px #e0dfdf;
-webkit-box-shadow:3px 0px 10px 1px #e0dfdf;
box-shadow:3px 0px 10px 1px #e0dfdf;
2011-07-15 17:25:00 +00:00
background-color:#FFF;
padding:1px 1px;
2011-07-15 17:25:00 +00:00
color:#ffb80f;
cursor:pointer;
2011-10-25 10:31:59 +00:00
margin-right:1px;
}
2011-07-15 17:25:00 +00:00
.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;
2011-07-15 17:25:00 +00:00
background-color:#f7bd00;
color:#FFF;
2011-10-25 10:31:59 +00:00
-moz-box-shadow:3px 0px 10px 1px #e0dfdf;
-webkit-box-shadow:3px 0px 10px 1px #e0dfdf;
box-shadow:3px 0px 10px 1px #e0dfdf;
2011-07-15 17:25:00 +00:00
cursor:pointer;}
2011-08-25 09:39:15 +00:00
.tabText
{ display:none; }
.displayedTab
2011-10-25 10:31:59 +00:00
{ display:block !important;
border-bottom: 1px solid #e0dfdf;
padding-bottom:8px;
}
2011-08-25 09:39:15 +00:00
#loadingList
{display:none;}
2011-07-15 17:25:00 +00:00
#contentTabsInner
{font-family:Arial, Helvetica, 'DejaVu Sans', sans-serif;
font-size:13px;
2011-10-25 10:31:59 +00:00
line-height:17px;
color:#777;
2011-08-09 20:55:46 +00:00
padding-top:6px;
2011-10-25 10:31:59 +00:00
/*padding-left:10px;
padding-right:10px; /*why is this 20 and the left 10?*/
2011-08-09 20:55:46 +00:00
padding-bottom:6px;
2011-10-25 10:31:59 +00:00
clear:both;
border-top:1px solid #f0dfdf;}
2011-07-15 17:25:00 +00:00
2011-08-25 17:55:56 +00:00
.selectMenu
{padding-top:6px;}
.selectMenu select
{border:1px solid #f7bd00;
2011-10-25 10:31:59 +00:00
background-color:#FFF;
color:#777;
2011-08-25 17:55:56 +00:00
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
border:2px outset #f0f0f0;
/*background-color:#f0f0f0;*/
2011-08-25 17:55:56 +00:00
outline:none;}
.selectMenu select:focus
{}
2011-08-25 17:55:56 +00:00
.searchListField
{margin-top:5px;
margin-bottom:2px;
width:114px;
2011-10-25 10:31:59 +00:00
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;
2011-10-25 10:31:59 +00:00
color:#777;
-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;
2011-10-25 10:31:59 +00:00
outline:none;
} /*placeholder input text supported by html5 for FF3.7 and webkit*/
.searchListField:focus
{border:1px solid #999; }
2011-10-25 10:31:59 +00:00
/*#searchListIcon
2011-09-28 17:00:25 +00:00
{cursor:pointer;
2011-10-25 10:31:59 +00:00
margin-right:18px;}*/
#searchListIcon:hover
{box-shadow:1px 1px 1px 3px #e3e3e3;}
2011-07-15 17:25:00 +00:00
#listLeft
{position:relative;
}
.tabListItem
{/*text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
width:100%;*/}
2011-07-15 17:25:00 +00:00
#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);
2011-07-15 17:25:00 +00:00
list-style-type:disc;
list-style-position:outside;
2011-08-09 20:55:46 +00:00
padding-left:16px;
overflow:hidden; /*this prevents the box shadow from sticking out on the right*/
}
2011-07-15 17:25:00 +00:00
#listLeft ul span
2011-10-25 10:31:59 +00:00
{color:#777;}
2011-07-15 17:25:00 +00:00
#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;
2011-10-25 10:31:59 +00:00
padding-top:3px;
padding-bottom:3px;
2011-07-15 17:25:00 +00:00
}
#listLeft ul li a, #listLeft ul li a:link, #listLeft ul li a:visited, #listLeft ul li a:active
2011-10-25 10:31:59 +00:00
{color:#777;
text-decoration:none;
}
2011-07-15 17:25:00 +00:00
2011-09-28 13:24:27 +00:00
#listLeft ul li span:hover
2011-07-15 17:25:00 +00:00
{text-decoration:underline;
2011-10-25 10:31:59 +00:00
}
2011-07-15 17:25:00 +00:00
.listLeftSelected
2011-07-15 17:25:00 +00:00
{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;
2011-10-25 10:31:59 +00:00
cursor:pointer;
display:block;
}
2011-07-15 17:25:00 +00:00
#triangleUp
{font-size:12px;
2011-07-15 17:25:00 +00:00
color:#f7bd00;
/*position:absolute;
2011-07-15 17:25:00 +00:00
right:8px;
top:-14px;*/
float:left;
margin-bottom: 8px;
cursor:pointer;
margin-left:16px;
/*position: absolute;
top: 136px;
left: 20px;*/
font-weight:bold;}
2011-07-15 17:25:00 +00:00
#triangleDown
{font-size:12px;
2011-07-15 17:25:00 +00:00
color:#f7bd00;
margin-right:16px;
/*position:absolute;
2011-07-15 17:25:00 +00:00
right:8px;
bottom:-0px;*/
cursor:pointer;
font-weight:bold;
float:right;
margin-bottom: 8px;
/*position: absolute;
right:12px;
top:130px;*/} /*SANJ, see what happens to the list when i do ctrl minus, and the triangles as well*/
2011-07-15 17:25:00 +00:00
#rightColumn
{width:618px;
height:100%; /*necessary, right?*/
margin-top:-8px;
margin-left:26px;
2011-07-15 17:25:00 +00:00
margin-bottom:20px;
float:left;
2011-10-10 10:57:41 +00:00
position:relative;
border-top:1px solid #d3d3d3;
}
2011-09-10 04:03:04 +00:00
#pin
{position:absolute;
left:18px;
top:-24px;
z-index:60;}
2011-07-15 17:25:00 +00:00
#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;
position:relative;}
2011-07-15 17:25:00 +00:00
#imageLeft
2011-09-10 04:03:04 +00:00
{width:170px;
height:223px; /*width and height for placeholder ok?*/
background-image:url(/static/images/noel/image-holder.png);
2011-07-15 17:25:00 +00:00
background-repeat:no-repeat;
2011-09-10 04:03:04 +00:00
/*-moz-border-radius:8px;
2011-07-15 17:25:00 +00:00
-webkit-border-radius:8px;
2011-09-10 04:03:04 +00:00
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;
2011-09-10 04:03:04 +00:00
z-index:50;}
2011-07-15 17:25:00 +00:00
#textRight
{width:306px;
2011-09-10 04:03:04 +00:00
height:159px;
overflow:hidden;
2011-07-15 17:25:00 +00:00
color:#f7bd00;
font-size:50px;
text-align:right;
padding-top:20px;
padding-right:14px;
2011-09-10 04:03:04 +00:00
float:right;}
.socialIcons
{position:absolute;
bottom:4px;
right:4px;
2011-09-10 04:03:04 +00:00
clear:both;}
.iconImages
{float:left;
2011-09-28 14:45:50 +00:00
margin-right:4px;
cursor:pointer;}
/*cursor:pointer;
position:absolute;
bottom:6px;
right:10px;/*}
/*.twitter
2011-09-10 04:03:04 +00:00
{position:absolute;
bottom:2px;
right:89px;}
2011-07-15 17:25:00 +00:00
2011-08-09 20:55:46 +00:00
.twitter-share-button
2011-09-10 04:03:04 +00:00
{/*padding-top:35px;
2011-07-15 17:25:00 +00:00
margin-left:164px;
margin-right:20px;
float:left;
2011-09-10 04:03:04 +00:00
}
2011-07-15 17:25:00 +00:00
2011-09-10 04:03:04 +00:00
.fb
2011-07-15 17:25:00 +00:00
{width:62px;
font-size:12px;
color:#fff;
2011-09-10 04:03:04 +00:00
position:absolute;
bottom:2px;
right:20px;}
2011-07-15 17:25:00 +00:00
2011-09-10 04:03:04 +00:00
.fb a
2011-07-15 17:25:00 +00:00
{text-decoration:none;
color:#fff;
background-color:#3b5998;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}*/
2011-07-15 17:25:00 +00:00
#clearBoth
{clear:both;}
2011-10-06 11:18:42 +00:00
/* Begin LightBox CSS */
#lightbox
{display:none;
background-color:#000;
2011-10-21 16:46:26 +00:00
opacity:0.7;
filter:alpha(opacity=70);
2011-10-06 11:18:42 +00:00
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;
2011-10-13 19:35:45 +00:00
top:140px;
2011-10-06 11:18:42 +00:00
left:0;
right:0;
margin:0 auto;
2011-10-13 19:35:45 +00:00
width:600px;
max-height:500px; /*SANJ, PLEASE DO THE RESIZE IN JS*/
overflow-y:auto;
2011-10-06 11:18:42 +00:00
background-color:#FFF;
padding:15px;
2011-10-13 19:35:45 +00:00
z-index:1001;
2011-10-25 10:31:59 +00:00
color:#777;
2011-10-13 19:35:45 +00:00
-moz-border-radius:12px;
-webkit-border-radius:12px;
border-radius:12px;
background-image:url(/static/images/noel/close.png);
background-repeat:no-repeat;
2011-10-25 10:31:59 +00:00
background-position:99.5% 1%;} /*must have the highest z-index, just more than the lightbox*/
2011-10-13 19:35:45 +00:00
#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
2011-10-15 10:41:16 +00:00
{outline: none;}
2011-10-13 19:35:45 +00:00
2011-10-06 11:18:42 +00:00
2011-10-10 10:57:41 +00:00
#searchContainer {
width:960px;
min-height:500px;
background-color:#FFF;
2011-10-13 11:05:32 +00:00
-moz-border-radius:12px;
-webkit-border-radius:12px;
2011-10-10 10:57:41 +00:00
border-radius:12px;
2011-10-25 10:31:59 +00:00
margin-top:-8px !important;
2011-10-10 10:57:41 +00:00
margin-bottom:20px;
2011-10-13 11:05:32 +00:00
margin:0 auto;
2011-10-10 10:57:41 +00:00
border-top:1px solid #d3d3d3;
border-bottom:1px solid #d3d3d3;
2011-10-13 11:05:32 +00:00
-moz-box-shadow:2px 3px 20px #252425;
-webkit-box-shadow:2px 3px 20px #252425;
2011-10-10 10:57:41 +00:00
box-shadow:2px 3px 20px #252425;}
2011-10-25 10:31:59 +00:00
#searchContent {
2011-10-10 10:57:41 +00:00
width:400px; /*SANJ, is it ok to give this width?*/
margin:0 auto;
font-family:Arial, Helvetica, 'DejaVu Sans', sans-serif;
font-size:14px;
2011-10-25 10:31:59 +00:00
color:#777;
2011-10-10 10:57:41 +00:00
padding:20px;
}
#searchContent h2 {
2011-10-25 10:31:59 +00:00
font-size:24px;
2011-10-10 10:57:41 +00:00
padding-bottom:4px;
2011-10-25 10:31:59 +00:00
color:#F7BD00;
font-family:'Century Gothic', Helvetica, Arial, 'DejaVu Sans', sans-serif;
text-transform:uppercase;
margin-bottom:12px;}
2011-10-10 10:57:41 +00:00
#id_q {
width:150px;
height:16px;
border:1px solid #f0f0f0;
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;
2011-10-25 10:31:59 +00:00
color:#777;
2011-10-10 10:57:41 +00:00
-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;
2011-10-25 10:31:59 +00:00
font-size:12px;}
2011-10-10 10:57:41 +00:00
#searchItf a {
display:block;
font-family:Arial, Helvetica, 'DejaVu Sans', sans-serif;
2011-10-25 10:31:59 +00:00
font-size:12px;
line-height:17px;
2011-10-10 10:57:41 +00:00
text-decoration:none;
2011-10-25 10:31:59 +00:00
padding-top:4px;
padding-bottom:4px;}
2011-10-10 10:57:41 +00:00
#searchItf a:visited {
2011-10-25 10:31:59 +00:00
color:#777;}
2011-10-10 10:57:41 +00:00
#searchItf a:hover {
text-decoration:underline;}
#searchItf a:active {
color:#F7BD00;}
2011-10-25 10:31:59 +00:00
/*#searchItf h3 {
2011-10-10 10:57:41 +00:00
font-weight:bold;
2011-10-25 10:31:59 +00:00
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:14px;
font-family:'Century Gothic', Helvetica, Arial, 'DejaVu Sans', sans-serif;
}