|
|
| Line 17: |
Line 17: |
| | <link rel="stylesheet" href="https://2012.igem.org/Team:SEU_A/navcontainer.css?action=raw&ctype=text/css" type="text/css"> | | <link rel="stylesheet" href="https://2012.igem.org/Team:SEU_A/navcontainer.css?action=raw&ctype=text/css" type="text/css"> |
| | <link rel="stylesheet" href="https://2012.igem.org/Team:SEU_A/clear.css?action=raw&ctype=text/css" type="text/css"> | | <link rel="stylesheet" href="https://2012.igem.org/Team:SEU_A/clear.css?action=raw&ctype=text/css" type="text/css"> |
| | + | <link rel="stylesheet" href="https://2012.igem.org/Team:SEU_A/rotator.css?action=raw&ctype=text/css" type="text/css"> |
| | | | |
| | </head> | | </head> |
| Line 29: |
Line 30: |
| | width:100%; | | width:100%; |
| | } | | } |
| - | .reference {
| + | |
| - | clear:both;
| + | |
| - | width:1000px;
| + | |
| - | margin:0px auto;
| + | |
| - | }
| + | |
| - | .reference p a {
| + | |
| - | text-transform:uppercase;
| + | |
| - | text-shadow:1px 1px 1px #fff;
| + | |
| - | color:#666;
| + | |
| - | text-decoration:none;
| + | |
| - | font-size:10px;
| + | |
| - | }
| + | |
| - | .reference p a:hover {
| + | |
| - | color:#333;
| + | |
| - | }
| + | |
| | .title1{ | | .title1{ |
| | position:relative; | | position:relative; |
| | margin:-40px 180px 0px; | | margin:-40px 180px 0px; |
| - | }
| |
| - | .rotator{
| |
| - | background-color:#222;
| |
| - | width:1000px;
| |
| - | height:360px;
| |
| - | margin:0px auto;
| |
| - | position:relative;
| |
| - | font-family:'Myriad Pro',Arial,Helvetica,sans-serif;
| |
| - | color:#fff;
| |
| - | text-transform:uppercase;
| |
| - | letter-spacing:-1px;
| |
| - | border:3px solid #f0f0f0;
| |
| - | overflow:hidden;
| |
| - | -moz-box-shadow:0px 0px 10px #222;
| |
| - | -webkit-box-shadow:0px 0px 10px #222;
| |
| - | box-shadow:0px 0px 10px #222;
| |
| - | }
| |
| - | img.bg{
| |
| - | position:absolute;
| |
| - | top:0px;
| |
| - | left:0px;
| |
| - | }
| |
| - | .rotator ul{
| |
| - | list-style:none;
| |
| - | position:absolute;
| |
| - | right:0px;
| |
| - | top:0px;
| |
| - | margin-top:6px;
| |
| - | z-index:999999;
| |
| - | }
| |
| - | .rotator ul li{
| |
| - | display:block;
| |
| - | float:left;
| |
| - | clear:both;
| |
| - | width:260px;
| |
| - | }
| |
| - | .rotator ul li a{
| |
| - | width:230px;
| |
| - | float:right;
| |
| - | clear:both;
| |
| - | padding-left:10px;
| |
| - | text-decoration:none;
| |
| - | display:block;
| |
| - | height:52px;
| |
| - | line-height:52px;
| |
| - | background-color:#222;
| |
| - | margin:1px -20px 1px 0px;
| |
| - | opacity:0.7;
| |
| - | color:#f0f0f0;
| |
| - | font-size:20px;
| |
| - | border:2px solid #000;
| |
| - | border-right:none;
| |
| - | outline:none;
| |
| - | text-shadow:-1px 1px 1px #000;
| |
| - | -moz-border-radius:10px 0px 0px 20px;
| |
| - | -webkit-border-top-left-radius:10px;
| |
| - | -webkit-border-bottom-left-radius:20px;
| |
| - | border-top-left-radius:10px;
| |
| - | border-bottom-left-radius:20px;
| |
| - | }
| |
| - | .rotator ul li a:hover{
| |
| - | text-shadow:0px 0px 2px #fff;
| |
| - | }
| |
| - | .rotator .heading{
| |
| - | position:absolute;
| |
| - | top:0px;
| |
| - | left:0px;
| |
| - | width:500px;
| |
| - | }
| |
| - | .rotator .heading h1{
| |
| - | text-shadow:-1px 1px 1px #555;
| |
| - | font-weight:normal;
| |
| - | font-size:46px;
| |
| - | padding:20px;
| |
| - | }
| |
| - | .rotator .description{
| |
| - | width:500px;
| |
| - | height:80px;
| |
| - | position:absolute;
| |
| - | bottom:0px;
| |
| - | left:0px;
| |
| - | padding:20px;
| |
| - | background-color:#222;
| |
| - | -moz-border-radius:0px 10px 0px 0px;
| |
| - | -webkit-border-top-right-radius:10px;
| |
| - | border-top-right-radius:10px;
| |
| - | opacity:0.7;
| |
| - | border-top:2px solid #000;
| |
| - | border-right:2px solid #000;
| |
| - | }
| |
| - | .rotator .description p{
| |
| - | text-shadow:-1px 1px 1px #000;
| |
| - | text-transform:none;
| |
| - | letter-spacing:normal;
| |
| - | line-height:26px;
| |
| - | }
| |
| - | a.more{
| |
| - | color:orange;
| |
| - | text-decoration:none;
| |
| - | text-transform:uppercase;
| |
| - | font-size:10px;
| |
| - | }
| |
| - | a.more:hover{
| |
| - | color:#fff;
| |
| - | }
| |
| - | a {
| |
| - | color:#000;
| |
| - | text-decoration:none;
| |
| - | }
| |
| - | p {
| |
| - | line-height:140%;
| |
| - | }
| |
| - | h2 {
| |
| - | font-size:30px;
| |
| - | color:#160000;
| |
| - | padding:0 0 10px 0;
| |
| - | }
| |
| - | h3 {
| |
| - | font-size:18px;
| |
| - | color:#160000;
| |
| - | padding:0 0 10px 0;
| |
| - | }
| |
| - | h4 {
| |
| - | color:#9e9e9e;
| |
| - | font-size:18px;
| |
| - | }
| |
| - | .container {
| |
| - | width: 960px;
| |
| - | margin: 0 auto;
| |
| - | }
| |
| - | header h1 {
| |
| - | padding:25px 0 0 0;
| |
| - | }
| |
| - | header h1 a {
| |
| - | font-size: 42px;
| |
| - | color:#160000;
| |
| - | text-decoration:none;
| |
| | } | | } |
| | .titlepic{ | | .titlepic{ |
| Line 195: |
Line 45: |
| | color:#000; | | color:#000; |
| | text-align:center; | | text-align:center; |
| - | }
| |
| - | .mainContent {
| |
| - | float: right;
| |
| - | width: 660px;
| |
| - | padding:20px 0 20px 0;
| |
| - | }
| |
| - | .post {
| |
| - | border-bottom: 1px dashed #4b4b4b;
| |
| - | box-shadow: 0 1px #F2F2F2;
| |
| - | margin-bottom:40px;
| |
| - | }
| |
| - | .post p {
| |
| - | padding:10px 0;
| |
| - | }
| |
| - | .date {
| |
| - | float:left;
| |
| - | }
| |
| - | .author {
| |
| - | float:right;
| |
| - | }
| |
| - | .readmore {
| |
| - | padding:0 0 20px 0;
| |
| - | }
| |
| - | .sidebar1 {
| |
| - | margin: 0 690px 0 0;
| |
| - | padding:20px 0 20px 0;
| |
| - | border-right: 1px solid #BBBBBB;
| |
| - | box-shadow: 1px 0px #ffffff;
| |
| - | }
| |
| - | .sidebar1 p {
| |
| - | width:220px;
| |
| - | }
| |
| - | input {
| |
| - | }
| |
| - | .sidebar1Separator {
| |
| - | height:50px;
| |
| | } | | } |
| | footer { | | footer { |
"
