|
|
(13 intermediate revisions not shown) |
Line 1: |
Line 1: |
- | /*custom start*/
| |
- | body {background-color:#9ac3b1;}
| |
- | p {color: #630;}
| |
- | table {color:#630;background-color:transparent;}
| |
- | #searchform {visibility:hidden;}
| |
| | | |
- | div.content_body {
| |
- | display: block;
| |
- | position: relative;
| |
- | margin: 0 auto;
| |
- | width: 1024px;
| |
- | }
| |
- |
| |
- | div.navigater {
| |
- | clear: both;
| |
- | position: relative;
| |
- | width: 1024px;
| |
- | height: 50px;
| |
- | padding-top: 0px;
| |
- | }
| |
- | .navigater ul {
| |
- | position: absolute;
| |
- | left: 0px;
| |
- | z-index:100;
| |
- | text-align: center;
| |
- | display: inline;
| |
- | list-style: none;
| |
- | margin:0px;
| |
- | padding-left:0px;
| |
- | }
| |
- |
| |
- | .navigater ul li {
| |
- | z-index:100;
| |
- | font: bold 14px/20px helvetica;
| |
- | display: inline-block;
| |
- | margin: 0 2px;
| |
- | padding-bottom: 18px;
| |
- | position: relative;
| |
- | width: 110px;
| |
- | height: 28px;
| |
- | background-repeat:no-repeat;
| |
- | text-align:center;
| |
- | cursor: pointer;
| |
- | -webkit-transition: background-image 0.2s;
| |
- | -moz-transition: background-image 0.2s;
| |
- | -ms-transition: background-image 0.2s;
| |
- | -o-transition: background-image 0.2s;
| |
- | transition: background-image 0.2s;
| |
- | }
| |
- | .navigater ul li a:link{
| |
- | color: rgb(252,241,206);
| |
- | display: inline-block;
| |
- | font-size:14px/20px;
| |
- | width: 110px;
| |
- | height: 14px;
| |
- | padding-bottom:18px;
| |
- | padding-top: 18px;
| |
- | text-align:center;
| |
- | text-decoration:none;
| |
- | }
| |
- | .navigater ul li a:hover {text-decoration:none; background-color: transparent;}
| |
- | .navigater ul li a:visited {text-decoration:none; background-color: transparent;}
| |
- |
| |
- | .navigater ul li:hover {
| |
- | z-index:100;
| |
- | color: #fff;
| |
- | -webkit-transition: background-image 0.2s;
| |
- | -moz-transition: background-image 0.2s;
| |
- | -ms-transition: background-image 0.2s;
| |
- | -o-transition: background-image 0.2s;
| |
- | transition: background-image 0.2s;
| |
- | }
| |
- | .navigater ul li ul {
| |
- | list-style: none;
| |
- | z-index:100;
| |
- | display: inline;
| |
- | position: absolute;
| |
- | width: 104px;
| |
- | top: 0px;
| |
- | left: 90px;
| |
- | opacity: 0;
| |
- | visibility: hidden;
| |
- | -webkit-transiton: opacity 0.2s;
| |
- | -moz-transition: opacity 0.2s;
| |
- | -ms-transition: opacity 0.2s;
| |
- | -o-transition: opacity 0.2s;
| |
- | -transition: opacity 0.2s;
| |
- | }
| |
- |
| |
- | .navigater ul li ul li {
| |
- |
| |
- | display: inline-block;
| |
- | z-index:300;
| |
- | height: 30px;
| |
- | width: 204px;
| |
- | margin: 0px;
| |
- | border: 2px solid #099;
| |
- | padding: 1px;
| |
- | background-repeat:no-repeat;
| |
- | text-align:center;
| |
- | cursor: pointer;
| |
- | }
| |
- |
| |
- | .navigater ul li ul li a:link{
| |
- | width: 104px;
| |
- | }
| |
- |
| |
- | .navigater ul li ul li:hover {
| |
- | background-image:url(https://static.igem.org/mediawiki/2013/0/05/WIKI-light.png);
| |
- | background-repeat: no-repeat;
| |
- | background-position: 50% 60%;
| |
- |
| |
- | }
| |
- | /*.navigater ul li:hover ul {
| |
- | z-index:200;
| |
- | opacity: 1;
| |
- | visibility: visible;
| |
- | }mark*/
| |
- | /* color separately */
| |
- |
| |
- | #HOME { background: url(https://static.igem.org/mediawiki/2013/a/ae/WIKI-05-BG.png);}
| |
- | #HOME:hover { background-image: url(https://static.igem.org/mediawiki/2013/7/7f/WIKI-00-BG-HOVER.png);}
| |
- |
| |
- | #PROJECT { background: url(https://static.igem.org/mediawiki/2013/1/12/WIKI-01-BG.png);}
| |
- | #PROJECT:hover { background-image: url(https://static.igem.org/mediawiki/2013/f/ff/WIKI-01-BG-HOVER.png);}
| |
- | #PROJECT ul{ background: #aeaf55;}
| |
- |
| |
- | #JUDGING { background: url(https://static.igem.org/mediawiki/2013/3/38/WIKI-02-BG.png);}
| |
- | #JUDGING:hover { background-image: url(https://static.igem.org/mediawiki/2013/b/ba/WIKI-02-BG-HOVER.png);}
| |
- | #JUDGING ul{ background: #B65836;}
| |
- |
| |
- | #SAFETY { background: url(https://static.igem.org/mediawiki/2013/6/66/WIKI-03-BG.png);}
| |
- | #SAFETY:hover { background-image: url(https://static.igem.org/mediawiki/2013/9/9f/WIKI-03-BG-HOVER.png);}
| |
- | #SAFETY ul{ background: #4AA984;}
| |
- |
| |
- | #NOTEBOOK { background: url(https://static.igem.org/mediawiki/2013/0/0b/WIKI-04-BG.png);}
| |
- | #NOTEBOOK:hover { background-image: url(https://static.igem.org/mediawiki/2013/d/d9/WIKI-04-BG-HOVER.png);}
| |
- | #NOTEBOOK ul{ background: #B48662;}
| |
- |
| |
- | #TEAM { background: url(https://static.igem.org/mediawiki/2013/a/ae/WIKI-05-BG.png);}
| |
- | #TEAM:hover { background-image: url(https://static.igem.org/mediawiki/2013/b/b7/WIKI-05-BG-HOVER.png);}
| |
- | #TEAM ul{ background: #D2783C;}
| |
- |
| |
- | /* color separately end */
| |
- |
| |
- | #cont_column {
| |
- | z-index: 200;
| |
- | margin: 0px;
| |
- | padding-bottom: 100px;
| |
- | width: 726px;
| |
- | float: left;
| |
- |
| |
- | }
| |
- |
| |
- | #cont_column div.chapter {
| |
- | position: relative;
| |
- | width: 726px;
| |
- | border-style: solid;
| |
- | background: url(https://static.igem.org/mediawiki/2013/8/81/Side-cont-BG.png) top left repeat-y , url(https://static.igem.org/mediawiki/2013/0/0f/CONTENT-BG-PROJECT.png) repeat-y 50px 0px ;
| |
- | box-shadow: 0px 0px 25px #888888;
| |
- | border-style: solid;
| |
- | border-width: 1px;
| |
- | border-color: #f7eed1;
| |
- | margin-bottom: -5px;
| |
- | padding: 60px 0;
| |
- | }
| |
- |
| |
- | #cont_column h1, h2, h3, h4, p {
| |
- | position: relative;
| |
- | width: 536px;
| |
- | margin-left: 90px;
| |
- | margin-right: 100px;
| |
- | }
| |
- |
| |
- | #cont_column span {
| |
- | display: block;
| |
- | position: relative;
| |
- | font-weight: bold;
| |
- | top: -40px;
| |
- | right: 50px;
| |
- | height: 30px;
| |
- | font-family: "Comic Sans MS", cursive;
| |
- | font-size: 20px;
| |
- | text-align: right;
| |
- | padding: 0px;
| |
- | margin: 0px;
| |
- | }
| |
- |
| |
- | #cont_column h1 {
| |
- | font-weight: bold;
| |
- | }
| |
- | #cont_column h2 {
| |
- | color:#366;
| |
- | }
| |
- | #cont_column h3 {
| |
- | padding-bottom:5px;
| |
- | border-bottom: 2px solid #666;
| |
- | margin-bottom: 0px;
| |
- | color:#699;
| |
- | }
| |
- |
| |
- | #top_button {
| |
- | float: left;
| |
- | width: 100px;
| |
- | height: 100px;
| |
- | position: absolute;
| |
- | left:728px;
| |
- | top:0px;
| |
- | display: block;
| |
- | }
| |
- | #top_button p {
| |
- | margin: 0;
| |
- | padding: 0;
| |
- | visibility: hidden;
| |
- | background-image: url(https://static.igem.org/mediawiki/2013/9/91/TALKFRAME.png);
| |
- | background-repeat: no-repeat;
| |
- | display: inline-block;
| |
- | height:51px;
| |
- | position: relative;
| |
- | text-align: center;
| |
- | font:10px helvetica;
| |
- | }
| |
- |
| |
- |
| |
- | #top_button span{
| |
- | z-index: 100;
| |
- | position: fixed;
| |
- | display: block;
| |
- | background: url(https://static.igem.org/mediawiki/2013/4/46/WIKI-MASCOT-STAND-SHADOW.png);
| |
- | margin: 0 0;
| |
- | width: 100px;
| |
- | height: 151px;
| |
- | bottom: 50px;
| |
- | cursor: pointer;
| |
- | }
| |
- |
| |
- | #top_button span:hover {
| |
- | background: url(https://static.igem.org/mediawiki/2013/f/f3/TOP_BACKING.png);
| |
- | }
| |
- |
| |
- | #top_button img {
| |
- | clear: both;
| |
- | }
| |
- |
| |
- |
| |
- | #side_bar {
| |
- | position: absolute;
| |
- | width: 240px;
| |
- | top:0;
| |
- | left:0;
| |
- | }
| |
- | #side_bar div {
| |
- | position: relative;
| |
- | }
| |
- |
| |
- | /* tag styles */
| |
- | .anchor-h2 {
| |
- | display: block;
| |
- | position: relative;
| |
- | left: 0px;
| |
- | background-image: url(https://static.igem.org/mediawiki/2013/4/40/TAG_H2.png);
| |
- | background-repeat: repeat-y;
| |
- | float:left;
| |
- |
| |
- | padding: 5px 5px 5px 20px;
| |
- | margin-top: 5px;
| |
- | border-color: #FFF;
| |
- | }
| |
- | .anchor-h2 p {
| |
- | margin:0;
| |
- | padding:0;
| |
- | border:0;
| |
- | width:210px;
| |
- | text-decoration: none;
| |
- | text-align: left;
| |
- | font-family: Arial, Helvetica, sans-serif;
| |
- | font-size: 24px;
| |
- | }
| |
- | .anchor-h3 {
| |
- | display: inline;
| |
- | position: relative;
| |
- | background-image: url(https://static.igem.org/mediawiki/2013/4/40/TAG_H3.png);
| |
- | background-repeat: repeat-y;
| |
- | float:left;
| |
- |
| |
- | padding: 5px 5px 5px 20px;
| |
- | margin-top: 1px;
| |
- | }
| |
- | .anchor-h3 p{
| |
- | margin:0;
| |
- | padding:0;
| |
- | border:0;
| |
- | width:180px;
| |
- | text-decoration: none;
| |
- | left: 0px;
| |
- | text-align: left;
| |
- | font-family: Arial, Helvetica, sans-serif;
| |
- | font-size: 13px;
| |
- | }
| |
- |
| |
- | #side_bar p {
| |
- | color: rgb(255, 255, 255); text-decoration: none;
| |
- | cursor: pointer;
| |
- | }
| |
- | #side_bar a:visited {
| |
- | color: rgb(255, 255, 255);
| |
- | }
| |
- | #side_bar a:active {
| |
- | color: rgb(255, 255, 255);
| |
- | }
| |
- | #side_bar a:hover {
| |
- | }
| |
- |
| |
- | #side_bar #address {
| |
- | clear:left;
| |
- | }
| |
- |
| |
- | #side_bar #address p {
| |
- | font-family:"Cooper Black";
| |
- | color: #724c21;
| |
- | font-size: 16px;
| |
- | position: relative;
| |
- | margin: 5px auto;
| |
- | height:20px;
| |
- | text-align: center;
| |
- | }
| |
- |
| |
- | #references p {
| |
- | width: 536px;
| |
- | text-align:left;
| |
- | font-size:10px;
| |
- | }
| |
- | a.quote {
| |
- | vertical-align:super;
| |
- | font-size:10px;
| |
- | }
| |
- | a.quote,a.references {
| |
- | color:#696;
| |
- | }
| |
- |
| |
- |
| |
- | /*--custom end */
| |