Team:SYSU-China/common all.css

From 2013.igem.org

(Difference between revisions)

Latest revision as of 03:20, 29 October 2013

div#globalWrapper {background-image:url(https://static.igem.org/mediawiki/2013/5/5a/BG-circles.png);background-repeat: y-repeat;}

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-bottom: 100px; background: rgb(250,250,250); padding-bottom: 0px; width: 900px;

}

cont_column div.chapter {

position: relative; width: 900px; border-style: solid; background: url() no-repeat 95% 35px; box-shadow: 0px 0px 25px #888888; border-style: solid; border-width: 0px; 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: Monotype Corsiva; 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; float:right;

padding: 1px 20px 1px 1px; margin-top: 5px; border-color: #FFF; } .anchor-h2 p { margin:0; padding:6px 2px; border:2px dotted #333; width:190px; text-decoration: none; text-align: right; font-family: Arial, Helvetica, sans-serif; font-size: 16px; } .anchor-h3 { display: inline; position: relative; float:right;

padding: 1px 10px 1px 1px; margin-top: 1px; } .anchor-h3 p{ margin:0; padding:0px 2px; border:2px dotted #DDD; width:180px; 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:100px;

       left:8px;

}

suicidegene { background-image:url();

position:absolute;

       top:3px;

left:160px; }

tet-off { background-image:url();

position:absolute; left:309px; top:104px; }

lenti-virus { background-image:url();

position:absolute; left:485px; top:70px; }

/* guide_link end */

/* guide_link2 start */ div.results_guide2 { display:block; position:relative; width:700px; height: 300px; margin:0px; padding:0px; background-image:url(); } a.guide_button2 { display:block; position:absolute; width:160px; height:210px; }

ips {

background-image:url(); position:absolute; top:0px;

   left:0px;

}

hepatocyte {

background-image:url(); position:absolute;

   top:0px;

left:250px; }

hepatoma {

background-image:url(); position:absolute; left:500px; top:0px; }

/* guide_link2 end */

@@ Line 1: / Line 1: @@
+div#globalWrapper {background-image:url(https://static.igem.org/mediawiki/2013/5/5a/BG-circles.png);background-repeat: y-repeat;}
 #animat {
 	margin: 0px auto;
@@ Line 25: / Line 26: @@
 	width: 80px;
 	height: 81px;
-         left: -100px ;
+         left: -200px ;
 }
 /*custom start*/
@@ Line 34: / Line 35: @@
 	position: relative;
 	margin: 0 auto;
-	width: 1290px;
+	width: 1024px;
 }
@@ Line 174: / Line 175: @@
 #cont_column {
 	z-index: 200;
-	margin: 0px;
+	margin-bottom: 100px;
-	padding-bottom: 100px;
+	background: rgb(250,250,250);
+	padding-bottom: 0px;
 	width: 900px;
@@ Line 184: / Line 186: @@
 	width: 900px;
 	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 94px 0px ;
+	background: url(https://static.igem.org/mediawiki/2013/d/dd/Logo_fly.png) no-repeat 95% 35px;
 	box-shadow: 0px 0px 25px #888888;
 	border-style: solid;
-	border-width: 1px;
+	border-width: 0px;
 	border-color: #f7eed1;
 	margin-bottom: -5px;
@@ Line 201: / Line 203: @@
 #cont_column ol,#cont_column ul{
 	position: relative;
-	width: 536px;
+	width: 720px;
-	margin-left: 90px;
+	margin-left: 100px;
 	margin-right: 100px;
 }
 #cont_column li{
+        font-weight:bold;
+        font-family: verdana;
          margin-left: 30px;
          text-align:left;
+        padding: 5px 0px;
 }
@@ Line 217: / Line 222: @@
 	right: 50px;
 	height: 30px;
-	font-family: "Comic Sans MS", cursive;
+	font-family: Monotype Corsiva;
 	font-size: 20px;
 	text-align: right;
@@ Line 224: / Line 229: @@
 }
-#cont_column h1 {
+#cont_column h1,#cont_column h2 {
 	font-weight: bold;
 }
-#cont_column h2 {
-	color:#366;
 }
 #cont_column h3 {
 	padding-bottom:5px;
-	border-bottom: 2px solid #666;
 	margin-bottom: 0px;
-	color:#699;
 }
@@ Line 295: / Line 297: @@
 	position: relative;
 	left: 0px;
-	background-image: url(https://static.igem.org/mediawiki/2013/6/6a/TAG_BLANK.png);
-	background-repeat: repeat;
 	float:right;
@@ Line 306: / Line 306: @@
 	margin:0;
 	padding:6px 2px;
-	border:0;
+	border:2px dotted #333;
 	width:190px;
-	background-image: url(https://static.igem.org/mediawiki/2013/4/40/TAG_H2.png);
-	background-repeat: repeat;
 	text-decoration: none;
 	text-align: right;
@@ Line 318: / Line 316: @@
 	display: inline;
 	position: relative;
-	background-image: url(https://static.igem.org/mediawiki/2013/6/6a/TAG_BLANK.png);
-	background-repeat: repeat;
 	float:right;
@@ Line 328: / Line 324: @@
 	margin:0;
 	padding:0px 2px;
-	border:0;
+	border:2px dotted #DDD;
 	width:180px;
-	background-image: url(https://static.igem.org/mediawiki/2013/4/40/TAG_H3.png);
-	background-repeat: repeat;
 	text-decoration: none;
 	left: 0px;
@@ Line 367: / Line 361: @@
 #references p {
-	width: 536px;
+	width: 740px;
 	text-align:left;
 	font-size:10px;
+	margin-left: 110px;
 }
 a.quote {
@@ Line 381: / Line 376: @@
 /*--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(https://static.igem.org/mediawiki/2013/9/9d/Gear_01.png);
+	position:absolute;
+	top:100px;
+        left:8px;
+}
+#suicidegene { background-image:url(https://static.igem.org/mediawiki/2013/0/04/Gear_02.png);
+	position:absolute;
+        top:3px;
+	left:160px;
+}
+#tet-off { background-image:url(https://static.igem.org/mediawiki/2013/6/6f/Gear_03.png);
+	position:absolute;
+	left:309px;
+	top:104px;
+}
+#lenti-virus { background-image:url(https://static.igem.org/mediawiki/2013/a/ae/Gear_04.png);
+	position:absolute;
+	left:485px;
+	top:70px;
+}
+/* guide_link end */
+/* guide_link2 start */
+div.results_guide2 {
+	display:block;
+	position:relative;
+	width:700px;
+	height: 300px;
+	margin:0px;
+	padding:0px;
+	background-image:url(https://static.igem.org/mediawiki/2013/0/01/3cells_bg.png);
+}
+a.guide_button2 {
+	display:block;
+	position:absolute;
+	width:160px;
+	height:210px;
+}
+#ips {
+	background-image:url(https://static.igem.org/mediawiki/2013/b/bb/3cells_01.png);
+	position:absolute;
+	top:0px;
+    left:0px;
+}
+#hepatocyte {
+	background-image:url(https://static.igem.org/mediawiki/2013/3/37/3cells_02.png);
+	position:absolute;
+    top:0px;
+	left:250px;
+}
+#hepatoma {
+	background-image:url(https://static.igem.org/mediawiki/2013/b/b7/3cells_03.png);
+	position:absolute;
+	left:500px;
+	top:0px;
+}
+/* guide_link2 end */