Team:UT Dallas/test/page.css
From 2012.igem.org
(193 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | + | #header | |
- | + | { | |
- | + | background: url("https://static.igem.org/mediawiki/2012/a/aa/Top_logo_UTD.png") no-repeat scroll 6px 12px transparent; | |
- | + | height: 115px; | |
- | + | padding-left: 8px; | |
- | + | padding-right: 8px; | |
- | + | padding-top: 19px; | |
- | + | } | |
- | + | ul.topnav { | |
+ | float: left; | ||
+ | font-size: 1.2em; | ||
+ | line-height: 1em; | ||
+ | list-style: none outside none; | ||
+ | margin: 5px 0 0; | ||
+ | padding: 0 0; | ||
+ | width: 890px; | ||
} | } | ||
ul.topnav li { | ul.topnav li { | ||
- | + | background: transparent; | |
- | + | float: right; | |
- | + | margin: 0 0 0 20px; | |
- | + | padding-left: 20px; | |
+ | padding-right: 20px; | ||
+ | position: relative; | ||
+ | z-index: 1000; | ||
} | } | ||
+ | ul.topnav li:hover { | ||
+ | background:#84c300; | ||
+ | float: right; | ||
+ | margin: 0 0 0 20px; | ||
+ | padding-left: 20px; | ||
+ | padding-right: 20px; | ||
+ | position: relative; | ||
+ | z-index: 1000; | ||
+ | } | ||
ul.topnav li a{ | ul.topnav li a{ | ||
- | + | color: #FFFFFF; | |
- | + | display: block; | |
- | + | float: left; | |
- | + | padding-bottom: 10px; | |
- | + | padding-top: 10px; | |
+ | text-decoration: none; | ||
} | } | ||
ul.topnav li a:hover{ | ul.topnav li a:hover{ | ||
- | background: url('https://static.igem.org/mediawiki/2012/ | + | /*background: url('https://static.igem.org/mediawiki/2012/0/01/Topnav_hover.png') no-repeat center top; */ |
+ | color:#ffffff; | ||
} | } | ||
ul.topnav li span { /*--Drop down trigger styles--*/ | ul.topnav li span { /*--Drop down trigger styles--*/ | ||
Line 36: | Line 57: | ||
position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/ | position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/ | ||
left: 0; top: 35px; | left: 0; top: 35px; | ||
- | background: #333; | + | /*background: #333; */ |
+ | background:url('https://static.igem.org/mediawiki/2012/1/1e/Content_bg.png'); | ||
margin: 0; padding: 0; | margin: 0; padding: 0; | ||
display: none; | display: none; | ||
float: left; | float: left; | ||
- | width: 170px; | + | width: 170px; |
- | border: 1px solid #111; | + | line-height:0.75em; |
+ | border-radius: 0px 0px 5px 5px; | ||
+ | -moz-border-radius: 0px 0px 5px 5px; | ||
+ | -webkit-border-radius: 0px 0px 5px 5px; | ||
+ | border: 1px solid #111; | ||
} | } | ||
ul.topnav li ul.subnav li{ | ul.topnav li ul.subnav li{ | ||
Line 52: | Line 78: | ||
html ul.topnav li ul.subnav li a { | html ul.topnav li ul.subnav li a { | ||
float: left; | float: left; | ||
- | width: | + | width: 150px; |
- | background: | + | background: url('https://static.igem.org/mediawiki/2012/1/1e/Content_bg.png'); |
padding-left: 20px; | padding-left: 20px; | ||
} | } | ||
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/ | html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/ | ||
- | background: | + | background: url('https://static.igem.org/mediawiki/2012/3/33/Topnav_a_hover.png') no-repeat left center; |
} | } | ||
+ | #footer a | ||
+ | { | ||
+ | color:#ffffff; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | body { | ||
+ | margin: 0; padding: 0; | ||
+ | font-family: 'Scada', sans-serif; | ||
+ | background: url('https://static.igem.org/mediawiki/2012/3/38/Bacteria_3.png'); | ||
+ | background-size: cover; | ||
+ | background-attachment:fixed; | ||
+ | } | ||
+ | #top-section | ||
+ | { | ||
+ | display: none; | ||
+ | } | ||
+ | #top_box{ | ||
+ | border-radius: 5px; | ||
+ | -moz-border-radius: 5px; | ||
+ | -webkit-border-radius: 5px; | ||
+ | border: 1px solid #444444; | ||
+ | background:#36424a; | ||
+ | height:178px; | ||
+ | |||
+ | } | ||
+ | #content { | ||
+ | padding: 0px 0px 0px 0px; | ||
+ | width:1024px; | ||
+ | margin: 15px auto 15px; | ||
+ | background: none repeat scroll 0 0 transparent; | ||
+ | border:0px; | ||
+ | } | ||
+ | h1.firstHeading { | ||
+ | display: none; | ||
+ | } | ||
+ | #catlinks {display: none;} | ||
+ | #contentSub {display: none;} | ||
+ | #footer-box { | ||
+ | background:url('https://static.igem.org/mediawiki/2012/1/1e/Content_bg.png'); | ||
+ | width:1013px; | ||
+ | margin: 0px auto 15px; | ||
+ | border-radius: 5px; | ||
+ | -moz-border-radius: 5px; | ||
+ | -webkit-border-radius: 5px; | ||
+ | } | ||
+ | #middle_box { | ||
+ | background: #ffffff; | ||
+ | border: 8px solid #7c858b; | ||
+ | border-radius: 5px 5px 5px 5px; | ||
+ | margin-top: 10px; | ||
+ | padding: 10px; | ||
+ | color:#36424a; | ||
+ | font-size: 15px; | ||
+ | text-align: justify; | ||
+ | min-height:500px; | ||
+ | } | ||
+ | #fb_link | ||
+ | { | ||
+ | background: url("https://static.igem.org/mediawiki/2012/d/dd/Facebook-icon.png") no-repeat transparent; | ||
+ | padding-bottom: 25px; | ||
+ | padding-right: 45px; | ||
+ | } | ||
+ | |||
+ | #fb_link:hover | ||
+ | { | ||
+ | background: url("https://static.igem.org/mediawiki/2012/9/9f/Facebook-icon_hover.png") no-repeat transparent; | ||
+ | padding-bottom: 25px; | ||
+ | padding-right: 45px; | ||
+ | } | ||
+ | #st_left | ||
+ | { | ||
+ | width: 200px; | ||
+ | margin-right: 10px; | ||
+ | } | ||
+ | #st_right | ||
+ | { | ||
+ | width: 785px; | ||
+ | background: none repeat scroll 0 0 #BCB3B5; | ||
+ | padding: 10px; | ||
+ | border-radius: 5px; | ||
+ | -moz-border-radius: 5px; | ||
+ | -webkit-border-radius: 5px; | ||
+ | } | ||
+ | h2.title{ | ||
+ | border: 0 none; | ||
+ | color: #36424a; | ||
+ | line-height: 1em; | ||
+ | padding-bottom: 0; | ||
+ | padding-top: 0; | ||
+ | font-size: 130%; | ||
+ | } | ||
+ | table.t1 | ||
+ | { | ||
+ | background:transparent; | ||
+ | color:#36424A; | ||
+ | } | ||
+ | #st_1{ | ||
+ | margin-bottom: 13px; | ||
+ | } | ||
+ | |||
+ | li.st_list_alt | ||
+ | { | ||
+ | background: none repeat scroll 0 0 #888888; | ||
+ | color: #333333; | ||
+ | height: 32px; | ||
+ | line-height: 34px; | ||
+ | list-style-type: none; | ||
+ | margin-bottom: 5px; | ||
+ | text-align: center; | ||
+ | width: 155px; | ||
+ | cursor:pointer; | ||
+ | } | ||
+ | |||
+ | li.st_list_alt:hover | ||
+ | { | ||
+ | background: none repeat scroll 0 0 #96c82a; | ||
+ | color: #333333; | ||
+ | height: 32px; | ||
+ | line-height: 34px; | ||
+ | list-style-type: none; | ||
+ | margin-bottom: 5px; | ||
+ | text-align: center; | ||
+ | width: 155px; | ||
+ | cursor:pointer; | ||
+ | } | ||
+ | |||
+ | li.st_list | ||
+ | { | ||
+ | background: none repeat scroll 0 0 #BCB3B5; | ||
+ | /*border: 1px solid;*/ | ||
+ | color: #333333; | ||
+ | height: 32px; | ||
+ | line-height: 34px; | ||
+ | list-style-type: none; | ||
+ | margin-bottom: 5px; | ||
+ | text-align: center; | ||
+ | width: 155px; | ||
+ | cursor:pointer; | ||
+ | } | ||
+ | |||
+ | li.st_list:hover | ||
+ | { | ||
+ | background: none repeat scroll 0 0 #96c82a; | ||
+ | //border: 1px solid; | ||
+ | color: #ffffff; | ||
+ | height: 32px; | ||
+ | line-height: 34px; | ||
+ | list-style-type: none; | ||
+ | margin-bottom: 5px; | ||
+ | text-align: center; | ||
+ | width: 155px; | ||
+ | } | ||
+ | a | ||
+ | { | ||
+ | color:#3769ff; | ||
+ | } | ||
+ | |||
+ | .button { | ||
+ | background: #666666; | ||
+ | border-radius: 8px 8px 8px 8px; | ||
+ | border-top: 1px solid #535252; | ||
+ | box-shadow: 0 1px 0 #000000; | ||
+ | color: white; | ||
+ | font-size: 14px; | ||
+ | height: 26px; | ||
+ | margin-top: 3px; | ||
+ | padding: 0px 10px; | ||
+ | text-decoration: none; | ||
+ | text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4); | ||
+ | vertical-align: middle; | ||
+ | width: 120px; | ||
+ | } | ||
+ | .button:hover { | ||
+ | border-top-color: #3d3d3d; | ||
+ | background: #8b8b8b; | ||
+ | color: #ccc; | ||
+ | } | ||
+ | .button:active { | ||
+ | border-top-color: #1b435e; | ||
+ | background: #616161; | ||
+ | } | ||
+ | #world_heat_map | ||
+ | { | ||
+ | background: url("https://static.igem.org/mediawiki/2012/1/1e/Content_bg.png") repeat scroll 0 0 transparent; | ||
+ | border-radius: 5px; | ||
+ | margin-bottom: 5px; | ||
+ | -moz-border-radius: 5px; | ||
+ | -webkit-border-radius: 5px; | ||
+ | padding-bottom: 10px; | ||
+ | padding-left: 10px; | ||
+ | padding-right: 10px; | ||
+ | } | ||
+ | |||
+ | #tracks_maps | ||
+ | { | ||
+ | background: url("https://static.igem.org/mediawiki/2012/1/1e/Content_bg.png") repeat scroll 0 0 transparent; | ||
+ | border-radius: 5px; | ||
+ | margin-bottom: 5px; | ||
+ | margin-top: 5px; | ||
+ | -moz-border-radius: 5px; | ||
+ | -webkit-border-radius: 5px; | ||
+ | padding-bottom: 10px; | ||
+ | padding-left: 10px; | ||
+ | padding-right: 10px; | ||
+ | } | ||
+ | |||
+ | #awards_graph | ||
+ | { | ||
+ | background: url("https://static.igem.org/mediawiki/2012/1/1e/Content_bg.png") repeat scroll 0 0 transparent; | ||
+ | border-radius: 5px; | ||
+ | margin-bottom: 5px; | ||
+ | margin-top: 5px; | ||
+ | -moz-border-radius: 5px; | ||
+ | -webkit-border-radius: 5px; | ||
+ | padding: 10px; | ||
+ | } | ||
+ | |||
+ | #year_no | ||
+ | { | ||
+ | float: right; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | #year_no_tracks | ||
+ | { | ||
+ | float: right; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | #year_no_awards | ||
+ | { | ||
+ | float: right; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | div.july_weeks | ||
+ | { | ||
+ | background: url("https://static.igem.org/mediawiki/2012/2/2a/July_weeks.png") no-repeat scroll left center transparent; | ||
+ | height: 120px; | ||
+ | line-height: 28px; | ||
+ | padding-left: 29px; | ||
+ | padding-top: 11px; | ||
+ | width: 75px; | ||
+ | } | ||
+ | div.august_weeks | ||
+ | { | ||
+ | background: url("https://static.igem.org/mediawiki/2012/7/71/Aug_weeks.png") no-repeat scroll left center transparent; | ||
+ | height: 120px; | ||
+ | line-height: 28px; | ||
+ | padding-left: 29px; | ||
+ | padding-top: 11px; | ||
+ | width: 75px; | ||
+ | } | ||
+ | div.sept_weeks | ||
+ | { | ||
+ | background: url("https://static.igem.org/mediawiki/2012/b/bd/Sept_weeks.png") no-repeat left center transparent; | ||
+ | height: 120px; | ||
+ | width: 75px; | ||
+ | padding-left: 29px; | ||
+ | line-height: 28px; | ||
+ | padding-top: 11px; | ||
+ | } | ||
+ | a.week_link | ||
+ | { | ||
+ | background: none repeat scroll 0 0 #ebebeb; | ||
+ | color: #595959; | ||
+ | float: left; | ||
+ | font-size: 16px; | ||
+ | font-weight: bold; | ||
+ | height: 25px; | ||
+ | list-style: none outside none; | ||
+ | padding: 0 0 0 5px; | ||
+ | text-align: left; | ||
+ | text-decoration: none; | ||
+ | width: 66px; | ||
+ | } | ||
+ | a.week_link:hover | ||
+ | { | ||
+ | background: none repeat scroll 0 0 #efefef; | ||
+ | color: #000000; | ||
+ | float: left; | ||
+ | font-size: 16px; | ||
+ | font-weight: bold; | ||
+ | height: 25px; | ||
+ | list-style: none outside none; | ||
+ | padding: 0 0 0 5px; | ||
+ | text-align: left; | ||
+ | text-decoration: none; | ||
+ | width: 66px; | ||
+ | } | ||
+ | #sponsors{ | ||
+ | background: none repeat scroll 0 0 #FFFFFF; | ||
+ | /*border: 8px solid #7C858B;*/ | ||
+ | border-radius: 5px 5px 5px 5px; | ||
+ | color: #36424A; | ||
+ | font-size: 15px; | ||
+ | margin-top: 10px; | ||
+ | padding: 10px; | ||
+ | text-align: justify; | ||
+ | } | ||
+ | #reporters | ||
+ | { | ||
+ | background: url("https://static.igem.org/mediawiki/2012/1/1e/Content_bg.png") repeat scroll 0 0 transparent; | ||
+ | border-radius: 5px; | ||
+ | margin-bottom: 5px; | ||
+ | margin-top: 5px; | ||
+ | -moz-border-radius: 5px; | ||
+ | -webkit-border-radius: 5px; | ||
+ | padding: 10px; | ||
+ | } |
Latest revision as of 00:21, 4 October 2012
#header { background: url("") no-repeat scroll 6px 12px transparent; height: 115px; padding-left: 8px; padding-right: 8px; padding-top: 19px; } ul.topnav {
float: left; font-size: 1.2em; line-height: 1em; list-style: none outside none; margin: 5px 0 0; padding: 0 0; width: 890px;
} ul.topnav li {
background: transparent; float: right; margin: 0 0 0 20px; padding-left: 20px; padding-right: 20px; position: relative; z-index: 1000;
} ul.topnav li:hover {
background:#84c300; float: right; margin: 0 0 0 20px; padding-left: 20px; padding-right: 20px; position: relative; z-index: 1000;
} ul.topnav li a{
color: #FFFFFF; display: block; float: left; padding-bottom: 10px; padding-top: 10px; text-decoration: none;
} ul.topnav li a:hover{ /*background: url('https://static.igem.org/mediawiki/2012/0/01/Topnav_hover.png') no-repeat center top; */ color:#ffffff; } ul.topnav li span { /*--Drop down trigger styles--*/ /*width: 17px; */ height: 35px; float: left; /* background: url('https://static.igem.org/mediawiki/2012/4/45/Subnav_btn.gif') no-repeat center top; */ } ul.topnav li span.subhover {background-position: center bottombottom; cursor: pointer;} /*--Hover effect for trigger--*/ ul.topnav li ul.subnav { list-style: none; position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/ left: 0; top: 35px; /*background: #333; */ background:url('https://static.igem.org/mediawiki/2012/1/1e/Content_bg.png'); margin: 0; padding: 0; display: none; float: left; width: 170px; line-height:0.75em;
border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px;
border: 1px solid #111; } ul.topnav li ul.subnav li{ margin: 0; padding: 0; border-top: 1px solid #252525; /*--Create bevel effect--*/ border-bottom: 1px solid #444; /*--Create bevel effect--*/ clear: both; width: 170px; } html ul.topnav li ul.subnav li a { float: left; width: 150px; background: url('https://static.igem.org/mediawiki/2012/1/1e/Content_bg.png'); padding-left: 20px; } html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/ background: url('https://static.igem.org/mediawiki/2012/3/33/Topnav_a_hover.png') no-repeat left center; }
- footer a
{
color:#ffffff;
}
body {
margin: 0; padding: 0;
font-family: 'Scada', sans-serif; background: url('https://static.igem.org/mediawiki/2012/3/38/Bacteria_3.png');
background-size: cover; background-attachment:fixed;
}
- top-section
{ display: none; }
- top_box{
border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #444444; background:#36424a; height:178px;
}
- content {
padding: 0px 0px 0px 0px; width:1024px; margin: 15px auto 15px; background: none repeat scroll 0 0 transparent; border:0px; } h1.firstHeading {
display: none;
}
- catlinks {display: none;}
- contentSub {display: none;}
- footer-box {
background:url('https://static.igem.org/mediawiki/2012/1/1e/Content_bg.png'); width:1013px; margin: 0px auto 15px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
- middle_box {
background: #ffffff; border: 8px solid #7c858b; border-radius: 5px 5px 5px 5px; margin-top: 10px; padding: 10px; color:#36424a; font-size: 15px; text-align: justify; min-height:500px;
}
- fb_link
{
background: url("") no-repeat transparent; padding-bottom: 25px; padding-right: 45px;
}
- fb_link:hover
{
background: url("") no-repeat transparent; padding-bottom: 25px; padding-right: 45px;
}
- st_left
{
width: 200px; margin-right: 10px;
}
- st_right
{
width: 785px; background: none repeat scroll 0 0 #BCB3B5; padding: 10px;
border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } h2.title{
border: 0 none; color: #36424a; line-height: 1em; padding-bottom: 0; padding-top: 0; font-size: 130%;
} table.t1 { background:transparent; color:#36424A; }
- st_1{
margin-bottom: 13px; }
li.st_list_alt { background: none repeat scroll 0 0 #888888;
color: #333333; height: 32px; line-height: 34px; list-style-type: none; margin-bottom: 5px; text-align: center; width: 155px; cursor:pointer;
}
li.st_list_alt:hover { background: none repeat scroll 0 0 #96c82a;
color: #333333; height: 32px; line-height: 34px; list-style-type: none; margin-bottom: 5px; text-align: center; width: 155px; cursor:pointer;
}
li.st_list {
background: none repeat scroll 0 0 #BCB3B5; /*border: 1px solid;*/ color: #333333; height: 32px; line-height: 34px; list-style-type: none; margin-bottom: 5px; text-align: center; width: 155px; cursor:pointer;
}
li.st_list:hover {
background: none repeat scroll 0 0 #96c82a; //border: 1px solid; color: #ffffff; height: 32px; line-height: 34px; list-style-type: none; margin-bottom: 5px; text-align: center; width: 155px;
} a { color:#3769ff; }
.button {
background: #666666; border-radius: 8px 8px 8px 8px; border-top: 1px solid #535252; box-shadow: 0 1px 0 #000000; color: white; font-size: 14px; height: 26px; margin-top: 3px; padding: 0px 10px; text-decoration: none; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4); vertical-align: middle; width: 120px; }
.button:hover {
border-top-color: #3d3d3d; background: #8b8b8b; color: #ccc; }
.button:active {
border-top-color: #1b435e; background: #616161; }
- world_heat_map
{ background: url("") repeat scroll 0 0 transparent; border-radius: 5px; margin-bottom: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
padding-bottom: 10px; padding-left: 10px; padding-right: 10px;
}
- tracks_maps
{ background: url("") repeat scroll 0 0 transparent; border-radius: 5px; margin-bottom: 5px; margin-top: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
padding-bottom: 10px; padding-left: 10px; padding-right: 10px;
}
- awards_graph
{ background: url("") repeat scroll 0 0 transparent; border-radius: 5px; margin-bottom: 5px; margin-top: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
padding: 10px;
}
- year_no
{
float: right; font-weight: bold;
}
- year_no_tracks
{
float: right; font-weight: bold;
}
- year_no_awards
{
float: right; font-weight: bold;
} div.july_weeks {
background: url("") no-repeat scroll left center transparent; height: 120px; line-height: 28px; padding-left: 29px; padding-top: 11px; width: 75px;
} div.august_weeks {
background: url("") no-repeat scroll left center transparent; height: 120px; line-height: 28px; padding-left: 29px; padding-top: 11px; width: 75px;
} div.sept_weeks { background: url("") no-repeat left center transparent; height: 120px;
width: 75px;
padding-left: 29px; line-height: 28px; padding-top: 11px; } a.week_link {
background: none repeat scroll 0 0 #ebebeb; color: #595959; float: left; font-size: 16px; font-weight: bold; height: 25px; list-style: none outside none; padding: 0 0 0 5px; text-align: left; text-decoration: none; width: 66px;
} a.week_link:hover {
background: none repeat scroll 0 0 #efefef; color: #000000; float: left; font-size: 16px; font-weight: bold; height: 25px; list-style: none outside none; padding: 0 0 0 5px; text-align: left; text-decoration: none; width: 66px;
}
- sponsors{
background: none repeat scroll 0 0 #FFFFFF; /*border: 8px solid #7C858B;*/ border-radius: 5px 5px 5px 5px; color: #36424A; font-size: 15px; margin-top: 10px; padding: 10px; text-align: justify;
}
- reporters
{ background: url("") repeat scroll 0 0 transparent; border-radius: 5px; margin-bottom: 5px; margin-top: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
padding: 10px;
}