Language: CSS
Untitled CSS (16-Dec @ 07:47)
Syntax Highlighted Code
- html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
- margin:0;
- padding:0;
- text-align: center;
- [1137 more lines...]
Plain Code
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
margin:0;
padding:0;
text-align: center;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
ol,ul{
list-style:none;
}
blockquote,q{
quotes:none;
}
blockquote:before,blockquote:after,q:before,q:after{
content:'';
content:none;
}
:focus{
outline:0;
}
ins{
text-decoration:none;
}
del{
text-decoration:line-through;
}
table{
border-collapse:collapse;
border-spacing:0;
}
/* General Styles */
.skiplink{
display:none;
}
label{
cursor:pointer;
}
a{
color:#000000;
text-decoration:none;
}
a:focus,a:hover{
text-decoration:underline;
}
body{
background:#a8a39d url(images/bgr_main.gif) repeat-x bottom;
color:#000000;
font:62.5%/1 Arial, Helvetica, sans-serif;
}
.wrapper_top{
background:url(images/new_back5.jpg) repeat;
}
.divider_hoe{
background:url(images/divide.jpg) repeat-x;
}
.wrapper{
margin:0 auto;
width:778px;
}
/*sidebar_search*/
#sidebar_search{
width:266px;
overflow:hidden;
float:right;
}
#sidebar_search fieldset{
float:left;
padding:20px 0 0 0;
}
#sidebar_search label{
float:left;
color:#394245;
font-size:1.3em;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-weight:bold;
width:84px;
text-align:right;
padding:4px 10px 0 0;
}
#main_search_sub{
float:left;
text-indent:-9999px;
text-transform:capitalize;
width:19px;
height:19px;
}
/* mainmenu */
#mainmenu{
width:508px;
float:left;
}
#mainmenu ul{
float:left;
padding:18px 0 0 0;
}
/*Top level list items*/
#mainmenu ul li{
position: relative;
display: inline;
float: left;
color:#fff;
padding:0 1px 0 0;
font-size:1.2em;
line-height:1.1em;
text-transform:uppercase;
z-index:50;
}
#mainmenu ul li.first{
background:none;
}
/*Top level menu link items style*/
#mainmenu ul li a{
display:block;
color:#fff;
background:#9f00ff url(images/bgr_menu_a_purp.jpg) no-repeat;
}
#mainmenu ul li a span{
display:block;
height:19px;
background:url(images/bgr_menu_a_purp_right.jpg) no-repeat right top;
padding:7px 17px 0 17px;
cursor:pointer;
}
* html #mainmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
float:left;
}
* html #mainmenu ul li ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
float:none;
}
* html #mainmenu ul li a span{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
float:left;
}
* html #mainmenu ul li ul li a span{ /*IE6 hack to get sub menu links to behave correctly*/
float:none;
}
#mainmenu ul li a:link, #mainmenucat ul li a:visited{
text-decoration:none;
}
#mainmenu ul li a:hover{
text-decoration:underline;
}
#mainmenu .current_page_item a, #mainmenu .select a{
text-decoration:none;
background:#fff url(images/bgr_menu_a_right_hover2.jpg) no-repeat right top;
color:#000;
}
#mainmenu .current_page_item a span, #mainmenu .select a span{
background:url(images/bgr_menu_a_hover2.jpg) no-repeat;
}
/*1st sub level menu*/
#mainmenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
margin:0;
padding:0;
background:#fff;
}
/*Sub level menu list items (undo style from Top level List Items)*/
#mainmenu ul li ul li{
display: list-item;
float: none;
font-size:1.0em;
background:none;
padding:0;
}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
#mainmenu ul li ul li ul{
top: 0;
margin:0;
}
/* Sub level menu links style */
#mainmenu ul li ul li a, #mainmenu ul li.current_page_item ul a, #mainmenu ul li.select ul a{
width: 160px;
height:auto;
padding: 5px 10px 5px 10px;
margin: 0;
background:#fff;
border:0;
border-bottom:1px solid #ccc;
text-align:left;
text-decoration:none;
text-transform:capitalize;
font-weight:normal;
color:#000;
}
#mainmenu ul li ul li a:hover{ /*sub menus hover style*/
text-decoration:none;
background:#f3f3f3;
color:#000;
}
#mainmenu ul li ul li a span, #mainmenu ul li.current_page_item ul a span, #mainmenu ul li.select ul a span{
background:none;
padding:0;
height:auto;
display:inline;
float:none;
}
#mainmenu ul li ul li a:hover span{ /*sub menus hover style*/
background:none;
}
#menu_shadow{
position:absolute;
margin:44px 0 0 0;
}
/* header */
#header{
width:100%;
height:37px;
background:url(images/bgr_header_green5.jpg) no-repeat;
}
/*board*/
#board{
width:100%;
height:172px;
background:url(images/bgr_board_purple4.jpg) no-repeat;
overflow:hidden;
}
#board p{
font-size:1.4em;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
color:#fff;
padding:4px 0 0 370px;
}
/*logo*/
#logo{
padding:34px 0 0 370px;
width:206px;
overflow:hidden;
}
#logo a{
width:206px;
height:37px;
background:url(images/logo.jpg) no-repeat;
display:block;
text-indent:-9999px;
cursor:pointer;
float:left;
}
/*body*/
#body{
width:100%;
background:url(images/bgr_body_fixed.jpg) repeat-y;
}
#coat_arms{
width:100%;
height:100%;
background:url(images/coatofarms.jpg);
opacity:0.4;
filter:alpha(opacity=40);
}
#words {
position:absolute;
top:0;
left:0;
width:60px;
height:118px;
background:transparent;
padding:5px;
}
#body_divide{
width:100%;
overflow:hidden;
background:url(images/divide.jpg) repeat-x;
}
#body_top{
overflow:hidden;
padding:16px 0 0 0;
background:url(images/bgr_body_top_green8.jpg) no-repeat;
}
#body_end{
width:100%;
height:100%;
background:url(images/bgr_body_bottom8.jpg) no-repeat;
padding:16px 0 0 0;
}
#content{
float:left;
width:725px;
padding:20px 0 0 27px;
overflow: visible;
}
#content_alumni{
float:left;
width:725px;
padding:20px 10px 0 27px;
overflow: visible;
}
#sidebar{
float:right;
width:290px;
}
/*post*/
.post{
width:100%;
overflow:hidden;
margin:0 0 35px 0;
}
.post .title{
color:#9a0000;
font-size:2.2em;
line-height:1.2em;
font-weight:normal;
font-family:Georgia, "Times New Roman", Times, serif;
padding:0 0 8px 0;
margin:0 0 10px 0;
}
.post .seperator{
border-bottom:1px dashed #b3a7a0;
}
.post .title a{
color:#9a0000;
}
.post .post_date{
font-size:1.4em;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-weight:bold;
background:url(images/ico_date.gif) no-repeat left center;
padding:1px 0 1px 18px;
}
.post .info{
width:100%;
overflow:hidden;
background:url(images/bgr_post_info.gif) no-repeat;
}
.post .info span{
font-size:1.4em;
font-weight:bold;
text-transform:capitalize;
}
.post .info .post_more{
float:right;
}
.post .info .post_more img{
float:right;
}
.post .info .post_author{
color:#000;
background:url(images/ico_post_author.gif) no-repeat left center;
padding:0 0 0 18px;
float:left;
margin:9px 13px 0 14px;
}
.post .info .post_author a{
color:#000;
}
.post .info .post_comment{
color:#cc0000;
background:url(images/ico_post_comm.gif) no-repeat left center;
padding:0 0 0 18px;
float:left;
margin:9px 0 0 0;
}
.post .info .post_comment a{
color:#cc0000;
}
.post .entry{
font-size:1.4em;
line-height:1.5em;
padding:10px 0 0 0;
}
.post .entry a{
text-decoration:underline;
}
.post .entry a:hover{
text-decoration:none;
}
.post .entry p{
margin:0 0 15px 0;
}
.post .entry p img{
border:3px solid #f4f4ea;
padding:0;
}
.post .entry ul {
margin:0 0 15px 15px;
}
.post .entry ul li{
margin: 0 0 0 20px;
list-style:disc;
}
.post .entry ol {
padding: 0 0 0 35px;
margin:0 0 15px 0;
list-style:decimal;
}
.post .entry ol li {
margin: 0;
padding: 0;
}
.post .entry li a{
text-decoration:underline;
}
.post .entry li a:hover{
text-decoration:none;
}
/*login_box*/
#login_box{
width:100%;
height:170px;
overflow:hidden;
background:url(images/bgr_login_box.jpg) no-repeat;
}
#login_box .title{
color:#fff;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:2.0em;
font-weight:normal;
padding:13px 0 0 20px;
}
#login_body{
width:166px;
overflow:hidden;
padding:28px 0 0 85px;
}
#login_body p{
padding:0 0 9px 0;
width:100%;
overflow:hidden;
}
.login_input input{
background:#fff;
font-family:Arial, Helvetica, sans-serif;
color:#333227;
font-size:1.4em;
border:1px solid #808080;
border-bottom:1px solid #d4d0c8;
border-right:1px solid #d4d0c8;
width:144px;
padding:2px 5px 2px 15px;
}
#login_body p label{
color:#333227;
font-size:1.4em;
float:left;
padding:3px 0 0 1px;
}
#login_rememberme{
float:left;
}
#login_submit{
float:right;
}
#login_body ul{
}
#login_body li{
color:#333227;
font-size:1.4em;
padding:0 0 8px 0;
}
#login_body li a{
color:#333227;
}
/*footer*/
#footer{
width:100%;
height:203px;
overflow:hidden;
text-align:center;
}
#footer ul{
padding:45px 0 15px 0;
}
#footer li{
display:inline;
font-size:1.2em;
line-height:1.3em;
color:#fff;
background:url(images/bgr_footer_menu_li.gif) no-repeat left center;
padding:0 0 0 24px;
}
#footer li.first{
background:none;
padding:0;
}
#footer li a{
color:#fff;
}
#footer .copyrights{
color:#fff;
padding:20px 0 0 0;
font-size:0.9em;
font-family:Tahoma, Geneva, sans-serif;
}
#footer .copyrights a{
color:#fff;
}
#footer .designed{
color:#a5a5a5;
padding:8px 0 0 0;
text-transform:uppercase;
font-size:0.9em;
font-weight:bold;
font-family:Tahoma, Geneva, sans-serif;
}
#footer .designed a{
color:#fff;
}
/*footer_contact*/
#footer_contact{
width:340px;
margin:0 auto;
background:url(images/bgr_footer_contact.gif) repeat-y;
overflow:hidden;
}
#footer_contact .item{
float:left;
color:#7b746b;
font-size:1.0em;
line-height:1.4em;
font-family:Tahoma, Geneva, sans-serif;
font-weight:bold;
width:97px;
text-align:left;
padding:0 0 0 13px;
}
#footer_contact .item a{
color:#7b746b;
}
#footer_contact .item span{
color:#ac2626;
}
/* Begin Images */
p img {
padding: 0;
max-width: 100%;
}
/* Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left
}
/* End Images */
/* Begin Form Elements */
#respond{
margin:20px 0 20px 0;
width:100%;
overflow:hidden;
color:#5f6963;
}
#respond a{
color:#5f6963;
}
#respond h3{
font-size:1.8em;
line-height:1.4em;
color:#000;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
margin:0 0 10px 0;
}
.cancel-comment-reply{
font-size:1.2em;
}
.cancel-comment-reply a, .cancel-comment-reply a:visited{
text-decoration:underline;
}
.cancel-comment-reply a:hover{
text-decoration:none;
}
#commentform p{
font-size:1.2em;
line-height:1.6em;
width:100%;
overflow:hidden;
}
#commentform p a, #commentform p a:visited{
text-decoration:underline;
}
#commentform p a:hover{
text-decoration:none;
}
#commentform p input{
float:left;
}
#commentform p label{
float:left;
padding:10px 0 0 5px;
}
#searchform{
margin: 10px auto;
padding: 5px 3px;
text-align: center;
}
#commentform input{
width: 170px;
padding: 5px;
margin: 5px 5px 1px 0;
border:1px solid #ccc;
font-family:Arial, Helvetica, sans-serif;
font-size:1.0em;
color:#666;
}
#commentform{
margin: 5px 10px 0 0;
}
#commentform textarea{
width: 97%;
padding: 5px;
overflow:auto;
border:1px solid #ccc;
font-family:Arial, Helvetica, sans-serif;
font-size:1.0em;
margin:5px 0 0 0;
color:#666;
}
#commentform #submit{
padding:3px;
margin:5px 0 0 0;
}
/* End Form Elements */
/* Begin Comments*/
#comments{
font-size:1.8em;
line-height:1.4em;
color:#000;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
margin:10px 0 0 0;
}
.commentlist{
padding: 0;
text-align: justify;
line-height:1.6em;
color:#5f6963;
}
.commentlist a{
color:#5f6963;
}
.commentlist li{
margin: 15px 0 10px;
padding: 15px;
list-style: none;
border:1px solid #e0ddda;
background:#f0ede9;
}
.commentlist .alt{
margin: 10px 0 0 0;
background:#fff;
}
.commentlist li ul li{
margin-right: 15px;
margin-left: 10px;
}
.commentlist p{
margin: 10px 5px 10px 0;
font-size:1.2em;
line-height:1.6em;
}
.children{ padding: 0; }
#commentform p{
margin: 5px 0;
}
.nocomments{
text-align: center;
margin: 0;
padding: 0;
font-size:1.2em;
}
.commentmetadata{
margin: 0;
display: block;
font-size:1.2em;
line-height:1.6em;
}
.reply{
text-align:right;
}
.reply a, .reply a:visited{
text-decoration:underline;
font-size:1.2em;
line-height:1.6em;
}
.reply a:hover{
text-decoration:none;
}
.comment-author{
font-size:1.4em;
margin:0 0 10px 0;
}
.commentlist .fn{
position:relative;
top:-10px;
text-transform:capitalize;
font-weight:bold;
color:#cc0000;
font-family:Georgia, "Times New Roman", Times, serif;
}
.commentlist .fn a{
color:#cc0000;
}
.commentlist .says{
position:relative;
top:-10px;
}
/* End Comments */
/* Begin Calendar */
#wp-calendar #prev a, #wp-calendar #next a {
font-size: 1.1em;
}
#wp-calendar a {
text-decoration: none;
}
#wp-calendar caption {
text-align: center;
font-size:1.3em;
font-weight:bold;
}
#wp-calendar th {
font-style: normal;
text-transform: capitalize;
}
#wp-calendar {
empty-cells: show;
margin: 10px auto 0;
width: 95%;
}
#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}
#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}
#wp-calendar a {
display: block;
}
#wp-calendar caption {
text-align: center;
width: 100%;
}
#wp-calendar td {
padding: 3px 0;
text-align: center;
}
#wp-calendar td.pad:hover { /* Doesn't work in IE */
background-color: #fff; }
/* End Calendar */
/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
cursor: help;
}
acronym, abbr {
border-bottom: 1px dashed #999;
}
blockquote {
margin: 15px 30px 0 10px;
padding-left: 20px;
border-left: 5px solid #ddd;
}
blockquote blockquote{
}
blockquote cite {
margin: 5px 0 0;
display: block;
}
.center {
text-align: center;
}
.hidden {
display: none;
}
hr {
display: none;
}
.nopost, .nocomments{
text-align:center;
color:#000;
font-size:1.2em;
line-height:1.5em;
}
/* End Various Tags & Classes*/
/*navigation*/
.navigation{
width:100%;
overflow:hidden;
text-align: center;
padding:15px 0 20px 0;
font-size:1.2em;
line-height:1.8em;
}
.navigation a{
font-weight:bold;
color:#bc5709;
text-decoration:underline;
}
.navigation a:hover{
text-decoration:none;
}
#content .wp-pagenavi{
}
#content .wp-pagenavi a {
padding: 4px;
margin: 2px;
color:#000;
border:0;
}
#content .wp-pagenavi a:hover{
background:#f7f6f5;
}
#content .wp-pagenavi span.pages {
padding: 4px;
margin: 2px;
background:#f0ede9;
color:#000;
border:0;
}
#content .wp-pagenavi span.current {
padding: 4px;
margin: 2px;
background:#f0ede9;
color:#000;
border:0;
}
#content .wp-pagenavi span.extend {
padding: 4px;
margin: 2px;
background:#f0ede9;
color:#000;
border:0;
}
/* Captions */
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
/* End captions */
#login-box-name {
float:left;
display:inline;
width:80px;
text-align: right;
padding: 14px 10px 0 0;
margin:0 0 7px 0;
}
/*login */
#login-box {
width:333px;
height: 352px;
padding: 58px 76px 0 76px;
color: #ebebeb;
font: 12px Arial, Helvetica, sans-serif;
background: url(images/login-box-back3.png) no-repeat left top;
}
#login-box img {
border:none;
}
#login-box h2 {
padding:0;
margin:0;
color: #ebebeb;
font: bold 44px "Calibri", Arial;
}
#login-box-name2 {
float: left;
display:inline;
width:80px;
font-size:125%;
text-align: right;
padding: 14px 10px 0 0;
margin:0 0 7px 0;
}
#login-box-field {
float: left;
display:inline;
width:230px;
margin:0;
margin:0 0 7px 0;
}
.form-login {
width: 205px;
padding: 10px;
border: 1px solid #0d2c52;
background-color:#9f00ff;
font-size: 16px;
color: #ebebeb;
}
.login-box-options {
clear:both;
padding-left:87px;
font-size: 11px;
}
.login-box-options a {
color: #ebebeb;
font-size: 11px;
}
/* shopping cart side bar*/
#link1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
width:188px;
background-color:#FFFFFF;
}
#link1 ul {
margin:0px;
padding:0px;
list-style:none;
}
#link1 li {
border-bottom:1px dashed #52237F;
}
#link1 li a{
color:#000000;
height:20px;
text-align:left;
line-height:20px;
padding-left:10px;
display:block;
text-decoration:none;
}
#link1 li a:hover{
display:block;
color:#fff;
background-color:#52237F;
text-decoration:none;
}
.link1 {font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
font-size:14px;
text-decoration:none;
}
.link1:hover {color:#990000;
text-decoration:underline;
}
.square{
background-image:url(images/boardbg.gif);
background-position:top left;
background-repeat:repeat-y;
width:274px;
margin:0 3px 3px 0;
float:left;
}
*html .square{
margin:0 0 3px 0
}
.square img{
float:left
}
.square div{
margin:6px 7px 5px 7px;
float:left
}
.square h1{
font-family:Tahoma;
font-size:11px;
font-weight:bold;
color:#00214B;
text-decoration:underline;
padding:7px 0 7px 0
}
.square span{
display:block;
padding:0 5px 5px 0;
width:115px;
font-size:10px;
font-family:Tahoma;
float:left;
color:#333A43
}
.square span strong{
display:block;
clear:both
}
.square p{
color:#666D75;
font-size:11px;
}
.square p strong{
font-family:Tahoma;
font-size:18px;
color:#FF3000;
margin:0 10px 0 0
}
.items{
padding:0 30px 5px 0;
}
.right{
float:left;
padding:0 0 0 5px
}Untitled CSS (10-Nov @ 10:38)
Syntax Highlighted Code
- .test
- {
- padding:10px;
- }
Plain Code
.test
{
padding:10px;
}Untitled CSS (8-Jul @ 14:12)
Syntax Highlighted Code
- ÿÿ”þÿ5 d
- ÿÿ>ŸV
- - è a ò
- ú |
- [22 more lines...]
Plain Code
ÿÿâþÿ5 d
ÿÿ>ŸV
- è a ò
ú Â|
ï ï
ï ï Žó ó Žó ó `Æ Æ Ã· â 1 1 þ ÆSc c `Æ Æ Ã· þ â 1 1 ÆSc c ÿÿŸþÿ a ì ÿÿ& + è ^
1 Â|
ï ï
ï ï " ù ù à ó ó .Æ Æ ?Æ Æ Ã K K â ï ï ÿÿ þÿ ^ ´ y ÿÿ£õÿm c l ÿÿâ ¤ à ¸ h £ Â| W W T þ à ó ó à ó ó ž ï ï ž ï ï A ù ù ÿÿ¥þÿ h gaROOM 0843 ,Mouat, David , 24.87|gaPost Completed| · ÿÿçe b ès W à i Â|m ÷
w w c c ÿÿ«þÿ s s W C ÿÿeyâ _ ès C | P Â|s `Æ Æ Ã· þ " ù ù ÿÿ«þÿ s s C x ¬ ÿÿâ°Â®Ã * è i ÷ ¡ Â| " ù ù " ù ù à ó ó à ó ó ^ ! ÿÿ®þÿ9 i ð
X ÿÿÃóÿ Eÿ â⬠Ij Q Ãà `& hÅ T I Ëâ¹ \ N ÿÿçõÿm XU ÿÿçõÿm Z n ÿÿÃç XèsøU W  * * Â|s .ó ó Žó ó ! Â|m ÿÿèþÿ s s U
è Jg ) ÿÿÃçà Z èsøn + à Â|s à ó ó Â|m ÿÿèþÿ! s s n @ )à ÿÿÃïw à ¸  p Â| ÿÿïþÿ8   p ÿÿø .pm > ä ª Â|m â¡ T ð â¡ T ð â¡ T ð â¡ T ð â¡ T ð â¡ T ð â¡ T ð â¡ T ð â¡ T ð â¡ T ð â¡ T ð â¡ T ð â¡ P ð â¡ P ð â¡ P ð â¡ P ð â¡ P ð â¡ P ð â¡ P ð â¡ P ð â¡ P ð â¡ P ð â¡ P ð â¡ P ð ! ûe¤8 ¤8 üe¨a ¨a üeà à |9gþ
þ
ì9fî î (
ÿÿøþÿ m m > haNUPLANU| Ž, ÿÿ. .pt u W Â|t Ã9f½ ½ ¼ à 9há( á( ¼ Âh'
'
ì9f⦠⦠¼ ]fà à ÿÿþÿ t t u haSHENKET| Kj
ÿÿ d èt v ¤8 ÷ Â|t üeâ â üeà à ûeL L ÿÿþÿ; t t v haSHENKEER| âº< ÿÿ⢠/pt 3 6 â¬Q  Â|t à 9hâ¬Q â¬Q Â|m Â|t ÿÿþÿ+ t t 3 ha4 WING| Ã⺠ 2 ÿÿõÿ  a r à m a  rÿÿô a è r < p 2 Â|m `Æ Æ Ã· Sc c ÆSc c RX0ó ó _ ÿÿþÿ
  r à ÿÿ÷g ) è s Æ â¡ f Â| HX0
º X)ó ó Æ Æ Ã¿Ã¿Ã¾Ã¿ s Å D, ÿÿ@óÿÂ
Ãà Ã+ Q U pG ©
] N þš [ ÿÿNõÿ  y Å¡  yÿÿNõÿ  + w [ +  wÿÿNõÿ  à q * à  qÿÿ^ à Â| ÿÿ_þÿç â Dâ ÿÿh à ⬠Â| ÿÿiþÿç ⬠gaROOM 0843 ,Mouat, David , 6.00|gaPost Completed| X X ÿÿjõÿ  b m
m b  mÿÿïr à ¸  q W Â| » X)» » » X)» » 3 3 ^ j Â| » X)» » » X)» » ÿÿxþÿ   q Ž ÿÿ[
+ è w ù è z Â| » X)» » éX/
uÆ Æ Ã· þ à â ® ® ^ ! Â| ÿÿ{þÿ   w ³ DX ÿÿ¤óÿ - Ãà 3 Ã+ Q §§ âË H à _ O Å [ Untitled CSS (20-Apr @ 08:28)
Syntax Highlighted Code
- .css {
- font-size: 12px;
- }
Plain Code
.css {
font-size: 12px;
}Untitled CSS (30-Mar @ 15:53)
Syntax Highlighted Code
- header {
- width: 980px;
- background: hotpink;
- border: solid 1px #ccc;
- [7 more lines...]
Plain Code
header {
width: 980px;
background: hotpink;
border: solid 1px #ccc;
}
footer {
width: 980px;
clear: both;
font-size: 10px;
}
Untitled CSS (27-Feb @ 15:52)
Syntax Highlighted Code
- @font-face {
- font-family: intro_font;
- src: url('font.ttf');
- }
- [307 more lines...]
Plain Code
@font-face {
font-family: intro_font;
src: url('font.ttf');
}
*
{
margin: 0px;
padding: 0px;
}
body
{
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
#header #top
{
background-color: #191919;
height: 80px;
}
#header #top img
{
margin-left: 210px;
}
#header #top p
{
color: #6F9974;
float: right;
font-family: 'intro_font';
font-size: 40px;
font-style: italic;
margin-right: 200px;
margin-top: 15px;
}
#header #menu
{
background-color: #6F9974;
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.45, rgb(121,158,126)),
color-stop(0.87, rgb(111,153,116))
);
background-image: -moz-linear-gradient(
center bottom,
rgb(121,158,126) 45%,
rgb(111,153,116) 87%
);
border-bottom: 1px solid #000;
color: #FFF;
font-size: 14px;
height: 50px;
}
#header #menu ul
{
margin-left: 210px;
list-style: none;
}
#header #menu li
{
float: left;
margin-left: 50px;
margin-top: 15px;
}
#header #menu li:hover
{
color: #6E8999;
cursor: pointer;
font-size: 16px;
}
#header #intro
{
font-family: 'intro_font';
height: 350px;
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.45, rgb(74,120,98)),
color-stop(0.87, rgb(88,138,94))
);
background-image: -moz-linear-gradient(
center bottom,
rgb(74,120,98) 45%,
rgb(88,138,94) 87%
);
}
#header #intro .content
{
float: left;
}
#header #intro img
{
margin-left: 275px;
margin-top: 25px;
}
#header #intro p
{
color: #FFF;
font-size: 30px;
margin-top: 40px;
margin-left: 50px;
width: 400px;
}
#header #intro span
{
color: #FFF;
font-size: 50px;
}
#header #currentPage
{
color: #FFF;
font-size: 25px;
font-family: 'intro_font';
height: 100px;
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.45, rgb(74,120,98)),
color-stop(0.87, rgb(88,138,94))
);
background-image: -moz-linear-gradient(
center bottom,
rgb(74,120,98) 45%,
rgb(88,138,94) 87%
);
}
#header #currentPage h1
{
margin-left: 250px;
padding-top: 20px;
}
#body
{
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.23, rgb(255,255,255)),
color-stop(0.81, rgb(226,240,240))
);
background-image: -moz-linear-gradient(
center bottom,
rgb(255,255,255) 23%,
rgb(226,240,240) 81%
);
height: 250px;
}
#body #bodycontent
{
width: 800px;
margin-left: auto;
margin-right: auto;
padding-top: 100px;
}
#body #input input
{
color: #737373;
font-size: 22px;
width: 300px;
height: 40px;
border-color: #6D6D6D;
}
#body #input ul
{
list-style: none;
}
#body #input li
{
float: left;
margin-left: 30px;
}
#body #input #zoekButton
{
font: 14px/100% Arial, Helvetica, sans-serif;
color: #FFF;
cursor: pointer;
height: 23px;
padding: 0.9em 0.9em 0.4em;
text-align: center;
width: 60px;
background-color: #3C3;
background: -moz-linear-gradient(top, #3C8080, #2D5573);
background: -webkit-gradient(linear, left top, left bottom, from(#3C8080), to(#2D5573));
border-radius: .5em;
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
box-shadow: 0 1px 2px rgba(0,0,0,.2);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
margin-bottom: 3px;
}
#body #searchResults
{
width: 900px;
margin-left: auto;
margin-right: auto;
padding-top: 70px;
}
#body #searchResults table
{
border-collapse: collapse;
}
#body #searchResults th
{
background-color: #FFF;
font-size: 10px;
font-weight: none;
text-align: left;
}
#body #searchResults tr
{
border: 1px solid #AAA;
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.48, rgb(198,220,230)),
color-stop(0.87, rgb(245,245,245))
);
background-image: -moz-linear-gradient(
center bottom,
rgb(198,220,230) 48%,
rgb(245,245,245) 87%
);
}
#body #searchResults tr:hover
{
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.48, rgb(126,193,224)),
color-stop(0.87, rgb(175,195,230))
);
background-image: -moz-linear-gradient(
center bottom,
rgb(126,193,224) 48%,
rgb(175,195,230) 87%
);
cursor: pointer;
}
#body #searchResults #name
{
width: 600px;
}
#body #searchResults td
{
border: 1px dotted #AAA;
font-size: 13px;
width: 300px;
padding: 10px;
}
#body #searchResults #name ul
{
list-style: none;
}
#body #searchResults #name li
{
float: left;
}
#body #searchResults #name h1
{
font-size: 15px;
font-weight: none;
}
#body #searchResults #nameDescription
{
margin-left: 10px;
margin-top: 5px;
width: 350px;
}
Untitled CSS (3-Oct @ 20:54)
Syntax Highlighted Code
- <style type="text/css">
- <!--
- body {
- background-color: #2e3839;
- [142 more lines...]
Plain Code
<style type="text/css">
<!--
body {
background-color: #2e3839;
margin: 5px;
font-family: tahoma, verdana, arial;
}
td {
font-family: tahoma, verdana, arial;
font-size: 11px;
color: black;
}
a {
font-size: 11px;
color: black;
text-decoration: none;
}
a:visited {
font-size: 11px;
text-decoration: none;
}
a:hover {
font-size: 11px;
text-decoration: underline;
}
a.std {
font-size: 11px;
color:#436123;
text-decoration: none;
}
a:visited.std { font-size: 11px; color:#436123; text-decoration: none; }
a:hover.std { font-size: 11px; color:#436123; text-decoration: underline; }
.small {
font-family: tahoma, verdana, arial;
font-size: 9px;
color: #000000;
}
.small a {
color: black;
}
.headline,.headline2,.headline3 {
font-family: tahoma, verdana, arial;
font-size: 11px;
color: white;
}
.cont {
font-family: tahoma, verdana, arial;
font-size: 11px;
color: #000000;
}
.ro {
background-color:#E7E7E7;
}
html {
font-family: tahoma, verdana, arial;
font-size: 11px;
}
.bbc { color:#FFFFFF; background-color:#FFFFFF; border-color:#FFFFFF; border-style:solid; border-width:1px; text-decoration:none;}
td.nav {
background-image: url(http://theme.webme.com/designs/iceblue/images/button.gif);
background-repeat: none;
height: 33px;
width: 185px;
padding-left: 25px;
}
td.nav a {
color: black;
font-size:11px;
}
td.nav_heading {
background-image: url(http://theme.webme.com/designs/iceblue/images/heading_left.gif);
color: white;
padding-left: 15px;
line-height: 23px;
width: 185px;
height: 23px;
}
td.nav_head {
background-image: url(http://theme.webme.com/designs/iceblue/images/head_left.gif);
color: white;
padding-left: 15px;
line-height: 31px;
width: 185px;
height: 31px;
}
td.sidebar_heading {
background-image: url(http://theme.webme.com/designs/iceblue/images/heading_right.gif);
color: white;
padding-left: 15px;
line-height: 24px;
width: 168px;
height: 24px;
}
td.sidebar_head {
background-image: url(http://theme.webme.com/designs/iceblue/images/head_right.gif);
color: white;
padding-left: 15px;
line-height: 32px;
width: 168px;
height: 32px;
}
.shouty,.shouty2,.shouty3,.shouty4,.shouty5 {
background-color: #fafbfc;
background-image: url(http://theme.webme.com/designs/iceblue/images/shouty.gif);
background-repeat: no-repeat;
padding: 5px;
}
.shoutbox {
overflow: auto;
height: 300px;
width: 175px;
}
.nick {
font-weight: bold;
}
.shoutbox hr {
border: 0;
border-bottom: 1px dashed #0c2737;
}
.shoutbox input, .shoutbox textarea {
width: 155px;
}
.send {
margin-top: 5px;
color: black;
font-weight: bold;
width: 50px;
margin-left: auto;
margin-right: auto;
}
.RowLight, .RowDark {
padding-left: 10px;
height: 27px;
}
.RowLight {
background-image: url(http://theme.webme.com/designs/iceblue/images/stats_bg1.gif);
}
.RowDark {
background-image: url(http://theme.webme.com/designs/iceblue/images/stats_bg2.gif);
}
img { border: 0;}
.headline a, .footer_text, .footer_text a.nav {
color: white;
}
//-->
</style>
Untitled CSS (25-Sep @ 07:59)
Syntax Highlighted Code
- /*
- ** 960 Grid System ~ Core CSS.
- ** Learn more ~ http://960.gs/
- ** Licensed under GPL and MIT.
- [181 more lines...]
Plain Code
/*
** 960 Grid System ~ Core CSS.
** Learn more ~ http://960.gs/
** Licensed under GPL and MIT.
*/
body{min-width:960px}
.container_12,.container_16,.container_24{margin-left:auto;margin-right:auto;width:960px}
.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16,.grid_17,.grid_18,.grid_19,.grid_20,.grid_21,.grid_22,.grid_23,.grid_24{display:inline;float:left}
.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12,.push_13,.pull_13,.push_14,.pull_14,.push_15,.pull_15,.push_16,.pull_16,.push_17,.pull_17,.push_18,.pull_18,.push_19,.pull_19,.push_20,.pull_20,.push_21,.pull_21,.push_22,.pull_22,.push_23,.pull_23{position:relative}
.alpha{margin-left:0}.omega{margin-right:0}
.container_12 .grid_3,.container_16 .grid_4{width:220px;margin-left:10px;margin-right:10px}
.container_12 .grid_6,.container_16 .grid_8{width:460px;margin-left:10px;margin-right:10px}
.container_12 .grid_9,.container_16 .grid_12{width:700px;margin-left:10px;margin-right:10px}
.container_12 .grid_12,.container_16 .grid_16{width:940px;margin-left:10px;margin-right:10px}
.container_12 .grid_1{width:60px;margin-left:10px;margin-right:10px}
.container_12 .grid_2{width:140px;margin-left:10px;margin-right:10px}
.container_12 .grid_4{width:300px;margin-left:10px;margin-right:10px}
.container_12 .grid_5{width:380px;margin-left:10px;margin-right:10px}
.container_12 .grid_7{width:540px;margin-left:10px;margin-right:10px}
.container_12 .grid_8{width:620px;margin-left:10px;margin-right:10px}
.container_12 .grid_10{width:780px;margin-left:10px;margin-right:10px}
.container_12 .grid_11{width:860px;margin-left:10px;margin-right:10px}
.container_16 .grid_1{width:40px;margin-left:10px;margin-right:10px}
.container_16 .grid_2{width:100px;margin-left:10px;margin-right:10px}
.container_16 .grid_3{width:160px;margin-left:10px;margin-right:10px}
.container_16 .grid_5{width:280px;margin-left:10px;margin-right:10px}
.container_16 .grid_6{width:340px;margin-left:10px;margin-right:10px}
.container_16 .grid_7{width:400px;margin-left:10px;margin-right:10px}
.container_16 .grid_9{width:520px;margin-left:10px;margin-right:10px}
.container_16 .grid_10{width:580px;margin-left:10px;margin-right:10px}
.container_16 .grid_11{width:640px;margin-left:10px;margin-right:10px}
.container_16 .grid_13{width:760px;margin-left:10px;margin-right:10px}
.container_16 .grid_14{width:820px;margin-left:10px;margin-right:10px}
.container_16 .grid_15{width:880px;margin-left:10px;margin-right:10px}
.container_24 .grid_1{width:30px;margin-left:5px;margin-right:5px}
.container_24 .grid_2{width:70px;margin-left:5px;margin-right:5px}
.container_24 .grid_3{width:110px;margin-left:5px;margin-right:5px}
.container_24 .grid_4{width:150px;margin-left:5px;margin-right:5px}
.container_24 .grid_5{width:190px;margin-left:5px;margin-right:5px}
.container_24 .grid_6{width:230px;margin-left:5px;margin-right:5px}
.container_24 .grid_7{width:270px;margin-left:5px;margin-right:5px}
.container_24 .grid_8{width:310px;margin-left:5px;margin-right:5px}
.container_24 .grid_9{width:350px;margin-left:5px;margin-right:5px}
.container_24 .grid_10{width:390px;margin-left:5px;margin-right:5px}
.container_24 .grid_11{width:430px;margin-left:5px;margin-right:5px}
.container_24 .grid_12{width:470px;margin-left:5px;margin-right:5px}
.container_24 .grid_13{width:510px;margin-left:5px;margin-right:5px}
.container_24 .grid_14{width:550px;margin-left:5px;margin-right:5px}
.container_24 .grid_15{width:590px;margin-left:5px;margin-right:5px}
.container_24 .grid_16{width:630px;margin-left:5px;margin-right:5px}
.container_24 .grid_17{width:670px;margin-left:5px;margin-right:5px}
.container_24 .grid_18{width:710px;margin-left:5px;margin-right:5px}
.container_24 .grid_19{width:750px;margin-left:5px;margin-right:5px}
.container_24 .grid_20{width:790px;margin-left:5px;margin-right:5px}
.container_24 .grid_21{width:830px;margin-left:5px;margin-right:5px}
.container_24 .grid_22{width:870px;margin-left:5px;margin-right:5px}
.container_24 .grid_23{width:910px;margin-left:5px;margin-right:5px}
.container_24 .grid_24{width:950px;margin-left:5px;margin-right:5px}
.container_12 .prefix_3,.container_16 .prefix_4,.container_24 .prefix_6{padding-left:240px}
.container_12 .prefix_6,.container_16 .prefix_8,.container_24 .prefix_12{padding-left:480px}
.container_12 .prefix_9,.container_16 .prefix_12,.container_24 .prefix_18{padding-left:720px}
.container_12 .prefix_1,.container_24 .prefix_2{padding-left:80px}
.container_12 .prefix_2,.container_24 .prefix_4{padding-left:160px}
.container_12 .prefix_4,.container_24 .prefix_8{padding-left:320px}
.container_12 .prefix_5,.container_24 .prefix_10{padding-left:400px}
.container_12 .prefix_7,.container_24 .prefix_14{padding-left:560px}
.container_12 .prefix_8,.container_24 .prefix_16{padding-left:640px}
.container_12 .prefix_10,.container_24 .prefix_20{padding-left:800px}
.container_12 .prefix_11,.container_24 .prefix_22{padding-left:880px}
.container_16 .prefix_2,.container_24 .prefix_3{padding-left:120px}
.container_16 .prefix_6,.container_24 .prefix_9{padding-left:360px}
.container_16 .prefix_10,.container_24 .prefix_15{padding-left:600px}
.container_16 .prefix_14,.container_24 .prefix_21{padding-left:840px}
.container_16 .prefix_1{padding-left:60px}
.container_16 .prefix_3{padding-left:180px}
.container_16 .prefix_5{padding-left:300px}
.container_16 .prefix_7{padding-left:420px}
.container_16 .prefix_9{padding-left:540px}
.container_16 .prefix_11{padding-left:660px}
.container_16 .prefix_13{padding-left:780px}
.container_16 .prefix_15{padding-left:900px}
.container_24 .prefix_1{padding-left:40px}
.container_24 .prefix_5{padding-left:200px}
.container_24 .prefix_7{padding-left:280px}
.container_24 .prefix_11{padding-left:440px}
.container_24 .prefix_13{padding-left:520px}
.container_24 .prefix_17{padding-left:680px}
.container_24 .prefix_19{padding-left:760px}
.container_24 .prefix_23{padding-left:920px}
.container_12 .suffix_3,.container_16 .suffix_4,.container_24 .suffix_6{padding-right:240px}
.container_12 .suffix_6,.container_16 .suffix_8,.container_24 .suffix_12{padding-right:480px}
.container_12 .suffix_9,.container_16 .suffix_12,.container_24 .suffix_18{padding-right:720px}
.container_12 .suffix_1,.container_24 .suffix_2{padding-right:80px}
.container_12 .suffix_2,.container_24 .suffix_4{padding-right:160px}
.container_12 .suffix_4,.container_24 .suffix_8{padding-right:320px}
.container_12 .suffix_5,.container_24 .suffix_10{padding-right:400px}
.container_12 .suffix_7,.container_24 .suffix_14{padding-right:560px}
.container_12 .suffix_8,.container_24 .suffix_16{padding-right:640px}
.container_12 .suffix_10,.container_24 .suffix_20{padding-right:800px}
.container_12 .suffix_11,.container_24 .suffix_22{padding-right:880px}
.container_16 .suffix_2,.container_24 .suffix_3{padding-right:120px}
.container_16 .suffix_6,.container_24 .suffix_9{padding-right:360px}
.container_16 .suffix_14,.container_24 .suffix_21{padding-right:840px}
.container_16 .suffix_10,.container_24 .suffix_15{padding-right:600px}
.container_16 .suffix_1{padding-right:60px}
.container_16 .suffix_3{padding-right:180px}
.container_16 .suffix_5{padding-right:300px}
.container_16 .suffix_7{padding-right:420px}
.container_16 .suffix_9{padding-right:540px}
.container_16 .suffix_11{padding-right:660px}
.container_16 .suffix_13{padding-right:780px}
.container_16 .suffix_15{padding-right:900px}
.container_24 .suffix_1{padding-right:40px}
.container_24 .suffix_5{padding-right:200px}
.container_24 .suffix_7{padding-right:280px}
.container_24 .suffix_11{padding-right:440px}
.container_24 .suffix_13{padding-right:520px}
.container_24 .suffix_17{padding-right:680px}
.container_24 .suffix_19{padding-right:760px}
.container_24 .suffix_23{padding-right:920px}
.container_12 .push_3,.container_16 .push_4,.container_24 .push_6{left:240px}
.container_12 .push_6,.container_16 .push_8,.container_24 .push_12{left:480px}
.container_12 .push_9,.container_16 .push_12,.container_24 .push_18{left:720px}
.container_12 .push_1,.container_24 .push_2{left:80px}
.container_12 .push_2,.container_24 .push_4{left:160px}
.container_12 .push_4,.container_24 .push_8{left:320px}
.container_12 .push_5,.container_24 .push_10{left:400px}
.container_12 .push_7,.container_24 .push_14{left:560px}
.container_12 .push_8,.container_24 .push_16{left:640px}
.container_12 .push_10,.container_24 .push_20{left:800px}
.container_12 .push_11,.container_24 .push_22{left:880px}
.container_16 .push_2,.container_24 .push_3{left:120px}
.container_16 .push_6,.container_24 .push_9{left:360px}
.container_16 .push_14,.container_24 .push_21{left:840px}
.container_16 .push_10,.container_24 .push_15{left:600px}
.container_16 .push_1{left:60px}
.container_16 .push_3{left:180px}
.container_16 .push_5{left:300px}
.container_16 .push_7{left:420px}
.container_16 .push_9{left:540px}
.container_16 .push_11{left:660px}
.container_16 .push_13{left:780px}
.container_16 .push_15{left:900px}
.container_24 .push_1{left:40px}
.container_24 .push_5{left:200px}
.container_24 .push_7{left:280px}
.container_24 .push_11{left:440px}
.container_24 .push_13{left:520px}
.container_24 .push_17{left:680px}
.container_24 .push_19{left:760px}
.container_24 .push_23{left:920px}
.container_12 .pull_3,.container_16 .pull_4,.container_24 .pull_6{left:-240px}
.container_12 .pull_6,.container_16 .pull_8,.container_24 .pull_12{left:-480px}
.container_12 .pull_9,.container_16 .pull_12,.container_24 .pull_18{left:-720px}
.container_12 .pull_1,.container_24 .pull_2{left:-80px}
.container_12 .pull_2,.container_24 .pull_4{left:-160px}
.container_12 .pull_4,.container_24 .pull_8{left:-320px}
.container_12 .pull_5,.container_24 .pull_10{left:-400px}
.container_12 .pull_7,.container_24 .pull_14{left:-560px}
.container_12 .pull_8,.container_24 .pull_16{left:-640px}
.container_12 .pull_10,.container_24 .pull_20{left:-800px}
.container_12 .pull_11,.container_24 .pull_22{left:-880px}
.container_16 .pull_2,.container_24 .pull_3{left:-120px}
.container_16 .pull_6,.container_24 .pull_9{left:-360px}
.container_16 .pull_14,.container_24 .pull_21{left:-840px}
.container_16 .pull_10,.container_24 .pull_15{left:-600px}
.container_16 .pull_1{left:-60px}
.container_16 .pull_3{left:-180px}
.container_16 .pull_5{left:-300px}
.container_16 .pull_7{left:-420px}
.container_16 .pull_9{left:-540px}
.container_16 .pull_11{left:-660px}
.container_16 .pull_13{left:-780px}
.container_16 .pull_15{left:-900px}
.container_24 .pull_1{left:-40px}
.container_24 .pull_5{left:-200px}
.container_24 .pull_7{left:-280px}
.container_24 .pull_11{left:-440px}
.container_24 .pull_13{left:-520px}
.container_24 .pull_17{left:-680px}
.container_24 .pull_19{left:-760px}
.container_24 .pull_23{left:-920px}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
* html .clearfix,*:first-child+html .clearfix{zoom:1}
Untitled CSS (25-Aug @ 09:52)
Syntax Highlighted Code
- .mayan{background:red; height:100px; width:200px;}
Plain Code
.mayan{background:red; height:100px; width:200px;}960 fixed 12/16 col (13-Jul @ 14:00)
Syntax Highlighted Code
- /*
- 960 Grid System ~ Core CSS.
- Learn more ~ http://960.gs/
- [623 more lines...]
Plain Code
/*
960 Grid System ~ Core CSS.
Learn more ~ http://960.gs/
Licensed under GPL and MIT.
*/
/* `Containers
----------------------------------------------------------------------------------------------------*/
.container_12,
.container_16 {
margin-left: auto;
margin-right: auto;
width: 960px;
}
/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
display: inline;
float: left;
margin-left: 10px;
margin-right: 10px;
}
.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11,
.push_12, .pull_12,
.push_13, .pull_13,
.push_14, .pull_14,
.push_15, .pull_15 {
position: relative;
}
.container_12 .grid_3,
.container_16 .grid_4 {
width: 220px;
}
.container_12 .grid_6,
.container_16 .grid_8 {
width: 460px;
}
.container_12 .grid_9,
.container_16 .grid_12 {
width: 700px;
}
.container_12 .grid_12,
.container_16 .grid_16 {
width: 940px;
}
/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha {
margin-left: 0;
}
.omega {
margin-right: 0;
}
/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .grid_1 {
width: 60px;
}
.container_12 .grid_2 {
width: 140px;
}
.container_12 .grid_4 {
width: 300px;
}
.container_12 .grid_5 {
width: 380px;
}
.container_12 .grid_7 {
width: 540px;
}
.container_12 .grid_8 {
width: 620px;
}
.container_12 .grid_10 {
width: 780px;
}
.container_12 .grid_11 {
width: 860px;
}
/* `Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.container_16 .grid_1 {
width: 40px;
}
.container_16 .grid_2 {
width: 100px;
}
.container_16 .grid_3 {
width: 160px;
}
.container_16 .grid_5 {
width: 280px;
}
.container_16 .grid_6 {
width: 340px;
}
.container_16 .grid_7 {
width: 400px;
}
.container_16 .grid_9 {
width: 520px;
}
.container_16 .grid_10 {
width: 580px;
}
.container_16 .grid_11 {
width: 640px;
}
.container_16 .grid_13 {
width: 760px;
}
.container_16 .grid_14 {
width: 820px;
}
.container_16 .grid_15 {
width: 880px;
}
/* `Prefix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/
.container_12 .prefix_3,
.container_16 .prefix_4 {
padding-left: 240px;
}
.container_12 .prefix_6,
.container_16 .prefix_8 {
padding-left: 480px;
}
.container_12 .prefix_9,
.container_16 .prefix_12 {
padding-left: 720px;
}
/* `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .prefix_1 {
padding-left: 80px;
}
.container_12 .prefix_2 {
padding-left: 160px;
}
.container_12 .prefix_4 {
padding-left: 320px;
}
.container_12 .prefix_5 {
padding-left: 400px;
}
.container_12 .prefix_7 {
padding-left: 560px;
}
.container_12 .prefix_8 {
padding-left: 640px;
}
.container_12 .prefix_10 {
padding-left: 800px;
}
.container_12 .prefix_11 {
padding-left: 880px;
}
/* `Prefix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.container_16 .prefix_1 {
padding-left: 60px;
}
.container_16 .prefix_2 {
padding-left: 120px;
}
.container_16 .prefix_3 {
padding-left: 180px;
}
.container_16 .prefix_5 {
padding-left: 300px;
}
.container_16 .prefix_6 {
padding-left: 360px;
}
.container_16 .prefix_7 {
padding-left: 420px;
}
.container_16 .prefix_9 {
padding-left: 540px;
}
.container_16 .prefix_10 {
padding-left: 600px;
}
.container_16 .prefix_11 {
padding-left: 660px;
}
.container_16 .prefix_13 {
padding-left: 780px;
}
.container_16 .prefix_14 {
padding-left: 840px;
}
.container_16 .prefix_15 {
padding-left: 900px;
}
/* `Suffix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/
.container_12 .suffix_3,
.container_16 .suffix_4 {
padding-right: 240px;
}
.container_12 .suffix_6,
.container_16 .suffix_8 {
padding-right: 480px;
}
.container_12 .suffix_9,
.container_16 .suffix_12 {
padding-right: 720px;
}
/* `Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .suffix_1 {
padding-right: 80px;
}
.container_12 .suffix_2 {
padding-right: 160px;
}
.container_12 .suffix_4 {
padding-right: 320px;
}
.container_12 .suffix_5 {
padding-right: 400px;
}
.container_12 .suffix_7 {
padding-right: 560px;
}
.container_12 .suffix_8 {
padding-right: 640px;
}
.container_12 .suffix_10 {
padding-right: 800px;
}
.container_12 .suffix_11 {
padding-right: 880px;
}
/* `Suffix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.container_16 .suffix_1 {
padding-right: 60px;
}
.container_16 .suffix_2 {
padding-right: 120px;
}
.container_16 .suffix_3 {
padding-right: 180px;
}
.container_16 .suffix_5 {
padding-right: 300px;
}
.container_16 .suffix_6 {
padding-right: 360px;
}
.container_16 .suffix_7 {
padding-right: 420px;
}
.container_16 .suffix_9 {
padding-right: 540px;
}
.container_16 .suffix_10 {
padding-right: 600px;
}
.container_16 .suffix_11 {
padding-right: 660px;
}
.container_16 .suffix_13 {
padding-right: 780px;
}
.container_16 .suffix_14 {
padding-right: 840px;
}
.container_16 .suffix_15 {
padding-right: 900px;
}
/* `Push Space >> Global
----------------------------------------------------------------------------------------------------*/
.container_12 .push_3,
.container_16 .push_4 {
left: 240px;
}
.container_12 .push_6,
.container_16 .push_8 {
left: 480px;
}
.container_12 .push_9,
.container_16 .push_12 {
left: 720px;
}
/* `Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .push_1 {
left: 80px;
}
.container_12 .push_2 {
left: 160px;
}
.container_12 .push_4 {
left: 320px;
}
.container_12 .push_5 {
left: 400px;
}
.container_12 .push_7 {
left: 560px;
}
.container_12 .push_8 {
left: 640px;
}
.container_12 .push_10 {
left: 800px;
}
.container_12 .push_11 {
left: 880px;
}
/* `Push Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.container_16 .push_1 {
left: 60px;
}
.container_16 .push_2 {
left: 120px;
}
.container_16 .push_3 {
left: 180px;
}
.container_16 .push_5 {
left: 300px;
}
.container_16 .push_6 {
left: 360px;
}
.container_16 .push_7 {
left: 420px;
}
.container_16 .push_9 {
left: 540px;
}
.container_16 .push_10 {
left: 600px;
}
.container_16 .push_11 {
left: 660px;
}
.container_16 .push_13 {
left: 780px;
}
.container_16 .push_14 {
left: 840px;
}
.container_16 .push_15 {
left: 900px;
}
/* `Pull Space >> Global
----------------------------------------------------------------------------------------------------*/
.container_12 .pull_3,
.container_16 .pull_4 {
left: -240px;
}
.container_12 .pull_6,
.container_16 .pull_8 {
left: -480px;
}
.container_12 .pull_9,
.container_16 .pull_12 {
left: -720px;
}
/* `Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .pull_1 {
left: -80px;
}
.container_12 .pull_2 {
left: -160px;
}
.container_12 .pull_4 {
left: -320px;
}
.container_12 .pull_5 {
left: -400px;
}
.container_12 .pull_7 {
left: -560px;
}
.container_12 .pull_8 {
left: -640px;
}
.container_12 .pull_10 {
left: -800px;
}
.container_12 .pull_11 {
left: -880px;
}
/* `Pull Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.container_16 .pull_1 {
left: -60px;
}
.container_16 .pull_2 {
left: -120px;
}
.container_16 .pull_3 {
left: -180px;
}
.container_16 .pull_5 {
left: -300px;
}
.container_16 .pull_6 {
left: -360px;
}
.container_16 .pull_7 {
left: -420px;
}
.container_16 .pull_9 {
left: -540px;
}
.container_16 .pull_10 {
left: -600px;
}
.container_16 .pull_11 {
left: -660px;
}
.container_16 .pull_13 {
left: -780px;
}
.container_16 .pull_14 {
left: -840px;
}
.container_16 .pull_15 {
left: -900px;
}
/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
/* http://perishablepress.com/press/2009/12/06/new-clearfix-hack */
.clearfix:after {
clear: both;
content: ' ';
display: block;
font-size: 0;
line-height: 0;
visibility: hidden;
width: 0;
height: 0;
}
/*
The following zoom:1 rule is specifically for IE6 + IE7.
Move to separate stylesheet if invalid CSS is a problem.
*/
* html .clearfix,
*:first-child+html .clearfix {
zoom: 1;
}forms.css (13-Jul @ 13:28)
Syntax Highlighted Code
- /* --------------------------------------------------------------
- forms.css
- * Sets up some default styling for forms
- [59 more lines...]
Plain Code
/* --------------------------------------------------------------
forms.css
* Sets up some default styling for forms
* Gives you classes to enhance your forms
Usage:
* For text fields, use class .title or .text
-------------------------------------------------------------- */
label { font-weight: bold; }
fieldset { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend { font-weight: bold; font-size:1.2em; }
/* Form fields
-------------------------------------------------------------- */
input[type=text],
input.text, input.title,
textarea, select {
background-color:#fff;
border:1px solid #bbb;
}
input[type=text]:focus,
input.text:focus, input.title:focus,
textarea:focus, select:focus {
border-color:#666;
}
input[type=text],
input.text, input.title,
textarea, select {
margin:0.5em 0;
}
input.text,
input.title { width: 300px; padding:5px; }
input.title { font-size:1.5em; }
textarea { width: 390px; height: 250px; padding:5px; }
input[type=checkbox], input[type=radio],
input.checkbox, input.radio {
position:relative; top:.25em;
}
form.inline { line-height:3; }
form.inline p { margin-bottom:0; }
/* Success, notice and error boxes
-------------------------------------------------------------- */
.error,
.notice,
.success { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
.error { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a { color: #8a1f11; }
.notice a { color: #514721; }
.success a { color: #264409; }typography.css (13-Jul @ 13:27)
Syntax Highlighted Code
- /* --------------------------------------------------------------
- typography.css
- * Sets up some sensible default typography.
- [100 more lines...]
Plain Code
/* --------------------------------------------------------------
typography.css
* Sets up some sensible default typography.
-------------------------------------------------------------- */
/* Default font settings.
The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body {
font-size: 75%;
color: #222;
background: #fff;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}
/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }
h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }
h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img {
margin: 0;
}
/* Text elements
-------------------------------------------------------------- */
p { margin: 0 0 1.5em; }
p img.left { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }
a:focus,
a:hover { color: #000; }
a { color: #009; text-decoration: underline; }
blockquote { margin: 1.5em; color: #666; font-style: italic; }
strong { font-weight: bold; }
em,dfn { font-style: italic; }
dfn { font-weight: bold; }
sup, sub { line-height: 0; }
abbr,
acronym { border-bottom: 1px dotted #666; }
address { margin: 0 0 1.5em; font-style: italic; }
del { color:#666; }
pre { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }
/* Lists
-------------------------------------------------------------- */
li ul,
li ol { margin:0 1.5em; }
ul, ol { margin: 0 1.5em 1.5em 1.5em; }
ul { list-style-type: disc; }
ol { list-style-type: decimal; }
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd { margin-left: 1.5em;}
/* Tables
-------------------------------------------------------------- */
table { margin-bottom: 1.4em; width:100%; }
th { font-weight: bold; }
thead th { background: #c3d9ff; }
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even td { background: #e5ecf9; }
tfoot { font-style: italic; }
caption { background: #eee; }
/* Misc classes
-------------------------------------------------------------- */
.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide { display: none; }
.quiet { color: #666; }
.loud { color: #000; }
.highlight { background:#ff0; }
.added { background:#060; color: #fff; }
.removed { background:#900; color: #fff; }
.first { margin-left:0; padding-left:0; }
.last { margin-right:0; padding-right:0; }
.top { margin-top:0; padding-top:0; }
.bottom { margin-bottom:0; padding-bottom:0; }reset_html5.css (29-Jun @ 22:34)
Syntax Highlighted Code
- /* HTML5 Reset
- ----------------------------------------------------------------------------------------------------*/
- a,
- [103 more lines...]
Plain Code
/* HTML5 Reset
----------------------------------------------------------------------------------------------------*/
a,
abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
caption,
cite,
code,
dd,
del,
dfn,
dialog,
div,
dl,
dt,
em,
fieldset,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
border: 0;
margin: 0;
padding: 0;
font-size: 100%;
}
html,
body {
height: 100%;
}
b,
strong {
/*
Makes browsers agree.
IE + Opera = font-weight: bold.
Gecko + WebKit = font-weight: bolder.
*/
font-weight: bold;
}
img {
font-size: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
th,
td,
caption {
font-weight: normal;
vertical-align: top;
text-align: left;
}Untitled CSS (12-Jun @ 15:00)
Syntax Highlighted Code
- #sidebar h2 {
- font-size: 12px;
- background: #9F9F9F;
- color: #fff;
- [5 more lines...]
Plain Code
#sidebar h2 {
font-size: 12px;
background: #9F9F9F;
color: #fff;
padding: 8px 14px;
float: left;
margin: 0 0 10px 1px;
display: inline;
}
Untitled CSS (10-Jun @ 14:06)
Syntax Highlighted Code
- https://myaccount.boostmobile.com/account/boost/boost_account_activity_details.jsp?eventId=5
Plain Code
https://myaccount.boostmobile.com/account/boost/boost_account_activity_details.jsp?eventId=5Untitled CSS (3-Jun @ 03:27)
Syntax Highlighted Code
- <td width="86" align="left"><a href="/servlet/ecare?inf_action=boost_viewChangePin&viewType=ALL" onmouseover="rollover('subnav_account_security','over')"
- onmouseout="rollover('subnav_account_security','off')"><img name="subnav_account_security" src="/boost_nav/images/subnav_account_security.gif" alt="Account Security" /></a></td>
- [403 more lines...]
Plain Code
<td width="86" align="left"><a href="/servlet/ecare?inf_action=boost_viewChangePin&viewType=ALL" onmouseover="rollover('subnav_account_security','over')"
onmouseout="rollover('subnav_account_security','off')"><img name="subnav_account_security" src="/boost_nav/images/subnav_account_security.gif" alt="Account Security" /></a></td>
<td width="9" align="left"><img src="/boost_nav/images/subnav_seperator.gif" alt="" width="9"/></td>
<!--Link 4 Add Money -->
<td width="52" align="left"><a href="/servlet/ecare?inf_action=reBoost"
onmouseover="rollover('subnav_add_money','over')" onmouseout="rollover('subnav_add_money','off')">
<img name="subnav_add_money" src="/boost_nav/images/subnav_add_money.gif" alt="Add Money" /></a></td>
<!-- CR IA V.UBP 8.0 CR Prp8_Care_E2900 R8 Care Efficiencies - Equipment Swap - START -->
<!--UBP 8.0 CR Prp8_Care_E2900 Update Handset -Enable/Disable Switch -->
<td width="9" align="left"><img src="/boost_nav/images/subnav_seperator.gif" alt="" width="9"/></td>
<td width="52" align="left"><a href="/servlet/ecare?inf_action=updateHandset"
onmouseover="rollover('subnav_update_handset1','over')" onmouseout="rollover('subnav_update_handset1','off')">
<img name="subnav_update_handset1" src="/boost_nav/images/subnav_update_handset1.gif" alt="Update Handset" /></a></td>
<!-- CR IA V.UBP 8.0 CR Prp8_Care_E2900 R8 Care Efficiencies - Equipment Swap - END -->
<td width="9" align="left"><img src="/boost_nav/images/subnav_seperator.gif" alt="" width="9"/></td>
<!--Link 5 boostResetVMP -->
<td width="143" align="left"><a href="/servlet/ecare?inf_action=boostResetVMP" onmouseover="rollover('subnav_voicemail','over')" onmouseout="rollover('subnav_voicemail','off')"><img name="subnav_voicemail" src="/boost_nav/images/subnav_voicemail.gif" alt="ResetVMP" /></a></td>
<td width="441" align="left"><img src="/boost_nav/images/1x1.gif" alt="" width="19"/></td>
</tr>
<tr>
<td valign="top" colspan=15 height=4>
<font style="font-size:2px">
<img height="3" src="/boost_nav/images/break_horizontal.gif" width="721" align="top" border="0">
</font>
</td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="2" width="721">
<tr align="left">
<td valign="top" align="left" >
<font class="accountIDtext">Boost Phone Number: 2142717915</font></td>
<td valign="top" align="left" class="accountIDtext">
<font class="accountIDtext">Plan Change Date:
06/18/2010
</td>
<td valign="top" align="right" class="accountIDtext">
<font class="accountIDtext">Account Balance: $0.00</font>
</td>
</tr>
<tr><td valign="top" align="left" width="38%"></td><td valign="top" align="left" class="accountIDtext">
</font></td>
<td valign="middle" align="right" class="accountIDtext">
Low balance, remember to add funds!
</td></tr>
<tr>
<td valign="top" height="4" colspan="3">
<font style="font-size:2px">
<img height="3" src="/boost_nav/images/break_horizontal.gif" width="721" align="top" border="0">
</font>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
<img src="/images/empty.gif" width="1" height="3">
<script language="JavaScript">
<!--
window.onload=doNow;
function doNow()
{
if (document.getElementById("DateRange")!=null && document.getElementById("rangeSelected")!=null)
{
setDropdown(document.getElementById("DateRange"),document.getElementById("rangeSelected").value);
}
}
function setDropdown(obj,str)
{
var list = obj;
for (i = 0; i < list.options.length; i++)
{
if(list.options[i].value==str)
{
list.options[i].selected=true;
}
}
}
//This function will set id number of event as parameter on request
//and open pop-up window for content items' additional information.
function openPopup(idNum){
strUrl = "/account/boost/boost_account_activity_details.jsp?eventId="+idNum;
strWindowName = "";
strWindowFeaturesIE = 'dialogWidth: 550px; dialogHeight: 325px; center: Yes; help: No; resizable: No; toolbar: No; menubar: No; Titlebar: No';
strWindowFeaturesMozilla = 'center, width=550, height=325, toolbar=no, titlebar=no, menubar=no, modal, dialog, resizable=No;';
if (window.showModalDialog){
//This is Internet Explorer
window.showModalDialog(strUrl, strWindowName, strWindowFeaturesIE);
}else{
window.open(strUrl, strWindowName, strWindowFeaturesMozilla);
}
return false;
}
//-->
</script>
<tr>
<td>
<blockquote class="contentpad">
<table width=690 border=0 cellspacing=4 cellpadding=2>
<tr>
<td width = 440 align="right" class="ptext">View Account Activity</td>
<td width = 250 align=left valign="top">
<form name="rangeForm" action="/servlet/ecare" method="post">
<input type="hidden" name="inf_action" value="BoostAccountActivity">
<input type="hidden" name="rangeSelected" value="0">
<SELECT class="textOrderForm" NAME="DateRange" SIZE=1 onChange="doRangeFormSubmit()">
<OPTION VALUE="0" TARGET="_self" selected>48 hours </option>
<OPTION VALUE="1" TARGET="_self" >1 week
<OPTION VALUE="2" TARGET="_self" >2 weeks
<OPTION VALUE="3" TARGET="_self" >30 days
<OPTION VALUE="4" TARGET="_self" >31 — 60 days
<OPTION VALUE="5" TARGET="_self" >61 — 90 days
</SELECT>
</form>
</tr>
</tr>
<tr><td colspan="2" width="100%" align="left" class="ptext">Some Monthly Unlimited customers may only have the ability to view Account Activity for voice calls that resulted in an additional charge to your account, such as directory assistance calls and international calls.</td></tr>
</table>
<br>
<table width=690 border=0 cellspacing=1 cellpadding=1>
<tr>
<TD>
<table id="ActivityTable" border="0" cellPadding="2" cellSpacing="2" width="100%" align="left">
<tr class=tabtablebghead>
<form name="genForm" action="/servlet/ecare" method="post">
<input type="hidden" name="inf_action" value="BoostAccountActivity">
<input type="hidden" name="DateRange" value="0">
<input type="hidden" name="sortBy" value="">
<input type="hidden" name="sortType" value="">
<td width="22%" class=tabtablehead> <b>Time</b><a href="#" onClick="sortData('eventNonConvertedProcessTime','AscSort');return false;"><img src="../../images/button_sort_up.gif" width="13" height="11" border="0" alt="Ascending"></a><a href="" onClick="sortData('eventNonConvertedProcessTime','DscSort');return false;"><img src="../../images/button_sort_down.gif" width="13" height="11" border="0" alt="Descending" nowrap></a></td>
<td width="37%" class=tabtablehead> <b>Description</b><a href="#" onClick="sortData('eventDescription','AscSort');return false;"><img src="../../images/button_sort_up.gif" width="13" height="11" border="0" alt="Ascending"></a><a href="" onClick="sortData('eventDescription','DscSort');return false;"><img src="../../images/button_sort_down.gif" width="13" height="11" border="0" alt="Descending"></a></td>
<td width="18%" class=tabtablehead> <b>Amount</b><a href="#" onClick="sortData('amount','AscSort');return false;"><img src="../../images/button_sort_up.gif" width="13" height="11" border="0" alt="Ascending"></a><a href="" onClick="sortData('amount','DscSort');return false;"><img src="../../images/button_sort_down.gif" width="13" height="11" border="0" alt="Descending"></a></td>
<td width="23%" align="middle" class="tabtablehead" nowrap> <b>Account Balance
</b><a href="#" onClick="sortData('accountBalance','AscSort');return false;"><img src="../../images/button_sort_up.gif" width="13" height="11" border="0" alt="Ascending"></a><a href="" onClick="sortData('accountBalance','DscSort');return false;"><img src="../../images/button_sort_down.gif" width="13" height="11" border="0" alt="Descending"></a></td>
</form>
</tr>
<tr><td width="22%" class="tabtabledata" nowrap>
06/02/2010 06:55PM </td>
<td width="37%" class="tabtabledata" wrap>
<a href="#" onclick = "javascript:openPopup('0')"/>
Push to Talk</a></td>
<td width="18%" class=tabtabledata>$0.00</td>
<td width="23%" align="right" class=tabtabledata>$0.00</td>
</tr>
<tr><td width="22%" class="tabtabledata" nowrap>
06/02/2010 06:10PM </td>
<td width="37%" class="tabtabledata" wrap>
<a href="#" onclick = "javascript:openPopup('1')"/>
Push to Talk</a></td>
<td width="18%" class=tabtabledata>$0.00</td>
<td width="23%" align="right" class=tabtabledata>$0.00</td>
</tr>
<tr><td width="22%" class="tabtabledata" nowrap>
06/02/2010 04:55PM </td>
<td width="37%" class="tabtabledata" wrap>
<a href="#" onclick = "javascript:openPopup('2')"/>
Push to Talk</a></td>
<td width="18%" class=tabtabledata>$0.00</td>
<td width="23%" align="right" class=tabtabledata>$0.00</td>
</tr>
<tr><td width="22%" class="tabtabledata" nowrap>
06/02/2010 04:26PM </td>
<td width="37%" class="tabtabledata" wrap>
<a href="#" onclick = "javascript:openPopup('3')"/>
Multi-Media Messaging</a></td>
<td width="18%" class=tabtabledata>$0.00</td>
<td width="23%" align="right" class=tabtabledata>$0.00</td>
</tr>
<tr><td width="22%" class="tabtabledata" nowrap>
06/02/2010 04:23PM </td>
<td width="37%" class="tabtabledata" wrap>
<a href="#" onclick = "javascript:openPopup('4')"/>
Multi-Media Messaging</a></td>
<td width="18%" class=tabtabledata>$0.00</td>
<td width="23%" align="right" class=tabtabledata>$0.00</td>
</tr>
<tr><td width="22%" class="tabtabledata" nowrap>
06/02/2010 04:17PM </td>
<td width="37%" class="tabtabledata" wrap>
<a href="#" onclick = "javascript:openPopup('5')"/>
Multi-Media Messaging</a></td>
<td width="18%" class=tabtabledata>$0.00</td>
<td width="23%" align="right" class=tabtabledata>$0.00</td>
</tr>
<tr><td width="22%" class="tabtabledata" nowrap>
06/02/2010 04:01PM </td>
Untitled CSS (5-May @ 13:54)
Syntax Highlighted Code
- /*
- dojo.css
- Baseline CSS file for general usage.
- [2824 more lines...]
Plain Code
/*
dojo.css
Baseline CSS file for general usage.
This file is intended to be a "quick and dirty" stylesheet you can use to give
a straight-up web page some basic styling without having to do the dirty work
yourself. It includes a modified version of YUI's reset.css (we pulled some
of the list reset definitions, among other things), and then provides some very
basic style rules to be applied to general HTML elements.
This stylesheet is NOT intended to serve as the foundation for more complex things--
including the use of a TABLE for layout purposes. The table definitions in this
file make the assumption that you will be using tables for thier declared purpose:
displaying tabular data.
If you are looking for a baseline stylesheet using tables for grid layout, you will
need to supply your own layout rules to override the ones in this stylesheet.
Applications using Dojo will function correctly without including this
file, but it should provide sane defaults for many common things that page
authors often need to set up manually.
The Dojo Core uses this stylesheet to quickly style HTML-based tests and demos. Feel
free to use it as you will.
*/
/*****************************************************************************************/
/*
The below are borrowed from YUI's reset style sheets for pages and fonts.
We've verified w/ the YUI development team that these are entirely
copyright Yahoo, written entirely by Nate Koechley and Matt Sweeney without
external contributions.
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.1
*/
body, div, dl, dt, dd, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin: 0;
padding: 0;
}
fieldset, img {
border: 0 none;
}
address, caption, cite, code, dfn, th, var {
font-style: normal;
font-weight: normal;
}
caption, th {
text-align: left;
}
q:before, q:after {
content:"";
}
abbr, acronym {
border:0;
}
/* End YUI imported code. */
/*****************************************************************************************/
/*
Begin Dojo additions.
Style definitions, based loosely on the Dijit Tundra theme.
Relative unit calculations based on "Compose to a Vertical Rhythm",
by Richard Rutter (http://24ways.org/2006/compose-to-a-vertical-rhythm)
If changing the font size, make sure you do it in both
percent and px (% for IE, px for everything else).
% value based on default size of 16px (in most browsers).
So if you want the default size to be 14px, set the
% to 87% (14 / 16 = 0.875).
Typical values:
10px: 62.5%
11px: 69% (68.75)
12px: 75%
13px: 81.25%
14px: 87.5%
16px: 100%
Default: 12px
*/
body {
font: 12px Myriad,Helvetica,Tahoma,Arial,clean,sans-serif;
*font-size: 75%;
}
/* Headings */
h1 {
font-size: 1.5em;
font-weight: normal;
line-height: 1em;
margin-top: 1em;
margin-bottom:0;
}
h2 {
font-size: 1.1667em;
font-weight: normal;
line-height: 1.286em;
margin-top: 1.929em;
margin-bottom:0.643em;
}
h3, h4, h5, h6 {
font-size: 1em;
font-weight: normal;
line-height: 1.5em;
margin-top: 1.5em;
margin-bottom: 0;
}
/* paragraphs, quotes and lists */
p {
font-size: 1em;
margin-top: 1.5em;
margin-bottom: 1.5em;
line-height: 1.5em;
}
blockquote {
font-size: 0.916em;
margin-top: 3.272em;
margin-bottom: 3.272em;
line-height: 1.636em;
padding: 1.636em;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
ol li, ul li {
font-size: 1em;
line-height: 1.5em;
margin: 0;
}
/* pre and code */
pre, code {
font-size:115%;
*font-size:100%;
font-family: Courier, "Courier New";
background-color: #efefef;
border: 1px solid #ccc;
}
pre {
border-width: 1px 0;
padding: 1.5em;
}
/*
Tables
Note that these table definitions make the assumption that you are using tables
to display tabular data, and NOT using tables as layout mechanisms. If you are
using tables for layout, you will probably want to override these rules with
more specific ones.
These definitions make tabular data look presentable, particularly when presented
inline with paragraphs.
*/
table { font-size:100%; }
table.dojoTabular {
border-collapse: collapse;
border-spacing: 0;
border: 1px solid #ccc;
margin: 0 1.5em;
}
.dojoTabular th {
text-align: center;
font-weight: normal;
}
table.dojoTabular thead, table.dojoTabular tfoot {
background-color: #efefef;
border: 1px solid #ccc;
border-width: 1px 0;
}
table.dojoTabular thead tr th,
table.dojoTabular thead tr td,
table.dojoTabular tbody tr td,
table.dojoTabular tfoot tr td {
padding: 0.25em 0.5em;
}
/* Calendar*/
.phprojekt .dijitCalendarIncrementControl {
/* next/prev month buttons */
width: 15px;
height: 15px;
background-image: url("images/spriteRoundedIconsSmall.png");
background-repeat: no-repeat;
}
.dj_ie6 .phprojekt .dijitCalendarIncrementControl {
padding: .1em;
font-size: .1em;
background-image: url("images/spriteRoundedIconsSmall.gif");
}
.phprojekt .dijitCalendarIncreaseInner,
.phprojekt .dijitCalendarDecreaseInner {
visibility: hidden;
}
.phprojekt .dijitCalendarDecrease {
background-position: top left;
}
.phprojekt .dijitCalendarIncrease {
background-position: -30px top;
}
.phprojekt table.dijitCalendarContainer {
font-size: 100%;
border-spacing: 0;
border-collapse: separate;
border: 1px solid #b1badf;
margin: 0;
}
.phprojekt .dijitCalendarMonthContainer th {
/* month header cell */
background: #bed7f0 url("images/titleBar.png") repeat-x top;
padding-top: .3em;
padding-bottom: .2em;
text-align: center;
}
.dj_ie6 .phprojekt .dijitCalendarMonthContainer th {
padding-top: .1em;
padding-bottom: 0em;
}
.phprojekt .dijitCalendarDayLabelTemplate {
/* day of week labels */
background: #bed7f0;
font-weight: normal;
padding-top: .15em;
padding-bottom: .2em;
border-bottom: 1px solid #b1badf;
color: #293a4b;
text-align: center;
}
.phprojekt .dijitCalendarBodyContainer {
border-bottom: 1px solid #eeeeee;
}
.phprojekt .dijitCalendarMonthLabel {
color: #293a4b;
font-weight: bold;
}
.dj_ie7 .phprojekt .dijitCalendarDateTemplate,
.dj_ie6 .phprojekt .dijitCalendarDateTemplate {
font-size: 0.8em;
}
.phprojekt .dijitCalendarDateTemplate {
/* style for each day cell */
font-size: 0.9em;
font-weight: bold;
text-align: center;
padding: 0.3em 0.3em 0.1em 0.3em;
letter-spacing: 1px;
background-color: #fff;
border: #fff solid 1px !important;
}
.phprojekt .dijitCalendarPreviousMonth,
.phprojekt .dijitCalendarNextMonth {
/* days that are part of the previous or next month */
color: #999999;
background-color: #fdfdfd !important;
border: #fdfdfd solid 1px !important;
}
.phprojekt .dijitCalendarPreviousMonthDisabled,
.phprojekt .dijitCalendarNextMonthDisabled {
/* days that are part of the previous or next month - disabled*/
background-color: #a4a5a6 !important;
}
.phprojekt .dijitCalendarCurrentMonth {
/* days that are part of this month */
}
.phprojekt .dijitCalendarCurrentMonthDisabled {
/* days that are part of this month - disabled */
background-color: #bbbbbc !important;
}
.phprojekt .dijitCalendarDisabledDate {
/* one or the other? */
text-decoration: line-through !important;
cursor: default !important;
}
.phprojekt .dijitCalendarCurrentDate {
/* cell for today's date */
text-decoration: underline;
font-weight: bold;
}
.phprojekt .dijitCalendarSelectedDate {
/* cell for the selected date */
background-color: #b9cbf1 !important;
color: black !important;
border: #4b5aaa solid 1px !important;
}
.phprojekt .dijitCalendarYearContainer {
/* footer of the table that contains the year display/selector */
background: white url("images/titleBar.png") repeat-x top;
}
.phprojekt .dijitCalendarYearLabel {
/* container for all of 3 year labels */
margin: 0;
padding: 0.4em 0 0.25em 0;
text-align: center;
}
.phprojekt .dijitCalendarSelectedYear {
/* label for selected year */
color: black;
padding: 0.2em;
padding-bottom: 0.1em;
background-color: #b9cbf1 !important;
border: #4b5aaa solid 1px !important;
}
.phprojekt .dijitCalendarNextYear,
.phprojekt .dijitCalendarPreviousYear {
/* label for next/prev years */
color: black !important;
font-weight: normal;
}
.phprojekt #calendarSchedule .hours {
border: 1px solid;
padding: 0;
vertical-align: middle;
text-align: center;
background-color: #d4dfea;
font-size: 10px;
border-color: black;
}
.phprojekt #calendarSchedule .weekDayHeaders {
border: 1px solid;
padding: 0;
vertical-align: middle;
text-align: center;
background-color: #d4dfea;
font-size: 10px;
border-color: black;
}
.phprojekt #calendarSchedule .events {
border: 1px solid;
padding: 4;
vertical-align: middle;
background-color: #DDDDDD;
border-color: black;
}
.phprojekt #calendarSchedule .monthEvents {
border: 1px solid;
height:80px;
vertical-align:top;
padding: 4;
border-color: black;
}
.phprojekt #calendarSchedule .emptyCellSingle {
border-left: 1px solid black;
border-right: 1px solid black;
}
.phprojekt #calendarSchedule .emptyCellLeft {
border-left: 1px solid black;
}
.phprojekt #calendarSchedule .emptyCellRight {
border-right: 1px solid black;
}
.phprojekt #calendarSchedule .emptyCellBottom {
border-bottom: 1px solid black;
}
.phprojekt #calendarSchedule .horizontalLine {
margin:3px;
border-bottom:1px dashed #203040;
}
.phprojekt #calendarSchedule a:link,
.phprojekt #calendarSchedule a:visited,
.phprojekt #calendarMain a:link,
.phprojekt #calendarMain a:visited {
text-decoration: none;
}
.phprojekt #calendarSchedule a:hover,
.phprojekt #calendarSchedule a:active,
.phprojekt #calendarMain a:hover,
.phprojekt #calendarMain a:active {
text-decoration: underline;
}
.phprojekt #calendarSchedule table {
border-collapse: collapse;
}
.phprojekt #calendarSchedule td {
padding: 4px 0px 4px 5px;
}
.phprojekt #calendarGroupSelection #instructions {
text-align: center;
font-weight: bold;
}
.phprojekt #calendarGroupSelection #usersSelectorError {
text-align: center;
font-weight: bold;
color: red;
}
/* Calendar */
.dijitRtl .phprojekt .dijitCalendarDecrease {
background-position: -30px top;
}
.dijitRtl .phprojekt .dijitCalendarIncrease {
background-position: 0px top;
}
.dijitColorPalette {
border: 1px solid #cbcbcb;
background: #fff;
-moz-border-radius: 0px !important;
}
/**** Disabled cursor *****/
.phprojekt .dijitSliderDisabled *,
.phprojekt .dijitDisabledClickableRegion, /* a region the user would be able to click on, but it's disabled */
.phprojekt .dijitSpinnerDisabled *,
.phprojekt .dijitButtonDisabled *,
.phprojekt .dijitDropDownButtonDisabled *,
.phprojekt .dijitComboButtonDisabled *,
.phprojekt .dijitComboBoxDisabled * {
cursor: not-allowed !important;
}
.phprojekt .body {
color: #222; font-family: "Verdana";
font-size: 75%;
height: 100%;
}
.phprojekt #completeContent {
width: 100%;
position: absolute;
top: 0;
bottom: 0;
}
.phprojekt.body .positive {
color: #529214;
}
.phprojekt #header {
background: url("images/headerbg.png");
background-repeat: repeat-x;
width: 100%;
}
.phprojekt #bottomContent {
background: #fff;
width: 100%;
height: 32px;
}
.phprojekt #header img {
margin: 0;
cursor: pointer;
cursor: hand;
}
.phprojekt #header #search-bar {
margin: 10px 10px;
background: url("images/searchbar.png");
width: 120px;
height: 26px;
background-repeat: no-repeat;
padding-top: 1px;
}
.phprojekt #header #search-bar input {
background: url("images/searchfield_bg.png");
width: 80px;
border: none;
height: 16px;
font-size: 9px;
font-family: "Verdana";
font-size: 11px;
font-weight: normal;
font-style: normal;
color: #7E7E7E;
text-transform: none;
text-decoration: none;
letter-spacing: normal;
word-spacing: normal;
line-height: normal;
text-align: start;
vertical-align: baseline;
margin-top: 2px;
margin-right: 10px;
margin-left: 20px;
padding-top: 1px;
}
.dj_ie7 .phprojekt #header #search-bar {
padding-top: 0;
}
.dj_ie7 .phprojekt #header #search-bar input {
padding-top: 0;
}
.phprojekt #header #toolbar {
margin: 15px;
color: #ffffff;
font-size: 11px;
font-weight: normal;
}
.phprojekt #subheader {
width: 100%;
height: 26px;
background: white;
}
.phprojekt #subheader #navigation-container-title {
background: #000000;
height: 26px;
line-height: 24px;
color: #ffffff;
font-weight: normal;
padding-left: 8px;
}
.phprojekt #subheader #navigation-container-title p {
margin-left: 15px;
}
.phprojekt #subheader .tab {
background-repeat: no-repeat;
height: 26px;
background-position: center top;
width: 70px;
line-height: 25px;
font: Arial;
color: #666666;
font-weight: normal;
font-size: 11px;
}
.phprojekt #subheader .tab-active {
background: url("images/tab.png");
color: white;
}
.phprojekt #subheader .tab a:focus,
.phprojekt #subheader .tab a:hover,
.phprojekt #subheader .tab a:active {
background-color: #8392ab;
color: #fff;
}
.phprojekt #navigation-container {
border-bottom: 14px solid #000000;
border-left: 10px solid #000000;
background: #000000;
overflow-y: hidden;
}
.phprojekt #tree-navigation {
margin: 0;
height: 93%;
overflow: none;
}
.phprojekt #subModuleNavigation {
margin-top: 0px;
height: 30px;
}
.dj_ie .phprojekt #subModuleNavigation {
margin-top: -2px;
}
.phprojekt #nav_main a,
.phprojekt #nav_sub a {
color: #CBCBCB;
text-decoration: none;
padding-left: 7px;
text-transform: uppercase;
font-family: Verdana;
font-size: 12px;
font-weight: normal;
}
.phprojekt #nav_main a span,
.phprojekt #nav_sub a span {
padding-top: 4px;
padding-bottom: 4px;
padding-right: 7px;
margin-top: 0px;
}
.phprojekt #nav_main a, #nav_main a span,
.phprojekt #nav_sub a, #nav_sub a span {
display: block;
float: left
}
/* Commented backslash hack hides rule from IE5-Mac \*/
.phprojekt #nav_main a, #nav_main a span,
.phprojekt #nav_sub a, #nav_sub a span {
float: none
}
/* End IE5-Mac hack */
.phprojekt #nav_main a:hover,
.phprojekt #nav_sub a:hover {
color: #ffffff;
background: #000000 url("images/nav_main/tab-left-hover.gif") left bottom no-repeat;
text-decoration: none;
padding-left: 7px;
}
.phprojekt #nav_main a:hover span,
.phprojekt #nav_sub a:hover span {
background: url("images/nav_main/tab-right-hover.gif") right bottom no-repeat;
padding-right: 7px;
}
.phprojekt #nav_main li,
.phprojekt #nav_sub li {
float: left;
display: block;
margin: 0;
padding: 0 4px 0 0;
}
.phprojekt #nav_main td {
margin: 0;
padding: 0 3px 0 0;
}
.dj_ieaa .phprojekt #nav_main td {
margin: 0;
padding: 0 1px 0 0;
}
/* Tabs ACTIVE */
.phprojekt #nav_main .active a span,
.phprojekt #nav_sub .active a span {
margin-top: 0px;
}
.phprojekt #nav_main .active a,
.phprojekt #nav_sub .active a {
color: #ffffff;
background: #000000 url("images/nav_main/tab-left-hover.gif") left bottom no-repeat;
text-decoration: none;
padding-left: 7px
}
.phprojekt #nav_main .active a span,
.phprojekt #nav_sub .active a span {
background: url("images/nav_main/tab-right-hover.gif") right bottom no-repeat;
padding-right: 7px;
}
/* Scroll for Tabs */
.phprojekt .phprScrollWindow {
position: relative;
}
.phprojekt .phprScrollArrowLeft,
.phprojekt .phprScrollArrowRight {
width: 2%;
float: left;
height: 24px;
background-color: #fff;
background-repeat: no-repeat;
}
.phprojekt .phprScrollArrowLeft {
background-image: url("images/nav_main/arrow-left.gif");
background-position: left;
}
.phprojekt .phprScrollArrowRight {
background-image: url("images/nav_main/arrow-right.gif");
background-position: right;
}
.phprojekt .phprScrollArrowLeftHide,
.phprojekt .phprScrollArrowRightHide {
width: 2%;
float: left;
background-color: #fff;
}
.phprojekt .phprScrollWrapper {
width: 96%;
float: left;
height: 28px;
}
.dj_ie .phprojekt .phprScrollWrapper {
width: 95%;
}
.phprojekt .phprScrollPane {
height: 28px;
}
/* Negative */
phprojekt.body .negative {
color: #d12f19;
}
h1,h2,h3,h4,h5,h6 {
color: #111;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/* Success, error & notice boxes for messages and errors. */
.phprojekt .error,
.phprojekt .notice,
.phprojekt .success {
padding: .1em;
margin-top: 0em;
margin-bottom: 1em;
border: 2px solid #ddd;
}
.phprojekt .error {
background: #FBE3E4;
color: #D12F19;
border-color: #FBC2C4;
}
.phprojekt .notice {
background: #FFF6BF;
color: #817134;
border-color: #FFD324;
}
.phprojekt .success {
background: #E6EFC2;
color: #529214;
border-color: #C6D880;
}
.phprojekt .error a {
color: #D12F19;
}
.phprojekt .notice a {
color: #817134;
}
.phprojekt .success a {
color: #529214;
}
.phprojekt .footer{
margin-top: 1px;
background-color: #fff;
padding-left: 194px;
}
.dj_ie .phprojekt .footer{
margin-top: 1px;
background-color: #fff;
padding-left: 174px;
}
/* DnD avatar-specific settings */
/* For now it uses a default set of rules. Some other DnD classes can be modified as well. */
.phprojekt .dojoDndItemBefore {
border-top: 2px solid #369;
}
.phprojekt .dojoDndItemAfter {
border-bottom: 2px solid #369;
}
.phprojekt .dojoDndItemOver {
cursor: pointer;
}
.phprojekt table.dojoDndAvatar {
-moz-border-radius: 0;
border: 1px solid #ccc;
border-collapse: collapse;
background-color: #fff;
font-size: 75%;
color: black;
}
.phprojekt .dojoDndAvatar td {
border: none;
}
.phprojekt .dojoDndAvatar tr {
border: none;
}
.phprojekt .dojoDndAvatarHeader td {
height: 20px;
padding: 0 0 0 21px;
}
.phprojekt .dojoDndAvatarItem td {
padding: 2px;
}
.phprojekt.dojoDndMove .dojoDndAvatarHeader {
background-color: #f58383;
background-image: url("images/dndNoMove.png");
background-repeat: no-repeat;
background-position: 2px center;
}
.phprojekt.dojoDndCopy .dojoDndAvatarHeader {
background-color: #f58383;
background-image: url("images/dndNoCopy.png");
background-repeat: no-repeat;
background-position: 2px center;
}
.phprojekt.dojoDndMove .dojoDndAvatarCanDrop .dojoDndAvatarHeader {
background-color: #97e68d;
background-image: url("images/dndMove.png");
background-repeat: no-repeat;
background-position: 2px center;
}
.phprojekt.dojoDndCopy .dojoDndAvatarCanDrop .dojoDndAvatarHeader {
background-color: #97e68d;
background-image: url("images/dndCopy.png");
background-repeat: no-repeat;
background-position: 2px center;
}
/* Results */
.phprojekt .results {
font-family: "Verdana";
font-size: 11px;
font-weight: normal;
font-style: normal;
letter-spacing: normal;
word-spacing: normal;
line-height: normal;
text-align: start;
vertical-align: baseline;
border-bottom: 1px solid #CBCBCB;
margin-left: 10px;
margin-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
background-color: #fff;
}
.phprojekt .results a {
font-weight: normal;
color: #000000;
text-decoration: none;
margin-left: 10px;
margin-top: 10px;
margin-bottom: 10px;
}
.phprojekt .results span {
margin-left: 10px;
margin-top: 10px;
margin-bottom: 10px;
}
.phprojekt #resultstitle {
margin-left: 10px;
margin-right: 10px;
padding-left: 10px;
vertical-align: center;
color: #CBCBCB;
font-family: "Verdana";
font-size: 20px;
font-weight: normal;
font-style: normal;
overflow: hidden !important;
}
.phprojekt #searchsuggest {
width: auto;
border: none;
height: auto;
font-size: 9px; font-family: "Verdana";
font-size: 11px;
font-weight: normal;
font-style: normal;
color: #FFFFFF;
text-transform: none;
text-decoration: none;
letter-spacing: normal;
word-spacing: normal;
line-height: normal;
text-align: start;
vertical-align: baseline;
margin-top: 50px;
margin-right: 0px;
background-color: #000000;
position: absolute;
border: 1px solid black;
right: 0px;
top: 50px;
margin: 10px 0px;
}
.phprojekt .searchsuggesttitle {
padding-left: 10px;
vertical-align: center;
color: #fff;
font-family: "Verdana";
font-size: 12px;
font-weight: normal;
font-style: normal;
overflow: hidden !important;
padding-bottom: 2px;
padding-top: 2px;
width: auto;
}
.phprojekt .searchsuggesttitle a {
text-transform: none;
text-decoration: none;
color: #fff;
line-height: normal;
text-align: start;
vertical-align: baseline;
}
.phprojekt #searchsuggest .results {
background-color: #ccc;
margin-left: 0px;
margin-right: 0px;
}
.phprojekt #searchsuggest .results a {
color: #000;
font-weight: normal;
margin-left: 10px;
margin-right: 10px;
}
.phprojekt #searchsuggest .results span {
color: #000;
margin-left: 10px;
margin-right: 10px;
}
.phprojekt .formContainer {
margin-top: 10px;
color: #292929;
border: 1px solid #000000;
padding-left: 10px;
padding-right: 10px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 1em;
-o-border-radius: 10px;
-moz-border-radius: 12px;
-webkit-border-radius: 10px;
-webkit-box-shadow: 0px 3px 7px #adadad;
border-radius: 10px;
-moz-box-sizing: border-box;
-opera-sizing: border-box;
-webkit-box-sizing: border-box;
-khtml-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
width: 95%;
}
.phprojekt .formContainer td {
padding: 4px 0px 4px 5px;
}
/* History Table */
.phprojekt #historyTable th {
background: #E9E9E9 url(images/titleBar.png) repeat-x scroll center top;
color: #000000 !important;
padding-bottom: 0;
border: 1px dotted #A6A6A6;
}
.phprojekt #historyTable label {
color: #000;
text-transform: none;
font-weight: normal;
font-size: 96%;
vertical-align: top;
}
.phprojekt #historyTable td {
border: 1px dotted #A6A6A6;
padding: 5px;
}
.phprojekt #historyTable .grey {
background-color: #F2F5F9;
}
.phprojekt #historyTable .white {
background-color: white;
}
.phprojekt #breadCrumb {
font-family: Verdana;
font-size: 10px;
font-weight: normal;
color: #CBCBCB;
margin-left: 1%;
margin-top: 8px;
}
/* Dialog */
.phprojekt .dijitDialog {
background: #eee;
border: 1px solid #cbcbcb;
-webkit-box-shadow: 0px 5px 10px #adadad;
padding: 0px;
}
.phprojekt .dijitDialog .dijitDialogTitle {
border-top: none;
border-left: none;
border-right: none;
font-size: 0.9em;
color: #3243C5F;
}
.phprojekt .dijitDialog .dijitDialogPaneContent {
background: #ffffff;
border: none;
border-top: 1px solid #b1badf; /* w/out this, an <h1> on the top line causes a gap between the .content and .label */
padding: 10px;
}
.phprojekt .dijitDialogTitleBar {
/* outer container for the titlebar of the dialog */
background: #000000;
color: #ffffff;
padding: 5px 6px 3px 6px;
cursor: move;
outline: 0; /* remove this line if keyboard focus on dialog startup is an issue. tab still takes you to first focusable element */
}
.phprojekt .dijitDialogTitle {
/* typography and styling of the dialog title */
font-weight: bold;
padding: 4px;
outline: 0;
}
.phprojekt .dijitDialogCloseIcon {
/* the default close icon for the dialog */
background: url("images/spriteRoundedIconsSmallBl.png") no-repeat right top;
position: absolute;
vertical-align: middle;
right: 6px;
top: 4px;
height: 15px;
width: 15px;
cursor: pointer;
}
.dj_ie .phprojekt .dijitDialogCloseIcon {
background: url("images/spriteRoundedIconsSmallBl.gif") no-repeat right top;
}
.phprojekt .dijitDialogContent {
/* the body of the dialog */
padding: 8px;
}
/* Tooltip and TooltipDialog */
.phprojekt .dijitTooltip,
.phprojekt .dijitTooltipDialog {
/* the outermost dom node, holding the connector and container */
background: transparent; /* make the area on the sides of the arrow transparent */
}
.dijitTooltipBelow {
/* leave room for arrow above content */
padding-top: 10px;
}
.dijitTooltipAbove {
/* leave room for arrow below content */
padding-bottom: 10px;
}
.phprojekt .dijitTooltipContainer {
/*
The part with the text.
NOTE:
FF doesn't clip images used as CSS bgs if you specify a border
radius. If you use a solid color, it does. Webkit gets it right.
*/
background-color: #fff;
border: 1px solid #cbcbcb;
padding: 0.45em;
}
.phprojekt .dijitTooltipConnector {
/* the arrow piece */
border: 0px;
z-index: 2;
}
.phprojekt .dijitTooltipABRight .dijitTooltipConnector {
/*
Above or below tooltip, but the arrow appears on the right,
and the right edges of target and tooltip are aligned rather than the left
*/
left: auto !important;
right: 6px;
}
.phprojekt .dijitTooltipBelow .dijitTooltipConnector {
/* the arrow piece for tooltips below an element */
top: 0px;
left: 6px;
background: url("images/tooltipConnectorUp.png") no-repeat top left;
width: 17px;
height: 11px;
}
.dj_ie .phprojekt .dijitTooltipBelow .dijitTooltipConnector {
background-image: url("images/tooltipConnectorUp.gif");
}
.phprojekt .dijitTooltipAbove .dijitTooltipConnector {
/* the arrow piece for tooltips above an element */
bottom: 0px;
left: 6px;
background: url("images/tooltipConnectorDown.png") no-repeat top left;
width: 17px;
height: 11px;
}
.dj_ie .phprojekt .dijitTooltipAbove .dijitTooltipConnector {
background-image: url("images/tooltipConnectorDown.gif");
}
.dj_ie6 .phprojekt .dijitTooltipAbove .dijitTooltipConnector {
background-image: url("images/tooltipConnectorDown.gif");
bottom: -5px;
}
.phprojekt .dijitTooltipLeft {
padding-right: 10px;
}
.dj_ie6 .phprojekt .dijitTooltipLeft {
padding-left: 11px;
}
.phprojekt .dijitTooltipLeft .dijitTooltipConnector {
/* the arrow piece for tooltips to the left of an element, bottom borders aligned */
right: 0px;
bottom: 3px;
background: url("images/tooltipConnectorRight.png") no-repeat top left;
width: 11px;
height: 17px;
}
.dj_ie .phprojekt .dijitTooltipLeft .dijitTooltipConnector {
background-image: url("images/tooltipConnectorRight.gif");
}
.phprojekt .dijitTooltipRight {
padding-left: 10px;
}
.phprojekt .dijitTooltipRight .dijitTooltipConnector {
/* the arrow piece for tooltips to the right of an element, bottom borders aligned */
left: 0px;
bottom: 3px;
background: url("images/tooltipConnectorLeft.png") no-repeat top left;
width: 11px;
height: 17px;
}
.dj_ie .phprojekt .dijitTooltipRight .dijitTooltipConnector {
background-image: url("images/tooltipConnectorLeft.gif");
}
/* Dialog */
.dijitRtl .phprojekt .dijitDialogTitleBar .dijitDialogCloseIcon {
right: auto;
left: 5px;
}
.dijitIEFixedToolbar {
position: absolute;
/* top:0; */
top: expression(eval((document.documentElement||document.body).scrollTop));
}
.phprojekt .dijitToolbar .dijitToolbarSeparator {
background: url('images/editor.gif');
}
/**** ICONS *****/
.phprojekt .dijitEditorIcon {
background-image: url('images/editor.gif'); /* editor icons sprite image */
background-repeat: no-repeat;
width: 18px;
height: 18px;
text-align: center;
}
.phprojekt .dijitEditorIconSep {
background-position: 0px;
}
.phprojekt .dijitEditorIconBackColor {
background-position: -18px;
}
.phprojekt .dijitEditorIconBold {
background-position: -36px;
}
.phprojekt .dijitEditorIconCancel {
background-position: -54px;
}
.phprojekt .dijitEditorIconCopy {
background-position: -72px;
}
.phprojekt .dijitEditorIconCreateLink {
background-position: -90px;
}
.phprojekt .dijitEditorIconCut {
background-position: -108px;
}
.phprojekt .dijitEditorIconDelete {
background-position: -126px;
}
.phprojekt .dijitEditorIconForeColor {
background-position: -144px;
}
.phprojekt .dijitEditorIconHiliteColor {
background-position: -162px;
}
.phprojekt .dijitEditorIconIndent {
background-position: -180px;
}
.phprojekt .dijitEditorIconInsertHorizontalRule {
background-position: -198px;
}
.phprojekt .dijitEditorIconInsertImage {
background-position: -216px;
}
.phprojekt .dijitEditorIconInsertOrderedList {
background-position: -234px;
}
.phprojekt .dijitEditorIconInsertTable {
background-position: -252px;
}
.phprojekt .dijitEditorIconInsertUnorderedList {
background-position: -270px;
}
.phprojekt .dijitEditorIconItalic {
background-position: -288px;
}
.phprojekt .dijitEditorIconJustifyCenter {
background-position: -306px;
}
.phprojekt .dijitEditorIconJustifyFull {
background-position: -324px;
}
.phprojekt .dijitEditorIconJustifyLeft {
background-position: -342px;
}
.phprojekt .dijitEditorIconJustifyRight {
background-position: -360px;
}
.phprojekt .dijitEditorIconLeftToRight {
background-position: -378px;
}
.phprojekt .dijitEditorIconListBulletIndent {
background-position: -396px;
}
.phprojekt .dijitEditorIconListBulletOutdent {
background-position: -414px;
}
.phprojekt .dijitEditorIconListNumIndent {
background-position: -432px;
}
.phprojekt .dijitEditorIconListNumOutdent {
background-position: -450px;
}
.phprojekt .dijitEditorIconOutdent {
background-position: -468px;
}
.phprojekt .dijitEditorIconPaste {
background-position: -486px;
}
.phprojekt .dijitEditorIconRedo {
background-position: -504px;
}
.phprojekt .dijitEditorIconRemoveFormat {
background-position: -522px;
}
.phprojekt .dijitEditorIconRightToLeft {
background-position: -540px;
}
.phprojekt .dijitEditorIconSave {
background-position: -558px;
}
.phprojekt .dijitEditorIconSpace {
background-position: -576px;
}
.phprojekt .dijitEditorIconStrikethrough {
background-position: -594px;
}
.phprojekt .dijitEditorIconSubscript {
background-position: -612px;
}
.phprojekt .dijitEditorIconSuperscript {
background-position: -630px;
}
.phprojekt .dijitEditorIconUnderline {
background-position: -648px;
}
.phprojekt .dijitEditorIconUndo {
background-position: -666px;
}
.phprojekt .dijitEditorIconWikiword {
background-position: -684px;
}
.phprojekt .dijitEditorIconToggleDir {
background-position: -540px;
}
.phprojekt .dijitEditorIconTabIndent {
background-position: -702px;
}
.phprojekt .dijitEditorIconSelectAll {
background-position: -720px;
}
.phprojekt .dijitEditorIconUnlink {
background-position: -738px;
}
/* Editor */
.dijitRtl .phprojekt .dijitEditorIcon {
background-image: url('images/editor_rtl.gif'); /* editor icons sprite image */
}
/* Toolbar */
.dijitRtl .phprojekt .dijitToolbar .dijitToolbarSeparator {
background-image: url('images/editor_rtl.gif');
}
.dojoxGrid {
position: relative;
background-color: #EBEADB;
font-family: Geneva, Arial, Helvetica, sans-serif;
-moz-outline-style: none;
outline: none;
overflow: hidden;
height: 0;
}
.dojoxGrid table {
padding: 0;
}
.dojoxGrid td {
-moz-outline: none;
}
/* master header */
.dojoxGridMasterHeader {
position: relative;
}
/* master view */
.dojoxGridMasterView {
position: relative;
}
/* master messages */
.dojoxGridMasterMessages {
position: relative;
padding: 1em;
text-align: center;
background-color: white;
}
/* views */
.dojoxGridView {
position: absolute;
overflow: hidden;
}
/* header */
.dojoxGridHeader {
position: absolute;
overflow: hidden;
}
.dojoxGridHeader {
background-color: #E8E1CF;
}
.dojoxGridHeader table {
text-align: center;
}
.dojoxGridHeader .dojoxGridCell {
border: 1px solid;
border-color: #F6F4EB #ACA899 #ACA899 #F6F4EB;
background: url("images/grid_dx_gradient.gif") #E8E1CF top repeat-x;
padding-bottom: 2px;
}
.dojoxGridHeader .dojoxGridCellOver {
background-image: none;
background-color: white;
border-bottom-color: #FEBE47;
margin-bottom: 0;
padding-bottom: 0;
border-bottom-width: 3px;
}
.dojoxGridHeader .dojoxGridCellFocus {
border: 1px dashed blue;
}
.dojoxGridHeader .dojoxGridCellFocus .dojoxGridCellOver {
background-image: none;
background-color: white;
border-bottom-color: #FEBE47;
margin-bottom: 0;
padding-bottom: 0;
border-bottom-width: 3px;
}
.dojoxGridArrowButtonChar {
display: none !important;
}
.dojoxGridArrowButtonNode {
display: inline !important;
padding-left: 16px;
}
.dojoxGridSortDown .dojoxGridArrowButtonNode {
background: url("images/grid_sort_down.gif") center no-repeat;
}
.dojoxGridSortUp .dojoxGridArrowButtonNode {
background: url("images/grid_sort_up.gif") center no-repeat;
}
.dijit_a11y .dojoxGridArrowButtonChar {
display: inline !important;
}
.dijit_a11y .dojoxGridArrowButtonNode {
display: none !important;
}
/* content */
.dojoxGridScrollbox {
position: relative;
overflow: auto;
background-color: white;
width: 100%;
}
.dojoxGridContent {
position: relative;
overflow: hidden;
-moz-outline-style: none;
outline: none;
}
/* rowbar */
.dojoxGridRowbar {
border: 1px solid;
border-color: #F6F4EB #ACA899 #ACA899 #F6F4EB;
border-top: none;
background: url("images/grid_dx_gradient.gif") #E8E1CF top repeat-x;
}
.dojoxGridRowbarInner {
border-top: 1px solid #F6F4EB;
}
.dojoxGridRowbarOver {
background-image: none;
background-color: white;
border-top-color: #FEBE47;
border-bottom-color: #FEBE47;
}
.dojoxGridRowbarSelected {
background-color: #D9E8F9;
}
/* rows */
.dojoxGridRow {
position: relative;
width: 9000em;
}
.dojoxGridRow {
border: 1px solid #E8E4D8;
border-color: #F8F7F1;
border-left: none;
border-right: none;
background-color: white;
border-top: none;
}
.dojoxGridRowOver {
border-top-color: #FEBE47;
border-bottom-color: #FEBE47;
}
.dojoxGridRowOdd {
background-color: #FFFDF3;
}
.dojoxGridRowSelected {
/*background-color: #D9E8F9;*/
}
.dojoxGridRowTable {
table-layout: fixed;
width: 0;
empty-cells: show;
}
.dj_ie .dojoxGridRowTable {
border-collapse: collapse;
}
.dojoxGridInvisible {
visibility: hidden;
}
.Xdojo-ie .dojoxGridInvisible {
display: none;
}
.dojoxGridInvisible td, .dojoxGridHeader .dojoxGridInvisible td {
border-top-width: 0;
border-bottom-width: 0;
padding-top: 0;
padding-bottom: 0;
height: 0;
overflow: hidden;
}
/* cells */
.dojoxGridCell {
border: 1px solid;
border-color: #EBEADB;
border-right-color: #D5CDB5;
padding: 3px 3px 3px 3px;
text-align: left;
overflow: hidden;
}
.dojoxGridCellFocus {
border: 1px dashed blue;
}
.dojoxGridCellOver {
border: 1px dotted #FEBE47;
}
.dojoxGridCellFocus.dojoxGridCellOver {
border: 1px dotted green;
}
.dojoxGridCell .editButton {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-image: url("images/edit.png");
background-color: transparent;
width: 16px;
height: 16px;
vertical-align: middle;
border: none;
cursor: pointer;
}
/* editing */
.dojoxGridRowEditing td {
/* background-color: #bcd5f0; */
}
.dojoxGridRow-inserting td {
background-color: #F4FFF4;
}
.dojoxGridRow-inflight td {
background-color: #F2F7B7;
}
.dojoxGridRow-error td {
background-color: #F8B8B6;
}
.dojoxGridInput, .dojoxGridSelect, .dojoxGridTextarea {
margin: 0;
padding: 0;
border-style: none;
width: 100%;
font-size: 100%;
font-family: inherit;
}
.dojoxGridHiddenFocus {
position: absolute;
left: -1000px;
top: -1000px;
height: 0px;
width: 0px;
}
.dijit_a11y .dojoxGridRowbarSelected {
border-top: 1px solid white;
border-bottom: 1px dashed black;
border-top: 0;
background: none;
}
.dijit_a11y .dojoxGridRowbarSelected .dojoxGridRowbarInner {
border: 0;
border-top: 1px solid white;
}
.dijit_a11y .dojoxGridRowSelected {
border-bottom: 1px dashed black;
}
/* Drag and Drop */
.dojoxGridDndAvatar {
font-size: 100%;
}
.dojoxGrid .dojoDndItemBefore {
border-left-color: red;
}
.dojoxGrid .dojoDndItemAfter {
border-right-color: red;
}
.dojoxGridDndAvatarItem td {
border: 1px solid;
border-color: #F6F4EB #ACA899 #ACA899 #F6F4EB;
background: url("images/grid_dx_gradient.gif") #E8E1CF top repeat-x;
padding: 0pt;
margin: 0pt;
}
.dojoxGridDndAvatarItem td .dojoxGridDndAvatarItemImage {
border: 0;
border-color: #F6F4EB #ACA899 #ACA899 #F6F4EB;
background-color: transparent;
padding: 3px;
padding-bottom: 2px;
margin: 0pt;
}
.dojoDndMove .dojoxGridDndAvatarItem .dojoxGridDndAvatarItemImage {
background-image: url("images/dndNoMove.png");
background-repeat: no-repeat;
background-position: center center;
}
.dojoDndCopy .dojoxGridDndAvatarItem .dojoxGridDndAvatarItemImage {
background-image: url("images/dndNoCopy.png");
background-repeat: no-repeat;
background-position: center center;
}
.dojoDndMove .dojoDndAvatarCanDrop .dojoxGridDndAvatarItem .dojoxGridDndAvatarItemImage {
background-image: url("images/dndMove.png");
background-repeat: no-repeat;
background-position: center center;
}
.dojoDndCopy .dojoDndAvatarCanDrop .dojoxGridDndAvatarItem .dojoxGridDndAvatarItemImage {
background-image: url("images/dndCopy.png");
background-repeat: no-repeat;
background-position: center center;
}
.dijitRtl .dojoxGridHeader table {
}
.dj_ie .dijitRtl .dojoxGridHeader table {
float: none;
}
.dijitRtl .dojoxGridContent {
float: left;
}
/* Menu */
.phprojekt .dijitMenu {
border: 1px solid #cbcbcb;
margin: 0px;
padding: 0px;
background-color: #fff;
}
.phprojekt .dijitMenuItem {
background-color: #fff;
font-family: sans-serif;
margin: 0px;
color: #243C5F;
}
.phprojekt .dijitMenuPreviousButton, .phprojekt .dijitMenuNextButton {
font-style: italic;
}
.phprojekt .dijitMenuItem td {
padding: 1px;
}
.phprojekt .dijitMenuItemHover {
background-color: #d9e6f9;
color: #243C5F;
}
.phprojekt .dijitMenuItemIcon {
width: 15px;
height: 15px;
}
.phprojekt .dijitMenuExpand {
width: 15px;
height: 15px;
background-image: url('images/spriteRoundedIconsSmall.png');
background-repeat: no-repeat;
background-position: -30px top;
display: block;
}
.dj_ie6 .phprojekt .dijitMenuExpand {
background-image: url('images/spriteRoundedIconsSmall.gif');
}
.phprojekt .dijitMenuSeparator {
background-color: #fff;
height: 1px;
}
/* separator can be two pixels -- set border of either one to 0px to have only one */
.phprojekt .dijitMenuSeparatorTop {
border-bottom: 1px solid #fff;
}
.phprojekt .dijitMenuSeparatorBottom {
border-top: 1px solid #8ba0bd;
}
/* the checked menu item */
.phprojekt .dijitCheckedMenuItemIconChar {
display: none;
}
.phprojekt .dijitCheckedMenuItemIcon {
background-image: url('images/spriteCheckBox.gif');
background-position: -16px;
}
.phprojekt .dijitCheckedMenuItemIconChecked {
background-position: 0px;
}
.phprojekt .dijitMenuItemHover .dijitCheckedMenuItemIcon {
background-position: -80px;
}
.phprojekt .dijitMenuItemHover .dijitCheckedMenuItemIconChecked {
background-position: -64px;
}
/* Menu */
.dijitRtl .phprojekt .dijitMenuItem .dijitMenuItemIcon {
padding-left: 3px;
padding-right: 0px;
}
.dijitRtl .phprojekt .dijitMenuItem .dijitMenuExpand {
background-position: left top;
}
/* Module Designer */
#moduleDesignerContent .container {
padding: 1em 3em;
cursor: default;
radius: 8pt;
background: #fff;
}
#moduleDesignerContent .dojoDndContainerOver {
}
#moduleDesignerContent .dojoDndTargetDisabled {
background: #eee;
}
#moduleDesignerContent .dojoDndItem {
padding: 3px;
}
.dj_ff2 #moduleDesignerContent .dojoDndItem {
-moz-user-select: none;
}
#moduleDesignerContent .dojoDndItemOver {
background: #ededed;
cursor: pointer;
}
#moduleDesignerContent .dojoDndItemSelected {
background: #ededed;
}
#moduleDesignerContent .dojoDndItemAnchor {
background: #ededed;
}
#moduleDesignerContent .dojoDndItemOver .dojoDndItemSelected {
background: #ededed;
}
#moduleDesignerContent .dojoDndItemOver .dojoDndItemAnchor {
background: #ededed;
}
#moduleDesignerContent .dojoDndItemBefore {
}
#moduleDesignerContent .dojoDndItemAfter {
}
#moduleDesignerContent .dojoDndAvatar {
font-size: 75%;
radius: 8pt;
}
#moduleDesignerContent .dojoDndAvatarHeader {
background: #aaa;
}
#moduleDesignerContent .dojoDndAvatarItem {
background: #fff;
}
.phprojekt #moduleDesignerContent .dijitInputField INPUT,
.phprojekt #moduleDesignerContent .dijitTextBox {
width: 209px;
}
.phprojekt #moduleDesignerContent .dijitMultiSelect,
.phprojekt #moduleDesignerContent select,
.phprojekt #moduleDesignerContent .dijitComboBox,
.phprojekt #moduleDesignerContent .dijitSpinner,
.phprojekt #moduleDesignerContent .dijitSlider {
width: 217px;
}
.phprojekt #moduleDesignerContent .dijitTextArea{
width: 211px;
}
.phprojekt #moduleDesignerContent .form {
margin-bottom: 0.1em;
width: 100%;
}
.phprojekt #moduleDesignerContent .form .col1 {
width: 19%;
}
.phprojekt #moduleDesignerContent .form .col2 {
text-align: left;
width: 50%;
}
.phprojekt #moduleDesignerContent .form .col3 {
text-align: left;
width: 31%;
}
.phprojekt #moduleDesignerContent #moduleDesignerEditor .form .col1 {
width: 35%;
}
.phprojekt #moduleDesignerContent #moduleDesignerEditor .form .col2 {
text-align: left;
width: 50%;
}
.phprojekt #moduleDesignerContent #moduleDesignerEditor .form .col3 {
text-align: left;
width: 15%;
}
.phprojekt #moduleDesignerContent .form td {
vertical-align: top;
}
.phprojekt #moduleDesignerContent .dijitButton,
.phprojekt #moduleDesignerContent .dijitDropDownButton,
.phprojekt #moduleDesignerContent .dijitComboButton {
margin: 0;
}/* Gantt */
.phprojekt #ganttChart ul,
.phprojekt #ganttChart li {
margin: 0;
padding: 0;
list-style: none;
}
.phprojekt #ganttChart .slider li {
font-size: 8pt;
font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
text-align: center;
}
.phprojekt #ganttChart .ganttcontent {
position: absolute;
left: 0;
width: 100%;
top: 150px;
padding-bottom: 20px;
}
.phprojekt #ganttChart .timeline {
position: absolute;
left: 0;
top: 0px;
width: 100%;
}
.phprojekt #ganttChart .project_list {
position: absolute;
left: 0;
width: 100%;
top: 45px;
}
.phprojekt #ganttChart .sub_project .title {
width: 250px;
border-left: 1px solid #7d7d7d;
border-right: 1px solid #7d7d7d;
border-bottom: 1px solid #7d7d7d;
float: left;
}
.phprojekt #ganttChart .sub_project .slider {
margin-top: 0px;
margin-left: 0px;
}
.phprojekt #ganttChart .sub_project .separator {
width: 10px;
float: left;
}
.phprojekt #ganttChart .dijitSliderProgressBarH {
border-color: #aab0bb;
background: url("images/bg.gif");
}
.phprojekt #ganttChart .dijitSliderProgressBarV {
border-color: #aab0bb;
display: none !important;
background: #c0c2c5 url("images/sliderFullVertical.png") repeat-y bottom left;
}
.phprojekt #ganttChart .dijitSliderPhprFocused .dijitSliderProgressBarH,
.phprojekt #ganttChart .dijitSliderPhprFocused .dijitSliderLeftBumper {
background-image: url("images/sliderFullFocus.png");
}
.phprojekt #ganttChart .dijitSliderPhprFocused .dijitSliderProgressBarV,
.phprojekt #ganttChart .dijitSliderPhprFocused .dijitSliderBottomBumper {
background-image: url("images/sliderFullVerticalFocus.png");
}
.phprojekt #ganttChart .dijitSliderRemainingBarV {
border-color: #b4b4b4;
background: #dcdcdc url("images/sliderEmptyVertical.png") repeat-y bottom left;
}
.phprojekt #ganttChart .dijitSliderRemainingBarH {
border-color: #b4b4b4;
background: #dcdcdc url("images/sliderEmpty.png") repeat-x top left;
}
.phprojekt #ganttChart .dijitSliderBar {
border-style: solid;
outline: 1px;
}
.phprojekt #ganttChart .dijitSliderPhprFocused .dijitSliderBar {
border-color: #888;
}
.dijit_a11y #ganttChart .dijitSliderProgressBar {
background-color: #888 !important;
}
.phprojekt #ganttChart .dijitSliderImageHandleH {
background: #0000ff !important;
width: 5px;
height: 12px;
margin-top: 1px;
cursor: e-resize;
left: 0 !important;
top: 0 !important;
}
.phprojekt #ganttChart .dijitSliderPhprFocused .dijitSliderImageHandleH {
background-image: url("images/preciseSliderThumbFocus.png");
}
.dj_ie6 .phprojekt #ganttChart .dijitSliderImageHandleH {
background-image: url("images/preciseSliderThumb.gif");
}
.phprojekt #ganttChart .dijitSliderLeftBumper {
border-left-width: 1px;
border-color: #aab0bb;
background: #c0c2c5 url("images/sliderFull.png") repeat-x top left;
}
.phprojekt #ganttChart .dijitSliderRightBumper {
background: #dcdcdc url("images/sliderEmpty.png") repeat-x top left;
border-color: #b4b4b4;
border-right-width: 1px;
}
.phprojekt #ganttChart .dijitSliderImageHandleV {
border: 0px;
width: 16px;
height: 16px;
background: url("images/sliderThumb.png") no-repeat center center;
cursor: pointer;
}
.phprojekt #ganttChart .dijitSliderPhprFocused .dijitSliderImageHandleV {
background-image: url("images/sliderThumbFocus.png");
}
.dj_ie6 .phprojekt #ganttChart .dijitSliderPhprFocused .dijitSliderImageHandleV {
background-image: url("images/sliderThumbFocus.gif");
}
.phprojekt #ganttChart .dijitSliderBottomBumper {
border-bottom-width: 1px;
border-color: #aab0bb;
background: #c0c2c5 url("images/sliderFullVertical.png") repeat-y bottom left;
}
.phprojekt #ganttChart .dijitSliderTopBumper {
background: #dcdcdc url("images/sliderEmptyVertical.png") repeat-y top left;
border-color: #b4b4b4;
border-top-width: 1px;
}
.phprojekt #ganttChart .dijitSliderDecrementIconH,
.phprojekt #ganttChart .dijitSliderDecrementIconV,
.phprojekt #ganttChart .dijitSliderIncrementIconH,
.phprojekt #ganttChart .dijitSliderIncrementIconV {
cursor: pointer;
background-image: url("images/spriteArrows.png");
background-repeat: no-repeat;
margin: 5px;
height: 7px;
width: 7px;
font-size: 1px;
}
.dj_ie6 .phprojekt #ganttChart .dijitSliderDecrementIconH,
.dj_ie6 .phprojekt #ganttChart .dijitSliderDecrementIconV,
.dj_ie6 .phprojekt #ganttChart .dijitSliderIncrementIconH,
.dj_ie6 .phprojekt #ganttChart .dijitSliderIncrementIconV {
background-image: url("images/spriteArrows.gif");
}
.phprojekt #ganttChart .dijitSliderDecrementIconH {
background-position: -7px 0px;
}
.phprojekt #ganttChart .dijitSliderIncrementIconH {
background-position: -14px 0px;
}
.phprojekt #ganttChart .dijitSliderDecrementIconV {
background-position: 0px 0px;
}
.phprojekt #ganttChart .dijitSliderIncrementIconV {
background-position: -21px 0px;
}
.phprojekt #ganttChart .dijitSliderButtonInner {
visibility: hidden;
}
.phprojekt #ganttChart .dijitSliderDisabled {
opacity: 0.6 !important;
}
.dj_ie6 .phprojekt #ganttChart .dijitSliderDisabled,
.dj_ie6 .phprojekt #ganttChart .dijitSliderDisabled .dijitRuleContainer,
.dj_ie6 .phprojekt #ganttChart .dijitSliderDisabled .dijitSliderRemainingBar,
.dj_ie6 .phprojekt #ganttChart .dijitSliderDisabled .dijitSliderProgressBar {
filter: gray() alpha(opacity=40);
}
.phprojekt #ganttChart .dijitSliderDisabled * {
cursor: not-allowed !important;
}
.phprojekt #ganttChart .dijitSliderProgressBar {
height: 9px;
overflow: visible;
margin-top: -5px;
}
.phprojekt #ganttChart .dijitSliderImageHandleH {
background: #0000ff !important;
width: 5px;
height: 12px;
margin-top: 1px;
cursor: e-resize;
}
.phprojekt #ganttChart .dijitSliderImageHandle {
border: none;
}
.phprojekt #ganttChart .dijitSliderImageHandleH {
left: 0 !important;
top: 0 !important;
}
.phprojekt #ganttChart .dojoxRangeSlider .dijitSliderLeftBumperH,
.phprojekt #ganttChart .dojoxRangeSlider .dijitSliderBottomBumperV {
display: none !important;
}
.phprojekt #ganttChart .dojoxRangeSliderBarContainer {
position: relative;
height: 22px;
margin-top: 2px;
}
.phprojekt #ganttChart .slider .dojoxRangeSlider td {
vertical-align: middle;
}
.phprojekt #ganttChart .dojoxRangeSlider .dijitSliderProgressBarV,
.phprojekt #ganttChart .dijitSliderRemainingBar,
.phprojekt #ganttChart dijitSliderBumper {
display: none !important;
}
.phprojekt #ganttChart .dijitSliderRightBumper {
visibility: hidden;
}
.phprojekt #ganttChart .dojoxRangeSlider .dijitSliderProgressBar {
overflow: hidden;
cursor: pointer;
height: 10px;
border: 1px solid #0000ff;
width: 40%;
margin: 1px 0px;
}
.phprojekt #ganttChart .dojoxRangeSlider .dijitSliderProgressBarV {
display: none !important;
}
/* MonthView */
.phprojekt #tableMonthView {
width: 100%;
line-height: 1.09;
}
.dj_ie7 .phprojekt #tableMonthView {
line-height: 1.04 !important;
}
.dj_ie .phprojekt #tableMonthView {
line-height: 1.15;
}
.phprojekt #tableMonthView .col1 {
width: 10%;
}
.phprojekt #tableMonthView .col2 {
width: 50%;
}
.phprojekt #tableMonthView .col3 {
width: 40%;
}
.phprojekt #tableMonthView td {
padding: 0 0.5em 0 0.5em;
}
.phprojekt #tableMonthView .weekday,
.phprojekt #tableMonthView .weekday a,
.phprojekt #tableMonthView .weekend,
.phprojekt #tableMonthView .weekend a {
color: #000;
}
.phprojekt #tableMonthView .weekend,
.phprojekt #tableMonthView .weekend a {
color: red;
}
/* DayView */
.phprojekt #timecardDayView .dayViewWhite,
.phprojekt #timecardDayView .dayViewCelestial {
background-color: white;
float: left;
width: 100%;
margin-left: 0px;
z-index: -10;
height: 20px;
overflow: hidden;
}
.phprojekt #timecardDayView .dayViewCelestial {
background-color: #e9f3ff;
}
.phprojekt #timecardDayView .addButton .dijitButtonNode {
padding: 0px 0px 0px 0px;
margin: 0 0 0.3em;
width: 15px;
border: none;
background: none;
}
.phprojekt #timecardDayView .add {
margin-left: 0;
}
.phprojekt .dndTarget,
.phprojekt .dndTargetOpen {
border: 3px solid #f4cc47;
-moz-border-radius: 8pt 8pt;
radius: 8pt;
display: inline;
position: absolute;
left: 0px;
width: 85%;
float: left;
cursor: pointer;
background: #F1CE47;
color: #000;
font-size: 8pt;
font-weight: normal;
padding-left: 10%;
filter: alpha(opacity=50);
opacity: .5;
line-height: 1.5;
}
.phprojekt .dndTargetOpen {
border: 3px solid red;
background: red;
}
/* FormView*/
.phprojekt .dndSource {
border: 3px solid #f4cc47;
-moz-border-radius: 8pt 8pt;
radius: 8pt;
cursor: pointer;
padding-left: 10px;
color: #000;
background-color: #F1CE47;
width: 95%;
font-size: 8pt;
font-weight: normal;
filter: alpha(opacity=50);
opacity: .5;
}
.phprojekt #projectBookingForm .formContainer {
padding-left: 0px;
}
.phprojekt #projectBookingForm .col1 {
width: 30%;
}
.phprojekt #projectBookingForm .col2 {
width: 65%;
}
.phprojekt #projectBookingForm .col3 {
width: 5%;
}
.phprojekt #projectBookingForm span .dijitArrowButtonInner {
display: none;
}/* dijit.ProgressBar */
.phprojekt .dijitProgressBar {
margin: 2px 0px 2px 0px;
}
.phprojekt .dijitProgressBarEmpty{
/* outer container and background of the bar that's not finished yet*/
background: #fff url("images/progressBarEmpty.png") repeat-x center center;
border-color: #8ba0bd;
}
.phprojekt .dijitProgressBarTile{
/* inner container for finished portion when in 'tile' (image) mode */
background: #f0f0f0 url("images/progressBarFull.png") repeat-x center center;
}
.phprojekt .dijitProgressBarFull {
border-right: 1px solid #8ba0bd;
}
.phprojekt .dijitProgressBarLabel {
/* Set to a color that contrasts with both the "Empty" and "Full" parts. */
color: #293a4b;
}
.phprojekt .dijitProgressBarIndeterminate .dijitProgressBarTile {
/* use an animated gif for the progress bar in 'indeterminate' mode */
background: #cad2de url("images/progressBarAnim.gif") repeat-x center center;
}
/* Time Picker */
.phprojekt .dijitTimePickerTick,
.phprojekt .dijitTimePickerMarker {
border-color: #b1badf;
}
.phprojekt .dijitTimePickerTick {
color: white;
}
.phprojekt .dijitTimePickerMarker {
background: #bed7f0 url("images/titleBar.png") repeat-x top;
color: #293a4b;
font-weight: bold;
}
.phprojekt .dijitTimePickerItemSelected {
color: black;
background: #b9cbf1 none;
}
.phprojekt .dijitTimePickerItemHover {
background: #60a1ea none;
color: white;
}
.phprojekt .dijitTimePickerItemHover,
.phprojekt .dijitTimePickerItemSelected {
position: relative;
z-index: 10;
}
.phprojekt .dijitTimePickerTick .dijitTimePickerItemInner {
font-size: 0.4em;
}
.phprojekt .dijitTimePickerItemHover .dijitTimePickerItemInner,
.phprojekt .dijitTimePickerItemSelected .dijitTimePickerItemInner {
font-size: 1em;
}
.phprojekt .dijitTimePickerMarkerHover {
border-top: 1px solid #94b9ef;
}
.phprojekt .dijitTimePickerTickHover,
.phprojekt .dijitTimePickerTickSelected {
margin-top: -0.3em;
margin-bottom: -0.3em;
border-bottom: none;
}
.dijit_a11y .dijitTimePickerTickHover {
background-color: #CCC !important;
border-top: 1px solid #333 !important;
border-bottom: 1px solid #333 !important;
}
.dijit_a11y .dijitTimePickerMarkerHover {
border-bottom-width: 2px;
}
/* dijit.layout.TitlePane */
.phprojekt .dijitTitlePane {
overflow: visible;
overflow-x: hidden;
}
.phprojekt .dijitTitlePane .dijitTitlePaneTitle {
background: #000000;
border: 1px solid #bfbfbf;
padding: 4px 4px 2px 4px;
cursor: pointer;
font-size: 0.9em;
font-weight: bold;
color: #fff;
}
.phprojekt .dijitTitlePane .dijitArrowNode {
width: 15px;
height: 15px;
margin-top: -2px;
}
.phprojekt .dijitTitlePaneFocused .dijitTitlePaneTextNode {
color: #fff;
}
.phprojekt .dijitOpen .dijitTitlePaneTextNode {
color: #fff;
}
.phprojekt .dijitTitlePane .dijitClosed .dijitArrowNode {
background: url('images/spriteRoundedIconsSmall.png') no-repeat -30px top;
}
.dj_ie6 .phprojekt .dijitTitlePane .dijitClosed .dijitArrowNode {
background: url('images/spriteRoundedIconsSmall.gif') no-repeat -30px top;
}
.phprojekt .dijitTitlePane .dijitOpen .dijitArrowNode {
background: url('images/spriteRoundedIconsSmall.png') no-repeat -15px top;
}
.dj_ie6 .phprojekt .dijitTitlePane .dijitOpen .dijitArrowNode {
background: url('images/spriteRoundedIconsSmall.gif') no-repeat -15px top;
}
.phprojekt .dijitTitlePane .dijitArrowNodeInner {
visibility: hidden;
}
.dijit_a11y .dijitTitlePane .dijitArrowNodeInner {
visibility: visible;
}
.phprojekt .dijitTitlePaneContentOuter {
background: #ffffff;
border: 1px solid #bfbfbf;
border-top: 0px solid #3d3d3d; /* w/out this, an <h1> on the top line causes a gap between the .content and .label */
}
.phprojekt .dijitTitlePaneContentInner {
padding: 10px;
}
/* force hasLayout to ensure borders etc, show up */
.dj_ie6 .phprojekt .dijitTitlePaneContentOuter,
.dj_ie6 .phprojekt .dijitTitlePane .dijitTitlePaneTitle {
zoom: 1;
}
.phprojekt .dijitTitlePaneTextNode {
margin-left: 4px;
margin-right: 4px;
}
.dijitRtl .phprojekt .dijitTitlePane .dijitClosed .dijitArrowNode {
background-position: 0px top;
}
.dj_ie6-rtl .phprojekt .dijitTitlePane .dijitClosed .dijitArrowNode {
background-position: 0px top;
}
.dijitToasterContent {
background: #E6EFC2;
color: #529214;
border-color: #C6D880;
width: 35em;
text-align: left;
padding-left: 1em;
}
.dijitToasterMessage,
.dijitToasterWarning,
.dijitToasterError,
.dijitToasterFatal {
padding: .1em;
margin-top: 0em;
margin-bottom: 1em;
}
.dijitToasterMessage hr {
background: #529214;
}
.dijitToasterMessage {
border-color: #C6D880;
}
.dijitToasterMessage .dijitToasterContent {
background: #E6EFC2;
color: #529214;
}
.dijitToasterWarning .hr {
background: #817134;
}
.dijitToasterWarning {
border-color: #FFD324;
}
.dijitToasterWarning .dijitToasterContent {
background: #FFF6BF;
color: #817134;
}
.dijitToasterError,
.dijitToasterFatal {
border-color: #FBC2C4;
}
.dijitToasterFatal hr,
.dijitToasterError hr {
background: #D12F19;
}
.dijitToasterFatal .dijitToasterContent,
.dijitToasterError .dijitToasterContent {
background: #FBE3E4;
color: #D12F19;
}
.dijitToasterClip {
position: absolute;
z-index: 5000;
overflow: hidden;
}
.dijitToasterContainer {
display: block;
position: absolute;
}
.phprojekt .dijitToolbar {
color: #FFFFFF;
font-size: 11px;
font-weight: bold;
margin: 15px;
}
a:hover.dijitToolbar,
a:focus.dijitToolbar {
color: #F1CE47;
}
a.dijitToolbar,
a:visited.dijitToolbar,
a:hover.dijitToolbar,
a:focus.dijitToolbar {
text-decoration: none;
}
.phprojekt .dijitToolbar * {
padding: 0px;
margin: 0px;
}
.dj_ie .phprojekt .dijitToolbar {
padding-bottom: 1px;
}
.phprojekt .dijitToolbar .dijitButtonText {
margin: 0 0 -1px 0 !important
}
.dj_ie .phprojekt .dijitToolbar .dijitButtonText {
margin: 1px 0 1px 3px !important;
}
.phprojekt .dijitToolbar .dijitButtonNode {
padding: 0px;
margin: 1px;
border: 1px solid transparent;
background: none;
color: #FFFFFF;
_margin: 1px;
_padding: 0px 1px 0px 1px;
_border: 0px;
}
.phprojekt .dijitToolbar .dijitButtonNode,
.phprojekt .dijitToolbar .dijitComboButton .dijitButtonContents,
.phprojekt .dijitToolbar .dijitComboButton .dijitDownArrowButton {
background: none;
margin: 0px;
padding: 0px;
border: none;
font-size: 12px;
}
.phprojekt .dijitToolbar .dijitButton,
.phprojekt .dijitToolbar .dijitToggleButton,
.phprojekt .dijitToolbar .dijitDropDownButton,
.phprojekt .dijitToolbar .dijitComboButton .dijitButtonContents,
.phprojekt .dijitToolbar .dijitComboButton .dijitDownArrowButton {
background: none;
padding: 1px; /* on hover etc., margin replaced w/border */
}
.phprojekt .dijitToolbar .dijitButtonChecked,
.phprojekt .dijitToolbar .dijitToggleButtonChecked {
background-color: #C1D2EE;
border: 1px solid #316AC5;
padding: 0px;
}
.phprojekt .dijitToolbar .dijitButtonCheckedHover,
.phprojekt .dijitToolbar .dijitToggleButtonCheckedHover {
padding: 0px;
border-color: #366dba;
background-color: #9abbea !important;
}
.phprojekt .dijitToolbar .dijitButtonHover,
.phprojekt .dijitToolbar .dijitToggleButtonHover,
.phprojekt .dijitToolbar .dijitDropDownButtonHover,
.phprojekt .dijitToolbar .dijitComboButtonHover .dijitButtonContents,
.phprojekt .dijitToolbar .dijitComboButtonDownArrowHover .dijitDownArrowButton {
color: #F1CE47;
}
.phprojekt .dijitToolbar label {
padding: 3px 3px 0 6px;
}
.dj_ie .phprojekt .dijitToolbar .dijitComboButton .dijitButtonContentsFocused,
.dj_ie .phprojekt .dijitToolbar .dijitComboButton .dijitDownArrowButtonFocused,
.dj_ff2 .phprojekt.dijitToolbar .dijitComboButton .dijitButtonContentsFocused,
.dj_ff2 .phprojekt .dijitToolbar .dijitComboButton .dijitDownArrowButtonFocused {
/* focus border doesn't appear on <td> for FF2 or IE, so need to add it manually */
border: 1px #777 dotted !important;
padding: 0px;
}
/* Under dialogs */
.phprojekt .dijitDialog .dijitToolbar .dijitComboBox {
width: 12em;
}
.phprojekt .dijitDialog .dijitToolbar label {
color: #000;
}/* Toolbar */
.dijitRtl .dijitToolbar .dijitToolbarSeparator {
background-image: url('images/editor_rtl.gif');
}
/* Tree */
.phprojekt .dijitTreeNode {
background-color: #F8F8F8;
}
/* left vertical line (grid) for all nodes */
.phprojekt .dijitTreeIsLast {
}
.phprojekt .dijitTreeLabel {
margin-left: 0px;
}
.phprojekt .dijitTreeIsRoot {
color: #fff;
background-color: #F8F8F8;
border-bottom: 4px #F8F8F8 solid;
text-transform: uppercase;
margin-left: 0px;
}
.phprojekt .dijitTreeNode .dijitTreeIsRoot .dijitTreeContent {
color: #fff;
background-color: #F1CE47;
margin-left: 0px;
}
.phprojekt .dijitTreeExpando {
width: 18px;
height: 18px;
margin-left: 0px;
cursor: pointer;
}
/**** Level 1 ****/
.phprojekt .dijitTreeNode .dijitTreeExpando {
margin-left: 0px;
background-color: #F1CE47;
}
.phprojekt .dijitTreeNode .dijitTreeRow {
background-color: #F1CE47;
height: 20px;
}
.phprojek .dijitTreeNode .dijitTreeNodeHover {
color: #4b4b4b;
}
.phprojekt .dijitTreeNode .dijitTreeContent {
margin-left: 0px;
min-height: 18px;
min-width: 18px;
font-weight: normal;
color: #fff;
background-color: #F1CE47;
border-bottom: 3px #F1CE47 solid;
text-transform: uppercase;
text-decoration: none;
cursor: pointer;
}
.phprojekt .dijitTreeNode .dijitTreeContent .selected {
color: #000;
}
/**** Level 2 ****/
.phprojekt .dijitTreeNode .dijitTreeNode .dijitTreeExpando {
Untitled CSS (3-May @ 20:11)
Syntax Highlighted Code
- /*
- Variable Grid System.
- Learn more ~ http://www.spry-soft.com/grids/
- Based on 960 Grid System - http://960.gs/
- [333 more lines...]
Plain Code
/*
Variable Grid System.
Learn more ~ http://www.spry-soft.com/grids/
Based on 960 Grid System - http://960.gs/
Licensed under GPL and MIT.
*/
/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
margin-left: auto;
margin-right: auto;
width: 960px;
}
/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
display:inline;
float: left;
position: relative;
margin-left: 10px;
margin-right: 10px;
}
/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha {
margin-left: 0;
}
.omega {
margin-right: 0;
}
/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .grid_1 {
width:60px;
}
.container_12 .grid_2 {
width:140px;
}
.container_12 .grid_3 {
width:220px;
}
.container_12 .grid_4 {
width:300px;
}
.container_12 .grid_5 {
width:380px;
}
.container_12 .grid_6 {
width:460px;
}
.container_12 .grid_7 {
width:540px;
}
.container_12 .grid_8 {
width:620px;
}
.container_12 .grid_9 {
width:700px;
}
.container_12 .grid_10 {
width:780px;
}
.container_12 .grid_11 {
width:860px;
}
.container_12 .grid_12 {
width:940px;
}
/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .prefix_1 {
padding-left:80px;
}
.container_12 .prefix_2 {
padding-left:160px;
}
.container_12 .prefix_3 {
padding-left:240px;
}
.container_12 .prefix_4 {
padding-left:320px;
}
.container_12 .prefix_5 {
padding-left:400px;
}
.container_12 .prefix_6 {
padding-left:480px;
}
.container_12 .prefix_7 {
padding-left:560px;
}
.container_12 .prefix_8 {
padding-left:640px;
}
.container_12 .prefix_9 {
padding-left:720px;
}
.container_12 .prefix_10 {
padding-left:800px;
}
.container_12 .prefix_11 {
padding-left:880px;
}
/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .suffix_1 {
padding-right:80px;
}
.container_12 .suffix_2 {
padding-right:160px;
}
.container_12 .suffix_3 {
padding-right:240px;
}
.container_12 .suffix_4 {
padding-right:320px;
}
.container_12 .suffix_5 {
padding-right:400px;
}
.container_12 .suffix_6 {
padding-right:480px;
}
.container_12 .suffix_7 {
padding-right:560px;
}
.container_12 .suffix_8 {
padding-right:640px;
}
.container_12 .suffix_9 {
padding-right:720px;
}
.container_12 .suffix_10 {
padding-right:800px;
}
.container_12 .suffix_11 {
padding-right:880px;
}
/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .push_1 {
left:80px;
}
.container_12 .push_2 {
left:160px;
}
.container_12 .push_3 {
left:240px;
}
.container_12 .push_4 {
left:320px;
}
.container_12 .push_5 {
left:400px;
}
.container_12 .push_6 {
left:480px;
}
.container_12 .push_7 {
left:560px;
}
.container_12 .push_8 {
left:640px;
}
.container_12 .push_9 {
left:720px;
}
.container_12 .push_10 {
left:800px;
}
.container_12 .push_11 {
left:880px;
}
/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .pull_1 {
left:-80px;
}
.container_12 .pull_2 {
left:-160px;
}
.container_12 .pull_3 {
left:-240px;
}
.container_12 .pull_4 {
left:-320px;
}
.container_12 .pull_5 {
left:-400px;
}
.container_12 .pull_6 {
left:-480px;
}
.container_12 .pull_7 {
left:-560px;
}
.container_12 .pull_8 {
left:-640px;
}
.container_12 .pull_9 {
left:-720px;
}
.container_12 .pull_10 {
left:-800px;
}
.container_12 .pull_11 {
left:-880px;
}
/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after {
clear: both;
content: ' ';
display: block;
font-size: 0;
line-height: 0;
visibility: hidden;
width: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}Untitled CSS (28-Apr @ 17:29)
Syntax Highlighted Code
- /* Containers
- ----------------------------------------------------------------------------------------------------*/
- .container_ {
- [85 more lines...]
Plain Code
/* Containers
----------------------------------------------------------------------------------------------------*/
.container_ {
margin-left: auto;
margin-right: auto;
width: 0px;
}
/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_{
display:inline;
float: left;
position: relative;
margin-left: 0px;
margin-right: 0px;
}
/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha {
margin-left: 0;
}
.omega {
margin-right: 0;
}
/* Grid >> 2 Columns
----------------------------------------------------------------------------------------------------*/
/* Prefix Extra Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
/* Suffix Extra Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
/* Push Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
/* Pull Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
.clearfix:after {
clear: both;
content: ' ';
display: block;
font-size: 0;
line-height: 0;
visibility: hidden;
width: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}Untitled CSS (22-Apr @ 11:16)
Syntax Highlighted Code
- @charset "utf-8";h1 ,h2 ,h3 ,h4{margin:0px}#header_contact,#lang,.content_date,.content_desc,.content_more a,.content_more a:hover {font-family:"Tahoma",Segoe UI,Geneva,Verdana}.content_title,.glossymenu li a,#products_content div a,.left_content li,.left_content li a,.left_content li a:hover {font-family: "Segoe UI",Tahoma,Geneva,Verdana;}#header_contact,#lang {font-size:10px;}.content_date,.content_desc,.content_more a,.content_more a:hover,.left_content li,.left_content li a,.left_content li a:hover {font-size:11px;}#products_content div a {font-size:12px;}.left_content p {font-size:13px;}.glossymenu li a,.left_menu_title {font-size:14px;}.content_title {font-size:18px;}#header_contact,#header_contact a,#lang,#products_content div a:hover,.content_date,.content_more a:hover,#lang a {color:black}#products_content div a {color:white}.glossymenu li a,.left_content li,.left_content li a {color: gray}.left_content p {color:#656565}.glossymenu li.current a,.glossymenu li a:hover,.glossymenu li.current a b,.glossymenu li a:hover b {color:#fff}.content_more a,#header_contact a:hover,#lang a:hover,.left_content li a:hover {color:orange}.glossymenu li a {font-weight:lighter}#products_content div a,#products_content div a,.content_date,.content_more a,.content_more a:hover {font-weight:bold}body{margin:0px;border:0px;text-align:center;background:url('images/bg/home.jpg') no-repeat fixed center bottom;}p{margin:0px;padding:0px;}#header{width:100%;height:146px;text-align:center;background-image:url('images/header.png');background-repeat:repeat-x;}#hr{background-color:#ff7f00;width:100%;height:2px;}#header_container{width:960px;height:100%;margin:0 auto;}#header_contact{ float:left;padding-top:5px;clear:both;}#header_contact ,img{margin:0 5px 0 5px;}#logo a img{ width:231px;height:68px;float:left;padding-top:50px;clear:left;border:0px}#logo a:hover img{ width:231px;height:68px;float:left;padding-top:50px;clear:left;border:0px}#lang{ padding-top:5px;float:right;padding-right:5px;}#top_menu{ float:right;padding-top:77px;padding-right:0px;}.glossymenu{position: relative;padding:0 0 0 34px;margin:0 auto 0 auto;height:46px;list-style: none;}.glossymenu li{float:left;padding-left:2px;padding-right:2px;}.glossymenu li a{text-decoration: none;float:left;display:block;padding:0 0 0 8px;height:46px;line-height:46px;text-align:center;cursor: pointer;}.glossymenu li a b{float: left;display:block;padding:0 8px 0 0;}.glossymenu li.current a,.glossymenu li a:hover{background: url(images/left_tab.png) no-repeat left top;}.glossymenu li.current a b,.glossymenu li a:hover b{background: url(images/right_tab.png) no-repeat right top;}.flash_container {width:960px;text-align:center;left:50%;margin-left: -470px;position: relative;z-index:2;}.top-left {margin-right:9px;background-image: url('images/corners940x18.png');height:9px;font-size:2px;}.top-right {margin-top: -9px;margin-left:9px;background-image: url('images/corners940x18.png');background-position:100% 0;height:9px;font-size:2px;}.bottom-left {margin-right:9px;background-image: url('images/corners940x18.png');background-position:0 -9px;height:9px;font-size:2px;}.bottom-right {margin-top: -9px;margin-left:9px;background-image: url('images/corners940x18.png');background-position:100% -9px;height:9px;font-size:2px;}.inside {border-left:1px solid #c1c1c1;border-right:1px solid #c1c1c1;background:#FFFFFF;color:#000000;}.center_container {width:960px;text-align:center;left:50%;margin-left: -470px;position: relative;z-index:2;padding-top:5px;}.top-left {margin-right:9px;background-image: url('images/corners940x18.png');height:9px;font-size:2px;}.top-right {margin-top: -9px;margin-left:9px;background-image: url('images/corners940x18.png');background-position:100% 0;height:9px;font-size:2px;}.bottom-left {margin-right:9px;background-image: url('images/corners940x18.png');background-position:0 -9px;height:9px;font-size:2px;}.bottom-right {margin-top: -9px;margin-left:9px;background-image: url('images/corners940x18.png');background-position:100% -9px;height:9px;font-size:2px;}.inside {border-left:1px solid #c1c1c1;border-right:1px solid #c1c1c1;background:#FFFFFF;color:#000000;}#center_products{float:left;width:715px;padding:0 0 0 10px;}#Products_container{ padding:10px 0 0 0;font-family:"Segoe UI",Tahoma,Geneva,Verdana;}#Products_container h1{font:normal 13px "Segoe UI",Tahoma,Geneva,Verdana;color:orange;float:left;width:100%;text-align:left;padding:0 0 0 5px;}#Products_container h2{float:left;width:100%;}#Products_container h2 a{font:normal 11px "Segoe UI",Tahoma,Geneva,Verdana;color:black;float:left;text-decoration:none;text-align:left;padding:0 0 0 5px;}#Products_container h2 a:hover{font:normal 11px "Segoe UI",Tahoma,Geneva,Verdana;color:orange;float:left;}#Products_container img{ float:left;}#Products_container p{font:normal 11px "Segoe UI",Tahoma,Geneva,Verdana;color:gray;text-align:left;float:left;width:560px}#Products_container p a{font: normal 11px "Segoe UI",Tahoma,Geneva,Verdana;color:#FFFFFF;text-decoration: none;margin-top:10px;padding-top:2px;float: right;width:93px;height:18px;background-image: url('images/more_gr.png');background-repeat:no-repeat;text-align:center;vertical-align:middle}#Products_container p a:hover{font:normal 11px "Segoe UI",Tahoma,Geneva,Verdana;color:black;text-decoration:none;}#Project_container{ padding:10px 0 0 0;font-family:"Segoe UI",Tahoma,Geneva,Verdana;}#Project_container div{ background-image:url('images/project_bg.png');background-repeat:no-repeat;width:110px;height:90px;float:left;}#Project_container div img{width:100px;height:80px;margin:auto;float:none;vertical-align: middle;text-align:center;padding-top:5px;}#Project_container h1{font:normal 12px "Segoe UI",Tahoma,Geneva,Verdana;color:orange;float:left;text-align:left;padding:0 0 0 5px;width:560px}#Project_container h2{float:left;width:100%;}#Project_container h2 a{font:normal 11px "Segoe UI",Tahoma,Geneva,Verdana;color:black;float:left;text-decoration:none;text-align:left;padding:0 0 0 5px;}#Project_container h2 a:hover{font:normal 11px "Segoe UI",Tahoma,Geneva,Verdana;color:orange;float:left;}#Project_container img{ float:left;}#Project_container p{font:normal 11px "Segoe UI",Tahoma,Geneva,Verdana;color:gray;text-align:left;float:left;width:560px;padding:0 0 0 5px;}#Project_container p a{font: normal 11px "Segoe UI",Tahoma,Geneva,Verdana;color:#FFFFFF;text-decoration: none;margin-top:10px;padding-top:2px;float: right;width:93px;height:18px;background-image: url('images/more_gr.png');background-repeat:no-repeat;text-align:center;vertical-align:middle}#Project_container p a:hover{font:normal 11px "Segoe UI",Tahoma,Geneva,Verdana;color:black;text-decoration:none;}#Project_content{ padding:10px 0 0 0;font-family:"Segoe UI",Tahoma,Geneva,Verdana;}#Project_content h1{font:normal 13px "Segoe UI",Tahoma,Geneva,Verdana;color:orange;float:left;text-align:left;padding:0px 0 0 0px;width:700px;}#Project_content p{font:normal 11px "Segoe UI",Tahoma,Geneva,Verdana;color:gray;text-align:left;float:left;padding:10px 0 10px 0px;width:700px;}#Project_content p a{font: normal 11px "Segoe UI",Tahoma,Geneva,Verdana;color:#FFFFFF;text-decoration: none;margin-top:10px;padding-top:2px;float: right;width:93px;height:18px;background-image: url('images/more_gr.png');background-repeat:no-repeat;text-align:center;vertical-align:middle}#Project_content p a:hover{font:normal 11px "Segoe UI",Tahoma,Geneva,Verdana;color:black;text-decoration:none;}#Project_content div span {background-image:url('images/project_bg.png');background-position:center center;background-repeat:no-repeat;width:110px;height:90px;margin:4px;float:left}#Project_content div span a img{width:100px;height:80px;margin:0px;float:none;vertical-align: middle;text-align:center;padding-top:5px;border:0px;}#Project_content div span a:hover img{width:100px;height:80px;margin:0px;float:none;vertical-align: middle;text-align:center;padding:3px;border:2px;border-style:solid;border-color:orange;}#erga_content{padding:0 5px 0 10px;width:320px;float:left;border-right:thin gray dotted}#erga_content h1{font:normal 17px "Segoe UI",Tahoma,Geneva,Verdana;color:black;text-align:left;border-bottom:thin gray dotted;margin-bottom:15px;}#erga_content h2{font:bold 11px "Segoe UI",Tahoma,Geneva,Verdana;color:black;text-align:left;}#erga_content h3{font:normal 11px "Segoe UI",Tahoma,Geneva,Verdana;color:black;text-align:left;margin-bottom:0px;}#erga_content a{font:bold 11px "Segoe UI",Tahoma,Geneva,Verdana;color:orange;text-align:left;margin-bottom:0px;text-decoration:none;float:right;margin-top:5px}#erga_content a:hover{font:bold 11px "Segoe UI",Tahoma,Geneva,Verdana;color:black;text-align:left;}#erga_content img {float:left;}#erga_content div {float:left;height:auto;margin-bottom:10px}#products_content{padding:0 5px 0 5px;width:320px;float:left;}#products_content h1{font:normal 17px "Segoe UI",Tahoma,Geneva,Verdana;color:black;text-align:left;border-bottom:thin gray dotted;margin-bottom:10px;}#products_content h2{font:bold 11px "Segoe UI",Tahoma,Geneva,Verdana;color:black;text-align:left;}#products_content div{padding-left:15px;padding-top:10px;}#products_content div a {float:right;text-decoration:none;background-image:url('images/more_gr.png');width:93px;background-repeat:no-repeat;height:18px;padding-right:10px;padding-top:1px;}#products_content div a:hover {float:right;text-decoration:none}#banner_content{width:275px;float:left;}#banner_content img{ padding:7px 0 7px 0}#banner_content a img{ border:0px;}#banner_content a:hover img{}#center_content{float:left;width:710px;padding:0 0 0 10px;}#center_content h1{font:normal 18px "Segoe UI",Tahoma,Geneva,Verdana;color:orange;text-align:left;border-bottom:thin gray dotted;padding-top:11px;}#center_content h1 a{font:normal 18px "Segoe UI",Tahoma,Geneva,Verdana;color:orange;text-align:left;text-decoration:none}#center_content h1 a:hover{color:black;text-align:left}#center_content h2{font:normal 13px "Segoe UI",Tahoma,Geneva,Verdana;color:gray;text-align:left;margin-top:10px;}#center_content h3{font:bold 13px "Segoe UI",Tahoma,Geneva,Verdana;color:black;text-align:left;border-bottom:thin gray dotted;background-image:url('images/bullet.gif');background-repeat:no-repeat;background-position:left;padding-left:10px;}#center_content h4 {font:normal 14px "Segoe UI",Tahoma,Geneva,Verdana;color:#2b88ae;text-align:left;padding-top:10px;}#contact h2{width:200px;float:left;}#contact iframe{float:left;}#contact h4 {color:orange}.shadow{background-image:url('images/shadow.jpg');width:958px;height:20px;background-repeat:no-repeat;margin-top:20px;clear:both;padding-top:20px;background-position:center}.left_content {width:230px;float:left;}.left_content ul{margin:0;padding:10px 0px 10px 10px ;}.left_content img{margin:5px 0 5px 0;}.left_content li{margin:5px 0 10px 10px;padding:0 0 5px 0;width:195px;text-align:left;list-style:none;border-bottom:thin gray dotted}.left_content li a{ text-decoration:none;}.left_content li p {text-align:left;}.left_content li img {margin:0px 5px 0px 15px;}.left_content li p img{margin:0px 5px 0px 0px;}#profile div{ width:33%;float:left;padding-top:15px;}#profile div a img{ border:0px;}#services {}#services a{ width:33%;float:left;padding-top:15px;}#services div#service1 a{ background-image:url('images/service1bw.png');background-repeat:no-repeat;background-position:center center;height:287px;}#services div#service2 a{ background-image:url('images/service2bw.png');background-repeat:no-repeat;background-position:center center;height:287px;}#services div#service3 a{ background-image:url('images/service3bw.png');background-repeat:no-repeat;background-position:center center;height:287px;}#services div#service1 a{ background-image:url('images/service1.png');background-repeat:no-repeat;background-position:center center;height:287px;}#services div#service2 a{ background-image:url('images/service2.png');background-repeat:no-repeat;background-position:center center;height:287px;}#services div#service3 a{ background-image:url('images/service3.png');background-repeat:no-repeat;background-position:center center;height:287px;}#services div#service1 a:hover{ background-image:url('images/service1bw.png');background-repeat:no-repeat;background-position:center center;height:287px;}#services div#service2 a:hover{ background-image:url('images/service2bw.png');background-repeat:no-repeat;background-position:center center;height:287px;}#services div#service3 a:hover{ background-image:url('images/service3bw.png');background-repeat:no-repeat;background-position:center center;height:287px;}#Right_menu{height:300px;width:216px;float:right;padding-top:40px;}#Right_menu a{ width:216px;height:100px;float:right}#Right_menu div#Right_menu1 a{background:url('images/mini_service1.png') no-repeat center center;width:216px;height:100px;}#Right_menu div#Right_menu2 a{ background:url('images/mini_service2.png') no-repeat center center;width:216px;height:100px;}#Right_menu div#Right_menu3 a{ background:url('images/mini_service3.png') no-repeat center center;width:216px;height:100px;}#Right_menu div#Right_menu1 a:hover{background:url('images/mini_service1bw.png') no-repeat center center;width:216px;height:100px;}#Right_menu div#Right_menu2 a:hover{ background:url('images/mini_service2bw.png') no-repeat center center;width:216px;height:100px;}#Right_menu div#Right_menu3 a:hover{ background:url('images/mini_service3bw.png') no-repeat center center;width:216px;height:100px;}#Products{}#Products a{ width:33%;float:left;padding-top:15px;}#Products div#Products1 a{ background-image:url('images/products1bw.png');background-repeat:no-repeat;background-position:center center;height:287px;}#Products div#products1 a{ background-image:url('images/products2bw.png');background-repeat:no-repeat;background-position:center center;height:287px;}#Products div#products1 a{ background-image:url('images/products3bw.png');background-repeat:no-repeat;background-position:center center;height:287px;}#Products div#Products1 a{ background-image:url('images/products1.png');background-repeat:no-repeat;background-position:center center;height:287px;}#Products div#Products2 a{ background-image:url('images/products2.png');background-repeat:no-repeat;background-position:center center;height:287px;}#Products div#Products3 a{ background-image:url('images/products3.png');background-repeat:no-repeat;background-position:center center;height:287px;}#Products div#Products1 a:hover{ background-image:url('images/products1bw.png');background-repeat:no-repeat;background-position:center center;height:287px;}#Products div#Products2 a:hover{ background-image:url('images/products2bw.png');background-repeat:no-repeat;background-position:center center;height:287px;}#Products div#Products3 a:hover{ background-image:url('images/products3bw.png');background-repeat:no-repeat;background-position:center center;height:287px;}.company{ font-family:"Segoe UI",Tahoma,Geneva,Verdana;font-size:13px;color:orange;width:400px;text-align:left;padding-left:8px;padding-top:10px;float:left;}.site {font-family: "Segoe UI",Tahoma,Geneva,Verdana;font-size:11px;width:100%;text-align:left;padding-left:8px;float:left;text-decoration:none;color:black;}.site a{text-decoration:none;color:black;}.site a:hover{ color:orange;}.logo{ text-align:left;width:134px;float:left;}.line{ border:thin;border-bottom-style:dotted;border-bottom-color:gray;padding-top:10px;padding-bottom:10px;width:100%;float:right;margin-bottom:10px;}#footer_container{ width:960px;height:250px;margin:auto;}#footer_container div{padding:0 12px 0 12px;float:left;}#footer_container div h1{font: normal normal bold 11px "Tahoma",Segoe UI,Geneva,Verdana;}#footer_container div h1{background-image:url('images/bullet.gif');background-repeat:no-repeat;background-position: left center;text-align:left;padding-left:10px;margin-bottom:5px;}#footer_container div h1 a{text-align:left;margin-bottom:5px;text-decoration:none;color:black}#footer_container div h1 a:hover{text-align:left;margin-bottom:5px;text-decoration:underline;color:orange}#footer_container div h2{font: normal normal normal 11px "Tahoma",Segoe UI,Geneva,Verdana;color:gray}#footer_container div h2{text-align:left;padding-left:10px;margin-bottom:5px;}#footer_container div h2 a{text-align:left;margin-bottom:5px;text-decoration:none;color:gray;}#footer_container div h2 a:hover{text-align:left;margin-bottom:5px;text-decoration:underline;color:orange}.vr{background-image:url('images/vr.gif');height:105px;background-repeat:no-repeat;background-position:center top;}#partners{width:100%;clear:both}#logos{margin:0 0 0 0;padding:0 0 0 0;border:0}#logos li{ width:134px;height:50px;float:left;background-repeat:no-repeat;background-position:center center;list-style:none;}#logos a{text-decoration:none;display:block;height:100%;background-repeat:no-repeat;background-position:center center}#logos li#logo1 a{background-image:url('images/logos/bw/1.jpg');}#logos li#logo1 a:hover {background:transparent;}#logos li#logo1 {background-image:url('images/logos/color/1.jpg');}#logos li#logo2 a{background-image:url('images/logos/bw/2.jpg');}#logos li#logo2 a:hover {background:transparent;}#logos li#logo2 {background-image:url('images/logos/color/2.jpg');}#logos li#logo3 a{background-image:url('images/logos/bw/3.jpg');}#logos li#logo3 a:hover {background:transparent;}#logos li#logo3 {background-image:url('images/logos/color/3.jpg');}#logos li#logo4 a{background-image:url('images/logos/bw/4.jpg');}#logos li#logo4 a:hover {background:transparent;}#logos li#logo4 {background-image:url('images/logos/color/4.jpg');}#logos li#logo5 a{background-image:url('images/logos/bw/5.jpg');}#logos li#logo5 a:hover {background:transparent;}#logos li#logo5 {background-image:url('images/logos/color/5.jpg');}#logos li#logo6 a{background-image:url('images/logos/bw/6.jpg');}#logos li#logo6 a:hover {background:transparent;}#logos li#logo6 {background-image:url('images/logos/color/6.jpg');}#logos li#logo7 a{background-image:url('images/logos/bw/7.jpg');}#logos li#logo7 a:hover {background:transparent;}#logos li#logo7 {background-image:url('images/logos/color/7.jpg');}#logos li#logo8 a{background-image:url('images/logos/bw/8.jpg');}#logos li#logo8 a:hover {background:transparent;}#logos li#logo8 {background-image:url('images/logos/color/8.jpg');}#logos li#logo9 a{background-image:url('images/logos/bw/9.jpg');}#logos li#logo9 a:hover {background:transparent;}#logos li#logo9 {background-image:url('images/logos/color/9.jpg');}#logos li#logo10 a{background-image:url('images/logos/bw/10.jpg');}#logos li#logo10 a:hover {background:transparent;}#logos li#logo10 {background-image:url('images/logos/color/10.jpg');}#logos li#logo11 a{background-image:url('images/logos/bw/11.jpg');}#logos li#logo11 a:hover {background:transparent;}#logos li#logo11 {background-image:url('images/logos/color/11.jpg');}#logos li#logo12 a{background-image:url('images/logos/bw/12.jpg');}#logos li#logo12 a:hover {background:transparent;}#logos li#logo12 {background-image:url('images/logos/color/12.jpg');}#logos li#logo13 a{background-image:url('images/logos/bw/13.jpg');}#logos li#logo13 a:hover {background:transparent;}#logos li#logo13 {background-image:url('images/logos/color/13.jpg');}#logos li#logo14 a{background-image:url('images/logos/bw/14.jpg');}#logos li#logo14 a:hover {background:transparent;}#logos li#logo14 {background-image:url('images/logos/color/14.jpg');}#footer_bottom {width:940px;height:50px;margin-top:0px;}#footer_bottom .line{border-bottom:thin gray dotted}#footer_bottom img{ float:left;margin:0px;}#footer_bottom a img{ border:0}#footer_bottom h3{ font-family:"Segoe UI",Tahoma,Geneva,Verdana;color:black;font-size:11px;text-align:right;font-weight:normal;margin-top:30px;}#footer_bottom h3 a{ font-family:"Segoe UI",Tahoma,Geneva,Verdana;color:black;font-size:11px;font-weight:normal;}#footer_bottom h3 a:hover{ font-family:"Segoe UI",Tahoma,Geneva,Verdana;color:orange;font-size:11px;font-weight:normal;}
Plain Code
@charset "utf-8";h1 ,h2 ,h3 ,h4{margin:0px}#header_contact,#lang,.content_date,.content_desc,.content_more a,.content_more a:hover {font-family:"Tahoma",Segoe UI,Geneva,Verdana}.content_title,.glossymenu li a,#products_content div a,.left_content li,.left_content li a,.left_content li a:hover {font-family: "Segoe UI",Tahoma,Geneva,Verdana;}#header_contact,#lang {font-size:10px;}.content_date,.content_desc,.content_more a,.content_more a:hover,.left_content li,.left_content li a,.left_content li a:hover {font-size:11px;}#products_content div a {font-size:12px;}.left_content p {font-size:13px;}.glossymenu li a,.left_menu_title {font-size:14px;}.content_title {font-size:18px;}#header_contact,#header_contact a,#lang,#products_content div a:hover,.content_date,.content_more a:hover,#lang a {color:black}#products_content div a {color:white}.glossymenu li a,.left_content li,.left_content li a {color: gray}.left_content p {color:#656565}.glossymenu li.current a,.glossymenu li a:hover,.glossymenu li.current a b,.glossymenu li a:hover b {color:#fff}.content_more a,#header_contact a:hover,#lang a:hover,.left_content li a:hover {color:orange}.glossymenu li a {font-weight:lighter}#products_content div a,#products_content div a,.content_date,.content_more a,.content_more a:hover {font-weight:bold}body{margin:0px;border:0px;text-align:center;background:url('images/bg/home.jpg') no-repeat fixed center bottom;}p{margin:0px;padding:0px;}#header{width:100%;height:146px;text-align:center;background-image:url('images/header.png');background-repeat:repeat-x;}#hr{background-color:#ff7f00;width:100%;height:2px;}#header_container{width:960px;height:100%;margin:0 auto;}#header_contact{ float:left;padding-top:5px;clear:both;}#header_contact ,img{margin:0 5px 0 5px;}#logo a img{ width:231px;height:68px;float:left;padding-top:50px;clear:left;border:0px}#logo a:hover img{ width:231px;height:68px;float:left;padding-top:50px;clear:left;border:0px}#lang{ padding-top:5px;float:right;padding-right:5px;}#top_menu{ float:right;padding-top:77px;padding-right:0px;}.glossymenu{position: relative;padding:0 0 0 34px;margin:0 auto 0 auto;height:46px;list-style: none;}.glossymenu li{float:left;padding-left:2px;padding-right:2px;}.glossymenu li a{text-decoration: none;float:left;display:block;padding:0 0 0 8px;height:46px;line-height:46px;text-align:center;cursor: pointer;}.glossymenu li a b{float: left;display:block;padding:0 8px 0 0;}.glossymenu li.current a,.glossymenu li a:hover{background: url(images/left_tab.png) no-repeat left top;}.glossymenu li.current a b,.glossymenu li a:hover b{background: url(images/right_tab.png) no-repeat right top;}.flash_container {width:960px;text-align:center;left:50%;margin-left: -470px;position: relative;z-index:2;}.top-left {margin-right:9px;background-image: url('images/corners940x18.png');height:9px;font-size:2px;}.top-right {margin-top: -9px;margin-left:9px;background-image: url('images/corners940x18.png');background-position:100% 0;height:9px;font-size:2px;}.bottom-left {margin-right:9px;background-image: url('images/corners940x18.png');background-position:0 -9px;height:9px;font-size:2px;}.bottom-right {margin-top: -9px;margin-left:9px;background-image: url('images/corners940x18.png');background-position:100% -9px;height:9px;font-size:2px;}.inside {border-left:1px solid #c1c1c1;border-right:1px solid #c1c1c1;background:#FFFFFF;color:#000000;}.center_container {width:960px;text-align:center;left:50%;margin-left: -470px;position: relative;z-index:2;padding-top:5px;}.top-left {margin-right:9px;background-image: url('images/corners940x18.png');height:9px;font-size:2px;}.top-right {margin-top: -9px;margin-left:9px;background-image: url('images/corners940x18.png');background-position:100% 0;height:9px;font-size:2px;}.bottom-left {margin-right:9px;background-image: url('images/corners940x18.png');background-position:0 -9px;height:9px;font-size:2px;}.bottom-right {margin-top: -9px;margin-left:9px;background-image: url('images/corners940x18.png');background-position:100% -9px;height:9px;font-size:2px;}.inside {border-left:1px solid #c1c1c1;border-right:1px solid #c1c1c1;background:#FFFFFF;color:#000000;}#center_products{float:left;width:715px;padding:0 0 0 10px;}#Products_container{ padding:10px 0 0 0;font-family:"Segoe UI",Tahoma,Geneva,Verdana;}#Products_container h1{font:normal 13px "Segoe UI",Tahoma,Geneva,Verdana;color:orange;float:left;width:100%;text-align:left;padding:0 0 0 5px;}#Products_container h2{float:left;width:100%;}#Products_container h2 a{font:normal 11px "Segoe UI",Tahoma,Geneva,Verdana;color:black;float:left;text-decoration:none;text-align:left;padding:0 0 0 5px;}#Products_container h2 a:hover{font:normal 11px "Segoe UI",Tahoma,Geneva,Verdana;color:orange;float:left;}#Products_container img{ float:left;}#Products_container p{font:normal 11px "Segoe UI",Tahoma,Geneva,Verdana;color:gray;text-align:left;float:left;width:560px}#Products_container p a{font: normal 11px "Segoe UI",Tahoma,Geneva,Verdana;color:#FFFFFF;text-decoration: none;margin-top:10px;padding-top:2px;float: right;width:93px;height:18px;background-image: url('images/more_gr.png');background-repeat:no-repeat;text-align:center;vertical-align:middle}#Products_container p a:hover{font:normal 11px "Segoe UI",Tahoma,Geneva,Verdana;color:black;text-decoration:none;}#Project_container{ padding:10px 0 0 0;font-family:"Segoe UI",Tahoma,Geneva,Verdana;}#Project_container div{ background-image:url('images/project_bg.png');background-repeat:no-repeat;width:110px;height:90px;float:left;}#Project_container div img{width:100px;height:80px;margin:auto;float:none;vertical-align: middle;text-align:center;padding-top:5px;}#Project_container h1{font:normal 12px "Segoe UI",Tahoma,Geneva,Verdana;color:orange;float:left;text-align:left;padding:0 0 0 5px;width:560px}#Project_container h2{float:left;width:100%;}#Project_container h2 a{font:normal 11px "Segoe UI",Tahoma,Geneva,Verdana;color:black;float:left;text-decoration:none;text-align:left;padding:0 0 0 5px;}#Project_container h2 a:hover{font:normal 11px "Segoe UI",Tahoma,Geneva,Verdana;color:orange;float:left;}#Project_container img{ float:left;}#Project_container p{font:normal 11px "Segoe UI",Tahoma,Geneva,Verdana;color:gray;text-align:left;float:left;width:560px;padding:0 0 0 5px;}#Project_container p a{font: normal 11px "Segoe UI",Tahoma,Geneva,Verdana;color:#FFFFFF;text-decoration: none;margin-top:10px;padding-top:2px;float: right;width:93px;height:18px;background-image: url('images/more_gr.png');background-repeat:no-repeat;text-align:center;vertical-align:middle}#Project_container p a:hover{font:normal 11px "Segoe UI",Tahoma,Geneva,Verdana;color:black;text-decoration:none;}#Project_content{ padding:10px 0 0 0;font-family:"Segoe UI",Tahoma,Geneva,Verdana;}#Project_content h1{font:normal 13px "Segoe UI",Tahoma,Geneva,Verdana;color:orange;float:left;text-align:left;padding:0px 0 0 0px;width:700px;}#Project_content p{font:normal 11px "Segoe UI",Tahoma,Geneva,Verdana;color:gray;text-align:left;float:left;padding:10px 0 10px 0px;width:700px;}#Project_content p a{font: normal 11px "Segoe UI",Tahoma,Geneva,Verdana;color:#FFFFFF;text-decoration: none;margin-top:10px;padding-top:2px;float: right;width:93px;height:18px;background-image: url('images/more_gr.png');background-repeat:no-repeat;text-align:center;vertical-align:middle}#Project_content p a:hover{font:normal 11px "Segoe UI",Tahoma,Geneva,Verdana;color:black;text-decoration:none;}#Project_content div span {background-image:url('images/project_bg.png');background-position:center center;background-repeat:no-repeat;width:110px;height:90px;margin:4px;float:left}#Project_content div span a img{width:100px;height:80px;margin:0px;float:none;vertical-align: middle;text-align:center;padding-top:5px;border:0px;}#Project_content div span a:hover img{width:100px;height:80px;margin:0px;float:none;vertical-align: middle;text-align:center;padding:3px;border:2px;border-style:solid;border-color:orange;}#erga_content{padding:0 5px 0 10px;width:320px;float:left;border-right:thin gray dotted}#erga_content h1{font:normal 17px "Segoe UI",Tahoma,Geneva,Verdana;color:black;text-align:left;border-bottom:thin gray dotted;margin-bottom:15px;}#erga_content h2{font:bold 11px "Segoe UI",Tahoma,Geneva,Verdana;color:black;text-align:left;}#erga_content h3{font:normal 11px "Segoe UI",Tahoma,Geneva,Verdana;color:black;text-align:left;margin-bottom:0px;}#erga_content a{font:bold 11px "Segoe UI",Tahoma,Geneva,Verdana;color:orange;text-align:left;margin-bottom:0px;text-decoration:none;float:right;margin-top:5px}#erga_content a:hover{font:bold 11px "Segoe UI",Tahoma,Geneva,Verdana;color:black;text-align:left;}#erga_content img {float:left;}#erga_content div {float:left;height:auto;margin-bottom:10px}#products_content{padding:0 5px 0 5px;width:320px;float:left;}#products_content h1{font:normal 17px "Segoe UI",Tahoma,Geneva,Verdana;color:black;text-align:left;border-bottom:thin gray dotted;margin-bottom:10px;}#products_content h2{font:bold 11px "Segoe UI",Tahoma,Geneva,Verdana;color:black;text-align:left;}#products_content div{padding-left:15px;padding-top:10px;}#products_content div a {float:right;text-decoration:none;background-image:url('images/more_gr.png');width:93px;background-repeat:no-repeat;height:18px;padding-right:10px;padding-top:1px;}#products_content div a:hover {float:right;text-decoration:none}#banner_content{width:275px;float:left;}#banner_content img{ padding:7px 0 7px 0}#banner_content a img{ border:0px;}#banner_content a:hover img{}#center_content{float:left;width:710px;padding:0 0 0 10px;}#center_content h1{font:normal 18px "Segoe UI",Tahoma,Geneva,Verdana;color:orange;text-align:left;border-bottom:thin gray dotted;padding-top:11px;}#center_content h1 a{font:normal 18px "Segoe UI",Tahoma,Geneva,Verdana;color:orange;text-align:left;text-decoration:none}#center_content h1 a:hover{color:black;text-align:left}#center_content h2{font:normal 13px "Segoe UI",Tahoma,Geneva,Verdana;color:gray;text-align:left;margin-top:10px;}#center_content h3{font:bold 13px "Segoe UI",Tahoma,Geneva,Verdana;color:black;text-align:left;border-bottom:thin gray dotted;background-image:url('images/bullet.gif');background-repeat:no-repeat;background-position:left;padding-left:10px;}#center_content h4 {font:normal 14px "Segoe UI",Tahoma,Geneva,Verdana;color:#2b88ae;text-align:left;padding-top:10px;}#contact h2{width:200px;float:left;}#contact iframe{float:left;}#contact h4 {color:orange}.shadow{background-image:url('images/shadow.jpg');width:958px;height:20px;background-repeat:no-repeat;margin-top:20px;clear:both;padding-top:20px;background-position:center}.left_content {width:230px;float:left;}.left_content ul{margin:0;padding:10px 0px 10px 10px ;}.left_content img{margin:5px 0 5px 0;}.left_content li{margin:5px 0 10px 10px;padding:0 0 5px 0;width:195px;text-align:left;list-style:none;border-bottom:thin gray dotted}.left_content li a{ text-decoration:none;}.left_content li p {text-align:left;}.left_content li img {margin:0px 5px 0px 15px;}.left_content li p img{margin:0px 5px 0px 0px;}#profile div{ width:33%;float:left;padding-top:15px;}#profile div a img{ border:0px;}#services {}#services a{ width:33%;float:left;padding-top:15px;}#services div#service1 a{ background-image:url('images/service1bw.png');background-repeat:no-repeat;background-position:center center;height:287px;}#services div#service2 a{ background-image:url('images/service2bw.png');background-repeat:no-repeat;background-position:center center;height:287px;}#services div#service3 a{ background-image:url('images/service3bw.png');background-repeat:no-repeat;background-position:center center;height:287px;}#services div#service1 a{ background-image:url('images/service1.png');background-repeat:no-repeat;background-position:center center;height:287px;}#services div#service2 a{ background-image:url('images/service2.png');background-repeat:no-repeat;background-position:center center;height:287px;}#services div#service3 a{ background-image:url('images/service3.png');background-repeat:no-repeat;background-position:center center;height:287px;}#services div#service1 a:hover{ background-image:url('images/service1bw.png');background-repeat:no-repeat;background-position:center center;height:287px;}#services div#service2 a:hover{ background-image:url('images/service2bw.png');background-repeat:no-repeat;background-position:center center;height:287px;}#services div#service3 a:hover{ background-image:url('images/service3bw.png');background-repeat:no-repeat;background-position:center center;height:287px;}#Right_menu{height:300px;width:216px;float:right;padding-top:40px;}#Right_menu a{ width:216px;height:100px;float:right}#Right_menu div#Right_menu1 a{background:url('images/mini_service1.png') no-repeat center center;width:216px;height:100px;}#Right_menu div#Right_menu2 a{ background:url('images/mini_service2.png') no-repeat center center;width:216px;height:100px;}#Right_menu div#Right_menu3 a{ background:url('images/mini_service3.png') no-repeat center center;width:216px;height:100px;}#Right_menu div#Right_menu1 a:hover{background:url('images/mini_service1bw.png') no-repeat center center;width:216px;height:100px;}#Right_menu div#Right_menu2 a:hover{ background:url('images/mini_service2bw.png') no-repeat center center;width:216px;height:100px;}#Right_menu div#Right_menu3 a:hover{ background:url('images/mini_service3bw.png') no-repeat center center;width:216px;height:100px;}#Products{}#Products a{ width:33%;float:left;padding-top:15px;}#Products div#Products1 a{ background-image:url('images/products1bw.png');background-repeat:no-repeat;background-position:center center;height:287px;}#Products div#products1 a{ background-image:url('images/products2bw.png');background-repeat:no-repeat;background-position:center center;height:287px;}#Products div#products1 a{ background-image:url('images/products3bw.png');background-repeat:no-repeat;background-position:center center;height:287px;}#Products div#Products1 a{ background-image:url('images/products1.png');background-repeat:no-repeat;background-position:center center;height:287px;}#Products div#Products2 a{ background-image:url('images/products2.png');background-repeat:no-repeat;background-position:center center;height:287px;}#Products div#Products3 a{ background-image:url('images/products3.png');background-repeat:no-repeat;background-position:center center;height:287px;}#Products div#Products1 a:hover{ background-image:url('images/products1bw.png');background-repeat:no-repeat;background-position:center center;height:287px;}#Products div#Products2 a:hover{ background-image:url('images/products2bw.png');background-repeat:no-repeat;background-position:center center;height:287px;}#Products div#Products3 a:hover{ background-image:url('images/products3bw.png');background-repeat:no-repeat;background-position:center center;height:287px;}.company{ font-family:"Segoe UI",Tahoma,Geneva,Verdana;font-size:13px;color:orange;width:400px;text-align:left;padding-left:8px;padding-top:10px;float:left;}.site {font-family: "Segoe UI",Tahoma,Geneva,Verdana;font-size:11px;width:100%;text-align:left;padding-left:8px;float:left;text-decoration:none;color:black;}.site a{text-decoration:none;color:black;}.site a:hover{ color:orange;}.logo{ text-align:left;width:134px;float:left;}.line{ border:thin;border-bottom-style:dotted;border-bottom-color:gray;padding-top:10px;padding-bottom:10px;width:100%;float:right;margin-bottom:10px;}#footer_container{ width:960px;height:250px;margin:auto;}#footer_container div{padding:0 12px 0 12px;float:left;}#footer_container div h1{font: normal normal bold 11px "Tahoma",Segoe UI,Geneva,Verdana;}#footer_container div h1{background-image:url('images/bullet.gif');background-repeat:no-repeat;background-position: left center;text-align:left;padding-left:10px;margin-bottom:5px;}#footer_container div h1 a{text-align:left;margin-bottom:5px;text-decoration:none;color:black}#footer_container div h1 a:hover{text-align:left;margin-bottom:5px;text-decoration:underline;color:orange}#footer_container div h2{font: normal normal normal 11px "Tahoma",Segoe UI,Geneva,Verdana;color:gray}#footer_container div h2{text-align:left;padding-left:10px;margin-bottom:5px;}#footer_container div h2 a{text-align:left;margin-bottom:5px;text-decoration:none;color:gray;}#footer_container div h2 a:hover{text-align:left;margin-bottom:5px;text-decoration:underline;color:orange}.vr{background-image:url('images/vr.gif');height:105px;background-repeat:no-repeat;background-position:center top;}#partners{width:100%;clear:both}#logos{margin:0 0 0 0;padding:0 0 0 0;border:0}#logos li{ width:134px;height:50px;float:left;background-repeat:no-repeat;background-position:center center;list-style:none;}#logos a{text-decoration:none;display:block;height:100%;background-repeat:no-repeat;background-position:center center}#logos li#logo1 a{background-image:url('images/logos/bw/1.jpg');}#logos li#logo1 a:hover {background:transparent;}#logos li#logo1 {background-image:url('images/logos/color/1.jpg');}#logos li#logo2 a{background-image:url('images/logos/bw/2.jpg');}#logos li#logo2 a:hover {background:transparent;}#logos li#logo2 {background-image:url('images/logos/color/2.jpg');}#logos li#logo3 a{background-image:url('images/logos/bw/3.jpg');}#logos li#logo3 a:hover {background:transparent;}#logos li#logo3 {background-image:url('images/logos/color/3.jpg');}#logos li#logo4 a{background-image:url('images/logos/bw/4.jpg');}#logos li#logo4 a:hover {background:transparent;}#logos li#logo4 {background-image:url('images/logos/color/4.jpg');}#logos li#logo5 a{background-image:url('images/logos/bw/5.jpg');}#logos li#logo5 a:hover {background:transparent;}#logos li#logo5 {background-image:url('images/logos/color/5.jpg');}#logos li#logo6 a{background-image:url('images/logos/bw/6.jpg');}#logos li#logo6 a:hover {background:transparent;}#logos li#logo6 {background-image:url('images/logos/color/6.jpg');}#logos li#logo7 a{background-image:url('images/logos/bw/7.jpg');}#logos li#logo7 a:hover {background:transparent;}#logos li#logo7 {background-image:url('images/logos/color/7.jpg');}#logos li#logo8 a{background-image:url('images/logos/bw/8.jpg');}#logos li#logo8 a:hover {background:transparent;}#logos li#logo8 {background-image:url('images/logos/color/8.jpg');}#logos li#logo9 a{background-image:url('images/logos/bw/9.jpg');}#logos li#logo9 a:hover {background:transparent;}#logos li#logo9 {background-image:url('images/logos/color/9.jpg');}#logos li#logo10 a{background-image:url('images/logos/bw/10.jpg');}#logos li#logo10 a:hover {background:transparent;}#logos li#logo10 {background-image:url('images/logos/color/10.jpg');}#logos li#logo11 a{background-image:url('images/logos/bw/11.jpg');}#logos li#logo11 a:hover {background:transparent;}#logos li#logo11 {background-image:url('images/logos/color/11.jpg');}#logos li#logo12 a{background-image:url('images/logos/bw/12.jpg');}#logos li#logo12 a:hover {background:transparent;}#logos li#logo12 {background-image:url('images/logos/color/12.jpg');}#logos li#logo13 a{background-image:url('images/logos/bw/13.jpg');}#logos li#logo13 a:hover {background:transparent;}#logos li#logo13 {background-image:url('images/logos/color/13.jpg');}#logos li#logo14 a{background-image:url('images/logos/bw/14.jpg');}#logos li#logo14 a:hover {background:transparent;}#logos li#logo14 {background-image:url('images/logos/color/14.jpg');}#footer_bottom {width:940px;height:50px;margin-top:0px;}#footer_bottom .line{border-bottom:thin gray dotted}#footer_bottom img{ float:left;margin:0px;}#footer_bottom a img{ border:0}#footer_bottom h3{ font-family:"Segoe UI",Tahoma,Geneva,Verdana;color:black;font-size:11px;text-align:right;font-weight:normal;margin-top:30px;}#footer_bottom h3 a{ font-family:"Segoe UI",Tahoma,Geneva,Verdana;color:black;font-size:11px;font-weight:normal;}#footer_bottom h3 a:hover{ font-family:"Segoe UI",Tahoma,Geneva,Verdana;color:orange;font-size:11px;font-weight:normal;}Untitled CSS (17-Apr @ 03:41)
Syntax Highlighted Code
- /*
- Variable Grid System (Fluid Version).
- Learn more ~ http://www.spry-soft.com/grids/
- Based on 960 Grid System - http://960.gs/ & 960 Fluid - http://www.designinfluences.com/
- [422 more lines...]
Plain Code
/*
Variable Grid System (Fluid Version).
Learn more ~ http://www.spry-soft.com/grids/
Based on 960 Grid System - http://960.gs/ & 960 Fluid - http://www.designinfluences.com/
Licensed under GPL and MIT.
*/
/* Containers
----------------------------------------------------------------------------------------------------*/
.container_16 {
width: 92%;
margin-left: 4%;
margin-right: 4%;
}
/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
display:inline;
float: left;
position: relative;
margin-left: 1%;
margin-right: 1%;
}
/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha {
margin-left: 0;
}
.omega {
margin-right: 0;
}
/* Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.container_16 .grid_1 {
width:4.25%;
}
.container_16 .grid_2 {
width:10.5%;
}
.container_16 .grid_3 {
width:16.75%;
}
.container_16 .grid_4 {
width:23.0%;
}
.container_16 .grid_5 {
width:29.25%;
}
.container_16 .grid_6 {
width:35.5%;
}
.container_16 .grid_7 {
width:41.75%;
}
.container_16 .grid_8 {
width:48.0%;
}
.container_16 .grid_9 {
width:54.25%;
}
.container_16 .grid_10 {
width:60.5%;
}
.container_16 .grid_11 {
width:66.75%;
}
.container_16 .grid_12 {
width:73.0%;
}
.container_16 .grid_13 {
width:79.25%;
}
.container_16 .grid_14 {
width:85.5%;
}
.container_16 .grid_15 {
width:91.75%;
}
.container_16 .grid_16 {
width:98.0%;
}
/* Prefix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.container_16 .prefix_1 {
padding-left:6.25%;
}
.container_16 .prefix_2 {
padding-left:12.5%;
}
.container_16 .prefix_3 {
padding-left:18.75%;
}
.container_16 .prefix_4 {
padding-left:25.0%;
}
.container_16 .prefix_5 {
padding-left:31.25%;
}
.container_16 .prefix_6 {
padding-left:37.5%;
}
.container_16 .prefix_7 {
padding-left:43.75%;
}
.container_16 .prefix_8 {
padding-left:50.0%;
}
.container_16 .prefix_9 {
padding-left:56.25%;
}
.container_16 .prefix_10 {
padding-left:62.5%;
}
.container_16 .prefix_11 {
padding-left:68.75%;
}
.container_16 .prefix_12 {
padding-left:75.0%;
}
.container_16 .prefix_13 {
padding-left:81.25%;
}
.container_16 .prefix_14 {
padding-left:87.5%;
}
.container_16 .prefix_15 {
padding-left:93.75%;
}
/* Suffix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.container_16 .suffix_1 {
padding-right:6.25%;
}
.container_16 .suffix_2 {
padding-right:12.5%;
}
.container_16 .suffix_3 {
padding-right:18.75%;
}
.container_16 .suffix_4 {
padding-right:25.0%;
}
.container_16 .suffix_5 {
padding-right:31.25%;
}
.container_16 .suffix_6 {
padding-right:37.5%;
}
.container_16 .suffix_7 {
padding-right:43.75%;
}
.container_16 .suffix_8 {
padding-right:50.0%;
}
.container_16 .suffix_9 {
padding-right:56.25%;
}
.container_16 .suffix_10 {
padding-right:62.5%;
}
.container_16 .suffix_11 {
padding-right:68.75%;
}
.container_16 .suffix_12 {
padding-right:75.0%;
}
.container_16 .suffix_13 {
padding-right:81.25%;
}
.container_16 .suffix_14 {
padding-right:87.5%;
}
.container_16 .suffix_15 {
padding-right:93.75%;
}
/* Push Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.container_16 .push_1 {
left:6.25%;
}
.container_16 .push_2 {
left:12.5%;
}
.container_16 .push_3 {
left:18.75%;
}
.container_16 .push_4 {
left:25.0%;
}
.container_16 .push_5 {
left:31.25%;
}
.container_16 .push_6 {
left:37.5%;
}
.container_16 .push_7 {
left:43.75%;
}
.container_16 .push_8 {
left:50.0%;
}
.container_16 .push_9 {
left:56.25%;
}
.container_16 .push_10 {
left:62.5%;
}
.container_16 .push_11 {
left:68.75%;
}
.container_16 .push_12 {
left:75.0%;
}
.container_16 .push_13 {
left:81.25%;
}
.container_16 .push_14 {
left:87.5%;
}
.container_16 .push_15 {
left:93.75%;
}
/* Pull Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.container_16 .pull_1 {
left:-6.25%;
}
.container_16 .pull_2 {
left:-12.5%;
}
.container_16 .pull_3 {
left:-18.75%;
}
.container_16 .pull_4 {
left:-25.0%;
}
.container_16 .pull_5 {
left:-31.25%;
}
.container_16 .pull_6 {
left:-37.5%;
}
.container_16 .pull_7 {
left:-43.75%;
}
.container_16 .pull_8 {
left:-50.0%;
}
.container_16 .pull_9 {
left:-56.25%;
}
.container_16 .pull_10 {
left:-62.5%;
}
.container_16 .pull_11 {
left:-68.75%;
}
.container_16 .pull_12 {
left:-75.0%;
}
.container_16 .pull_13 {
left:-81.25%;
}
.container_16 .pull_14 {
left:-87.5%;
}
.container_16 .pull_15 {
left:-93.75%;
}
/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after {
clear: both;
content: ' ';
display: block;
font-size: 0;
line-height: 0;
visibility: hidden;
width: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}Untitled CSS (16-Apr @ 19:07)
Syntax Highlighted Code
- @charset "UTF-8";
- /* CSS Document */
- <!--
- [209 more lines...]
Plain Code
@charset "UTF-8";
/* CSS Document */
<!--
body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
background: #fff;
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color: #000000;
}
#mainContent, p, h1, h2, h3, h4
{margin:0;
padding:0;}
.twoColLiqLtHdr #container3 {
width: 100%;
margin: 0 auto;
background: #000;
height: inherit;
}
/* start of Main Nav */
.twoColLiqLtHdr #mainnav{
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
text-align: left; /* this overrides the text-align: center on the body element. */
background: #000;
width: 85%;
height: 80px;
text-align: top;
padding-top:20px;
}
#mainnav h1{
margin:0px;
padding:0px;
background:url(../images/Header.jpg) no-repeat;
width: 380px;
height: 80px;
font-size:9px;
float: left; }
#mainnav h1 span {
display:none;
}
#mainnav ul {
padding:0px;
z-index: 10;
list-style-type:none;
}
.resume, .about, .portfolio, .home {
position:relative;
width:100px;
height:30px;
margin-top:10px;
font-size:12px;
float: right;
}
.resume span, .about span, .portfolio span, .home span {
position:absolute;
width:100px;
height:30px;
left: 0px;
}
.resume .l1 {
background-image: url(../images/nav/resume.jpg);
}
.about .l2 {
background-image:url(../images/nav/about.jpg);
}
.portfolio .l3 {
background-image:url(../images/nav/portfolio.jpg);
}
.home .l4 {
background-image:url(../images/nav/home.jpg);
}
.resume .l1:hover {
background-image:url(../images/nav/resumeR.jpg);
}
.about .l2:hover {
background-image:url(../images/nav/aboutR.jpg);
}
.portfolio .l3:hover {
background-image:url(../images/nav/portfolioR.jpg);
}
.home .l4:hover {
background-image:url(../images/nav/homeR.jpg);
}
/* end of Main Nav */
.twoColLiqLtHdr #container {
width: 85%; /* this will create a container 85% of the browser width */
background: #FFFFFF;
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
text-align: left; /* this overrides the text-align: center on the body element. */
}
/* Tips for mainContent:
1. the space between the mainContent and sidebar1 is created with the left margin on the mainContent div. No matter how much content the sidebar1 div contains, the column space will remain. You can remove this left margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends.
2. to avoid float drop at a supported minimum 800 x 600 resolution, elements within the mainContent div should be 430px or smaller (this includes images).
3. in the Internet Explorer Conditional Comment below, the zoom property is used to give the mainContent "hasLayout." This avoids several IE-specific bugs.
*/
.twoColLiqLtHdr #mainContent {
margin-left:85px;
margin-right:90px;
margin-bottom:0px;
padding-bottom:0px;
height:600px;
background-color:#fff;
padding:0px;
margin-top:0;
width: 85%;
}
#leftcopy{
margin-left:0px;
float:left;
width:370px;
}
#leftcopy h2{
padding-top:0px;
text-align: center;
font-size:1em;
}
#leftcopy p{
font-size:10px;
margins:2px;
text-align: left;
}
#gallery{
width:590px;
float:right;
}
/* end #mainContent */
/* start of footer */
.twoColLiqLtHdr #footer {
width: 100%;
height: 15px;
text-align: left;
padding-left:87px;
background:#000;
font-size:12px;
}
.twoColLiqLtHdr #footer p {
margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
#mainnav, #footer a:link {
color: #fff;
text-decoration: none;
}
#mainnav, #footer a:visited {
color: #00ABA9;
}
#mainnav, #footer a:hover {
color: #000;
background-color: #fff;
text-decoration: none;
}
#mainnav, #footer a:active {
color: #333333;
}
/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right;
margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
float: left;
margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
-->
</style><!--[if IE]>
<style type="text/css">
/* place css fixes for all versions of IE in this conditional comment */
.twoColLiqLtHdr #sidebar1 { padding-top: 30px; }
.twoColLiqLtHdr #mainContent { zoom: 1; padding-top: 15px; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</style>
<![endif]>Untitled CSS (13-Apr @ 18:18)
Syntax Highlighted Code
- /* Containers
- ----------------------------------------------------------------------------------------------------*/
- .container_ {
- [85 more lines...]
Plain Code
/* Containers
----------------------------------------------------------------------------------------------------*/
.container_ {
margin-left: auto;
margin-right: auto;
width: 0px;
}
/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_{
display:inline;
float: left;
position: relative;
margin-left: 0px;
margin-right: 0px;
}
/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha {
margin-left: 0;
}
.omega {
margin-right: 0;
}
/* Grid >> 2 Columns
----------------------------------------------------------------------------------------------------*/
/* Prefix Extra Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
/* Suffix Extra Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
/* Push Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
/* Pull Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
.clearfix:after {
clear: both;
content: ' ';
display: block;
font-size: 0;
line-height: 0;
visibility: hidden;
width: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}Untitled CSS (11-Apr @ 10:02)
Syntax Highlighted Code
- /*
- Theme Name: Mystique
- Theme URI: http://digitalnature.ro/projects/mystique
- Description: Feature-packed theme with a solid design, built-in widgets and a intuitive theme settings interface... Designed by <a href="http://digitalnature.ro/">digitalnature</a>.
- [824 more lines...]
Plain Code
/*
Theme Name: Mystique
Theme URI: http://digitalnature.ro/projects/mystique
Description: Feature-packed theme with a solid design, built-in widgets and a intuitive theme settings interface... Designed by <a href="http://digitalnature.ro/">digitalnature</a>.
Version: 2.2.3
Author: digitalnature
Author URI: http://digitalnature.ro
Tags: light, white, two-columns, three-columns, fixed-width, flexible-width, right-sidebar, left-sidebar, theme-options, threaded-comments, translation-ready, custom-header
Mystique Wordpress theme
http://digitalnature.ro/projects/mystique
Theme designed by digitalnature. See the project page for more info and updates
Both the design and code are released under GPL.
http://www.opensource.org/licenses/gpl-license.php
*/
/* reset spacing */
*{margin:0;padding:0;font-family:"Segoe UI",Calibri,"Myriad Pro",Myriad,"Trebuchet MS",Helvetica,Arial,sans-serif;}
html,body{min-height:100%;}
body{background:#000 url(images/bg.png) repeat-x center bottom;font-size:13px;font-style:normal;color:#4e4e4e;}
#page{background:transparent url(images/header.jpg) no-repeat center top;}
/* (max. possible width is limited by design, 1735px) */
.page-content{max-width:1600px;min-width:780px;margin:0 auto;}
/* fluid width page */
body.fluid .page-content{
padding:0 10px;
width: auto;
}
/* fixed width page - 960gs */
body.fixed .page-content{
width:940px;
}
/*** GENERAL ELEMENTS ***/
/* links */
a{color:#0071bb;outline:none;}
a:hover{color:#ed1e24;text-decoration:none;}
/* headings */
h1{font-weight:normal;font-size:270%;letter-spacing:-.04em;line-height:100%;margin:.8em 0 .2em;letter-spacing:-0.04em;}
h2{font-weight:normal;font-size:200%;letter-spacing:-.04em;line-height:110%;margin:.7em 0 .2em;letter-spacing:-0.03em;}
h3{font-size:160%;font-weight:normal;letter-spacing:-.04em;line-height:110%;margin:.7em 0 .2em;letter-spacing:-0.02em;}
h4{font-size:140%;font-weight:bold;margin:.7em 0 .2em;letter-spacing:-0.02em;}
h5{font-family:"Palatino Linotype", Georgia, Serif;font-size:140%;font-weight:bold;margin:.5em 0 .2em;letter-spacing:-0.02em;}
h6{font-size:120%;font-weight:normal;text-transform:uppercase;margin:.5em 0 .2em;}
/* tables */
table{margin:.5em 0 1em;}
table td,table th{text-align:left;border-right:1px solid #fff;padding:.4em .8em;}
table th{background-color:#5e5e5e;color:#fff;text-transform:uppercase;font-weight:bold;border-bottom:1px solid #e8e1c8;}
table td{background-color:#eee;}
table th a{color:#d6f325;}
table th a:hover{color:#fff;}
table tr.even td{background-color:#ddd;}
table tr:hover td{background-color:#fff;}
table.nostyle td,table.nostyle th,table.nostyle tr.even td,table.nostyle tr:hover td{border:0;background:none;background-color:transparent;}
/* forms */
input,textarea,select{font-size:100%;margin:.2em 0;}
input,textarea{padding:.2em .4em;margin:0 2px 4px 2px;}
input.radio,input.checkbox{background-color:#fff;padding:2px;}
textarea{width:90%;}
form label{font-weight:normal;margin:0 2px;}
form .row label{display:block;margin:10px 2px 0 2px;}
fieldset{padding:.8em;border:1px solid #ddd;background-color:#fff;margin:1em 0;}
legend{padding:2px 15px 10px;text-transform:uppercase;font-style:italic;font-size:115%;background-color:#fff;border-top:1px solid #ddd;}
/* lists */
ul,ol{margin:.4em 0 1em;line-height:150%;}
ul li,ol li{list-style-position:outside;margin-left:2.5em;}
dl{padding:.3em 0 .8em;}
dt{font-weight:bold;text-decoration:underline;}
dd{}
/* other */
p{margin:.6em 0 .3em;line-height:150%;}
img{border:0;}
hr{color:#b4aca1;background-color:#b4aca1;border-bottom:1px solid #f6f4eb;}
small{font-size:80%;}
pre{overflow:auto;white-space:pre-wrap;/* <- css3 */white-space:0;/* <- ff */font-size:12px;font-family:"Courier New", Courier, "Lucida Console", Monaco, "DejaVu Sans Mono", "Nimbus Mono L", "Bitstream Vera Sans Mono";background-color:#fff;padding:.4em;margin:1em 0;}
pre{width:80%;overflow:hidden;border:1px solid #ddd;background-color:#fff;padding:.8em;margin:1em 0;}
blockquote{margin:1em 25% 1em 0;min-height:40px;padding:.6em 1em .6em 2.4em;border:1px dotted #ddd;font-style:italic;color:#474747;background:#fff url(images/blockquote.png) no-repeat 4px top;}
blockquote p{padding:8px;margin:2px;}
blockquote blockquote{margin:1em 0 1em;}
#header{display:block;position:relative;z-index:5;}
#header p.nav-extra{position:absolute;top:-25px;z-index:10;right:10px;}
#header a.nav-extra{width:64px;height:36px;display:block;float:right;margin-left:6px;}
#header a.nav-extra span{display:none;}
/*** LOGO & HEADLINE ***/
#site-title{padding:4em 0 3.6em 0;}
#site-title #logo{font-size:400%;font-weight:bold;font-style:normal;margin:0;padding:0;float:left;line-height:60px;}
#site-title #logo a{color:#fff;text-decoration:none;text-shadow:#000 1px 1px 1px;font-variant:small-caps;letter-spacing:-0.04em;}
#site-title #logo a:hover{color:#ed1e24;}
#site-title p.headline{float:left;border-left:1px solid #999;margin:0 0 0 1em;padding:.2em 0 .2em .8em;font-weight:normal;font-size:140%;line-height:64px;letter-spacing:0.4em;}
/*** TOP NAVIGATION ***/
ul#navigation{background:#eee url(images/nav.png) repeat-x left top;width:100%;padding:0;margin:0;list-style-type:none;position:relative;z-index:15;}
ul#navigation li{display:block;position:relative;float:left;list-style-type:none;padding:0 1px 0 0;margin:0;background:transparent url(images/nav-div.png) no-repeat right top;}
ul#navigation li a{min-height:32px;display:block;font-weight:bold;font-size:115%;text-transform:uppercase;text-decoration:none;text-shadow:#fff 1px 1px 1px;text-align:center;color:#4e4e4e;padding:0 13px 0 11px;position:relative;line-height:31px;}
ul#navigation li a.home span.title{background:transparent url(images/icons.png) no-repeat 0px -756px;padding-left:22px;}
ul#navigation li.active a.home span.title{background-position:0px -710px;}
ul#navigation li a:hover,ul#navigation li:hover a{background-color:#fff;}
ul#navigation li.active a:hover,ul#navigation li.active:hover a{background-color:#000;}
ul#navigation li a span.title{display:block;padding:0;}
ul#navigation li a span.pointer{display:none;}
ul#navigation li.active a span.pointer,
ul#navigation li.active-parent a span.pointer,
ul#navigation li.active-ancestor a span.pointer
{position:absolute;width:100%;height:7px;bottom:-7px;left:0;display:block;background:transparent url(images/nav-pointer.png) no-repeat center top;}
ul#navigation li.active a,
ul#navigation li.active-parent a,
ul#navigation li.active-ancestor a
{background:#000 url(images/nav-active.png) no-repeat left top;color:#dedede;text-shadow:#000 1px 1px 1px;}
ul#navigation li a span.arrow{display:none;}
/* fade on mouse out */
ul#navigation li a.fadeThis{position:relative;z-index:1;}
ul#navigation li a.fadeThis span.hover{position:absolute;top:0;left:0;display:block;height:100%;width:100%;background-color:#fff;z-index:-1;margin:0;padding:0;}
ul#navigation li.active a.fadeThis span.hover,
ul#navigation li.active-parent a.fadeThis span.hover,
ul#navigation li.active-ancestor a.fadeThis span.hover
{background:none;}
ul#navigation li.active a.fadeThis span.hover
{background-color:transparent;}
/* submenus */
ul#navigation ul li a span.pointer{display:none !important;}
ul#navigation ul{list-style-type:none;border-bottom:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;position:absolute;display:none;width:250px;top:32px;left:0;margin:0;padding:4px;line-height:normal;background-color:#fff;-moz-box-shadow:0px 8px 14px rgba(0,0,0,0.3);-moz-border-radius-bottomright:8px;-moz-border-radius-bottomleft:8px;-webkit-box-shadow:0px 8px 14px rgba(0,0,0,0.3);-webkit-border-bottom-right-radius:8px;-webkit-border-bottom-left-radius:8px;box-shadow:0px 8px 14px rgba(0,0,0,0.3);border-bottom-right-radius:8px;border-bottom-left-radius:8px;}
ul#navigation li.active ul,
ul#navigation li.active-parent ul,ul#navigation li.active-ancestor ul
{background-color:#000;border-bottom:1px solid #333;border-left:1px solid #333;border-right:1px solid #333;}
ul#navigation li.active li a,
ul#navigation li.active-parent li a,
ul#navigation li.active-ancestor li a
{background:none;}
ul#navigation ul li{float:none;margin:0;background:none;}
ul#navigation ul li a span.title{padding-left:10px;}
ul#navigation ul li a{min-height:1px;height:auto;padding:8px 14px 8px 8px;margin:0;text-align:left;text-transform:none;line-height:125%;}
ul#navigation li.active ul a{background:none;}
ul#navigation ul li a:hover{background-color:#333;color:#fff;text-shadow:#333 1px 1px 1px;}
ul#navigation ul li.active a{color:#f8b013;}
ul#navigation ul li.active li a{color:#dedede;}
ul#navigation ul li a span.title{padding:0;}
ul#navigation ul ul{left:250px;top:0;border-top:1px solid #ccc;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
ul#navigation li:hover ul ul,ul#navigation li:hover ul ul ul,ul#navigation li:hover ul ul ul ul{display:none;}
ul#navigation li:hover ul,ul#navigation li li:hover ul,ul#navigation li li li:hover ul,ul#navigation li li li li:hover ul{display:block;}
ul#navigation li li a span.arrow{display:block;position:absolute;right:6px;top:0;line-height:32px;}
/* fade on mouse out */
ul#navigation li li a.fadeThis span.hover,
ul#navigation li.active li a.fadeThis span.hover,
ul#navigation li.active-ancestor li a.fadeThis span.hover{background-color:#333;}
/*** FEATURED CONTENT ***/
#featured-content{background:#5e5e5e url(images/featured.jpg) no-repeat center top;border-top:1px solid #818389;color:#fff;position:relative;margin:0 auto;color:#ccc;}
#featured-content ul.slides li.slide .slide-content{padding: 0 1em;}
#featured-content .slide-container{max-width:940px;margin:0;padding:0 0 1em 0;}
#featured-content h2{font-size:180%;font-weight:bold;text-shadow:#000 1px 1px 1px;margin:0;padding:.2em 0;line-height:140%;}
#featured-content h4{font-size:130%;font-weight:normal;text-shadow:#000 1px 1px 1px;margin:0;padding:.2em .6em .4em .6em;line-height:normal;}
#featured-content p{margin:0 0 .6em 0;}
#featured-content a{color:#fff;text-decoration:none;font-weight:bold;}
#featured-content a:hover{background-color:rgba(0,0,0, 0.15);}
#featured-content .post-thumb img{border:4px solid #777;}
#featured-content .details{float:left;width:920px;}
#featured-content .summary{font-size:125%;font-style:italic;line-height:150%;}
/* fixed size if we have a slider */
#featured-content.withSlider .slide-container{height:174px;}
/*** MAIN LAYOUT ***/
.shadow-left{background:url(images/shadow.png) no-repeat left bottom;}
.shadow-right{background:url(images/shadow.png) no-repeat right bottom;padding-bottom:32px;position:relative;}
#main{background:#fff url(images/main-right.jpg) no-repeat right top;}
#main-inside{background:transparent url(images/main-left.jpg) no-repeat left top;min-height:380px;}
/*** MAIN LAYOUT ***/
/* default widths */
#primary-content{width:630px;}
#sidebar{width:310px;}
#sidebar2{width:230px;}
/* col-1 */
body.col-1 #primary-content{width:940px;left:0;}
body.col-1 #sidebar, body.col-1 #sidebar2{display:none;}
/* col-2-left */
body.col-2-left #primary-content{left:310px;}
body.col-2-left #sidebar{left:-630px;}
body.col-2-left #sidebar2{display:none;}
/* col-2-right, default */
body.col-2-right #primary-content{left:0;}
body.col-2-right #sidebar{right:0;}
body.col-2-right #sidebar2{display:none;}
/* col-3 */
body.col-3 #primary-content{left:230px;width:480px;}
body.col-3 #sidebar{right:0px;width:230px;}
body.col-3 #sidebar2{left:-480px;}
/* col-3-left */
body.col-3-left #primary-content{left:460px;width:480px;}
body.col-3-left #sidebar{left:-710px;width:230px;}
body.col-3-left #sidebar2{left:-250px;} /* gs - s1 - (s1+s2) */
body.col-3-left #primary-content .blocks{margin-left:10px;}
/* col-3-right */
body.col-3-right #primary-content{left:0;width:480px;}
body.col-3-right #sidebar{left:0;width:230px;}
body.col-3-right #sidebar2{left:0;}
body.col-3-right #primary-content .blocks{margin-right:10px;}
#main{
position: relative;
min-height: 540px;
}
#primary-content,#sidebar,#sidebar2{
top:0;
position:relative;
float:left;
z-index:0;
overflow:hidden;
min-height: 150px;
}
#primary-content .blocks{
padding: 1em;
}
#sidebar .blocks, #sidebar2 .blocks{padding:1em;margin:0;list-style-type:none;}
li.block{list-style-type:none;padding:0;margin:0;}
li.block, .arbitrary-block{margin:1em 0 2.6em;position:relative;}
.block ul{list-style-type:none;margin:0 0 .4em 0;}
.block li{background:transparent url(images/icons.png) no-repeat 4px -816px;margin:0;padding:0 0 0 18px;}
.block li:hover{background-position:4px -1005px;}
.block li li{margin-left:.4em;}
h1.title{
font-weight: bold;
font-size: 250%;
text-shadow: #fff 1px 1px 1px;
margin: .5em 0 .3em 0;
padding: 0;
}
/* post */
.post, .page{margin:1em 0 2em 0;padding:0 0 .6em;display:block;background:transparent url(images/dot.gif) repeat-x left bottom;}
.post.preview-title{background:none;}
body.single-page .page, body.single-post .post{background: none;margin:0;padding:0;}
h2.title{
font-weight: bold;
font-size: 180%;
margin:0 0 .2em 0;
padding:.2em 0 0 0;
text-shadow: #fff 1px 1px 1px;
}
h2.title a{text-decoration:none;color:#4e4e4e;}
h2.title a:hover{color:#ed1e24;text-decoration:none;}
h3.title{font-size:140%;font-weight:bold;margin:1em 0 0 0;padding:0;}
h3.title a{text-decoration:none;color:#4e4e4e;}
h3.title a:hover{color:#ed1e24;text-decoration:none;}
.post-excerpt{font-size:90%;font-style:italic;color:#666;}
.post-short-info{margin:0;padding:0;}
.post-thumb img{border:4px solid #eee;}
.post-info{background:transparent url(images/info-bar.png) no-repeat right top;height:42px;margin-left:11px;color:#bbb;text-shadow:#fff 1px 1px 1px;}
.post-info a{font-weight:bold;color:#999;}
.post-info a:hover{color:#ed1e24;}
.post-info p.author{padding: 0 0 0 6px;margin:0;line-height:32px;}
.post-info p.comments{padding: 0 12px 0 0;margin:0;line-height:32px;}
.post-info p.comments a.comments{background:transparent url(images/icons.png) no-repeat 0px -49px;padding-left:20px;}
.post-info p.comments a.no.comments{background-position:0px 1px;}
.post-date{background:transparent url(images/info-bar.png) no-repeat left -75px;padding-left:11px;float:left;text-transform:uppercase;font-weight:bold;}
.post-date p.day{background:transparent url(images/info-bar.png) no-repeat right -42px;height:33px;padding:0 16px 0 0;margin:0;line-height:31px;color:#fff;}
.post-content p{margin:0 0 .8em 0;padding:0;}
.post-content a.post-edit-link{border:#ddd 1px solid;background-color:#fff;padding:3px 6px;text-decoration:none;}
.post-content a.post-edit-link:hover{border:#ff284b 1px solid;background-color:#ed1e24;color:#fff;}
.post-content a.more-link{background-color:#eee;text-decoration:none;color:#666;text-shadow:#fff 1px 1px 1px;padding:2px 6px 3px 6px;margin:0;font-size:85%;text-transform:uppercase;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.post-content a.more-link:hover{background-color:#999;color:#fff;text-shadow:#666 1px 1px 1px;}
.post-content a.more-link.loading{border:0;margin:0 4px;padding:3px 8px;border:0;background:transparent url(images/loader-white.gif) no-repeat center center;}
.post-tags{background:transparent url(images/icons.png) no-repeat 0px -104px;font-style:italic;padding-left:20px;line-height:22px;}
.category-description{
font-size: 115%;
font-style: italic;
}
.about_the_author{
padding: 8px 10px;
line-height: 150%;
background-color: #5e5e5e;
color: #ccc;
font-style: italic;
}
.about_the_author a{
color: #f9f9f9;
text-decoration: underline;
}
.about_the_author a:hover{
color: #fff;
text-decoration: none;
}
.about_the_author h3{
margin: 0;
padding: 0;
font-size: 130%;
font-weight: bold;
font-style: normal;
color: #f9f9f9;
}
.about_the_author div.avatar{
float: left;
margin-right: 8px;
}
.about_the_author div.avatar img{
border: 6px solid #333;
}
.post-meta{padding:6px 4px;border-top:1px solid #ddd;background-color:#f6f6f6;color:#999;display:block;}
.post-meta td, .post-meta tr:hover td{
background-color: transparent;
border: 0;
padding: 0 2px;
margin: 0;
}
.post-meta a{color:#666;text-decoration:underline;}
.post-meta a:hover{color:#ed1e24;text-decoration:none;}
.post-meta .details{font-size:80%;line-height:150%;}
.post-meta a.control{display:block;padding:2px 6px 4px;background-color:#eee;text-shadow:#fff 1px 1px 1px;font-style:italic;text-decoration:none;font-size:115%;border:1px solid #fff;border-radius:3px;text-align:center;letter-spacing:-0.02em;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;cursor:pointer;}
.post-meta a.control:hover, .post-meta a.control:hover a{background-color:#0071bb;text-shadow:#666 1px 1px 1px;color:#fff;}
/* share this */
.shareThis{position:relative;float:left;}
.shareThis a.share:hover,.shareThis:hover a{}
.shareThis .bubble{width:288px;left:0px;top:0px;margin-top:40px;padding:4px;background-color:#fff;border:1px solid #ddd;-moz-box-shadow:0px 0px 8px rgba(0,0,0,0.4);-moz-border-radius:8px;-webkit-box-shadow:0px 0px 8px rgba(0,0,0,0.4);-webkit-border-radius:8px;box-shadow:0px 0px 8px rgba(0,0,0,0.4);border-radius:8px;}
.shareThis .bubble a{background:transparent url(images/socialize.jpg) no-repeat left bottom;width:32px;height:32px;float:left;position:relative;z-index:5;}
.shareThis .bubble li{list-style-type:none;padding:0;margin:0;float:left;}
.shareThis .bubble a.twitter{background-position:0px -32px;}
.shareThis .bubble a.digg{background-position:-32px -32px;}
.shareThis .bubble a.facebook{background-position:-64px -32px;}
.shareThis .bubble a.delicious{background-position:-96px -32px;}
.shareThis .bubble a.stumbleupon{background-position:-128px -32px;}
.shareThis .bubble a.google{background-position:-160px -32px;}
.shareThis .bubble a.linkedin{background-position:-192px -32px;}
.shareThis .bubble a.yahoo{background-position:-224px -32px;}
.shareThis .bubble a.technorati{background-position:-256px -32px;}
.shareThis .bubble a.twitter:hover{background-position:0 0px;}
.shareThis .bubble a.digg:hover{background-position:-32px 0px;}
.shareThis .bubble a.facebook:hover{background-position:-64px 0px;}
.shareThis .bubble a.delicious:hover{background-position:-96px 0px;}
.shareThis .bubble a.stumbleupon:hover{background-position:-128px 0px;}
.shareThis .bubble a.google:hover{background-position:-160px 0px;}
.shareThis .bubble a.linkedin:hover{background-position:-192px 0px;}
.shareThis .bubble a.yahoo:hover{background-position:-224px 0px;}
.shareThis .bubble a.technorati:hover{background-position:-256px 0px;}
.shareThis .bubble a span{display:none;}
.single-navigation a{font-size:85%;border:0;background-color:transparent;padding:2px 4px;color:#ccc;text-shadow:#fff 1px 1px 1px;text-decoration:none;}
.single-navigation a:hover{color:#ed1e24;}
.single-navigation div{display:block;max-width:49%;line-height:normal;color:#ccc;}
.single-navigation .alignright{text-align:right;}
/* comments */
.tabbed-content div.section#section-comments{display:block;} /* show comment tab, just in case jquery is disabled */
ul.comments, li.comment{margin:0;padding:0;list-style-type:none;}
ul.comments{width:90%;max-width:1000px;float:right;display:block;}
ul.comments ul.children{margin:0 0 0 40px;padding:0;}
li.comment{display:block;margin:.4em 0;line-height:normal;}
li.comment .comment-head{background-color:#5e5e5e;background-repeat:no-repeat;background-position:left bottom;position:relative;color:#e4e4e4;padding:0 0 6px 0;margin:0;line-height:normal;}
li.comment .comment-head.comment-author-admin,li.comment .comment-head.bypostauthor{background-position:-1000px bottom;color:#fff;text-shadow:rgba(0,0,0,0.4) 1px 1px 1px;}
li.comment.withAvatars .comment-head{padding-left:78px;}
li.comment .comment-head .author{margin:0;padding: 4px 1em 16px 1em;line-height:150%;}
li.comment .comment-head a{color:#fff;text-decoration:underline;}
li.comment .comment-head a:hover{text-decoration:none;}
li.comment .comment-head .author .by{font-weight:bold;}
li.comment .comment-body{background:#f6f6f6 url(images/comment-bg.gif) no-repeat right bottom;padding:.4em 1em;}
li.comment .comment-body p{margin:0;padding: 0 0 1em 0;}
li.comment .avatar-box{position:absolute;bottom:0px;width:48px;height:48px;left:8px;z-index:2;padding:3px;background-color:#fff;border: 1px solid #bfbfbf;}
li.comment .controls{position:absolute;right:10px;top:8px;margin-top:16px;}
li.comment .controls a{display:block;background-color:#e4e4e4;padding:4px 8px;color:#4e4e4e;text-shadow:#fff 1px 1px 1px;font-weight:bold;text-transform:uppercase;text-decoration:none;float:left;margin-right:4px;border-top:1px solid #fff;}
li.comment .controls a:hover{background-color:#ed1e24;border-top:1px solid #ff284b;color:#fff;text-shadow:#333 1px 1px 1px;}
li.ping{background:transparent url(images/dot.gif) repeat-x left bottom;padding:0 0 .6em 0;margin:.2em 0;line-height:150%;}
li.ping a{font-weight:bold;font-size:115%;text-decoration:none;}
/* comment form */
.comment-form{background:#f6f6f6 url(images/comment-bg.gif) no-repeat right bottom;border-top:1px solid #ddd;padding:1em;margin:1em 0;float:left;}
.comment-form #comment{width:90%;}
#cancel-reply{display:none;}
#comment_post_status{font-weight:bold;}
/* PAGE/COMMENT NAVIGATION */
.page-navigation, .comment-navigation{
padding: 5px 0px;
color: #333;
}
/* align to right on col-3-left layout, looks better */
body.col-3-left .page-navigation, body.col-3-left .comment-navigation{float: right;}
.page-navigation a, .page-navigation span.current, .page-navigation span.extend,
.comment-navigation a, .comment-navigation span.current, .comment-navigation span.dots{
padding: 3px 5px 4px 5px;
margin: 2px;
float: left;
}
.page-navigation a, .comment-navigation a{
text-decoration: none;
border: 1px solid #ddd;
background-color: #fff;
}
.page-navigation a:hover, .comment-navigation a:hover{
border: 1px solid #ed1e24;
color: #fff;
background-color: #ed1e24;
}
.page-navigation span.current, .comment-navigation span.current{
border: 1px solid #0072cf;
color: #fff;
background-color: #0072cf;
}
.comment-navigation a.loading{border:0;padding:3px 8px;border:0;background:transparent url(images/loader-white.gif) no-repeat center center;}
/* search */
.search-form{position:relative;margin:0 8px 0 4px;width:auto !important;width: 400px;max-width:400px;}
.search-form form fieldset{border:0;margin:0;padding:0;background:none;background-color:transparent;}
.search-form #searchfield{background-repeat:no-repeat;background-position:left top;height:34px;display:block;margin-right:55px;}
.search-form input.text{border:0;margin:9px 0 0 34px;padding:0;}
.search-form input.submit{background-color:transparent;background-repeat:no-repeat;background-position:right -34px;height:34px;width:56px;margin:0;padding:0;position:absolute;right:0;top:0;border:0;text-transform:uppercase;text-shadow:#fff 1px 1px 1px;font-weight:bold;font-size:160%;color:#9b9b9b;cursor:pointer;}
.search-form input.submit:hover{background-position:right bottom;}
#primary-content .search-form{margin:2em 0;}
/* block style */
.block h3.title{font-weight:bold;font-size:130%;background-repeat:no-repeat;background-position:left top;color:#fff;line-height:100%;letter-spacing:normal;margin:0;padding:0;text-shadow:1px 1px 1px rgba(0,0,0,0.4);text-transform:uppercase;text-align:left;line-height:23px;}
.block h3.title span{background-repeat:no-repeat;background-position:right top;margin-left:7px;display:block;padding:4px 8px 0 4px;}
.block h3.title a{color:#fff;text-decoration:none;}
.block h3.title a:hover{color:#FFFF00;}
.block .block-div{background-color:transparent;background-repeat:no-repeat;background-position:left bottom;width:7px;height:23px;float:left;}
.block .block-div-arrow{background-color:transparent;background-repeat:no-repeat;background-position:right bottom;height:23px;margin-left:7px;}
.block fieldset{margin:0;padding:0 1.3em;border:0;background-color:transparent;}
.box{max-width:600px;position:relative;z-index:5;color:#eee;}
.box-top-left{background:transparent url(images/box.png) no-repeat left top;padding-left:7px;}
.box-top-right{background:transparent url(images/box.png) no-repeat right top;height:7px;}
.box-main{background:transparent url(images/box.png) no-repeat left bottom;padding-left:7px;}
.box-main .box-content{background:transparent url(images/box.png) no-repeat right bottom;padding:10px 7px 10px 0;}
.box a{color:#fff;}
.box .tag-cloud{text-align:justify;line-height:150%;}
.box .tag-cloud a{vertical-align:middle;text-decoration:none;padding:0 0.2em;letter-spacing:-0.02em;color:#ccc;text-shadow:#000 1px 1px 1px;}
.tag-cloud a:hover{background-color:#dde90d;color:#000;text-shadow:rgba(0,0,0,0.6) 1px 1px 1px;}
.sidebar-tabs{position:relative;padding-top:44px;}
ul.box-tabs, ul.box-tabs li{padding:0;margin:0;line-height:100%;list-style-type:none;background:none;}
ul.box-tabs{position:absolute;right:6px;top:0;z-index:10;height:50px;overflow:hidden;}
ul.box-tabs li{float:right;margin-right:3px;}
ul.box-tabs li a{width:43px;height:50px;display:block;background:transparent url(images/box-tabs.png) no-repeat left top;}
ul.box-tabs li.categories a{background-position:0px 0px;}
ul.box-tabs li.popular a{background-position:-43px 0px;}
ul.box-tabs li.recentcomm a{background-position:-86px 0px;}
ul.box-tabs li.tags a{background-position:-129px 0px;}
ul.box-tabs li.archives a{background-position:-172px 0px;}
ul.box-tabs li a:hover{height:43px;}
ul.box-tabs li.active a:hover{height:50px;}
ul.box-tabs li.categories.active a,ul.box-tabs li.categories a:hover{background-position:0px -50px;}
ul.box-tabs li.popular.active a,ul.box-tabs li.popular a:hover{background-position:-43px -50px;}
ul.box-tabs li.recentcomm.active a,ul.box-tabs li.recentcomm a:hover{background-position:-86px -50px;}
ul.box-tabs li.tags.active a,ul.box-tabs li.tags a:hover{background-position:-129px -50px;}
ul.box-tabs li.archives.active a,ul.box-tabs li.archives a:hover{background-position:-172px -50px;}
ul.box-tabs li a span{display:none;}
/* menu list */
.box ul.menuList,.box ul.menuList li{margin:0;padding:0;list-style-type:none;font-size:100%;}
.box ul.menuList{background:transparent url(images/dot2.gif) repeat-x left bottom;margin-bottom:.6em;padding-bottom:2px;}
.box ul.menuList li{background:transparent url(images/dot2.gif) repeat-x left top;display:block;padding:2px 0 0px;}
.box ul.menuList li li{background-image:none;}
.box ul.menuList li a{display:block;text-decoration:none;padding:3px 25px 3px 0;color:#ccc;}
.box ul.menuList.categories li a{padding-right:25px;} /* rss icon space */
.box ul.menuList li a:hover{color:#fff;}
.box ul.menuList li a span.entry{background:transparent url(images/icons.png) no-repeat 4px -816px;padding-left:18px;display:block;font-weight:bold;}
.box ul.menuList li a span.entry .details{font-weight:normal;font-style:italic;display:block;}
.box ul.menuList li a span.entry .details.inline{display:inline;}
.box ul.menuList li a:hover span.entry{background-position:4px -1005px;}
.box ul.menuList li li a span.entry{background:none;}
.box ul.menuList .fadeThis{position:relative;z-index:1;}
.box ul.menuList span.hover{position:absolute;top:0;left:0;display:block;height:100%;width:100%;background-color:#747474;z-index:-1;padding:0!important;}
/* sub menus */
.box ul.menuList ul{margin:0 0 1em 0;padding:0;}
.box ul.menuList li li{margin:0 0 0 1.8em;padding:0;float:none;background:none;width:auto;}
.box ul.menuList li li li{margin-left:1em;}
.box ul.menuList li li a{text-transform:none;padding:0;font-size:100%;font-style:italic;}
.box ul.menuList li li a:hover{background:none;}
/* rss popups */
.box ul.menuList li.cat-item{position:relative;}
.box ul.menuList li.cat-item a.rss{position:absolute;padding:0;margin:0;display:none;background:transparent url(images/icons.png) no-repeat center -664px;width:24px;height:22px;top:0;right:6px;z-index:10;cursor:pointer;}
.box ul.menuList li.cat-item li.cat-item a.rss{background:none;visibility:hidden;}
.box ul.menuList li li .fadeThis{position:static;background:none;}
.box ul.menuList li li .fadeThis span.hover{display:none;}
.box ul.menuList.recentcomm li a span.entry,.box ul.menuList.recentcomm li a:hover span.entry{background:none;padding-left:0px;margin-left:40px;}
.box ul.menuList.recentcomm li .avatar{
float: left;
margin: 2px 4px 2px 0;
}
/*** FOOTER ***/
#footer{
background: #fff;
}
/* block slider */
#footer-blocks{position:relative;margin:0 auto 1em auto;}
#footer-blocks.withSlider{width:940px;}
#footer-blocks .leftFade,#footer-blocks .rightFade{background:transparent url(images/bg-trans2.png) repeat-y left top;position:absolute;width:46px;min-height:100%;height:100%;/* <- for opera */top:0;z-index:10;}
#footer-blocks .leftFade{left:0;}
#footer-blocks .rightFade{background-position:right top;right:0;}
.slide-container{width:100%;overflow:hidden;position:relative;margin:0 auto;}
ul.slides{position:relative;top:0;left:0;list-style-type:none;margin:0;padding:0;width:100%;min-height:100%;display:block;}
#footer-blocks .slide-navigation a.next,#footer-blocks .slide-navigation a.previous{background:transparent url(images/block-nav.png) no-repeat left top;width:30px;height:42px;position:absolute;z-index:12;top:60px;}
#footer-blocks .slide-navigation a.next{background-position:right top;right:0;}
#footer-blocks .slide-navigation a.previous{left:0;}
#footer-blocks .slide-navigation a.next:hover{background-position:right bottom;}
#footer-blocks .slide-navigation a.previous:hover{background-position:left bottom;}
#footer-blocks .slide-navigation a.next span,#footer-blocks .slide-navigation a.previous span{display:none;}
ul.slides li.slide{list-style-type:none;position:relative;top:0;margin:0;padding:1em 0 0;display:block;}
/* only hide if slider is enabled (it is if there are more than 3 blocks) */
.withSlider ul.slides li.slide.page-content{position:absolute;display:none;width:940px;}
#footer-blocks ul.slides li.slide .slide-content{width:95%;margin:0 auto;}
ul.slides li.slide .slide-content ul.blocks,#footer-blocks ul.slides li.slide .slide-content ul.blocks li.block{list-style-type:none;margin:0;padding:0;}
ul.slides li.slide .slide-content ul.blocks li.block{width:33%;float:left;margin:0;padding:0;position:relative;}
ul.slides li.slide .slide-content ul.blocks li.block .block-content{padding:0 .8em;}
/* block width based on widget number (default block width is 30% + spacing, 3 blocks per slide) */
ul.slides li.slide .slide-content ul.blocks.widgetcount-1 li.block{width:100%;}
ul.slides li.slide .slide-content ul.blocks.widgetcount-2 li.block{width:50%;}
ul.slides li.slide .slide-content ul.blocks.widgetcount-3 li.block{width:33%;}
ul.slides li.slide .slide-content ul.blocks.widgetcount-4 li.block{width:25%;}
ul.slides li.slide .slide-content ul.blocks.widgetcount-4 li.block .block-content{padding:0 .6em;}
ul.slides li.slide .slide-content ul.blocks.widgetcount-5 li.block{width:20%;}
ul.slides li.slide .slide-content ul.blocks.widgetcount-5 li.block .block-content{padding:0 .5em;}
ul.slides li.slide .slide-content ul.blocks.widgetcount-6 li.block{width:16.6%;}
ul.slides li.slide .slide-content ul.blocks.widgetcount-6 li.block .block-content{padding:0 .4em;}
ul.slides li.slide .slide-content ul.blocks li.block h4.title{font-size:160%;font-weight:bold;background:#eee url(images/bg-lightgray.png) no-repeat left top;padding:.4em .6em;margin:0 0 .2em;text-shadow:#fff 1px 1px 1px;line-height:100%;color:#797979;position:relative;}
ul.slides li.slide.slide-2,
ul.slides li.slide.slide-3,
ul.slides li.slide.slide-4,
ul.slides li.slide.slide-5,
ul.slides li.slide.slide-6,
ul.slides li.slide.slide-7,
ul.slides li.slide.slide-8{display:none;}
/* copyright & other info */
#footer #copyright{display:block;padding:1em 2em;text-align:center;border-top:1px solid #ddd;line-height:200%;}
#footer a.rss-subscribe{padding:4px 8px 4px 28px;background:#666 url(images/icons.png) no-repeat 2px -666px;color:#fff;text-decoration:none;text-transform:uppercase;font-weight:bold;}
#footer a.valid-xhtml,#footer a.valid-css,#footer a#goTop{padding:4px 8px 4px 8px;color:#fff;background-color:#666;text-decoration:none;text-transform:uppercase;font-weight:bold;}
/*** BLOCKS ***/
/* info */
.block-info{font-size: 150%;font-weight:bold;text-align:center;padding: .3em .7em;background-color:#eee;text-shadow:#fff 1px 1px 1px;border:1px solid #fff;}
/* increase right padding to fit rss icon */
.block-categories ul.menuList.linkBased li a span.entry{display:block;text-decoration:none;padding-right:36px;}
/* twitter */
.block-twitter ul, .block-twitter ul li{padding:0;margin:0;list-style-type:none;}
.block-twitter ul{background:transparent url(images/dot.gif) repeat-x left top;padding-top:.2em;}
.block-twitter ul li,.block-twitter ul li:hover{background:transparent url(images/dot.gif) repeat-x left bottom;margin-bottom:.2em;padding-bottom:.2em;}
.block-twitter ul li span.entry{background:transparent url(images/icons.png) no-repeat 6px -383px;padding-left:24px;display:block;}
.block-twitter div.avatar{float:left;display:block;margin-left:10px;}
.block-twitter div.info{float:left;display:block;padding:2px 0 0 10px;line-height:175%;font-weight:bold;}
.block-twitter div.info .followers{font-size:125%;}
.block-twitter a.date{color:#bbb;text-decoration:none;font-style:italic;font-size:85%;display:block;}
.block-twitter a.date:hover{color:#ed1e24;}
.block-twitter .links{text-align:right;background:transparent url(images/bg-trans.png) repeat-x left bottom;padding-right:1em;}
.block-twitter a.followMe{position:absolute;background:transparent url(images/twitter.png) no-repeat center top;width:45px;height:57px;display:block;top:-14px;right:20px;z-index:4;}
.block-twitter a.followMe span{display:none;}
.block-twitter h3.title span{padding-right:60px;}
.block-twitter .loading{background:transparent url(images/loader-white.gif) no-repeat 6px 6px;padding:6px 10px 6px 28px;float:left;}
/* flickr */
.block-flickr h3.title{position:relative;}
.block-flickr h3.title span{padding-left:42px;}
.block-flickr h3.title span.icon{background:transparent url(images/flickr.png) no-repeat left top;top:30%;left:0;position:absolute;width:37px;height:17px;padding:0;}
.block-flickr ul,.block-flickr ul li{list-style-type:none;padding:0;margin:0;}
.block-flickr li{float:left;}
.block-flickr li a{padding:0 2px;display:block;}
.block-flickr li img{border:5px solid #eee;}
.block-flickr .flickrGallery{padding-left:4px;}
/* login */
.block-login .avatar img{border:6px solid #ddd;}
/*** MISC ***/
/* lightbox */
div#fancyoverlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;display:none;z-index:30;}
div#fancywrap{text-align:left;}
div#fancyloading{position:absolute;height:40px;width:40px;cursor:pointer;display:none;overflow:hidden;background:transparent;z-index:100;}
div#fancyloading div{position:absolute;top:0;left:0;width:40px;height:480px;background:transparent url(images/loader.gif) no-repeat;}
div#fancyloadingoverlay{position:absolute;background-color:#FFF;z-index:30;}
div#fancyouter{position:absolute;top:0;left:0;z-index:90;padding:18px 18px 33px;margin:0;overflow:hidden;background:transparent;display:none;}
div#fancyinner{position:relative;width:100%;height:100%;background-color:#eee;-moz-box-shadow:0px 0px 20px rgba(0,0,0,0.85);-moz-border-radius:8px;-webkit-box-shadow:0px 0px 20px rgba(0,0,0,0.85);-webkit-border-radius:8px;box-shadow:0px 0px 20px rgba(0,0,0,0.85);border-radius:8px;}
div#fancycontent{margin:0;z-index:100;position:absolute;}
div#fancydiv{background-color:#000;color:#fff;height:100%;width:100%;z-index:100;}
img#fancyimg{position:absolute;top:0;left:0;border:0;padding:0;margin:0;z-index:100;width:100%;height:100%;}
#fancyframe{position:relative;width:100%;height:100%;display:none;}
#fancyajax{width:100%;height:100%;overflow:auto;}
a#fancyleft,a#fancyright{position:absolute;bottom:0;height:100%;width:35%;cursor:pointer;z-index:111;display:none;outline:none;}
a#fancyleft{left:0;}
a#fancyright{right:0;}
span.fancyico{position:absolute;top:50%;margin-top:-15px;width:30px;height:42px;z-index:112;cursor:pointer;display:block;opacity:0.5;}
span#fancyleftico{left:-9999px;background:transparent url(images/block-nav.png) no-repeat left top;}
span#fancyrightico{right:-9999px;background:transparent url(images/block-nav.png) no-repeat right top;}
a#fancyleft:hover{visibility:visible;}
a#fancyright:hover{visibility:visible;}
a#fancyleft:hover span{left:20px;}
a#fancyright:hover span{right:20px;}
.fancybigIframe{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;}
div#fancytitle{width:100%;z-index:100;display:none;background-color:#4e4e4e;color:#fff;text-align:center;font-weight:bold;font-size:150%;padding:.2em 0;}
/* page controls */
#pageControls{position:absolute;right:0;top:0;width:25%;height:100px;z-index:4;}
#pageControls a{background:transparent url(images/page-controls.png) no-repeat right top;position:absolute;width:22px;height:21px;right:10px;top:10px;cursor:pointer;z-index:15;}
#pageControls a:hover{background-position:right bottom;}
#pageControls a.fontSize{background-position:left top;right:36px;}
#pageControls a.fontSize:hover{background-position:left bottom;}
/* other */
.clearFieldBlurred{color:#ccc;font-style:italic;font-weight:normal;}
.clearFieldActive{color:#4e4e4e;font-weight:bold;}
.error{color:#ed1e24;}
.success{color:#a0c207;}
.divider{padding:1em 0 0 0;display:block;background:transparent url(images/dot.gif) repeat-x left bottom;height:2px;min-height:2px;}
.altText{font-style:italic;}
.highlight{background-color: #FFE4B5;}
/* clearfix */
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
img.alignleft,img.alignright{padding:3px;margin-top:4px;margin-bottom:4px;border-radius:4px;}
.alignleft{float:left;margin-right:8px;}
.alignright{float:right;margin-left:8px;}
.aligncenter{display:block;margin-left:auto;margin-right:auto;text-align:center;}
.bubble-trigger{position:relative;}
.bubble{display:none;position:absolute;z-index:10;}
/* jquery caption - to do */
.imgCaption{position:relative;overflow:hidden;padding:0;border:0;margin-top:8px;margin-bottom:8px;display:inline-block;}
.imgCaption p{position:absolute;background-color:#000;color:#fff;width:100%;font-weight:bold;padding:0;margin:0;line-height:150%;text-align:center;border:0;z-index:10;left:0;opacity:0.6;}
.imgCaption p span{ padding:12px;display:block;}
.wp-caption{border: 1px solid #ddd;text-align:center;background-color:#f3f3f3;padding-top:4px;margin-top:10px;margin-bottom:10px;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.wp-caption img{margin:0;padding:0;border:0 none;}
.wp-caption-dd{font-size:11px;line-height:17px;padding:0 4px 5px;margin:0;}
.webshot{position:absolute;left:-20000px;background-color:rgba(0,0,0,0.4);padding:5px;z-index:10;display:none;-moz-box-shadow:0px 0px 8px rgba(0,0,0,0.4);-webkit-box-shadow:0px 0px 8px rgba(0,0,0,0.4);box-shadow:0px 0px 8px rgba(0,0,0,0.4);}
.webshot img{margin:0;padding:0;}
/* smiley adjustment */
img.wp-smiley{vertical-align:-15%;}
/* tabs (code inspired by smashing magazine's comment tabs */
ul.tabs li a{}
ul.tabs li a:hover{}
.tabbed-content div.sections{position:relative;overflow:hidden;}
.tabbed-content div.section{position:relative;display:none;}
.tabbed-content div.section h6.title{font-size:115%;font-weight:normal;font-style:italic;text-transform:uppercase;margin:0;padding:0;}
.tabs,.tabs li{margin:0;padding:0;list-style-type:none;}
.tabs-wrap{padding-bottom:30px;background-color:transparent;background-repeat:no-repeat;background-position:left 34px;margin:2em 0 .4em 0;}
.tabs{list-style:none;overflow:hidden;height:34px;position:relative;text-transform:uppercase;padding-right:12px;}
.tabs li{float:right;text-align:center;height:31px;background-color:transparent;background-repeat:no-repeat;background-position:right top;margin-right:-20px;padding-right:24px;margin-top:4px;position:relative;z-index:0;bottom:-4px;/* <-for the animation */line-height:28px;}
.tabs li a{height:31px;color:#4e4e4e;float:left;text-decoration:none;text-shadow:#fff 1px 1px 1px;font-weight:bold;background-color:transparent;background-repeat:no-repeat;background-position:left top;padding-left:26px;padding-right:4px;}
.tabs li:hover{background-position:right -66px;}
.tabs li:hover a,.tabs li a:hover{background-position:0 -66px;}
.tabs li.active{background-position:100% -33px;z-index:8;padding-right:24px;}
.tabs li.active a,.tabs li.active a:hover{background-position:0 -33px;color:#fff;text-shadow:rgba(0,0,0,0.4) 1px 1px 1px;}
a.js-link{cursor:pointer;text-decoration:underline;}
a.js-link:hover{text-decoration:none;}
.hidden{display:none;}
/* form container */
div.form{width:50%;}
#sidebar div.form,#footer div.form{width:100%;}
/* full width if there's only one widget in the footer */
#footer ul.slides li.slide .slide-content ul.blocks.widgetcount-1 div.form{width:50%;}
div.form .error{font-weight:bold;}
div.form fieldset{margin:0;padding:0;background:transparent;border:0;}
/*** WORDPRESS: SUPPORT FOR OTHER WIDGETS ***/
/* tag cloud */
.block-widget_tag_cloud{text-align:justify;line-height:150%;}
.block-widget_tag_cloud a{vertical-align:middle;text-decoration:none;padding:0 0.2em;letter-spacing:-0.02em;color:#666;}
.block-widget_tag_cloud a:hover{background-color:#dde90d;color:#000;}
/* calendar */
table#wp-calendar{width:100%;padding:0;margin:0;}
table#wp-calendar td,table#wp-calendar th{text-align:center;padding:2px;}
table#wp-calendar th{font-weight:bold;font-size:125%;}
table#wp-calendar caption{font-style:italic;text-align:right;}
.post-ratings{font-style:italic;font-size:85%;}
.post-ratings img{vertical-align:-10%;}
.post-ratings span.post-ratings-text{display:none !important;}
/*** PRINT STYLES ***/
@media print {
body{background:white;color:black;font-size:10pt}
.header-wrapper{display:none;}
.shadow-left.main-wrapper,.main-wrapper .shadow-right,#main,#main-inside{background:none;}
#main{background-color:#fff;}
.page-content{width:100% !important;max-width:none !important;min-width:0 !important;}
#footer-blocks .leftFade,#footer-blocks .rightFade{display:none;}
}Untitled CSS (9-Apr @ 08:20)
Syntax Highlighted Code
- body{font:normal 16px Arial;}
Plain Code
body{font:normal 16px Arial;}Untitled CSS (7-Apr @ 16:15)
Syntax Highlighted Code
- background-position:top left;
- background-image:url(../images/layout1/ids_nav.png);
- background-repeat: no-repeat;
- padding:10px 20px;
- [1 more lines...]
Plain Code
background-position:top left;
background-image:url(../images/layout1/ids_nav.png);
background-repeat: no-repeat;
padding:10px 20px;
margin:8px 0;
width:200px;Untitled CSS (2-Apr @ 08:30)
Syntax Highlighted Code
- /* Containers
- ----------------------------------------------------------------------------------------------------*/
- .container_12 {
- [265 more lines...]
Plain Code
/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
margin-left: auto;
margin-right: auto;
width: 960px;
}
/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12{
display:inline;
float: left;
position: relative;
margin-left: 10px;
margin-right: 10px;
}
/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha {
margin-left: 0;
}
.omega {
margin-right: 0;
}
/* Grid >> 2 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .grid_1 {
width:60px;
}
.container_12 .grid_2 {
width:140px;
}
.container_12 .grid_3 {
width:220px;
}
.container_12 .grid_4 {
width:300px;
}
.container_12 .grid_5 {
width:380px;
}
.container_12 .grid_6 {
width:460px;
}
.container_12 .grid_7 {
width:540px;
}
.container_12 .grid_8 {
width:620px;
}
.container_12 .grid_9 {
width:700px;
}
.container_12 .grid_10 {
width:780px;
}
.container_12 .grid_11 {
width:860px;
}
.container_12 .grid_12 {
width:940px;
}
/* Prefix Extra Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .prefix_1 {
padding-left:80px;
}
.container_12 .prefix_2 {
padding-left:160px;
}
.container_12 .prefix_3 {
padding-left:240px;
}
.container_12 .prefix_4 {
padding-left:320px;
}
.container_12 .prefix_5 {
padding-left:400px;
}
.container_12 .prefix_6 {
padding-left:480px;
}
.container_12 .prefix_7 {
padding-left:560px;
}
.container_12 .prefix_8 {
padding-left:640px;
}
.container_12 .prefix_9 {
padding-left:720px;
}
.container_12 .prefix_10 {
padding-left:800px;
}
.container_12 .prefix_11 {
padding-left:880px;
}
/* Suffix Extra Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .suffix_1 {
padding-right:80px;
}
.container_12 .suffix_2 {
padding-right:160px;
}
.container_12 .suffix_3 {
padding-right:240px;
}
.container_12 .suffix_4 {
padding-right:320px;
}
.container_12 .suffix_5 {
padding-right:400px;
}
.container_12 .suffix_6 {
padding-right:480px;
}
.container_12 .suffix_7 {
padding-right:560px;
}
.container_12 .suffix_8 {
padding-right:640px;
}
.container_12 .suffix_9 {
padding-right:720px;
}
.container_12 .suffix_10 {
padding-right:800px;
}
.container_12 .suffix_11 {
padding-right:880px;
}
/* Push Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .push_1 {
left:80px;
}
.container_12 .push_2 {
left:160px;
}
.container_12 .push_3 {
left:240px;
}
.container_12 .push_4 {
left:320px;
}
.container_12 .push_5 {
left:400px;
}
.container_12 .push_6 {
left:480px;
}
.container_12 .push_7 {
left:560px;
}
.container_12 .push_8 {
left:640px;
}
.container_12 .push_9 {
left:720px;
}
.container_12 .push_10 {
left:800px;
}
.container_12 .push_11 {
left:880px;
}
/* Pull Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .pull_1 {
right:80px;
}
.container_12 .pull_2 {
right:160px;
}
.container_12 .pull_3 {
right:240px;
}
.container_12 .pull_4 {
right:320px;
}
.container_12 .pull_5 {
right:400px;
}
.container_12 .pull_6 {
right:480px;
}
.container_12 .pull_7 {
right:560px;
}
.container_12 .pull_8 {
right:640px;
}
.container_12 .pull_9 {
right:720px;
}
.container_12 .pull_10 {
right:800px;
}
.container_12 .pull_11 {
right:880px;
}
/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
.clearfix:after {
clear: both;
content: ' ';
display: block;
font-size: 0;
line-height: 0;
visibility: hidden;
width: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
Untitled CSS (1-Apr @ 15:28)
Syntax Highlighted Code
- body {
- background: #5E5C57;
- margin: 0; padding: 0;
- color: #AEAEAE;
- [512 more lines...]
Plain Code
body {
background: #5E5C57;
margin: 0; padding: 0;
color: #AEAEAE;
font-family: verdana, geneva, arial, helvetica;
text-align: center;
font-size: 10px;
}
a:link { color: #FFF; text-decoration: none; }
a:visited { color: #AEAEAE; text-decoration: none; }
a:hover { color: #FFF; text-decoration: underline; }
a:active { color: #FFF; text-decoration: underline; }
p right { text-align: right; }
a.top { float: right; }
a.top:link { color: #AEAEAE; text-decoration: none; }
a.top:visited { color: #AEAEAE; text-decoration: none; }
a.top:hover { color: #FFF; text-decoration: none; }
a.top:active { color: #FFF; text-decoration: none; }
form { margin: 0; padding: 0; }
img { border: 0; }
.hide { display: none; }
#accessibility { position: absolute; left: -9000px; width: 9000px; }
.reset {
display: block; clear: both;
font-size: 1px;
height: 1px;
line-height: 1px;
margin: 0;
}
#replacelogo {
margin: 0; padding: 0;
text-indent: -9999px;
width: 215px; height: 107px;
}
#replacecopy {
margin: 0 auto; padding: 0;
text-indent: -9999px;
width: 256px; height: 43px;
}
#replacelogo h1, #replacelogo a {
display: block;
margin: 0 auto; padding: 0; border: 0;
width: 100%; height: 100%;
text-decoration: none;
}
#replacecopy p {
display: block;
margin: 0; padding: 0; border: 0;
width: 50%; height: 100%;
text-decoration: none;
background: transparent url("../_src/copyright.gif") top left no-repeat;
}
#container {
margin: 0 auto;
width: 750px;
text-align: left;
}
#header {
}
#header {
background: #000 url("../_src/topbackground.gif") top right no-repeat;
height: 130px;
margin: 0; padding: 0;
}
#mainnav { margin: 0; padding: 0 0 0 24px; }
#mainnav li {
margin: 0; padding: 0 9px;
list-style-type: none;
float: left;
}
#mainnav a {
padding: 5px 0 6px 0;
display: block;
color: #AEAEAE;
text-decoration: none;
float: left;
}
#mainnav a:hover {
color: #FFF;
}
#mainnav li.active {
margin: 0; padding: 0 0 0 9px;
background: transparent url("../_src/tab-left2.gif") top left no-repeat;
}
#mainnav li.active a {
padding-right: 9px;
color: #FFF;
display: block;
background: transparent url("../_src/tab-right2.gif") top right no-repeat;
}
#subnav {
margin: 0 0 0 25px; padding: 0;
height: 22px;
display: block;
}
#subnav li {
margin: 0; padding: 0;
list-style-type: none;
float: left;
}
#subnav a {
background: transparent url("../_src/arrow-black.gif") 3px 8px no-repeat;
margin: 0; padding: 4px 9px;
color: #000;
text-decoration: none;
display: block;
float: left;
}
#subnav a:hover {
color: #CCC;
}
#subnav a.active, #subnav a.active:hover {
background: transparent url("../_src/arrow-white.gif") 3px 8px no-repeat;
color: #FFF;
}
#footer { margin: 20px 0; padding: 0; text-align: center; }
#top { background: transparent url("../_src/corner-top.gif") top left no-repeat; height: 12px; }
#bottom { background: transparent url("../_src/corner-bottom.gif") top left no-repeat; height: 12px; }
#content {
padding: 22px 0;
background: #000;
}
#content .left { float: left; width: 480px; }
#content .right { float: right; width: 255px; }
#content .left p { margin: 0; padding: 0 0 20px 33px; }
#content .right p { margin: 0; padding: 0 33px 20px 0; }
#content .right img { margin: 0; padding: 5px 5px 0 0; }
#content dl { margin: 0 0 0 34px; padding: 0; }
#content dl dt {
margin: 0; padding: 0;
float: left;
width: 60px;
display: block;
font-weight: bold;
background: transparent url("../_src/arrow-grey.gif") 50px 4px no-repeat;
}
#content dl dd {
margin-left: 65px; padding: 0 0 5px 0;
display: block;
width: 300px;
}
#content .right .back {
background: transparent url("../_src/arrow-darkestgrey-left.gif") 35px 4px no-repeat;
padding: 0 5px;
text-decoration: none;
color: #2B2B2B;
font-size: 10px;
}
#content .right .next {
background: transparent url("../_src/arrow-darkestgrey.gif") 0 4px no-repeat;
padding: 0 5px;
text-decoration: none;
color: #2B2B2B;
font-size: 10px;
}
#content .right a.back {
background: transparent url("../_src/arrow-darkgrey-left.gif") 35px 4px no-repeat;
padding: 0 5px;
text-decoration: none;
color: #575757;
font-size: 10px;
}
#content .right a.next {
background: transparent url("../_src/arrow-darkgrey.gif") 0 4px no-repeat;
padding: 0 5px;
text-decoration: none;
color: #575757;
font-size: 10px;
}
#content .right a.back:hover {
background: transparent url("../_src/arrow-grey-left.gif") 35px 4px no-repeat;
color: #AEAEAE;
font-size: 10px;
}
#content .right a.next:hover {
background: transparent url("../_src/arrow-grey.gif") 0 4px no-repeat;
color: #AEAEAE;
font-size: 10px;
}
#produtos #container #content {
padding: 0; margin: 0;
background: #000 url("../_photo/produtos.jpg") top left no-repeat;
width: 750px; height: 425px;
}
#comprar #container #content {
padding: 0; margin: 0;
background: #000 url("../_photo/comprar.jpg") top left no-repeat;
width: 750px; height: 425px;
}
#galeria #container #content {
padding: 0; margin: 0;
background: #000 url("../_photo/galeria.jpg") top left no-repeat;
width: 750px; height: 425px;
}
#home #container #content {
padding: 0; margin: 0;
background: #000 url("../_photo/home.jpg") top left no-repeat;
width: 750px; height: 425px;
}
#historia #container #content {
padding: 0; margin: 0;
background: #000 url("../_photo/historia.jpg") top left no-repeat;
width: 750px; height: 425px;
}
#contato #container #content {
padding: 0; margin: 0;
background: #000 url("../_photo/contato.jpg") top left no-repeat;
width: 750px; height: 425px;
}
#temp {
padding: 0; margin: 0;
background: #000 url("../_photo/temp.jpg") top left no-repeat;
width: 750px; height: 425px;
}
/* LEFT GRAPHIC PIECES */
#contact #container #content {
padding: 22px 0 22px;
background: #000 url("../_photo/left-vision.jpg") 0 90px no-repeat;
}
#faq #container #content {
padding: 22px 0;
background: #000 url("../_photo/left-vision.jpg") 0 90px no-repeat;
}
#drum-related #container #content {
padding: 22px 0;
background: #000 url("../_photo/left-vision.jpg") 0 90px no-repeat;
}
#miscellaneous #container #content {
padding: 22px 0;
background: #000 url("../_photo/left-vision.jpg") 0 90px no-repeat;
}
#vision #container #content {
padding: 22px 0;
background: #000 url("../_photo/left-vision.jpg") 0 90px no-repeat;
}
#concepts #container #content {
padding: 22px 0;
background: #000 url("../_photo/left-concepts.jpg") 0 90px no-repeat;
}
#appearances #container #content {
padding: 22px 0;
background: #000 url("../_photo/left-appearances.jpg") 0 90px no-repeat;
}
#feedback #container #content {
padding: 22px 0;
background: #000 url("../_photo/left-feedback.jpg") 0 90px no-repeat;
}
#content p {
padding: 0 60px 15px 185px;
line-height: 16px;
font-size: 11px;
}
#content h2 {
margin: 0; padding: 18px 0 24px 145px;
}
#content h3 {
margin: 0; padding: 0 0 0 185px;
}
#current #container #content p {
padding: 0 60px 15px 60px;
line-height: 16px;
font-size: 11px;
}
#archive #container #content p {
padding: 0 60px 15px 60px;
line-height: 16px;
font-size: 11px;
}
#dealers #container #content p,
#pricelist #container #content p,
#compare #container #content p,
#becomedealer #container #content p {
padding: 0 60px 15px 60px;
line-height: 16px;
font-size: 11px;
}
#dealers #container #content h2,
#pricelist #container #content h2,
#compare #container #content h2,
#becomedealer #container #content h2 {
margin: 0; padding: 18px 0 24px 60px;
line-height: 16px;
font-size: 11px;
}
#becomedealer #container #content table {
padding: 0 60px 15px 60px;
width: 622px;
font-size: 10px;
}
#becomedealer #container #content table tr th {
color: #5E5C57;
padding: 5px 4px;
}
#becomedealer #container #content table tr td {
padding: 3px 4px;
}
.box {
color: #5E5C57;
font-size: 10px;
font-family: verdana, geneva, arial, helvetica;
border: solid 1px #5E5C57;
padding: 2px;
}
#becomedealer #container #content select {
color: #5E5C57;
font-size: 10px;
font-family: verdana, geneva, arial, helvetica;
border: solid 1px #5E5C57;
}
/* COMPARE TABLE PROPERTIES */
#compare #container #content table {
background: url(../_src/table-630-compare.gif) no-repeat;
margin: 0 60px 15px 60px;
width: 622px;
font-size: 10px;
}
#compare #container #content table tr th {
vertical-align: bottom;
color: #5E5C57;
padding: 5px 4px;
}
#compare #container #content table tr td {
padding: 3px 4px;
}
/* PRICE LIST TABLE PROPERTIES */
#pricelist #container #content table {
background: url(../_src/table-630.gif) no-repeat;
margin: 0 60px 15px 60px;
width: 622px;
font-size: 10px;
}
#pricelist #container #content table tr th {
color: #5E5C57;
padding: 5px 4px;
text-align: center;
}
#pricelist #container #content table tr td {
padding: 8px 4px;
}
.title {
font-size: 11px;
font-weight: bold;
}
#pricelist #container #content #full p {
padding: 0 60px 15px 60px;
line-height: 16px;
font-size: 11px;
}
/* APPEARANCES TABLE PROPERTIES */
#appearances #container #content table {
/* background: url(../_src/tabletop.gif) no-repeat; */
margin: 0 60px 15px 185px;
width: 505px;
font-size: 10px;
}
#appearances #container #content table tr th {
text-decoration: none;
color: FFF;
padding: 4px;
}
#appearances #container #content table tr td {
background: url(../_src/table-dot.gif);
/* border-bottom: solid 1px #2F2E2B; */
padding: 4px;
}
/* COLUMN PROPERTIES */
#columns {
padding: 0 60px;
background: #000;
}
#col1 {
float: left;
margin: 0 20px 0 0;
width: 196px;
}
#col2 {
float: left;
margin: 0 20px 0 0;
width: 196px;
}
#col3 {
float: left;
margin: 0 0 0 0;
width: 196px;
}
.clear {
clear: both;
}
/* normal bg color #5E5C57 */960 fluid 12 col - 960.css (29-Mar @ 11:21)
Syntax Highlighted Code
- /*
- Variable Grid System (Fluid Version).
- Learn more ~ http://www.spry-soft.com/grids/
- Based on 960 Grid System - http://960.gs/ & 960 Fluid - http://www.designinfluences.com/
- [338 more lines...]
Plain Code
/*
Variable Grid System (Fluid Version).
Learn more ~ http://www.spry-soft.com/grids/
Based on 960 Grid System - http://960.gs/ & 960 Fluid - http://www.designinfluences.com/
Licensed under GPL and MIT.
*/
/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
width: 92%;
margin-left: 4%;
margin-right: 4%;
}
/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
display:inline;
float: left;
position: relative;
margin-left: 1%;
margin-right: 1%;
}
/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha {
margin-left: 0;
}
.omega {
margin-right: 0;
}
/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .grid_1 {
width:6.333%;
}
.container_12 .grid_2 {
width:14.667%;
}
.container_12 .grid_3 {
width:23.0%;
}
.container_12 .grid_4 {
width:31.333%;
}
.container_12 .grid_5 {
width:39.667%;
}
.container_12 .grid_6 {
width:48.0%;
}
.container_12 .grid_7 {
width:56.333%;
}
.container_12 .grid_8 {
width:64.667%;
}
.container_12 .grid_9 {
width:73.0%;
}
.container_12 .grid_10 {
width:81.333%;
}
.container_12 .grid_11 {
width:89.667%;
}
.container_12 .grid_12 {
width:98.0%;
}
/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .prefix_1 {
padding-left:8.333%;
}
.container_12 .prefix_2 {
padding-left:16.667%;
}
.container_12 .prefix_3 {
padding-left:25.0%;
}
.container_12 .prefix_4 {
padding-left:33.333%;
}
.container_12 .prefix_5 {
padding-left:41.667%;
}
.container_12 .prefix_6 {
padding-left:50.0%;
}
.container_12 .prefix_7 {
padding-left:58.333%;
}
.container_12 .prefix_8 {
padding-left:66.667%;
}
.container_12 .prefix_9 {
padding-left:75.0%;
}
.container_12 .prefix_10 {
padding-left:83.333%;
}
.container_12 .prefix_11 {
padding-left:91.667%;
}
/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .suffix_1 {
padding-right:8.333%;
}
.container_12 .suffix_2 {
padding-right:16.667%;
}
.container_12 .suffix_3 {
padding-right:25.0%;
}
.container_12 .suffix_4 {
padding-right:33.333%;
}
.container_12 .suffix_5 {
padding-right:41.667%;
}
.container_12 .suffix_6 {
padding-right:50.0%;
}
.container_12 .suffix_7 {
padding-right:58.333%;
}
.container_12 .suffix_8 {
padding-right:66.667%;
}
.container_12 .suffix_9 {
padding-right:75.0%;
}
.container_12 .suffix_10 {
padding-right:83.333%;
}
.container_12 .suffix_11 {
padding-right:91.667%;
}
/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .push_1 {
left:8.333%;
}
.container_12 .push_2 {
left:16.667%;
}
.container_12 .push_3 {
left:25.0%;
}
.container_12 .push_4 {
left:33.333%;
}
.container_12 .push_5 {
left:41.667%;
}
.container_12 .push_6 {
left:50.0%;
}
.container_12 .push_7 {
left:58.333%;
}
.container_12 .push_8 {
left:66.667%;
}
.container_12 .push_9 {
left:75.0%;
}
.container_12 .push_10 {
left:83.333%;
}
.container_12 .push_11 {
left:91.667%;
}
/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .pull_1 {
left:-8.333%;
}
.container_12 .pull_2 {
left:-16.667%;
}
.container_12 .pull_3 {
left:-25.0%;
}
.container_12 .pull_4 {
left:-33.333%;
}
.container_12 .pull_5 {
left:-41.667%;
}
.container_12 .pull_6 {
left:-50.0%;
}
.container_12 .pull_7 {
left:-58.333%;
}
.container_12 .pull_8 {
left:-66.667%;
}
.container_12 .pull_9 {
left:-75.0%;
}
.container_12 .pull_10 {
left:-83.333%;
}
.container_12 .pull_11 {
left:-91.667%;
}
/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after {
clear: both;
content: ' ';
display: block;
font-size: 0;
line-height: 0;
visibility: hidden;
width: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}Untitled CSS (25-Mar @ 20:46)
Syntax Highlighted Code
- body {
- background:#000;
- font: 75% Arial, Helvetica, sans-serif;
- [164 more lines...]
Plain Code
body {
background:#000;
font: 75% Arial, Helvetica, sans-serif;
}
p{
}
a:link
{
color:#6F6F6F;
text-decoration: none;
}
a:visited
{
color: #6F6F6F;
text-decoration: none;
}
a:hover, a:active
{
color: #6F6F6F;
text-decoration: underline;
}
a:focus{outline:none;}
.magic{
clear:both;
height:1px;
}
input{background:#000;border:1px solid #000; margin:10px 0 0 10px;color:#666;font-size:11px;font-family:verdana;padding:5px 0 5px 20px;}
input:hover{background:#272727;border:1px solid #2E2E2E; margin:10px 0 0 10px;color:#666;font-size:11px;font-family:verdana;padding:5px 0 5px 20px;}
select{background:#000;border:1px solid #000; margin:10px 0 0 10px;color:#666;font-size:11px;font-family:verdana;padding:5px 0 5px 20px;}
input.gonder{background:none;border:none;margin:0 0 10px 0;padding:0 0 0 10px;}
form#e-bulten{height:31px;}
input.ekle{background:none;border:none;float:right;width:87px; height:33px;}
form#e-bulten input{float:left;margin:0;padding:0; height:33px;}
input.guvenlik{margin:0 0 10px 0;padding:5px 0 5px 20px;}
textarea{width:220px;background:#000;border:none; margin:10px 0 0 10px;color:#666;font-size:11px;font-family:verdana;}
textarea:hover{background:#272727;border:1px solid #252525}
.captcha{margin:10px 0 0 10px;background:none;border:none;}
#header .header_content{margin:0 auto;width:985px;height:137px;border-bottom:1px solid #FF7900;background:#fff;position:relative;}
#header .header_content .logo{margin:10px 0;float:left;}
#header .header_content .header_navigation{width:670px;height:30px;background:#f0f0f0 url(../img/header_nav_left.png) no-repeat left;float:right;}
#header .header_content .header_navigation ul{width:670px;height:30px;background:url(../img/header_nav_right.png) no-repeat right;margin:0;padding:0;}
#header .header_content .header_navigation ul li{float:left;background:url(../img/header_nav_bg.png) repeat-x;display:block;font-size:9px;font-family:verdana;color:#6F6F6F;height:20px;margin:0 8px;}
#header .header_content .header_navigation ul li.home{background:#f0f0f0 url(../icon/homepage.png) no-repeat left;padding:10px 0 0 20px;}
#header .header_content .header_navigation ul li.mail{background:#f0f0f0 url(../icon/mail.png) no-repeat left;padding:10px 0 0 20px;}
#header .header_content .header_navigation ul li.phone{background:#f0f0f0 url(../icon/phone.png) no-repeat left;padding:10px 0 0 20px;}
#header .header_content .header_navigation ul li.dialog{background:#f0f0f0 url(../icon/dialog.png) no-repeat left;padding:10px 0 0 20px;}
#header .nav{
height:62px;
width:985px;
background:url(../img/nav-bg.png) no-repeat;
position:absolute;
left: 0px;
top: 119px;
margin:0 auto;
}
#header .nav ul{
padding:0;margin:0;
}
#header .nav ul li{
float:left;
padding:20px 30px 10px 30px;
display:block;
background:url(../img/ayrac.png) no-repeat right 20px;
}
#header .nav ul li.testet{
float:left;
background:none;
display:block;
padding:17px 30px 3px 30px;
}
#spot{height:403px; background:url(../img/spot_bg.png) repeat-x;}
#spot .spot_content{height:353px; width:985px;padding:50px 0 0 0;z-index:-1;margin:0 auto;background:url(../img/spot-gr.png) no-repeat left;}
#spot .spot_content .spot_content_left{float:left;width:636px;height:353px;position:relative;}
#spot .spot_content .spot_content_right{float:left;width:349px;height:353px;position:relative; background:url(../img/spot-gr2.png) no-repeat;}
#content {}
#content .products{height:65px;background:#fff;}
#content .products .products_content{width:985px;margin:0 auto;}
#content .products .products_content ul{margin:0;padding:0;}
#content .products .products_content ul li{float:left;padding:15px 110px 10px 0px;}
#content .products .products_content ul li.testedin{padding:15px 1px 10px 0px;}
#content .products .products_content ul li.satinalin{padding:15px 0px 10px 0px;}
#content .products .products_content ul li.supermarket{padding:15px 65px 10px 0px;}
#navigation .navigation_title{height:35px;border-bottom:1px solid #D4D4D4;width:100%;}
#navigation .navigation_title .navigation_title_content{width:985px;margin:0 auto;height:35px;}
#navigation .navigation_title .navigation_title_content .news{width:49%;float:left;padding:10px 0 7px 0;}
#navigation .navigation_title .navigation_title_content .blog{width:49%;float:right;padding:10px 0 7px 0;}
#navigation .navigation_content{width:985px;margin:0 auto;clear:both;}
#navigation .navigation_content .navigation_content_left{width:49%;float:left;padding:10px 0 7px 0;}
#navigation .navigation_content .navigation_content_right{width:49%;float:right;padding:10px 0 7px 0;}
.navigation_content_right h3 , .navigation_content_left h3{color:#666;font-family:verdana;font-size:11px;font-weight:bold;padding:10px 0 0 0;}
.navigation_content_right p , .navigation_content_left p{color:#666;font-family:verdana;font-size:11px;font-weight:normal;line-height:18px;margin:10px 0 0 0;}
#navigation .navigation_content_line{height:1px;background:#D4D4D4;width:100%;clear:both;}
#navigation .company_content{margin:0 auto;width:985px;clear:both;position:relative;}
#navigation .company_content ul{margin:0;padding:0;}
#navigation .company_content ul li {width:985px;text-align:center;}
.markalar{width:985px;height:94px;position:relative;overflow:hidden;}
#extra .extra_content{margin:0 auto;width:985px;overflow:hidden;padding:10px 0 30px 0;}
#extra .extra_content .guncel_haberler{width:244px;}
#extra .extra_content .guncel_haberler h3{background:url(../img/guncel_haberler.jpg) repeat-x; color:#FF6600;font-family:arial;font-size:15px;padding:10px 0px 10px 20px;border:1px solid #343434;}
#extra .extra_content .guncel_haberler ul{margin:0;padding:0;border-bottom:1px solid #343434;}
#extra .extra_content .guncel_haberler ul li a{color:#666;font-size:10px;font-family:verdana;text-decoration:none;display:block;padding:10px 10px 10px 20px;line-height:18px;}
#extra .extra_content .guncel_haberler ul li a:hover{ background:url(../img/guncel_haberler_hover.jpg) no-repeat left;}
#extra .extra_content .guncel_haberler ul li{border:1px solid #343434;border-bottom:none;}
#extra .extra_content .contact_form{width:244px;margin:10px 0 0 0;}
#extra .extra_content .contact_form h3{background:url(../img/guncel_haberler.jpg) repeat-x; color:#FF6600;font-family:arial;font-size:15px;padding:10px 0px 10px 20px;border:1px solid #343434;}
#extra .extra_content .contact_form .contact_form_content{border:1px solid #343434;border-top:none;}
#extra .extra_content .extra_content_left{width:244px;float:left;}
#extra .extra_content .extra_content_right{width:720px;float:right;}
.hemenaleticaretnedir{margin:10px 0 5px 0;}
.hemenaleticaretnedir p{border-top:1px solid #343434;background:#1D1D1D;margin:10px 0 0 0;color:#666;font-size:11px;font-family:verdana;line-height:20px;padding:10px 20px;}
.info ul{margin:0;padding:0;}
.info ul li{width:350px;border-bottom:1px solid #343434;margin:0px 0 6px 0;}
.info ul li h3{font-size:15px;color:#fff;font-family:arial;padding:0 0 0 10px;}
.info ul li p{font-size:11px;color:#666;font-family:verdana;line-height:21px;padding:10px 0 10px 47px;}
li.guvenlik{background:url(../icon/guvenlik.png) no-repeat left ;float:left;padding-top:10px;}
li.guncelleme{background:url(../icon/guncelleme.png) no-repeat left ;float:right;padding-top:10px;}
li.destek{background:url(../icon/destek.png) no-repeat left ;float:left;}
li.entegrasyon{background:url(../icon/entegrasyon.png) no-repeat left ;float:right;}
li.aktivasyon{background:url(../icon/aktivasyon.png) no-repeat left ;float:left;}
li.eticaret{background:url(../icon/network.png) no-repeat left ;float:right;}
li.e_bulten{float:left;}
li.e_bulten h2{background:url(../img/h3_bg.jpg) repeat-x; color:#FF6600;font-size:15px;padding:10px 0px 10px 10px;border:1px solid #343434;}
li.e_bulten p{height:115px;border-right:1px solid #343434;border-left:1px solid #343434; background:url(../icon/e-bulten.png) no-repeat 5px 10px;}
li.is_ortaklarimiz{float:right;}
li.is_ortaklarimiz h2{background:url(../img/h3_bg.jpg) repeat-x; color:#FF6600;font-size:15px;padding:10px 0px 10px 10px;border:1px solid #343434;}
li.is_ortaklarimiz div.work_partner{height:115px;background:#fff;border-right:1px solid #343434;border-left:1px solid #343434;padding:10px 0 10px 0px;overflow:hidden;}
li.is_ortaklarimiz div.work_partner ul li{border:none;width:116px;}
li.is_ortaklarimiz div.work_partner ul li img{margin:25px auto;}
#footer .footer_content{margin:0 auto; border-bottom:1px solid #343434;}
#footer .footer_content .footer_content_left{width:985px;margin:10px auto;height:44px;}
#footer .footer_content .footer_content_right{margin:0;padding:0;height:64px;}
#footer .footer_content .footer_content_right li{float:left;padding:5px 2px;}
#footer .footer_nav{margin:0 auto; border-bottom:1px solid #343434;}
#footer .footer_nav_content{width:985px;height:33px;margin:0 auto;}
#footer .footer_nav_content ul{margin:0;padding:0;}
#footer .footer_nav_content ul li{float:left;}
#footer .footer_nav_content ul li a{color:#666;font-family:verdana;font-size:11px;padding:11px 15px;display:block;}
#footer .footer_navigation{ background:url(../img/footer_nav_left.png) no-repeat left;height:41px;width:690px;}
#footer .footer_navigation ul{ background:url(../img/footer_nav_right.png) no-repeat right;height:41px;margin:0;padding:0;}
#footer .footer_navigation ul li{background:url(../img/footer_nav_bg.png) repeat-x;}Untitled CSS (25-Mar @ 19:05)
Syntax Highlighted Code
- mhmuj,mu,iu,ili,,i
Plain Code
mhmuj,mu,iu,ili,,iUntitled CSS (25-Mar @ 14:29)
Syntax Highlighted Code
- h1,h2,h3,#sidebar dt,#navigation span,#login legend,.button a,.button button,.promo strong,#highlights strong,.rightnav span,#leftnav span{
- font-family:"Lucida Grande";
- }
- .small{
- [22 more lines...]
Plain Code
h1,h2,h3,#sidebar dt,#navigation span,#login legend,.button a,.button button,.promo strong,#highlights strong,.rightnav span,#leftnav span{
font-family:"Lucida Grande";
}
.small{
font-size:0.9em;
}
.button button{
padding:2px 0;
}
body:last-child:not(:root:root) .button{
line-height:1;
}
body:last-child:not(:root:root) .button a{
padding:3px 3px 4px;
}
body:last-child:not(:root:root) .button button{
padding:1px 3px;
}
html .aboutUl{
float: left;
position: relative;
left: -6px;
}
#UpdateHeader{
margin: 0 0 -35px 0;
}960 fluid 16 col - 960.css (24-Mar @ 18:44)
Syntax Highlighted Code
- /*
- Variable Grid System (Fluid Version).
- Learn more ~ http://www.spry-soft.com/grids/
- Based on 960 Grid System - http://960.gs/ & 960 Fluid - http://www.designinfluences.com/
- [422 more lines...]
Plain Code
/*
Variable Grid System (Fluid Version).
Learn more ~ http://www.spry-soft.com/grids/
Based on 960 Grid System - http://960.gs/ & 960 Fluid - http://www.designinfluences.com/
Licensed under GPL and MIT.
*/
/* Containers
----------------------------------------------------------------------------------------------------*/
.container_16 {
width: 92%;
margin-left: 4%;
margin-right: 4%;
}
/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
display:inline;
float: left;
position: relative;
margin-left: 1%;
margin-right: 1%;
}
/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha {
margin-left: 0;
}
.omega {
margin-right: 0;
}
/* Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.container_16 .grid_1 {
width:4.25%;
}
.container_16 .grid_2 {
width:10.5%;
}
.container_16 .grid_3 {
width:16.75%;
}
.container_16 .grid_4 {
width:23.0%;
}
.container_16 .grid_5 {
width:29.25%;
}
.container_16 .grid_6 {
width:35.5%;
}
.container_16 .grid_7 {
width:41.75%;
}
.container_16 .grid_8 {
width:48.0%;
}
.container_16 .grid_9 {
width:54.25%;
}
.container_16 .grid_10 {
width:60.5%;
}
.container_16 .grid_11 {
width:66.75%;
}
.container_16 .grid_12 {
width:73.0%;
}
.container_16 .grid_13 {
width:79.25%;
}
.container_16 .grid_14 {
width:85.5%;
}
.container_16 .grid_15 {
width:91.75%;
}
.container_16 .grid_16 {
width:98.0%;
}
/* Prefix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.container_16 .prefix_1 {
padding-left:6.25%;
}
.container_16 .prefix_2 {
padding-left:12.5%;
}
.container_16 .prefix_3 {
padding-left:18.75%;
}
.container_16 .prefix_4 {
padding-left:25.0%;
}
.container_16 .prefix_5 {
padding-left:31.25%;
}
.container_16 .prefix_6 {
padding-left:37.5%;
}
.container_16 .prefix_7 {
padding-left:43.75%;
}
.container_16 .prefix_8 {
padding-left:50.0%;
}
.container_16 .prefix_9 {
padding-left:56.25%;
}
.container_16 .prefix_10 {
padding-left:62.5%;
}
.container_16 .prefix_11 {
padding-left:68.75%;
}
.container_16 .prefix_12 {
padding-left:75.0%;
}
.container_16 .prefix_13 {
padding-left:81.25%;
}
.container_16 .prefix_14 {
padding-left:87.5%;
}
.container_16 .prefix_15 {
padding-left:93.75%;
}
/* Suffix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.container_16 .suffix_1 {
padding-right:6.25%;
}
.container_16 .suffix_2 {
padding-right:12.5%;
}
.container_16 .suffix_3 {
padding-right:18.75%;
}
.container_16 .suffix_4 {
padding-right:25.0%;
}
.container_16 .suffix_5 {
padding-right:31.25%;
}
.container_16 .suffix_6 {
padding-right:37.5%;
}
.container_16 .suffix_7 {
padding-right:43.75%;
}
.container_16 .suffix_8 {
padding-right:50.0%;
}
.container_16 .suffix_9 {
padding-right:56.25%;
}
.container_16 .suffix_10 {
padding-right:62.5%;
}
.container_16 .suffix_11 {
padding-right:68.75%;
}
.container_16 .suffix_12 {
padding-right:75.0%;
}
.container_16 .suffix_13 {
padding-right:81.25%;
}
.container_16 .suffix_14 {
padding-right:87.5%;
}
.container_16 .suffix_15 {
padding-right:93.75%;
}
/* Push Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.container_16 .push_1 {
left:6.25%;
}
.container_16 .push_2 {
left:12.5%;
}
.container_16 .push_3 {
left:18.75%;
}
.container_16 .push_4 {
left:25.0%;
}
.container_16 .push_5 {
left:31.25%;
}
.container_16 .push_6 {
left:37.5%;
}
.container_16 .push_7 {
left:43.75%;
}
.container_16 .push_8 {
left:50.0%;
}
.container_16 .push_9 {
left:56.25%;
}
.container_16 .push_10 {
left:62.5%;
}
.container_16 .push_11 {
left:68.75%;
}
.container_16 .push_12 {
left:75.0%;
}
.container_16 .push_13 {
left:81.25%;
}
.container_16 .push_14 {
left:87.5%;
}
.container_16 .push_15 {
left:93.75%;
}
/* Pull Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.container_16 .pull_1 {
left:-6.25%;
}
.container_16 .pull_2 {
left:-12.5%;
}
.container_16 .pull_3 {
left:-18.75%;
}
.container_16 .pull_4 {
left:-25.0%;
}
.container_16 .pull_5 {
left:-31.25%;
}
.container_16 .pull_6 {
left:-37.5%;
}
.container_16 .pull_7 {
left:-43.75%;
}
.container_16 .pull_8 {
left:-50.0%;
}
.container_16 .pull_9 {
left:-56.25%;
}
.container_16 .pull_10 {
left:-62.5%;
}
.container_16 .pull_11 {
left:-68.75%;
}
.container_16 .pull_12 {
left:-75.0%;
}
.container_16 .pull_13 {
left:-81.25%;
}
.container_16 .pull_14 {
left:-87.5%;
}
.container_16 .pull_15 {
left:-93.75%;
}
/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after {
clear: both;
content: ' ';
display: block;
font-size: 0;
line-height: 0;
visibility: hidden;
width: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}Untitled CSS (23-Mar @ 20:48)
Syntax Highlighted Code
- #main
- {
- float:left;
- }
Plain Code
#main
{
float:left;
}Untitled CSS (23-Mar @ 03:16)
Syntax Highlighted Code
- <HTML>
- <HEAD>
- <TITLE>Untitled-1</TITLE>
- <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
- [76 more lines...]
Plain Code
<HTML>
<HEAD>
<TITLE>Untitled-1</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
</HEAD>
<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<!-- ImageReady Slices (Untitled-1) -->
<TABLE WIDTH=613 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD COLSPAN=8>
<IMG SRC="images/hallo_01.gif" WIDTH=613 HEIGHT=45 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=45 ALT=""></TD>
</TR>
<TR>
<TD ROWSPAN=5>
<IMG SRC="images/hallo_02.gif" WIDTH=36 HEIGHT=774 ALT=""></TD>
<TD COLSPAN=3 ALIGN=left VALIGN=top>
<IMG SRC="images/hallo_03.gif" WIDTH=240 HEIGHT=62 ALT=""></TD>
<TD COLSPAN=4 ROWSPAN=2>
<IMG SRC="images/hallo_04.gif" WIDTH=337 HEIGHT=77 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=62 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=3>
<IMG SRC="images/hallo_05.gif" WIDTH=240 HEIGHT=15 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=15 ALT=""></TD>
</TR>
<TR>
<TD ROWSPAN=2 ALIGN=left VALIGN=top>
<IMG SRC="images/hallo_06.gif" WIDTH=131 HEIGHT=52 ALT=""></TD>
<TD ROWSPAN=2 ALIGN=left VALIGN=top>
<IMG SRC="images/hallo_07.gif" WIDTH=85 HEIGHT=52 ALT=""></TD>
<TD COLSPAN=2 ROWSPAN=2 ALIGN=left VALIGN=top>
<IMG SRC="images/hallo_08.gif" WIDTH=126 HEIGHT=52 ALT=""></TD>
<TD ALIGN=left VALIGN=top>
<IMG SRC="images/hallo_09.gif" WIDTH=85 HEIGHT=51 ALT=""></TD>
<TD ALIGN=left VALIGN=top>
<IMG SRC="images/hallo_10.jpg" WIDTH=116 HEIGHT=51 ALT=""></TD>
<TD ROWSPAN=3>
<IMG SRC="images/hallo_11.gif" WIDTH=34 HEIGHT=697 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=51 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=2 ROWSPAN=2>
<IMG SRC="images/hallo_12.gif" WIDTH=201 HEIGHT=646 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=1 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=4>
<IMG SRC="images/hallo_13.gif" WIDTH=342 HEIGHT=645 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=645 ALT=""></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=36 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=131 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=85 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=24 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=102 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=85 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=116 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=34 HEIGHT=1 ALT=""></TD>
<TD></TD>
</TR>
</TABLE>
<!-- End ImageReady Slices -->
</BODY>
</HTML>Untitled CSS (22-Mar @ 22:45)
Syntax Highlighted Code
- /* Containers
- ----------------------------------------------------------------------------------------------------*/
- .container_ {
- margin-left: auto;
- [85 more lines...]
Plain Code
/* Containers
----------------------------------------------------------------------------------------------------*/
.container_ {
margin-left: auto;
margin-right: auto;
width: 0px;
}
/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_{
display:inline;
float: left;
position: relative;
margin-left: 0px;
margin-right: 0px;
}
/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha {
margin-left: 0;
}
.omega {
margin-right: 0;
}
/* Grid >> 2 Columns
----------------------------------------------------------------------------------------------------*/
/* Prefix Extra Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
/* Suffix Extra Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
/* Push Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
/* Pull Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
.clearfix:after {
clear: both;
content: ' ';
display: block;
font-size: 0;
line-height: 0;
visibility: hidden;
width: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
Untitled CSS (20-Mar @ 16:13)
Syntax Highlighted Code
- body {
- background: #F0E8D9 url(../images/body_bgr.gif) repeat-x left top;
- font-family: Verdana, Helvetica, sans-serif;
- font-size: 80%;
- [899 more lines...]
Plain Code
body {
background: #F0E8D9 url(../images/body_bgr.gif) repeat-x left top;
font-family: Verdana, Helvetica, sans-serif;
font-size: 80%;
color: #463104;
padding: 0;
margin: 0;
}
#logoprint {
display: none;
}
#printedfrom {
display: none;
}
#wrapper {
float: none;
padding: 0;
margin: 0;
width: 1240px;
}
#line {
float: none;
margin: 0 auto;
padding: 0 0 0 25px;
background: transparent;
color: #463104;
font-size: 80%;
}
#line p.right {
margin: 2px 0;
padding: 0;
text-align: right;
}
#line p.left {
margin: 2px 0;
padding: 0;
text-align: left;
}
#line a:link, #line a:visited {
text-decoration: underline;
color: #463104;
background: transparent;
}
#line a:hover {
text-decoration: none;
color: #463104;
background: transparent;
}
#logo {
margin: 0;
padding: 35px 0 20px 30px;
text-align: left;
}
#logo img {
margin: 0;
padding: 0;
border: 0;
}
#right {
float: right;
width: 250px;
margin: 0;
padding: 0;
text-align: center;
background: transparent;
color: #681801;
}
#lang {
margin: 5px 15px 10px 0;
padding: 0;
text-align: right;
font-size: 90%;
}
#lang dl {
margin: 0;
padding: 0;
}
#lang dt, #lang dd {
margin: 0;
padding: 0;
border: none;
display: inline;
}
#lang a, #lang a:visited {
text-decoration: underline;
margin: 0;
padding: 5px;
background: transparent;
color: #E1D1B3;
}
#lang a:hover {
text-decoration: none;
margin: 0;
padding: 5px;
background: transparent;
color: #E1D1B3;
}
#menu {
width: 240px;
margin: 10px 5px 35px 5px;
padding: 0;
text-align: left;
}
#menu dl {
display: block;
margin: 0;
padding: 0;
}
#menu dt, #menu dd {
display: block;
margin: 0;
padding: 0;
border-bottom: 1px solid #463104;
}
#menu a, #menu a:visited {
text-decoration: none;
display: block;
margin: 0;
padding: 5px;
background: transparent;
color: #463104;
width: 230px;
}
#menu a:hover {
text-decoration: none;
display: block;
margin: 0;
padding: 5px;
background: #463104;
color: #FFFFFF;
width: 230px;
}
#menu a#current {
text-decoration: none;
display: block;
margin: 0;
padding: 5px;
background: transparent;
color: #463104;
width: 230px;
font-weight: bold;
}
#submenu {
width: auto;
margin: 0 5px 0 10px;
padding: 0 0px 5px 0;
text-align: left;
font-size: 90%;
}
#submenu ul {
margin: 0;
padding: 0;
}
#submenu li {
margin: 0 0 1px 0;
padding: 0;
list-style-type: none;
}
#submenu a, #submenu a:visited {
text-decoration: none;
display: block;
margin: 0;
padding: 2px 3px;
background: transparent;
color: #463104;
width: 215px;
}
#submenu a:hover, #submenu a#subcurrent {
text-decoration: none;
display: block;
margin: 0;
padding: 2px 3px;
background: #E1D1B3;
color: #463104;
width: 215px;
}
#content {
width: 960px;
_width: 940px;
padding: 0 0 0 0;
margin: 0 0 0 20px;
background: #F9F9F9;
color: #000000;
float: none;
border-top: none;
border-right: 2px solid #E1D1B3;
border-bottom: 2px solid #E1D1B3;
border-left: none;
}
.content_padding {
padding: 20px;
}
.content_clear {
clear: both;
}
#content p {
margin: 0;
padding: 0 0 10px 0;
}
#content h1 {
font-size: 115%;
margin: 0px;
padding: 25px 0 10px 0;
color: #FC6600;
background: transparent;
}
#content h2 {
font-size: 110%;
margin: 0;
padding: 20px 0 10px 0;
color: #463104;
background: transparent;
}
#content h3 {
font-size: 105%;
margin: 0px;
padding: 15px 0 10px 0;
color: #463104;
background: transparent;
}
#content li {
margin: 0;
padding: 0 0 5px 0;
}
#content a:link, a:visited {
text-decoration: underline;
background: transparent;
color: #463104;
}
#content a:hover {
text-decoration: none;
background: transparent;
color: #463104;
}
#content hr {
margin: 20px 0;
padding: 0;
height: 1px;
color: #463104;
}
#table1 th {
background: transparent;
margin: 0;
padding: 0;
color: #463104;
text-transform: uppercase;
text-align: center;
font-size: 100%;
border-top: none;
border-left: none;
border-right: none;
border-bottom: 2px solid #E7DAC2;
}
#table1 .b {
font-weight: bold;
}
#table1 td {
margin: 0;
padding: 3px;
border-top: none;
border-left: none;
border-right: none;
border-bottom: 1px solid #E7DAC2;
}
#table1 tr {
background: transparent;
color: #463104;
}
#table1 tr.b {
background: transparent;
color: #463104;
font-weight: bold;
}
#table1 tr.header {
background: transparent;
color: #463104;
}
#table1 tr.header:hover {
background: transparent;
color: #463104;
}
#table1 tr:hover {
background: #F0E8D9;
color: #463104;
}
#table1 tr.b:hover {
background: #F0E8D9;
color: #463104;
font-weight: bold;
}
#table1 td.yes {
background-image: url(../images/yes.gif);
background-position: 50% 50%;
background-repeat: no-repeat;
}
#table1 td.five {
font-size: 105%;
}
#table1 td.ten {
font-size: 110%;
}
#table1 td.price {
padding-right:13%;
}
.ancore a {
margin: 0;
padding: 0;
}
.nb {
margin: 5px 0;
padding: 5px;
color: #FC6600;
background: transparent;
}
.nb sup {
margin: 5px 0;
padding: 5px;
color: #000000;
background: transparent;
}
.nb a {
margin: 0;
padding: 0;
color: #B23401;
background: transparent;
text-decoration: underline;
}
.nb a:hover {
margin: 0;
padding: 0;
color: #B23401;
background: transparent;
text-decoration: none;
}
#order fieldset {
padding: 5px;
text-align: left;
margin: auto;
float: none;
display: block;
border: 1px solid #F0E8D9;
}
#order legend {
font-weight: bold;
text-transform: uppercase;
background: transparent;
color: #463104;
padding: 0 5px 3px 0;
margin: 0;
}
#order .input {
border: none;
background: #FFFFFF;
color: #463104;
padding: 2px;
margin: auto;
width: 85%;
}
#order .domain {
border: none;
background: #FFFFFF;
color: #463104;
padding: 2px;
margin: auto;
width: 85%;
font-size: 115%;
font-weight: bold;
text-align: center;
}
#order .radio {
border: none;
padding: 0;
margin: 0;
}
#order form {
margin: 0 0 5px 0;
padding: 0;
}
#order fieldset a {
margin: 0;
padding: 0;
color: #463104;
background: transparent;
text-decoration: underline;
}
#order fieldset a:hover {
margin: 0;
padding: 0;
color: #463104;
background: transparent;
text-decoration: none;
}
#whois {
width: 230px;
margin: 4px 10px;
padding: 5px 0 2px 0;
text-align: center;
float: left;
background: #E7DAC2;
color: #463104;
font-size: 80%;
}
#whois .winput {
border-top: none;
border-right: none;
border-left: none;
border-bottom: 1px solid #463104;
background: transparent;
color: #463104;
font-weight: bold;
padding: 0;
margin: 0 0 1px 1px;
}
#whois td {
background: #F0E8D9;
color: #000000;
margin: 0;
padding: 3px 10px;
text-align: left;
font-size: 95%;
vertical-align: top;
}
#whois td.scanning {
background: #F0E8D9;
color: #666666;
}
#whois td.free {
background: #F0E8D9;
color: #006600;
font-weight: bold;
}
#whois td.registered {
background: #F0E8D9;
color: #FF0000;
}
#whois td.preserved {
background: #F0E8D9;
color: #FF9900;
}
#whois .message {
background: #F0E8D9;
color: #C0C0C0;
}
#whois .failed, .error, .unknown {
background: #F0E8D9;
color:#ff9900;
}
#whois form {
margin: 0 0 5px 0;
padding: 0;
}
#whois h1 {
margin: 2px;
padding: 3px;
font-size: 115%;
text-transform: uppercase;
color: #463104;
background: transparent;
}
#manager {
width: 230px;
margin: 4px 10px;
padding: 5px 0 2px 0;
text-align: center;
float: left;
background: transparent;
color: #463104;
font-size: 80%;
border-bottom: 2px solid #E7DAC2;
border-right: 2px solid #E7DAC2;
}
#manager td.head {
background: transparent;
color: #000000;
margin: 1px;
padding: 2px;
text-align: right;
}
#manager td.headselect {
background: transparent;
color: #000000;
margin: 1px;
padding: 12px 2px 2px 2px;
text-align: right;
}
#manager .minput {
border-top: none;
border-right: none;
border-left: none;
border-bottom: 1px solid #E7DAC2;
border-right: 1px solid #E7DAC2;
background: #ffffff;
color: #463104;
font-weight: bold;
padding: 0;
margin: 0 0 0 2px;
text-align: left;
width: 100%;
}
#manager select {
border: none;
background: #F9F5F0;
color: #463104;
font-weight: bold;
padding: 0 1px;
margin: 10px 2px 0 2px;
width: 99%;
}
#manager .mbutton {
border: none;
background: #463104;
color: #F9F5F0;
font-weight: bold;
padding: 2px 0;
margin: 10px 0 0 2px;
text-align: center;
width: 100%;
}
#manager form {
margin: 0 0 5px 0;
padding: 0;
}
#manager h1 {
margin: 2px 0 10px 0;
padding: 3px;
font-size: 115%;
text-transform: uppercase;
color: #463104;
background: transparent;
}
#webmail {
width: 230px;
margin: 4px 10px;
padding: 5px 0 2px 0;
text-align: center;
float: left;
background: transparent;
color: #463104;
font-size: 80%;
border-bottom: 2px solid #E7DAC2;
border-right: 2px solid #E7DAC2;
}
#webmail td.head {
background: transparent;
color: #000000;
margin: 1px;
padding: 2px;
text-align: right;
}
#webmail td.headselect {
background: transparent;
color: #000000;
margin: 1px;
padding: 12px 2px 2px 2px;
text-align: right;
}
#webmail .minput {
border-top: none;
border-right: none;
border-left: none;
border-bottom: 1px solid #E7DAC2;
border-right: 1px solid #E7DAC2;
background: #ffffff;
color: #463104;
font-weight: bold;
padding: 0;
margin: 0 0 0 2px;
text-align: left;
width: 100%;
}
#webmail select {
border: none;
background: #F9F5F0;
color: #463104;
font-weight: bold;
padding: 0 1px;
margin: 10px 2px 0 2px;
width: 99%;
}
#webmail .mbutton {
border: none;
background: #463104;
color: #F9F5F0;
font-weight: bold;
padding: 2px 0;
margin: 10px 0 0 2px;
text-align: center;
width: 100%;
}
#webmail form {
margin: 0 0 5px 0;
padding: 0;
}
#webmail h1 {
margin: 2px 0 10px 0;
padding: 3px;
font-size: 115%;
text-transform: uppercase;
color: #463104;
background: transparent;
}
#thawte {
width: 230px;
margin: 40px 10px 0 10px;
padding: 0;
text-align: center;
float: left;
}
#bozz {
float: none;
width: 1240px;
margin: 0;
padding: 0;
display: block;
}
#bozz h1 {
font-size: 5px;
color: #F0E8D9;
margin: 0;
padding: 0;
line-height: 3px;
}
#pfolio {
padding: 0;
margin: 0;
}
#pfolio ul {
display: inline;
margin: 0 0 15px 0;
padding: 0;
}
#pfolio li {
display: block;
float: left;
text-align: center;
margin: 1px;
padding: 0;
list-style-type: none;
width: 226px;
height: 380px;
border: 1px solid #F0E8D9;
background-color: transparent;
}
#pfolio li:hover {
display: block;
float: left;
text-align: center;
margin: 1px;
padding: 0;
list-style-type: none;
width: 226px;
height: 380px;
border: 1px solid #E1D1B3;
background-color: #F0E8D9;
}
#pfolio li.short {
display: block;
float: left;
text-align: center;
margin: 1px;
padding: 15px 10px;
list-style-type: none;
width: 205px;
height: 115px;
border: 1px solid #F0E8D9;
background-color: transparent;
}
#pfolio li.short:hover {
display: block;
float: left;
text-align: center;
margin: 1px;
padding: 15px 10px;
list-style-type: none;
width: 205px;
height: 115px;
border: 1px solid #E1D1B3;
background-color: #F0E8D9;
}
#pfolio img {
margin: 10px auto;
padding: 0;
border: 4px solid #E1D1B3;
}
#pfolio a, #pfolio a:visited {
text-decoration: underline;
margin: 0;
padding: 5px 0 0 0;
background: transparent;
color: #463104;
}
#pfolio a:hover {
text-decoration: none;
margin: 0;
padding: 5px 0 0 0;
background: transparent;
color: #463104;
}
#pfolio p.description {
font-size: 85%;
text-align: left;
padding: 10px 10px 0 10px;
}
#pfolio p.closed {
font-size: 80%;
padding: 0;
margin: 0;
}
#pfolio p.year {
font-size: 80%;
padding: 0;
margin: 0;
}
#pfolio p {
padding: 0;
margin: 2px 0 5px 0;
}
#tmnstr_core {
padding: 0;
margin: 0;
}
#tmnstr_core ul {
display: inline;
margin: 0 0 15px 0;
padding: 0;
}
#tmnstr_core li {
display: block;
float: left;
text-align: center;
margin: 1px;
padding: 15px 10px;
list-style-type: none;
width: 205px;
height: 260px;
border: 1px solid #F0E8D9;
background-color: transparent;
}
#tmnstr_core li:hover {
display: block;
float: left;
text-align: center;
margin: 1px;
padding: 15px 10px;
list-style-type: none;
width: 205px;
height: 260px;
border: 1px solid #E1D1B3;
background-color: #F0E8D9;
}
#tmnstr_core img {
margin: 0;
padding: 0;
border: 5px solid #E1D1B3;
}
#tmnstr_core a, #tmnstr_core a:visited {
text-decoration: underline;
margin: 0;
padding: 5px 0 0 0;
background: transparent;
color: #463104;
}
#tmnstr_core a:hover {
text-decoration: none;
margin: 0;
padding: 5px 0 0 0;
background: transparent;
color: #463104;
}
#tmnstr_core p.left {
float: left;
font-size: 80%;
text-align: left;
padding: 10px 0 0 3px;
width: 48%;
}
#tmnstr_core p.right {
float: right;
font-size: 80%;
text-align: right;
padding: 10px 0 3px 0;
width: 48%;
}
#tmnstr_core p {
padding: 0;
margin: 2px 0 5px 0;
}
/*********************** FEEDBACK FORM ************************/
#feedback
{
width: 100%;
padding: 15px 0;
text-align: right;
}
#feedback fieldset /* form border */
{
width: 100%;
border: solid 0px #FFFFFF;
}
#feedback label /* fields descriptions */
{
float: left;
width: 25%;
line-height: 1em;
margin-right: 0.1em;
text-align: left;
font-weight: bold;
}
#feedback input,
#feedback select,
#feedback textarea /* fields */
{
color: #000000;
margin: 0 0 0.3em 0.2em;
width: 70%;
padding: 0 0 0 0.5em;
border: 1px solid #AAAAAA;
background-color: transparent;
}
#feedback textarea /* fields */
{
height: 6em;
white-space: normal;
}
#feedback img /* image with security number */
{
margin: 0 0 0.3em 0.2em;
width: 120px;
}
#feedback #sec_num /* field for security number */
{
padding: 0;
width: 118px;
text-align: center;
}
#feedback .noresize /* buttons */
{
width: 101px; /* auto; */
}
#feedback .submit /* buttons */
{
padding: 0 0.5em;
text-align: center;
width: 120px;
height: 20px;
border-width: 0;
color: #FFFFFF;
background-color: #463104;
cursor: pointer;
cursor: hand;
font-weight: bold;
}
Untitled CSS (14-Mar @ 21:55)
Syntax Highlighted Code
- /* Containers
- ----------------------------------------------------------------------------------------------------*/
- .container_ {
- margin-left: auto;
- [85 more lines...]
Plain Code
/* Containers
----------------------------------------------------------------------------------------------------*/
.container_ {
margin-left: auto;
margin-right: auto;
width: 0px;
}
/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_{
display:inline;
float: left;
position: relative;
margin-left: 0px;
margin-right: 0px;
}
/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha {
margin-left: 0;
}
.omega {
margin-right: 0;
}
/* Grid >> 2 Columns
----------------------------------------------------------------------------------------------------*/
/* Prefix Extra Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
/* Suffix Extra Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
/* Push Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
/* Pull Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
.clearfix:after {
clear: both;
content: ' ';
display: block;
font-size: 0;
line-height: 0;
visibility: hidden;
width: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
Untitled CSS (9-Mar @ 22:52)
Syntax Highlighted Code
- /* Containers
- ----------------------------------------------------------------------------------------------------*/
- .container_ {
- margin-left: auto;
- [84 more lines...]
Plain Code
/* Containers
----------------------------------------------------------------------------------------------------*/
.container_ {
margin-left: auto;
margin-right: auto;
width: 0px;
}
/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_{
display:inline;
float: left;
position: relative;
margin-left: 0px;
margin-right: 0px;
}
/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha {
margin-left: 0;
}
.omega {
margin-right: 0;
}
/* Grid >> 2 Columns
----------------------------------------------------------------------------------------------------*/
/* Prefix Extra Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
/* Suffix Extra Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
/* Push Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
/* Pull Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
.clearfix:after {
clear: both;
content: ' ';
display: block;
font-size: 0;
line-height: 0;
visibility: hidden;
width: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}Untitled CSS (9-Mar @ 14:10)
Syntax Highlighted Code
- /* Containers
- ----------------------------------------------------------------------------------------------------*/
- .container_ {
- margin-left: auto;
- [85 more lines...]
Plain Code
/* Containers
----------------------------------------------------------------------------------------------------*/
.container_ {
margin-left: auto;
margin-right: auto;
width: 0px;
}
/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_{
display:inline;
float: left;
position: relative;
margin-left: 0px;
margin-right: 0px;
}
/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha {
margin-left: 0;
}
.omega {
margin-right: 0;
}
/* Grid >> 2 Columns
----------------------------------------------------------------------------------------------------*/
/* Prefix Extra Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
/* Suffix Extra Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
/* Push Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
/* Pull Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
.clearfix:after {
clear: both;
content: ' ';
display: block;
font-size: 0;
line-height: 0;
visibility: hidden;
width: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
Untitled CSS (4-Mar @ 07:41)
Syntax Highlighted Code
- /* Containers ----------------------------------------------------------------------------------------------------*/ .container_ { margin-left: auto; margin-right: auto; width: 0px; } /* Grid >> Global ----------------------------------------------------------------------------------------------------*/ .grid_{ display:inline; float: left; position: relative; margin-left: 0px; margin-right: 0px; } /* Grid >> Children (Alpha ~ First, Omega ~ Last) ----------------------------------------------------------------------------------------------------*/ .alpha { margin-left: 0; } .omega { margin-right: 0; } /* Grid >> 2 Columns ----------------------------------------------------------------------------------------------------*/ /* Prefix Extra Space >> 2 Columns ----------------------------------------------------------------------------------------------------*/ /* Suffix Extra Space >> 2 Columns ----------------------------------------------------------------------------------------------------*/ /* Push Space >> 2 Columns ----------------------------------------------------------------------------------------------------*/ /* Pull Space >> 2 Columns ----------------------------------------------------------------------------------------------------*/ /* Clear Floated Elements ----------------------------------------------------------------------------------------------------*/ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; } .clearfix { display: inline-block; } * html .clearfix { height: 1%; } .clearfix { display: block; }
Plain Code
/* Containers ----------------------------------------------------------------------------------------------------*/ .container_ { margin-left: auto; margin-right: auto; width: 0px; } /* Grid >> Global ----------------------------------------------------------------------------------------------------*/ .grid_{ display:inline; float: left; position: relative; margin-left: 0px; margin-right: 0px; } /* Grid >> Children (Alpha ~ First, Omega ~ Last) ----------------------------------------------------------------------------------------------------*/ .alpha { margin-left: 0; } .omega { margin-right: 0; } /* Grid >> 2 Columns ----------------------------------------------------------------------------------------------------*/ /* Prefix Extra Space >> 2 Columns ----------------------------------------------------------------------------------------------------*/ /* Suffix Extra Space >> 2 Columns ----------------------------------------------------------------------------------------------------*/ /* Push Space >> 2 Columns ----------------------------------------------------------------------------------------------------*/ /* Pull Space >> 2 Columns ----------------------------------------------------------------------------------------------------*/ /* Clear Floated Elements ----------------------------------------------------------------------------------------------------*/ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; } .clearfix { display: inline-block; } * html .clearfix { height: 1%; } .clearfix { display: block; } Untitled CSS (3-Mar @ 10:59)
Syntax Highlighted Code
- /* Containers
- ----------------------------------------------------------------------------------------------------*/
- .container_12 {
- margin-left: auto;
- [264 more lines...]
Plain Code
/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
margin-left: auto;
margin-right: auto;
width: 960px;
}
/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12{
display:inline;
float: left;
position: relative;
margin-left: 2.5px;
margin-right: 2.5px;
}
/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha {
margin-left: 0;
}
.omega {
margin-right: 0;
}
/* Grid >> 2 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .grid_1 {
width:75px;
}
.container_12 .grid_2 {
width:155px;
}
.container_12 .grid_3 {
width:235px;
}
.container_12 .grid_4 {
width:315px;
}
.container_12 .grid_5 {
width:395px;
}
.container_12 .grid_6 {
width:475px;
}
.container_12 .grid_7 {
width:555px;
}
.container_12 .grid_8 {
width:635px;
}
.container_12 .grid_9 {
width:715px;
}
.container_12 .grid_10 {
width:795px;
}
.container_12 .grid_11 {
width:875px;
}
.container_12 .grid_12 {
width:955px;
}
/* Prefix Extra Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .prefix_1 {
padding-left:80px;
}
.container_12 .prefix_2 {
padding-left:160px;
}
.container_12 .prefix_3 {
padding-left:240px;
}
.container_12 .prefix_4 {
padding-left:320px;
}
.container_12 .prefix_5 {
padding-left:400px;
}
.container_12 .prefix_6 {
padding-left:480px;
}
.container_12 .prefix_7 {
padding-left:560px;
}
.container_12 .prefix_8 {
padding-left:640px;
}
.container_12 .prefix_9 {
padding-left:720px;
}
.container_12 .prefix_10 {
padding-left:800px;
}
.container_12 .prefix_11 {
padding-left:880px;
}
/* Suffix Extra Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .suffix_1 {
padding-right:80px;
}
.container_12 .suffix_2 {
padding-right:160px;
}
.container_12 .suffix_3 {
padding-right:240px;
}
.container_12 .suffix_4 {
padding-right:320px;
}
.container_12 .suffix_5 {
padding-right:400px;
}
.container_12 .suffix_6 {
padding-right:480px;
}
.container_12 .suffix_7 {
padding-right:560px;
}
.container_12 .suffix_8 {
padding-right:640px;
}
.container_12 .suffix_9 {
padding-right:720px;
}
.container_12 .suffix_10 {
padding-right:800px;
}
.container_12 .suffix_11 {
padding-right:880px;
}
/* Push Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .push_1 {
left:80px;
}
.container_12 .push_2 {
left:160px;
}
.container_12 .push_3 {
left:240px;
}
.container_12 .push_4 {
left:320px;
}
.container_12 .push_5 {
left:400px;
}
.container_12 .push_6 {
left:480px;
}
.container_12 .push_7 {
left:560px;
}
.container_12 .push_8 {
left:640px;
}
.container_12 .push_9 {
left:720px;
}
.container_12 .push_10 {
left:800px;
}
.container_12 .push_11 {
left:880px;
}
/* Pull Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .pull_1 {
right:80px;
}
.container_12 .pull_2 {
right:160px;
}
.container_12 .pull_3 {
right:240px;
}
.container_12 .pull_4 {
right:320px;
}
.container_12 .pull_5 {
right:400px;
}
.container_12 .pull_6 {
right:480px;
}
.container_12 .pull_7 {
right:560px;
}
.container_12 .pull_8 {
right:640px;
}
.container_12 .pull_9 {
right:720px;
}
.container_12 .pull_10 {
right:800px;
}
.container_12 .pull_11 {
right:880px;
}
/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
.clearfix:after {
clear: both;
content: ' ';
display: block;
font-size: 0;
line-height: 0;
visibility: hidden;
width: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
Untitled CSS (26-Feb @ 14:19)
Syntax Highlighted Code
- body{font:0.8em Calibri,"Lucida Grande",Lucida Sans Unicode,Trebuchet MS,Helvetica,Arial;background-color:#fff;font-style:normal;font-variant:normal;font-weight:normal;line-height:1.6;word-spacing:normal;color:#444}
- a{color:#C36408;text-decoration:none;cursor:pointer}
- a:hover{color:#C36408;text-decoration:underline}
- [30 more lines...]
Plain Code
body{font:0.8em Calibri,"Lucida Grande",Lucida Sans Unicode,Trebuchet MS,Helvetica,Arial;background-color:#fff;font-style:normal;font-variant:normal;font-weight:normal;line-height:1.6;word-spacing:normal;color:#444}
a{color:#C36408;text-decoration:none;cursor:pointer}
a:hover{color:#C36408;text-decoration:underline}
h1,h2,h3,h4,h5{line-height:1}
h1{font-size:2.2em;margin-top:10px}
#home{margin-top:0}
h2{font-size:1.85em}
h3{font-size:1.5em}
h4{font-size:1.25em}
h5{font-size:1.1em}
h1 a, h2 a, h3 a, h4 a, h5 a{color:#444}
h1 span, h2 span, h3 span, h4 span, h5 span{color:#999;font-weight:normal;font-style:italic;line-height:1.5}
h1 span{font-size:.55em}
h2 span{font-size:.65em}
h3 span{font-size:.75em}
h4 span{font-size:.85em}
h5 span{font-size:.95em}
p {
border: 1px solid #666;
overflow: hidden;
padding: 10px 0;
text-align: center;
}
.fl{float:left}
.fr{float:right}
.container_24 {
background: #fff url(../img/24_col.gif) repeat-y;
}
#Header{ padding:20px }
#HRight{ text-align:center }
Untitled CSS (25-Feb @ 19:16)
Syntax Highlighted Code
- /* Containers
- ----------------------------------------------------------------------------------------------------*/
- .container_12 {
- margin-left: auto;
- [264 more lines...]
Plain Code
/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
margin-left: auto;
margin-right: auto;
width: 960px;
}
/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12{
display:inline;
float: left;
position: relative;
margin-left: 10px;
margin-right: 10px;
}
/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha {
margin-left: 0;
}
.omega {
margin-right: 0;
}
/* Grid >> 2 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .grid_1 {
width:60px;
}
.container_12 .grid_2 {
width:140px;
}
.container_12 .grid_3 {
width:220px;
}
.container_12 .grid_4 {
width:300px;
}
.container_12 .grid_5 {
width:380px;
}
.container_12 .grid_6 {
width:460px;
}
.container_12 .grid_7 {
width:540px;
}
.container_12 .grid_8 {
width:620px;
}
.container_12 .grid_9 {
width:700px;
}
.container_12 .grid_10 {
width:780px;
}
.container_12 .grid_11 {
width:860px;
}
.container_12 .grid_12 {
width:940px;
}
/* Prefix Extra Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .prefix_1 {
padding-left:80px;
}
.container_12 .prefix_2 {
padding-left:160px;
}
.container_12 .prefix_3 {
padding-left:240px;
}
.container_12 .prefix_4 {
padding-left:320px;
}
.container_12 .prefix_5 {
padding-left:400px;
}
.container_12 .prefix_6 {
padding-left:480px;
}
.container_12 .prefix_7 {
padding-left:560px;
}
.container_12 .prefix_8 {
padding-left:640px;
}
.container_12 .prefix_9 {
padding-left:720px;
}
.container_12 .prefix_10 {
padding-left:800px;
}
.container_12 .prefix_11 {
padding-left:880px;
}
/* Suffix Extra Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .suffix_1 {
padding-right:80px;
}
.container_12 .suffix_2 {
padding-right:160px;
}
.container_12 .suffix_3 {
padding-right:240px;
}
.container_12 .suffix_4 {
padding-right:320px;
}
.container_12 .suffix_5 {
padding-right:400px;
}
.container_12 .suffix_6 {
padding-right:480px;
}
.container_12 .suffix_7 {
padding-right:560px;
}
.container_12 .suffix_8 {
padding-right:640px;
}
.container_12 .suffix_9 {
padding-right:720px;
}
.container_12 .suffix_10 {
padding-right:800px;
}
.container_12 .suffix_11 {
padding-right:880px;
}
/* Push Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .push_1 {
left:80px;
}
.container_12 .push_2 {
left:160px;
}
.container_12 .push_3 {
left:240px;
}
.container_12 .push_4 {
left:320px;
}
.container_12 .push_5 {
left:400px;
}
.container_12 .push_6 {
left:480px;
}
.container_12 .push_7 {
left:560px;
}
.container_12 .push_8 {
left:640px;
}
.container_12 .push_9 {
left:720px;
}
.container_12 .push_10 {
left:800px;
}
.container_12 .push_11 {
left:880px;
}
/* Pull Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .pull_1 {
right:80px;
}
.container_12 .pull_2 {
right:160px;
}
.container_12 .pull_3 {
right:240px;
}
.container_12 .pull_4 {
right:320px;
}
.container_12 .pull_5 {
right:400px;
}
.container_12 .pull_6 {
right:480px;
}
.container_12 .pull_7 {
right:560px;
}
.container_12 .pull_8 {
right:640px;
}
.container_12 .pull_9 {
right:720px;
}
.container_12 .pull_10 {
right:800px;
}
.container_12 .pull_11 {
right:880px;
}
/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
.clearfix:after {
clear: both;
content: ' ';
display: block;
font-size: 0;
line-height: 0;
visibility: hidden;
width: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
Untitled CSS (28-Sep @ 04:06)
Syntax Highlighted Code
- @-webkit-keyframes animation1
- {
- 0%
- {
- [76 more lines...]
Plain Code
@-webkit-keyframes animation1
{
0%
{
left:495px;
}
20%
{
left:455px;
top: 140px;
}
40%
{
left:415px;
top: 100px;
}
60%
{
left:455px;
top: 150px;
}
80%
{
left:495px;
top: 160px;
}
100%
{
left:500px;
}
}
@-webkit-keyframes animation2
{
0%
{
left:706px; 495
}
20%
{
left:746px;
top: 140px;
}
40%
{
left: 786px;
top: 100px;
}
60%
{
left: 746px;
top: 150px;
}
80%
{
left: 706px;
top: 160px;
}
100%
{
left: 701px;
}
}Untitled CSS (20-Mar @ 18:08)
Syntax Highlighted Code
- body, html {
- margin: 0;
- padding: 0;
- background-color:#999999;
- [59 more lines...]
Plain Code
body, html {
margin: 0;
padding: 0;
background-color:#999999;
}
#container {
margin: 0 auto;
width: 900px;
}
#header {
width: 900px;
height: 121px;
}
#leftheader {
float: left;
background: #693 url('img/topleft.gif') no-repeat;
width: 132px;
height: 121px;
}
#middleheader {
float:left;
background: #693;
width: 636px;
height: 121px;
background-image:url('img/header.gif');
background-repeat:no-repeat;
}
#rightheader {
float: left;
background: #693 url('img/topright.gif') no-repeat;
width: 132px;
height: 121px;
}
#content {
clear:both;
width:900px;
text-align:left;
background-image:url('img/background.gif');
background-repeat:repeat-y;
}
#contentleft {
float:left;
width:132px;
}
#contentmiddle {
float:left;
width:636px;
}
#contentright {
float:left;
width:132px;
}
Untitled CSS (10-Nov @ 14:25)
Syntax Highlighted Code
- DIV.loading {
- width:90;
- height:70;
- border: 1px solid #BA121F;
- [1 more lines...]
Plain Code
DIV.loading {
width:90;
height:70;
border: 1px solid #BA121F;
background: url(images/loader.gif) no-repeat center center;
}Untitled CSS (10-Oct @ 15:17)
Syntax Highlighted Code
- uiouiouiouio uio u oui ouio uio
Plain Code
uiouiouiouio uio u oui ouio uioUntitled CSS (19-Sep @ 17:24)
Syntax Highlighted Code
- #div {
- border: 1px solid red;
- }
Plain Code
#div {
border: 1px solid red;
}Untitled CSS (17-Sep @ 04:19)
Syntax Highlighted Code
- h2.contentheading, .contentheading {
- padding: 5px 0 8px;
- margin: 0;
- font-weight: normal;
- [15 more lines...]
Plain Code
h2.contentheading, .contentheading {
padding: 5px 0 8px;
margin: 0;
font-weight: normal;
}
table.blog .contentheading {
font-size: 150%;
}
.contentheading {
font-size: 200%;
}
a.contentpagetitle,
a.contentpagetitle:hover,
a.contentpagetitle:active,
a.contentpagetitle:focus {
text-decoration: none !important;
}Untitled CSS (12-Sep @ 15:43)
Syntax Highlighted Code
- h1 {color:red;padding:4px 0}
Plain Code
h1 {color:red;padding:4px 0}Untitled CSS (12-Sep @ 14:26)
Syntax Highlighted Code
- .head-bar
- {
- clear:both;
- [34 more lines...]
Plain Code
.head-bar
{
clear:both;
overflow:hidden;
position:relative;
}
.head-bar ul,
.head-bar ul li
{
display:block;
margin:0;
padding:0;
list-style-type:none;
}
.head-bar ul li
{
float:left;
}
.head-bar ul
{
position:absolute;
left:291px;
top:0;
padding-right:34px;
background-image:url(Images/top-menu-cap.gif);
background-position:right top;
background-repeat:no-repeat;
}
* html .head-bar ul
{
left:0px;
}
.head-bar ul li a
{
display:block;
float:left;
width:158px;Untitled CSS (11-Sep @ 12:36)
Syntax Highlighted Code
- a {
- color:#000;
- outline:none;
- border-bottom:1px solid #000;
- [1 more lines...]
Plain Code
a {
color:#000;
outline:none;
border-bottom:1px solid #000;
text-decoration:none;
}Untitled CSS (10-Sep @ 20:50)
Syntax Highlighted Code
- public void main(){String dude = "fool"; System.out.Println(dude);}
Plain Code
public void main(){String dude = "fool"; System.out.Println(dude);}Untitled CSS (10-Sep @ 14:09)
Syntax Highlighted Code
- *{ margin:0px; padding:0px;}
- body{ background:#122103;/*381f00 or 122103*/ color:#e04600; font-family:Georgia,serif;}
- a{ color:#fff; text-decoration:none;}
- a:hover{ color:#e04600;}
- [16 more lines...]
Plain Code
*{ margin:0px; padding:0px;}
body{ background:#122103;/*381f00 or 122103*/ color:#e04600; font-family:Georgia,serif;}
a{ color:#fff; text-decoration:none;}
a:hover{ color:#e04600;}
img{ border:none;}
#global{ margin:0px auto; width:60em;}
div#title{ height:5em; line-height:5em; padding:0em 1em;}
div#title h1{ float:left; font-size:1.5em; font-weight:normal;}
div#title em{ float:right; font-size:.75em;}
div#title img{ vertical-align:middle;}
div.post{ float:left; height:18em;/*288px*/ margin:1em;/*16px*/ position:relative; width:18em;/*288px*/}
div.post p{ bottom:1em; font-size:1.5em;/*24px*/ line-height:1.25em;/*30px*/ left:0em; position:absolute; font-weight:normal;}
div.postInfo{ bottom:0em; left:0em; line-height:1.5em; position:absolute;}
div#pages{ height:2em; line-height:2em; padding:0em 1em;}
div.pageInfo{ float:left; display:inline;}
div.pageLinks{ float:right;}
div#footer{ height:2em; line-height:2em; padding:2em 1em;}
div#footer p{ font-size:.75em;}
#whitebox{ background:#fff url(loading.gif) no-repeat scroll center center; border:1px solid #eee; display:none; left:0px; margin:-12px 0 0 -12px; padding:10px; position:absolute; top:0px;}
#whitebox img{ border:1px solid #eee; cursor:pointer;}Untitled CSS (9-Sep @ 06:26)
Syntax Highlighted Code
- body {
- margin-left: 40%;
- }
- a {
- [2 more lines...]
Plain Code
body {
margin-left: 40%;
}
a {
font-size: 200px;
color: RED;
}Link Style - Print URL (2-Sep @ 13:25)
Syntax Highlighted Code
- #details_more a[href]:after {content: " (" attr(href) ") "; font-size:90%;}
Plain Code
#details_more a[href]:after {content: " (" attr(href) ") "; font-size:90%;}Untitled CSS (27-Aug @ 20:27)
Syntax Highlighted Code
- .section{
- font-size: 8pt;
- color: #555;
- border-left: 1px solid #EEE;
- [122 more lines...]
Plain Code
.section{
font-size: 8pt;
color: #555;
border-left: 1px solid #EEE;
}
.section .a_user{
line-height: 14px;
}
.section h4{
color: #0C4E9E;
margin: 0;
}
.section h4 a{ text-decoration: none !important; }
.section h4 img{ vertical-align: middle; }
.section .sub{
/* height: 51px !important; */
text-align: left;
float: left;
border-right: 1px solid #EEE;
line-height: 16px;
width: 243px;
padding: 12px 7px;
border-bottom: 1px solid #EEE;
background: #FFF;
position: relative;
}
.first{
border-left: 0 !important;
}
.section .sub .img{
background: #E9E9E9 url(http://ising/static/avatars/noavatar_large.jpg) no-repeat center top;
float: left;
width: 56px;
height: 56px;
overflow: hidden;
margin: 0 8px 0 0;
}
.section .sub .img img{
float: left;
vertical-align: top;
}
.section .sub .info{
float: left;
width: 179px;
overflow: hidden;
height: 37px;
line-height: 23px;
}
.section .sub .remove_comment{
position: absolute;
top: 14px;
right: 6px;
}
.section .sub .info_more{
float: left;
width: 179px;
}
.info_more{
float: left;
width: 138px;
}
.kamera{ background: url(http://ising/static/images/kamera_wieksza.gif) no-repeat top right; }
.glosnik{ background: url(http://ising/static/images/mic_wiekszy.gif) no-repeat top right; }
.iw{ width: 166px; }
.section .stars{
float: left;
width: 110px;
margin-top: 3px;
}
.section .stars img{ margin: 0 0 0 0; }
.stars span.slownie{ display: none; }
.section .nr{
color: #EEE;
margin: 0;
font-size: 18pt;
line-height: 12pt;
float: right;
}
.see_alsall, .see_also{
border-left: 0 !important;
border-right: 0 !important;
}
.see_also{ padding: 12px 7px 12px 5px !important; }
.pr_p{ padding: 12px 9px !important; }
/* Darmowe utwory, podobnie artysci i inne */
.row_content{
padding: 8px;
border-bottom: 1px solid #E5E5E5;
}
.row_content .piosenka{
float: left;
width: 140px;
}
.row_content .spiewano{
float: left;
font-size: 8pt;
color: #666;
}
.mic{ background: url(../images/mic.gif) no-repeat right top; }
.cam{ background: url(../images/cam.gif) no-repeat right top; }
/* LOTS */
#lots .section{ border-left: 0 !important; }
#lots .section .sub{ padding: 6px 0 !important; width: 100% !important; border-right: 0 !important; }
#lots .section .sub .info, #lots .section .sub .info_more{ min-width: 179px !important; max-width: 210px !important; width: 73%; }Untitled CSS (23-Aug @ 20:06)
Syntax Highlighted Code
- .hidden{
- display:none;
- }
Plain Code
.hidden{
display:none;
}Untitled CSS (17-Aug @ 19:28)
Syntax Highlighted Code
- * {
- margin: 20px;
- padding: 90px;
- background-color: red;
- }
Plain Code
* {
margin: 20px;
padding: 90px;
background-color: red;
}Untitled CSS (14-Aug @ 18:09)
Syntax Highlighted Code
- you have to replace: fieldset.tellSomeone input.button{ margin-top:1.25em; }
- with this one: fieldset.tellSomeone input.button{ margin-top:2.5em; }
Plain Code
you have to replace: fieldset.tellSomeone input.button{ margin-top:1.25em; }
with this one: fieldset.tellSomeone input.button{ margin-top:2.5em; }CSS Keyframe example (12-Aug @ 12:27)
Syntax Highlighted Code
- .divSlide {
- -webkit-animation-name: "slide-me-to-the-right";
- -webkit-animation-duration: 1s;
- }
- [5 more lines...]
Plain Code
.divSlide {
-webkit-animation-name: "slide-me-to-the-right";
-webkit-animation-duration: 1s;
}
@-webkit-keyframes "slide-me-to-the-right" {
from { left: 0px; }
to { left: 100px; }
}
info (30-Jul @ 05:44)
Syntax Highlighted Code
- /* messages
- ----------------------------------------------------------------------------*/
- .error, .info { width: 100%; margin: 20px 0; padding: 10px 0; color: #fff; }
- .error { background: #c00; }
- .info { background: #0c0; }
Plain Code
/* messages
----------------------------------------------------------------------------*/
.error, .info { width: 100%; margin: 20px 0; padding: 10px 0; color: #fff; }
.error { background: #c00; }
.info { background: #0c0; }Untitled CSS (28-Jul @ 20:22)
Syntax Highlighted Code
- body {
- margin: 10px;
- padding: 0;
- font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
- [92 more lines...]
Plain Code
body {
margin: 10px;
padding: 0;
font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 100%;
background-color: #EDEDEC;
}
#wrapper {
width: 760px;
margin: 0 auto;
}
#intro {
padding-bottom: 10px;
}
h2 {
margin: 0;
margin-bottom: 14px;
padding: 0;
}
#slider {
width: 1000px;
margin: 0 auto;
position: relative;
}
.scroll {
height: 250px;
width: 1000px;
overflow: auto;
overflow-x: hidden;
position: relative;
clear: left;
background: #FFFFFF url(images/content_pane-gradient.gif) repeat-x scroll left bottom;
}
.scrollContainer div.panel {
padding: 20px;
height: 210px;
width: 960px;
}
#shade {
background: #EDEDEC url(images/shade.jpg) no-repeat 0 0;
height: 50px;
}
ul.navigation {
list-style: none;
margin: 0;
padding: 0;
padding-bottom: 9px;
}
ul.navigation li {
display: inline;
margin-right: 10px;
}
ul.navigation a {
padding: 10px;
color: #000;
text-decoration: none;
}
ul.navigation a:hover {
background-color: #f6f6f6;
}
ul.navigation a.selected {
background-color: #fff;
}
ul.navigation a:focus {
outline: none;
}
.scrollButtons {
position: absolute;
top: 150px;
cursor: pointer;
}
.scrollButtons.left {
left: -20px;
}
.scrollButtons.right {
right: -20px;
}
.hide {
display: none;
}Untitled CSS (28-Jul @ 15:19)
Syntax Highlighted Code
- /* basic elements */
- html {
- margin: 0;
- padding: 0;
- [35 more lines...]
Plain Code
/* basic elements */
html {
margin: 0;
padding: 0;
}
body {
font: 75% georgia, sans-serif;
line-height: 1.88889;
color: #555753;
background: #fff url(blossoms.jpg) no-repeat bottom right;
margin: 0;
padding: 0;
}
p {
margin-top: 0;
text-align: justify;
}
h3 {
font: italic normal 1.4em georgia, sans-serif;
letter-spacing: 1px;
margin-bottom: 0;
color: #7D775C;
}
a:link {
font-weight: bold;
text-decoration: none;
color: #B7A5DF;
}
a:visited {
font-weight: bold;
text-decoration: none;
color: #D4CDDC;
}
a:hover, a:active {
text-decoration: underline;
color: #9685BA;
}
acronym {
border-bottom: none;
}Untitled CSS (26-Jul @ 21:47)
Syntax Highlighted Code
- body,fieldset,form,ul,li,p,html,img,a,h2,blockquote {
- border:none;
- margin:0;
- padding:0;
- [385 more lines...]
Plain Code
body,fieldset,form,ul,li,p,html,img,a,h2,blockquote {
border:none;
margin:0;
padding:0;
list-style:none;
font-family:helvetica,arial,sans-serif;
text-transform:lowercase;
}
body {
}
.clear{
clear:both;
}
.red {
color:#df0000;
}
.i {
font-style:italic;
}
.b {
font-weight:bold;
}
#project_bar_hidden {
background:green;
height:20px;
width:100%;
position:fixed;
opacity:0.1;
}
#project_bar {
background:#000;
padding:0.4em;
font-size:1em;
position:fixed;
width:100%;
color:#fff;
margin-top:-40px;
}
#project_bar:hover {
/*margin-top:0;
opacity:1;
border-bottom:0;*/
}
#project_bar div {
float:left;
width:500px;
}
#project_bar a {
display:block;
float:right;
background:#999;
color:#fff;
border:1px solid #333;
padding:0.25em 0.5em;
margin-right:10px;
}
#project_bar a:hover {
background:#333;
color:#fff;
border:1px solid #999;
text-decoration:none;
}
#wrapper {
width:26em;
padding:1.5em;
margin:0 auto;
background:#fff;
}
#logo {
float:left;
width:15em;
}
#logo a {
display:block;
text-decoration:none;
color:#000;
}
h1 span.red{
padding:0 0 0 10px;
}
h1 {
font-size:4.5em;
letter-spacing:-0.1em;
color:black;
}
#nav {
padding:3em 0 0 0.25em;
width:10em;
float:left;
}
#nav ul {
border-left:1px solid black;
padding:0 0 0 1.25em;
font-size:0.8em;
}
#nav ul li {
margin:0px 0 0.6em 0;
}
#nav ul li a {
color:black;
}
#nav ul li a:hover {
color:#df0000;
}
form h2 {
font-size:3em;
font-weight:normal;
}
form ul {
padding:0 0 1.7em 0;
}
.help {
font-weight:bold;
font-size:0.4em;
margin:0 0 0 -0.3em;
cursor:help;
}
label.cancel {
display:block;
float:right;
font-size:0.4em;
margin:-1.4em 0 0 0;
cursor:pointer;
color:#614141;
}
label.cancel:hover {
color:#df0000;
}
.submit {
border:none;
display:block;
width:100%;
background:#ffadad;
color:#614141;
padding:0.5em;
font-size:1.5em;
font-weight:bold;
border-right:1px solid #ff6464;
border-bottom:1px solid #ff6464;
text-align:center;
text-decoration:none;
}
.submit:hover {
cursor:pointer;
}
.submit:active {
border-top:1px solid #301818;
border-left:1px solid #301818;
background:#f00;
color:#610000;
border-right:none;
border-bottom:none;
}
#badges {
padding:2em 0 0 0;
}
#growl_box {
width:200px;
position:fixed;
top:10px;
right:10px;
background:black;
display:none;
color:#fff;
padding:10px;
font-size:0.8em;
line-height:1.3em;
}
#growl_box a {
float:right;
text-decoration:none;
font-weight:bold;
font-size:1em;
padding:0 0 0.2em 0.2em;
}
.info {
display:none;
}
#overlay {
background:#000;
position:absolute;
z-index:998;
opacity:0;
}
#popup {
position:absolute;
z-index:999;
opacity:0;
background:#fff;
overflow:auto;
}
#popup_content {
padding:10px 10px 0px 10px;
}
#popup_close span {
cursor:pointer;
font-weight:bold;
color:#df0000;
display:block;
width:50px;
float:right;
border:1px solid blue;
}
#popup_content p{
padding:0 0 1em 0;
text-transform:none;
line-height:1.2em;
}
#popup_content ul {
padding-left:10px;
}
#popup_content ul li {
padding:0 0 0.5em 0;
line-height:1em;
list-style:disc;
}
#popup_content h3 {
padding:0;
margin:0 0 0.7em 0;
border-bottom:1px solid #000;
}
#remember {
color:#999;
font-size:0.8em;
line-height:1.3em;
}
#table_of_contents ul {
padding:0 0 0 1em;
}
#table_of_contents ul li ul li{
list-style-type:lower-roman;
}
#table_of_contents ul li {
padding:0.2em 0 0 0;
list-style-type:upper-roman;
}
#table_of_contents ul li a{
color:#000;
}
#table_of_contents ul li a:hover{
color:#df0000;
}
#wrapper h3 {
border-bottom:1px solid black;
padding-bottom:0;
}
#wrapper h4 {
margin-bottom:0;
border-bottom:1px dotted black;
}
.num_list {
padding:0.5em 0 0 1em;
}
.num_list li{
list-style-type:decimal;
margin:0.2em 0 0.2em 0;
}
#documentation {
font-size:0.9em;
}
#documentation p {
padding:0.4em 0 0.4em 0;
line-height:1.2em;
}
code,blockquote {
background:#ccc;
padding:0.5em;
display:block;
border:1px solid #999;
overflow:auto;
margin-bottom:0.3em;
}
.email_reveal {
display:block;
margin:0 auto;
}
.myemail {
text-align:center;
}
.myemail a{
font-size:0.8em;
color:#000;
}
.myemail a:hover{
color:#df0000;
}
/* Welcome and how-to styles */
span.welcome_left,span.welcome_right {
display:block;
margin:10px 0 0 0;
}
span.welcome_left {
float:left;
}
span.welcome_right {
float:right;
}
a.welcome {
padding:3px;
color:#df0000;
text-decoration:none;
}
a.welcome:hover {
color:#fff;
background:#df0000;
text-decoration:none;
}
a {
color:#df0000;
text-decoration:none;
}
a:hover {
color:#df0000;
text-decoration:underline;
}
.submit_skip {
border:0;
background:transparent;
color:#df0000;
}
.submit_skip:hover {
text-decoration:underline;
}Untitled CSS (16-Jul @ 20:26)
Syntax Highlighted Code
- <style type="text/css" media="screen">
- body {
- margin: 0;
- padding: 0;
- [45 more lines...]
Plain Code
<style type="text/css" media="screen">
body {
margin: 0;
padding: 0;
background: #1a1613 url(images/bg_tutBody.gif) repeat-x;
}
img { border: 0; }
#siteWrap { /* The wrapper for my page icons and bubbles */
margin: 287px auto 0 auto;
width: 642px;
height: 345px;
position: relative;
background: transparent url(images/bg_pageWrap.jpg) no-repeat top left;
}
#pageWrap { /* Wrapper for my page icons */
position: absolute;
z-index: 5;
top: 138px;
left: 134px;
}
/* Page specific styles */
#psdPage {
margin-right: 19px;
float: left;
cursor: pointer;
}
#netPage {
margin-right: 20px;
float: left;
cursor: pointer;
}
#audioPage {
float: left;
cursor: pointer;
}
#bubbleWrap { /* Wrapper for my bubbles */
position: absolute;
z-index: 10;
left: 158px;
top: 30px;
}
.bubble {
position: absolute;
}
</style>
qwdsd (2-Jul @ 12:54)
Syntax Highlighted Code
- * html #web{table-layout:none!;}
Plain Code
* html #web{table-layout:none!;}Untitled CSS (24-Jun @ 14:22)
Syntax Highlighted Code
- @charset "utf-8";
- /* WACS Styles */
- /* v1.0 | 20080423 */
- [1142 more lines...]
Plain Code
@charset "utf-8";
/* WACS Styles */
/* v1.0 | 20080423 */
/* General definitions */
body { background: #f7ecce; color: #000000; font: normal 11px/17px Arial, Helvetica, sans-serif; }
.clear-both { clear: both }
/* Text formating definitions */
h2 {
float: right;
font: bold 1.3em/1.7em Verdana, Helvetica, Arial, sans-serif;
color: #ba3e30;
}
h3, h4 {
font: bold 1.0em/1.7em Verdana, Helvetica, Arial, sans-serif;
color: #ba3e30;
display: block;
clear: both;
margin: 10px 0 5px 0;
}
h4 {
font: bold .9em/1.7em Verdana, Helvetica, Arial, sans-serif;
padding: 0 0 5px 0;
}
p {
clear: both;
width: 100%;
}
/* General layout styling */
#header,
#footer {
margin: 0 auto;
width: 720px;
}
#dashlarge #header,
#dashlarge #footer {
width: 840px;
}
#privacy #header p {
width: 685px;
}
#header {
height: 50px;
text-align: right;
}
#header p {
font-weight: bold;
font-size: 9px;
font-family: Arial, Helvetica, sans-serif;
text-align: right;
padding: 25px 10px 0 0;
}
#header span.logintext {
display: block;
float: right;
color: #748752;
}
#header span.logintext strong {
color: #cc2508;
}
#header a.logout {
display: block;
float: right;
color: #f7ecce;
text-decoration: none;
background: transparent url(../newimages/bt.log-out.png) 0 0 no-repeat;
width: 54px;
height: 18px;
margin: 0 0 0 10px;
}
#header a.logout:hover {
background-position: 0 -18px;
}
#header #login form {
padding: 15px;
}
#header #login form input {
border: 1px solid #748752;
padding: 2px;
font-size: 10px;
}
#header #login form input.loginbtn {
background: transparent url(../newimages/bt.login.png) 0 0 no-repeat;
width: 54px;
height: 18px;
cursor: pointer;
}
#header #login form input.loginbtn:hover {
background: transparent url(../newimages/bt.login.png) 0 -18px no-repeat;
}
#header #login form label {
color: #748752;
margin: 8px 0 7px 0;
font-size: 10px;
font-weight: bold;
}
#wrapper {
margin: 0 auto;
width: 725px;
padding: 5px 0 5px 5px;
background-color: #f4e6be;
}
#dashlarge #wrapper {
width: 845px;
}
#content {
float: left;
width: 405px;
background-color: #fff;
padding: 10px 35px;
}
#content embed {
margin: 0 0 0 -10px;
}
#dashlarge #content {
width: 525px;
}
#content2 {
margin: 5px 5px 0 0;
background-color: #fff;
padding: 20px 20px;
}
#content2 h2 {
float: left;
}
/* AssetListAppContent params */
#AssetListAppButtons {
width: 800px;
padding: 0 0 20px 0;
}
#AssetListAppCol1 {
float: left;
width: 240px;
}
#AssetListAppCol2 {
float: left;
width: 560px;
}
/* END */
#dashlarge #content2 {
width: 800px;
}
#dashnormal #content2 {
width: 680px;
}
#overview #content2 {
padding: 20px 35px;
}
#swappermenu ul {
float: left;
padding: 30px 30px 30px 0;
}
#swappermenu ul li {
width: 130px;
}
#swappermenu ul li.last {
margin: 20px 0 0 0;
}
#swappermenu ul li a {
display: block;
width: 130px;
color: #333333;
text-decoration: none;
padding: 3px 0 3px 5px;
}
#swappermenu ul li a.odd:hover,
#swappermenu ul li.ui-tabs-selected a.odd,
#swappermenu ul li a.eve:hover,
#swappermenu ul li.ui-tabs-selected a.eve {
background: #748751;
color: #ffffff;
}
#swappermenu ul li a.odd {
background: #f4e6be;
}
#swappermenu ul li a.eve {
background: #f7ecce;
}
#swappermenu div p {
padding: 0 0 5px 0;
}
#swappermenu div p strong {
color: #748751;
}
.ui-tabs-hide {
display: none;
}
.ui-tabs-panel {
float: left;
width: 460px;
padding: 15px;
background: transparent;
}
#breadcrumb {
width: 200px;
float: right;
margin: -70px 0 0 0;
text-align: right;
}
#breadcrumb span {
display: block;
color: #5c8da6;
text-decoration: underline;
}
#breadcrumb strong {
display: block;
color: #748751;
}
h1#logo {
width: 198px;
height: 156px;
display: block;
margin: -40px 0 0 -47px;
}
h1#logo a {
display: block;
background: transparent url(../newimages/wacs-logo.png) no-repeat 0 0;
text-indent: -9999px;
width: 198px;
height: 156px;
}
ul#top-links {
float: right;
margin: -126px 35px 0 0;
}
ul#top-links li {
float: left;
}
ul#top-links li a {
display: block;
width: 66px;
height: 29px;
text-indent: -9999px;
}
ul#top-links li a.bt-home {
background: transparent url(../newimages/buttons-top.png) 0 0 no-repeat;
}
ul#top-links li a.bt-overview {
background: transparent url(../newimages/buttons-top.png) -66px 0 no-repeat;
}
ul#top-links li a.bt-faq {
background: transparent url(../newimages/buttons-top.png) -132px 0 no-repeat;
}
ul#top-links li a.bt-students {
background: transparent url(../newimages/buttons-top.png) -198px 0 no-repeat;
}
ul#top-links li a.bt-home:hover {
background: transparent url(../newimages/buttons-top.png) 0 -29px no-repeat;
}
ul#top-links li a.bt-overview:hover {
background: transparent url(../newimages/buttons-top.png) -66px -29px no-repeat;
}
ul#top-links li a.bt-faq:hover {
background: transparent url(../newimages/buttons-top.png) -132px -29px no-repeat;
}
ul#top-links li a.bt-students:hover {
background: transparent url(../newimages/buttons-top.png) -198px -29px no-repeat;
}
ul#top-links li a.bt-home-active {
background: transparent url(../newimages/buttons-top.png) 0 -58px no-repeat;
}
ul#top-links li a.bt-overview-active {
background: transparent url(../newimages/buttons-top.png) -66px -58px no-repeat;
}
ul#top-links li a.bt-faq-active {
background: transparent url(../newimages/buttons-top.png) -132px -58px no-repeat;
}
ul#top-links li a.bt-students-active {
background: transparent url(../newimages/buttons-top.png) -198px -58px no-repeat;
}
#content a {
color: #5C8DA6;
}
#content p.warning {
color: #b63e30;
}
#content p.narrow {
width: 320px;
}
#content a#demo {
float: right;
display: block;
width: 77px;
height:90px;
margin: -60px 0 0 0;
text-decoration: none;
}
#content a#demo span.viewdemo {
display: block;
width: 90px;
height: 14px;
margin: 5px 0 0 0;
text-indent: -9999px;
line-height: .01em;
background: transparent url(../newimages/bt.view-demo.png) 0 0 no-repeat;
}
#content a#demo:link span.viewdemo {
background: transparent url(../newimages/bt.view-demo.png) 0 0 no-repeat;
}
#content a#demo:hover span.viewdemo {
background: transparent url(../newimages/bt.view-demo.png) 0 -14px no-repeat;
}
/*#content p a.leftfloat img {
margin: 0 0 5px 0;
}
#content h3.leftfloattitle {
display: block;
float: right;
width: 310px;
}*/
#noflash { display:none; }
#sidebar {
float: left;
width: 240px;
margin-left: 5px;
}
#right-image {
width: 240px;
height: 327px;
}
#footer {
padding: 14px;
}
#footer a, #footer span {
color: #748752;
padding: 3px 8px;
font: bold 10px/12px Arial, Helvetica, sans-serif;
}
#footer img#wacs-logo {
float: right;
margin: -10px 20px 0 0;
}
/* Green bar */
/* ************** bottom section (green bar) ************** */
#bottom {
background: #748751;
height: 140px;
margin: 5px 5px 0 0;
}
#bottom #WACSBadgeAppContent {
display:block;
width:240px;
float:left;
margin:0;
}
#bottom ul {
list-style-type: none;
padding: 15px 0 10px 0;
margin: 0 0 0 -55px;
float: left;
}
#bottom ul li {
float: left;
width: 115px;
text-align: left;
margin: 15px 10px 0 0;
line-height: 1.2em;
color: #f7ecce;
}
#bottom ul li span {
display: block;
font-weight: bold;
margin: 0 0 8px 0;
}
* html #bottom ul li {
width: 115px;
margin-right: 15px;
}
#click_to_begin {
float: left;
}
#click_to_begin a {
display: block;
background: transparent url(../newimages/bt.start-wacs.png) 0 0 no-repeat;
width: 120px;
height: 106px;
text-indent: -9999px;
margin:15px 65px 0 15px;
}
#click_to_begin a:hover {
background: transparent url(../newimages/bt.start-wacs.png) 0 -106px no-repeat;
}
* html #click_to_begin a { position: absolute; }
/* Page Specific Widgets */
/*** FLOATER LEFT ***/
.floater-left {
float: left;
width: 120px;
}
.floater-left > a {
display: block;
margin: 15px 0 0 0;
}
.floater-left-data {
float: left;
width: 280px;
}
/*** REGISTER INFO ***/
#register-info {
background-color: #748751;
color: #F7ECCE;
clear: both;
margin-bottom: -18px;
width: 670px;
padding: 10px 25px;
height: 108px;
}
#register-info dl { position: relative; }
#register-info dl dt {
position: absolute;
font-weight: bold;
width: 145px;
top: 10px;
}
#register-info dl dd {
position: absolute;
width: 125px;
top: 26px;
line-height: 1.2;
}
.col-1 { left: 0; }
.col-2 { left: 145px; }
.col-3 { left: 290px; }
.col-4 { left: 435px; }
#register-info a {
display: block;
background: transparent url(../newimages/register-here.gif) no-repeat 0 0;
width: 106px;
height: 108px;
float: right;
overflow: hidden;
text-indent: -999px;
}
/* General tag styling */
#sidebar .sideimage1 {
background: transparent url(../newimages/right-image-1.jpg) 100% 0 no-repeat;
}
#sidebar .sideimage2 {
background: transparent url(../newimages/right-image-2.jpg) 100% 0 no-repeat;
}
#sidebar .sideimage3 {
background: transparent url(../newimages/right-image-3.jpg) 100% 0 no-repeat;
}
#sidebar .sideimage4 {
background: transparent url(../newimages/right-image-4.jpg) 100% 0 no-repeat;
}
#sidebar .sideimage5 {
background: transparent url(../newimages/right-image-5.jpg) 100% 0 no-repeat;
}
#sidebar .sideimage6 {
background: transparent url(../newimages/right-image-6.jpg) 100% 0 no-repeat;
}
#form-assets {
height: 30px;
width: 100%;
clear: both;
}
a#showhelp, a#editmyaccount, a#deletestudent, a#deleteclass, a#editstudent {
display: block;
float: left;
text-decoration: none;
}
a#showhelp {
background: transparent url(../newimages/bt.why-this-info.png) 0 0 no-repeat;
margin: 15px 0 0 0;
width: 85px;
height: 14px;
}
a#showhelp:hover {
background: transparent url(../newimages/bt.why-this-info.png) 0 -14px no-repeat;
}
a#deletestudent {
background: transparent url(../newimages/bt.delete-student.png) 0 0 no-repeat;
width: 87px;
height: 14px;
margin: 7px;
}
a#editstudent {
background: transparent url(../newimages/bt.edit-student.png) 0 0 no-repeat;
width: 87px;
height: 14px;
margin: 7px 10px;
}
a#deleteclass {
background: transparent url(../newimages/bt.delete-class.png) 0 0 no-repeat;
width: 77px;
height: 14px;
margin: 7px;
}
a#deletestudent:hover,
a#editstudent:hover,
a#deleteclass:hover {
background-position: 0 -14px;
}
a#editmyaccount {
background: transparent url(../newimages/bt.edit-my-account.png) 0 0 no-repeat;
margin: 15px 0 0 0;
width: 97px;
height: 14px;
}
a#editmyaccount:hover {
background: transparent url(../newimages/bt.edit-my-account.png) 0 -14px no-repeat;
}
a#viewschoolreport, a#viewdistrictreport, a#viewstatereport,
a#addclass, a#addstudent, a#addschool, a#adddistrict, a#editaccount {
display: block;
float: left;
height: 84px;
text-decoration: none;
margin: 20px 7px 20px 0;
}
#dashlarge a#viewschoolreport, #dashlarge a#addclass, #dashlarge a#addstudent {
margin: 20px 25px 20px 0;
}
a#viewschoolreport {
width: 124px;
background: transparent url(../newimages/bt.view-school-report.png) 0 0 no-repeat;
}
a#viewdistrictreport {
width: 124px;
background: transparent url(../newimages/bt.view-district-report.png) 0 0 no-repeat;
}
a#viewstatereport {
width: 124px;
background: transparent url(../newimages/bt.view-state-report.png) 0 0 no-repeat;
}
a#addclass {
width: 118px;
background: transparent url(../newimages/bt.add-class.png) 0 0 no-repeat;
}
a#addstudent {
width: 140px;
background: transparent url(../newimages/bt.add-student.png) 0 0 no-repeat;
}
a#addschool {
width: 134px;
background: transparent url(../newimages/bt.add-school.png) 0 0 no-repeat;
}
a#adddistrict {
width: 134px;
background: transparent url(../newimages/bt.add-district.png) 0 0 no-repeat;
}
a#editaccount {
width: 118px;
background: transparent url(../newimages/bt.edit-account.png) 0 0 no-repeat;
}
a#viewschoolreport:hover, a#viewdistrictreport:hover, a#viewstatereport:hover,
a#addclass:hover, a#addstudent:hover, a#addschool:hover, a#adddistrict:hover, a#editaccount:hover {
background-position: 0 -84px;
}
/* Registration Page specific styling */
.form-entry-error {
float: right;
font-weight: bold;
color: #ba3e30;
margin: 13px 0 0 0;
width: 300px;
text-align: left;
}
#registration h3 span {
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
color: #000000;
}
/* Registration Form styling */
#registrationForm,
#registrationStart {
padding: 0;
}
#registration input,
#registration select {
float: left;
border: 1px solid #748752;
padding: 2px;
font-size: 10px;
}
#registration input {
width: 150px;
margin: 11px 150px 10px 0;
}
#dlmedia #registration #account-data input {
float: left;
width: 10px;
margin: 11px 8px 10px 0;
}
#registration select {
width: 156px;
margin: 11px 144px 10px 0;
}
#registration label {
float: left;
color: #748752;
width: 80px;
margin: 11px 0 10px 0;
font-size: 10px;
font-weight: bold;
}
#dlmedia #registration #account-data label {
display: block;
float: left;
width: 380px;
margin: 4px 0 10px 0;
}
#dlmedia #registration #account-data label span {
display: block;
font-weight: normal;
}
#registration input.withexplanation {
margin: 11px 0px 10px 0;
}
#registration span.explanation {
float: right;
margin: 11px 0 10px 4px;
font-size: 10px;
font-weight: bold;
color: #748752;
line-height: 2em;
width: 164px;
}
.helpwindow {
color: #5c8da6;
display: none;
}
.clientvalidation {
color: #ba3e30;
display: block;
}
#account-info,
#account-data {
padding: 15px 0;
}
#registration .chklist input {
width: auto;
margin: 12px 5px 7px 5px;
}
.data-unknown {
display: block;
float: left;
}
#account-info .data-unknown.chklist {
width: 120px;
}
#account-data .data-unknown.chklist {
width: 75px;
}
#account-data .data-unknown.chklist label {
width: 50px;
}
#account-info .data-known.chklist {
float: left;
display: block;
width: 285px;
}
#account-data .data-known.chklist {
float: left;
display: block;
width: 330px;
}
#account-info .data-known.chklist label {
width: 115px;
text-align: right;
}
#account-data .data-known.chklist label {
width: 120px;
text-align: right;
}
#account-data .data-known.chklist label.altcol {
width: 160px;
}
.data-other label {
width: 30px;
text-align: right;
}
.data-other.chklist input {
margin: 12px 12px 7px 5px;
}
.data-other.chklist input.otherinput {
margin: 8px 12px;
}
.data-other {
float: right;
clear: both;
}
#studentRegistrationForm2 #account-next {
width: 210px;
}
fieldset#account-info, fieldset#account-clas {
border-top: 1px solid #748752;
clear: both;
}
fieldset#account-clas p {
padding: 0 0 5px 0;
}
fieldset#account-clas .saveadd {
border: 0;
height: 14px;
width: 178px;
text-indent: -9999px;
cursor: pointer;
background: transparent url(../newimages/bt.save-and-add.png) no-repeat 0 0;
}
fieldset#account-clas .saveadd:hover {
background-position: 0 -14px;
}
fieldset#account-next {
width: 140px;
float: right;
margin: 0 0 -10px 0;
}
#forgot #registration p {
padding: 12px 0 0 0;
}
#forgot #registration form #account-data {
margin: 0; padding: 0;
}
#forgot #registration fieldset#account-data input {
float: none;
margin: 5px 0 7px 0;
width: 218px;
}
#forgot #registration fieldset#account-data label {
width: 170px;
margin: 5px 10px 7px 0;
text-align: right;
}
#forgot #registration fieldset#account-data span.explanation {
margin: -5px 10px 0 0;
}
#login #registration fieldset#account-data {
padding-bottom: 0;
}
#login #registration fieldset#account-data label {
text-align: right;
width: 50px;
padding: 0;
margin: 10px 10px 10px 0;
}
#login #registration fieldset#account-data input {
width: 120px;
margin: 8px 15px 10px 0;
}
#login #registration fieldset#account-data span.explanation {
display: block;
float: left;
margin: -10px 0 0 70px;
}
#login #registration fieldset#account-info {
float: right;
border: 0;
width: 150px;
padding: 0 10px 0 0;
margin: 0;
}
#login #registration fieldset#account-info a {
display: block;
float: right;
text-align: right;
padding: 20px 8px 30px 0;
width: 150px;
}
#login #registration p {
word-spacing: -.1em;
padding: 1.4em 0 1em 0;
}
#registrationStart fieldset#account-next {
width: 140px;
float: right;
text-align: right;
margin: 0 0 -10px 0;
}
fieldset#account-next input.cancel,
fieldset#account-next input.done,
fieldset#account-next input.next,
fieldset#account-next input.save,
fieldset#account-next input.back,
fieldset#account-next input.ok,
fieldset#account-next input.yes,
fieldset#account-next input.no,
fieldset#account-next input.delete,
fieldset#account-next input.start {
border: 0;
width: 66px;
height: 29px;
cursor: pointer;
margin: 0 2px;
text-indent: -9999px;
}
#forgot fieldset#account-info {
border: 0;
padding: 0 0 30px 0;
}
#forgot fieldset#account-info input.enter,
#login fieldset#account-info input.enter {
float: right;
border: 0;
width: 64px;
height: 14px;
cursor: pointer;
margin: 0 8px 0 2px;
text-indent: -9999px;
background: transparent url(../newimages/bt.enter.png) no-repeat 0 0;
}
#forgot fieldset#account-info input.enter:hover,
#login fieldset#account-info input.enter:hover {
background-position: 0 -14px;
}
fieldset#account-next input.cancel {
background: transparent url(../newimages/buttons-bottom.png) no-repeat 0 0;
}
fieldset#account-next input.cancel:hover {
background: transparent url(../newimages/buttons-bottom.png) no-repeat 0 -29px;
}
fieldset#account-next input.done {
background: transparent url(../newimages/buttons-bottom.png) no-repeat -66px 0;
}
fieldset#account-next input.done:hover {
background: transparent url(../newimages/buttons-bottom.png) no-repeat -66px -29px;
}
fieldset#account-next input.next {
background: transparent url(../newimages/buttons-bottom.png) no-repeat -132px 0;
}
fieldset#account-next input.next:hover {
background: transparent url(../newimages/buttons-bottom.png) no-repeat -132px -29px;
}
fieldset#account-next input.save {
background: transparent url(../newimages/buttons-bottom.png) no-repeat -198px 0;
}
fieldset#account-next input.save:hover {
background: transparent url(../newimages/buttons-bottom.png) no-repeat -198px -29px;
}
fieldset#account-next input.back {
background: transparent url(../newimages/buttons-bottom.png) no-repeat -264px 0;
}
fieldset#account-next input.back:hover {
background: transparent url(../newimages/buttons-bottom.png) no-repeat -264px -29px;
}
fieldset#account-next input.ok {
background: transparent url(../newimages/buttons-bottom.png) no-repeat -330px 0;
}
fieldset#account-next input.ok:hover {
background: transparent url(../newimages/buttons-bottom.png) no-repeat -330px -29px;
}
fieldset#account-next input.yes {
background: transparent url(../newimages/buttons-bottom.png) no-repeat -396px 0;
}
fieldset#account-next input.yes:hover {
background: transparent url(../newimages/buttons-bottom.png) no-repeat -396px -29px;
}
fieldset#account-next input.no {
background: transparent url(../newimages/buttons-bottom.png) no-repeat -462px 0;
}
fieldset#account-next input.no:hover {
background: transparent url(../newimages/buttons-bottom.png) no-repeat -462px -29px;
}
fieldset#account-next input.delete {
background: transparent url(../newimages/buttons-bottom.png) no-repeat -528px 0;
}
fieldset#account-next input.delete:hover {
background: transparent url(../newimages/buttons-bottom.png) no-repeat -528px -29px;
}
fieldset#account-next input.start {
background: transparent url(../newimages/buttons-bottom.png) no-repeat -330px 0;
}
fieldset#account-next input.start:hover {
background: transparent url(../newimages/buttons-bottom.png) no-repeat -330px -29px;
}
#content a.ok {
float: right;
margin: 30px 0 -10px 0;
}
#registration h4 {
color: #ba3e30;
margin: 10px 0 0 0;
}
#registration p.address {
margin: 0 0 0 40px;
}
#registration #assetStateName,
#registration #assetDistrictName,
#registration #assetSchoolName,
.assetStateName,
.assetDistrictName,
.assetSchoolName {
/*display: none;*/
}
/* Dev Page specific styling */
#home-page #content,
#home-page #sidebar,
#overview-page #content,
#overview-page #sidebar {
margin-bottom: 5px;
}
#privacy ul#top-links { margin-right: 254px; }
/* Privacy Page specific styling */
#privacy #wrapper {
padding: 5px;
}
#privacy #content {
width: 655px;
}
#privacy p, #privacy h3 {
margin-left:35px;
margin-right:35px;
width:585px;
}
#privacy h2 { margin-right:35px;}
#registrationStart {
margin-top: 20px;
}
#registrationStart fieldset#env1,
#registrationStart fieldset#env2 {
width: 150px;
display: block;
float: left;
text-align: left;
}
#registrationStart p {
font-size: 130%;
font-weight: bold;
color: #748752;
float: left;
clear: none;
display: block;
width: 50px;
padding: 75px 0 0 0;
margin: 0 20px 50px 35px;
}
#registrationStart p.clientvalidation{
margin: 5px 15px;
padding: 0;
font-size: 100%;
font-weight: normal;
color: #ba3e30;
width: 120px;;
}
#registrationStart fieldset#env1 select,
#registrationStart fieldset#env2 select,
#registrationStart fieldset#env1 input,
#registrationStart fieldset#env2 input,
#registrationStart fieldset#env1 label,
#registrationStart fieldset#env2 label {
margin: 0;
width: 10px;
}
#registrationStart fieldset#env1 label,
#registrationStart fieldset#env2 label {
cursor: pointer;
display: block;
}
#registrationStart fieldset#env1 input,
#registrationStart fieldset#env2 input {
margin: 3px 4px 0 0;
}
#registrationStart fieldset#env1 a {
background: transparent url(../newimages/env1.png) no-repeat 5px 0;
display: block;
width: 75px;
height: 75px;
cursor: pointer;
}
#registrationStart fieldset#env2 a {
background: transparent url(../newimages/env2.png) no-repeat 10px 0;
display: block;
width: 115px;
height: 75px;
cursor: pointer;
}
#registrationStart fieldset#env1 label,
#registrationStart fieldset#env2 label {
font-size: 120%;
font-weight: bold;
margin: 4px 0pt 0pt 4px;
width:130px;
}
#registrationStart fieldset#env1 select,
#registrationStart fieldset#env2 select {
margin: 10px 0 0 17px;
width: 120px;
}
#env-key {
clear: both;
margin: 20px 0;
display: block;
background: #F6F4E2;
min-height: 35px;
}
#env-key a#show-key {
background: transparent url(../newimages/show-key.png) no-repeat 50% 50%;
width: 68px;
height: 15px;
display: block;
cursor: pointer;
text-indent: -9999px;
padding: 10px;
}
#env-key a#show-key.active {
background: transparent url(../newimages/hide-key.png) no-repeat 50% 50%;
}
#env-key #show-key-text {
display: none;
padding: 0 20px 10px 20px;
}
#env-key #show-key-text h3 {
font-size: 12px;
padding: 10px 0 0 10px;
margin: 0;
}
#env-key #show-key-text strong {
color: #748751;
}
#env-key #show-key-text p {
width: 95%;
padding: 0 10px 10px 10px;
font-size: 100%;
font-weight: normal;
margin: 0;
color: #000;
}
/* fix for round corners on modals */
body#modal { background: transparent; }
#modalcorner {
background: #25231F;
}
/* end fix */
#modal h2 {
float: none;
margin-bottom: 10px;
}
#modal .explanation {
color: #748752;
margin: 0 0 0 90px;
width: auto;
float: left;
}
#modal form fieldset#account-next {
margin: 0;
}
#modal #registration {
background: #fff;
padding: 20px 20px 0 20px;
}
#modal #registration label {
width: 100px;
}
#modal #registration #account-data input,
#modal #registration #account-data select {
margin: 11px 100px 10px 0;
}
#modal #registration #account-data input.propalign {
display: none;
margin-left: 90px;
}
#modal .cancel,
#modal .next {
margin-right: 50px;
width: 66px;
}
#modal #addclassform #account-data input {
width: 280px;
margin: 8px 0 10px 0;
}
#modal #addclassform .explanation {
margin: 0 0 0 100px;
}
#modal #adddistrictform #account-data,
#modal #addschoolform #account-data {
padding: 0;
}
/* FAQ ZONE */
.fq {
margin-bottom: 1px;
padding: 3px 2px 3px 3em;
background-color: #f5edce;
letter-spacing: 0px;
line-height: 15px;
text-indent: -2em;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
}
.fqs {
background-color: #eee3bd;
}
.fc {
margin: 1.5em 1em 1.5em 1em;
letter-spacing: 0px;
line-height: 14px;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
}
.fh {
/*background-position: 0px 0px;
background-image: url(../images/btn_arrow_right_filled.png);
background-repeat: no-repeat;*/
background-color: #8f9f6f;
color: #fcfcfc;
cursor: pointer;
}
.fs {
/*background-position: 0px 0px;
background-repeat: no-repeat;
background-image: url(../images/btn_arrow_down_filled.png);*/
background-color: #748751;
color: #ffffff;
}
Untitled CSS (20-Jun @ 17:59)
Syntax Highlighted Code
- #poop {width:auto}
Plain Code
#poop {width:auto}