"
Team:SYSU-China/common all.css
From 2013.igem.org
| Line 419: | Line 419: | ||
position:relative; | position:relative; | ||
width:700px; | width:700px; | ||
| + | height: 300px; | ||
margin:0px; | margin:0px; | ||
padding:0px; | padding:0px; | ||
| Line 430: | Line 431: | ||
#target { | #target { | ||
background-image:url(https://static.igem.org/mediawiki/2013/9/9d/Gear_01.png); | background-image:url(https://static.igem.org/mediawiki/2013/9/9d/Gear_01.png); | ||
| + | position:absolute; | ||
| + | top:30px; | ||
| + | } | ||
| + | #suicidegene { background-image:url(https://static.igem.org/mediawiki/2013/0/04/Gear_02.png); | ||
| + | position:absolute; | ||
| + | left:200px; | ||
| + | } | ||
| + | #tet-off { background-image:url(https://static.igem.org/mediawiki/2013/6/6f/Gear_03.png); | ||
| + | position:absolute; | ||
| + | left:400px; | ||
| + | top:30px; | ||
| + | } | ||
| + | #lenti-virus { background-image:url(https://static.igem.org/mediawiki/2013/a/ae/Gear_04.png); | ||
| + | position:absolute; | ||
| + | left:600px; | ||
| + | top:0px; | ||
} | } | ||
| - | |||
| - | |||
| - | |||
/* guide_link end */ | /* guide_link end */ | ||
Revision as of 17:33, 27 September 2013
- animat {
margin: 0px auto; height: 110px; position: relative; text-align:center; }
- animat p {
visibility: hidden; display: block; height:29px; position: relative; text-align: center; font: bold 20px broadway;
width:80px;
margin:0px;
padding: 0;
}
- animat span:hover p {visibility: visible;}
- animat span{
z-index: 100; display: block; text-align: center; position: absolute; margin: 0 auto; width: 80px; height: 81px;
left: -200px ;
} /*custom start*/
- searchform {visibility:hidden;}
div.content_body { display: block; position: relative; margin: 0 auto; width: 1024px; }
div.navigater { clear: both; position: relative; width: 1024px; height: 46px; padding-top: 0px; } .navigater ul { position: relative; left: -50px;
z-index:100;
text-align: center; display: inline; list-style: none;
margin:0px;
padding-left:0px;
heigth:50px;
}
.navigater ul li {
z-index:100; font: bold 14px/20px helvetica; display: inline-block; margin: 0 5px; 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: block; position: absolute; width: 104px; top: 46px; left: 3px; 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:block; z-index:100;
font: bold 12px/18px helvetica;
width: 104px; margin: 0px; padding: 9px 0px; background-repeat:no-repeat; text-align:center; cursor: pointer; }
.navigater ul li ul li a:link{ width: 104px;
padding: 9px 0px;
font-size:10px/16px; }
.navigater ul li ul li:hover {
background-image:url(
);
background-repeat: no-repeat;
background-position: 50% 60%;
}
.navigater ul li:hover ul {
z-index:200; opacity: 1; visibility: visible;
} /* 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: 900px;
}
- cont_column div.chapter {
position: relative;
width: 900px;
border-style: solid;
background: url(
) top left repeat-y , url(
) repeat-y 94px 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: 760px; margin-left: 90px; margin-right: 50px; }
- cont_column ol,#cont_column ul{
position: relative; width: 720px; margin-left: 100px; margin-right: 100px; }
- cont_column li{
font-weight:bold;
font-family: verdana;
margin-left: 30px;
text-align:left;
padding: 5px 0px;
}
- 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,#cont_column h2 {
font-weight: bold; }
}
- cont_column h3 {
padding-bottom:5px; margin-bottom: 0px; }
- top_button {
width: 100px; height: 100px; position: absolute;
right:0px; top:0px;
display: block; }
- top_button p {
margin: 0;
padding: 0;
visibility: hidden;
background-image: url(
);
background-repeat: no-repeat;
display: inline-block;
width:100px;
height:51px;
position: relative;
text-align: center;
font:10px helvetica;
}
- top_button span{
z-index: 100;
position: fixed;
display: block;
background: url(
);
margin: 0 0;
width: 100px;
height: 151px;
bottom: 50px;
cursor: pointer;
}
- top_button span:hover {
}
- top_button img {
clear: both; }
- side_bar {
position: absolute; width: 190px; top:0; left:0; }
- side_bar div {
position: relative; }
/* tag styles */
.anchor-h2 {
display: block;
position: relative;
left: 0px;
background-image: url(
);
background-repeat: repeat;
float:right;
padding: 1px 20px 1px 1px;
margin-top: 5px;
border-color: #FFF;
}
.anchor-h2 p {
margin:0;
padding:6px 2px;
border:0;
width:190px;
background-image: url(
);
background-repeat: repeat;
text-decoration: none;
text-align: right;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
}
.anchor-h3 {
display: inline;
position: relative;
background-image: url();
background-repeat: repeat;
float:right;
padding: 1px 10px 1px 1px;
margin-top: 1px;
}
.anchor-h3 p{
margin:0;
padding:0px 2px;
border:0;
width:180px;
background-image: url(
);
background-repeat: repeat;
text-decoration: none;
left: 0px;
text-align: right;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
- 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: 740px; text-align:left; font-size:10px; margin-left: 110px; } a.quote { vertical-align:super; font-size:10px; } a.quote,a.references {
color:#696;
}
/*--custom end */
/*--Fig DIV start */
div.figure { position: relative; margin: 5px 60px 5px 100px;
padding: 0px;
} img.fig_img { float:left;
top:0px;
left:0px;
margin:5px;
padding:0px;
} img.fig_img:hover {
cursor:pointer;
} p.des { float:left;
margin:0px;
padding:0px;
font-size:14px;
} div.clear {
clear:both;
margin:0px;
padding:0px;
}
/*--Fig DIV end */
/* guide_link start */ div.results_guide { display:block; position:relative; width:700px; height: 300px; margin:0px; padding:0px; } a.guide_button { display:block; position:absolute; width:200px; height:200px; }
- target {
background-image:url(
);
position:absolute;
top:30px;
}
- suicidegene { background-image:url(
);
position:absolute; left:200px; }
- tet-off { background-image:url(
);
position:absolute; left:400px; top:30px; }
- lenti-virus { background-image:url(
);
position:absolute; left:600px; top:0px; }
/* guide_link end */
;}){kind=link}
;}){kind=link}
;}){kind=link}
;}){kind=link}
;}){kind=link}
;}){kind=link}
;}){kind=link}
;}){kind=link}
;}){kind=link}
;}){kind=link}
;}){kind=link}