"
Team:USTC-Software/Software/Overview/css
From 2013.igem.org
(Difference between revisions)
| (33 intermediate revisions not shown) | |||
| Line 1: | Line 1: | ||
| + | #home_overview { | ||
| + | margin: 0 auto; | ||
| + | position: relative; | ||
| + | background: #FFF; | ||
| + | display:block; | ||
| + | width:960px; | ||
| + | height:1000px; | ||
| + | -moz-border-radius: 1em; | ||
| + | -webkit-border-radius: 1em; | ||
| + | border-radius: 1em; | ||
| + | margin-top:55px; | ||
| + | margin-bottom:5px; | ||
| + | } | ||
| + | |||
| + | |||
| + | #home_overview h1 { | ||
| + | padding-left: 30px; | ||
| + | padding-top: 20px; | ||
| + | padding-bottom: 20px; | ||
| + | font-family:Arial, Helvetica, sans-serif; | ||
| + | font-size: 36px; | ||
| + | color:#0b83d3; | ||
| + | border-bottom:#CCC dotted 2px; | ||
| + | } | ||
| + | |||
| + | |||
#overview_contain { | #overview_contain { | ||
position:absolute; | position:absolute; | ||
| Line 6: | Line 32: | ||
background: url(https://static.igem.org/mediawiki/2013/9/96/USTC-Software_Box_header.png) repeat-x; | background: url(https://static.igem.org/mediawiki/2013/9/96/USTC-Software_Box_header.png) repeat-x; | ||
top:60px; | top:60px; | ||
| - | + | /*color:#213443; | |
| - | + | border-radius: 2px 2px 0 0; | |
| - | + | ||
-moz-border-radius: 2px 2px 0 0; | -moz-border-radius: 2px 2px 0 0; | ||
-webkit-border-radius: 6px 6px 0 0;*/ | -webkit-border-radius: 6px 6px 0 0;*/ | ||
| Line 16: | Line 41: | ||
#overview_contain h2 { | #overview_contain h2 { | ||
| + | display: block; | ||
| + | width: 100%; | ||
font-size:20px; | font-size:20px; | ||
font-family: 'Open Sans',arial,serif; | font-family: 'Open Sans',arial,serif; | ||
margin-left:35px; | margin-left:35px; | ||
| - | margin-top: | + | margin-top:10px; |
| - | margin-bottom: | + | margin-bottom:10px; |
| - | + | ||
} | } | ||
| Line 33: | Line 59: | ||
| - | # | + | #overview_l { |
height:auto; | height:auto; | ||
width:400px; | width:400px; | ||
| Line 43: | Line 69: | ||
| - | # | + | #overview_l h3 { |
font-size:20px; | font-size:20px; | ||
font-family: 'Open Sans',"Helvetica Neue",arial,serif; | font-family: 'Open Sans',"Helvetica Neue",arial,serif; | ||
| - | |||
} | } | ||
| - | # | + | #overview_r { |
height:auto; | height:auto; | ||
width:400px; | width:400px; | ||
| Line 59: | Line 84: | ||
} | } | ||
| - | # | + | #overview_r h3 { |
font-size:20px; | font-size:20px; | ||
font-family: 'Open Sans',"Helvetica Neue",arial,serif; | font-family: 'Open Sans',"Helvetica Neue",arial,serif; | ||
| - | |||
} | } | ||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| Line 94: | Line 108: | ||
font: 14px Times, serif; | font: 14px Times, serif; | ||
font-style: italic; | font-style: italic; | ||
| - | background: url(../ | + | background: url(https://static.igem.org/mediawiki/2013/6/64/USTC-Software_Bg_trigger_status.png) no-repeat 380px 10px; |
} | } | ||
| Line 109: | Line 123: | ||
display: block; | display: block; | ||
float: left; | float: left; | ||
| - | font-weight: | + | color: #36526c; |
| + | /*font-weight: 550;*/ | ||
} | } | ||
| Line 115: | Line 130: | ||
.jobs_trigger strong { | .jobs_trigger strong { | ||
font: 14px "Helvetica Neue","Arial",sans-serif; | font: 14px "Helvetica Neue","Arial",sans-serif; | ||
| - | font-style: normal; | + | font-style: normal; |
| - | + | color: #36526c; | |
} | } | ||
Latest revision as of 16:41, 16 August 2013
- home_overview {
margin: 0 auto;
position: relative;
background: #FFF;
display:block;
width:960px;
height:1000px;
-moz-border-radius: 1em;
-webkit-border-radius: 1em;
border-radius: 1em;
margin-top:55px;
margin-bottom:5px;
}
- home_overview h1 {
padding-left: 30px;
padding-top: 20px;
padding-bottom: 20px;
font-family:Arial, Helvetica, sans-serif;
font-size: 36px;
color:#0b83d3;
border-bottom:#CCC dotted 2px;
}
- overview_contain {
position:absolute;
float:left;
width:100%;
height:100%;
background: url(
) repeat-x;
top:60px;
/*color:#213443;
border-radius: 2px 2px 0 0;
-moz-border-radius: 2px 2px 0 0;
-webkit-border-radius: 6px 6px 0 0;*/
}
- overview_contain h2 {
display: block;
width: 100%;
font-size:20px;
font-family: 'Open Sans',arial,serif;
margin-left:35px;
margin-top:10px;
margin-bottom:10px;
}
- overview_contain p {
font-size:14px;
font-family: "Helvetica Neue","Arial",sans-serif;
}
- overview_l {
height:auto;
width:400px;
float:left;
clear:left;
margin-left:35px;
margin-top:0px;
}
- overview_l h3 {
font-size:20px;
font-family: 'Open Sans',"Helvetica Neue",arial,serif;
}
- overview_r {
height:auto;
width:400px;
float:right;
margin-top:0px;
margin-right:35px;
}
- overview_r h3 {
font-size:20px;
font-family: 'Open Sans',"Helvetica Neue",arial,serif;
}
- jobs_container {
position: relative;
width:400px;
}
.jobs_trigger {
height: 14px;
line-height: 14px;
border-top: 1px solid #b1b1b1;
cursor: pointer;
padding: 7px 15px;
font: 14px Times, serif;
font-style: italic;
background: url(
) no-repeat 380px 10px;
}
.jobs_trigger.active { background-position: 380px -41px;}
.jobs_trigger span {
width: 10px;
display: block;
float: left;
color: #36526c;
/*font-weight: 550;*/
}
.jobs_trigger strong {
font: 14px "Helvetica Neue","Arial",sans-serif;
font-style: normal;
color: #36526c;
}
.jobs_item { padding: 1px 15px 12px;}
.jobs_item p { margin: 11px 0 0;}
