Team:SYSU-China/home style.css

From 2013.igem.org

(Difference between revisions)
 
(48 intermediate revisions not shown)
Line 1: Line 1:
 +
/*image preloader*/
 +
#preloader {
 +
        width: 0px;
 +
        height: 0px;
 +
        display: inline;
 +
        background-image: url(https://static.igem.org/mediawiki/2013/f/ff/WIKI-01-BG-HOVER.png);
 +
        background-image: url(https://static.igem.org/mediawiki/2013/b/ba/WIKI-02-BG-HOVER.png);
 +
        background-image: url(https://static.igem.org/mediawiki/2013/9/9f/WIKI-03-BG-HOVER.png);
 +
        background-image: url(https://static.igem.org/mediawiki/2013/d/d9/WIKI-04-BG-HOVER.png);
 +
        background-image: url(https://static.igem.org/mediawiki/2013/b/b7/WIKI-05-BG-HOVER.png);
 +
}
 +
/*customer start*/
/*customer start*/
body {
body {
background-image:url(https://static.igem.org/mediawiki/2013/f/f6/Logo-frame-2013-SYSU-CHINA.png);
background-image:url(https://static.igem.org/mediawiki/2013/f/f6/Logo-frame-2013-SYSU-CHINA.png);
-
background-position: 50% 3.5%;
+
background-position: 50% 60px;
background-repeat: no-repeat;
background-repeat: no-repeat;
}
}
-
 
+
#bodyContent {display:block;position:relative; top:100px;left:auto;}
#searchform {visibility:hidden;}
#searchform {visibility:hidden;}
#animat {
#animat {
-
margin-top: 67px;
+
margin: 0px auto;
height: 110px;
height: 110px;
position: relative;
position: relative;
Line 30: Line 42:
width: 80px;
width: 80px;
height: 81px;
height: 81px;
 +
        left:-1px;
}
}
Line 48: Line 61:
.navigater ul li {
.navigater ul li {
   z-index:100;
   z-index:100;
-
   font: bold 12px/20PX helvetica;
+
   font: bold 14px/20PX helvetica;
   display: inline-block;
   display: inline-block;
   margin: 0 20px;
   margin: 0 20px;
Line 57: Line 70:
   background-repeat:no-repeat;
   background-repeat:no-repeat;
   text-align:center;
   text-align:center;
-
  cursor: pointer;
 
   -webkit-transition: background-image 0.2s;
   -webkit-transition: background-image 0.2s;
   -moz-transition: background-image 0.2s;
   -moz-transition: background-image 0.2s;
Line 63: Line 75:
   -o-transition: background-image 0.2s;
   -o-transition: background-image 0.2s;
   transition: background-image 0.2s;
   transition: background-image 0.2s;
 +
}
 +
.navigater ul li span{
 +
color: rgb(252,241,206);
 +
display: block;
 +
font-size:16px/20px;
 +
width: 110px;
 +
height: 14px;
 +
padding-bottom:18px;
 +
padding-top: 18px;
 +
text-align:center;
 +
text-decoration:none;
 +
}
 +
.navigater ul li span:hover{
 +
        cursor:default;
}
}
.navigater ul li a:link{
.navigater ul li a:link{
color: rgb(252,241,206);
color: rgb(252,241,206);
display: block;
display: block;
-
font-size:14px/20px;
+
font-size:16px/20px;
width: 110px;
width: 110px;
height: 14px;
height: 14px;
Line 91: Line 117:
position: absolute;
position: absolute;
top: 46px;
top: 46px;
-
left: -15px;
+
left: -18px;
width: 104px;
width: 104px;
display: none;
display: none;
Line 107: Line 133:
z-index:100;
z-index:100;
width: 104px;
width: 104px;
-
margin: 0;
+
margin:0px 0px 10px 0px;  
display: block;  
display: block;  
 +
        padding: 0px;
}
}
Line 114: Line 141:
.navigater ul li ul li a:link{
.navigater ul li ul li a:link{
width: 104px;
width: 104px;
 +
font-size:12px;
 +
        padding-bottom: 9px;
 +
        padding-top: 9px;
 +
        margin:0px;
}
}
.navigater ul li ul li:hover {  
.navigater ul li ul li:hover {  
-
background-image:url(images/WIKI-light.png);
+
background-image:url(https://static.igem.org/mediawiki/2013/0/05/WIKI-light.png);
background-repeat: no-repeat;
background-repeat: no-repeat;
background-position: 50% 60%;
background-position: 50% 60%;
Line 125: Line 156:
   z-index:100;
   z-index:100;
   display: block;
   display: block;
-
   opacity: 0.75;
+
   opacity: 0.95;
   visibility: visible;
   visibility: visible;
}
}
Line 131: Line 162:
#PROJECT { background: url(https://static.igem.org/mediawiki/2013/1/12/WIKI-01-BG.png);}
#PROJECT { background: url(https://static.igem.org/mediawiki/2013/1/12/WIKI-01-BG.png);}
-
#PROJECT:hover { background: url(https://static.igem.org/mediawiki/2013/f/ff/WIKI-01-BG-HOVER.png);}
+
#PROJECT:hover { background-image: url(https://static.igem.org/mediawiki/2013/f/ff/WIKI-01-BG-HOVER.png);}
#PROJECT ul{ background: #aeaf55;}
#PROJECT ul{ background: #aeaf55;}
#JUDGING { background: url(https://static.igem.org/mediawiki/2013/3/38/WIKI-02-BG.png);}
#JUDGING { background: url(https://static.igem.org/mediawiki/2013/3/38/WIKI-02-BG.png);}
-
#JUDGING:hover { background: url(https://static.igem.org/mediawiki/2013/b/ba/WIKI-02-BG-HOVER.png);}
+
#JUDGING:hover { background-image: url(https://static.igem.org/mediawiki/2013/b/ba/WIKI-02-BG-HOVER.png);}
#JUDGING ul{ background: #B65836;}
#JUDGING ul{ background: #B65836;}
-
#SAFETY_ETHICS { background: url(https://static.igem.org/mediawiki/2013/6/66/WIKI-03-BG.png);}
+
#SAFETY { background: url(https://static.igem.org/mediawiki/2013/6/66/WIKI-03-BG.png);}
-
#SAFETY_ETHICS:hover { background: url(https://static.igem.org/mediawiki/2013/9/9f/WIKI-03-BG-HOVER.png);}
+
#SAFETY:hover { background-image: url(https://static.igem.org/mediawiki/2013/9/9f/WIKI-03-BG-HOVER.png);}
-
#SAFETY_ETHICS ul{ background: #9AC3B1;}
+
#SAFETY ul{ background: #4AA984;}
#NOTEBOOK { background: url(https://static.igem.org/mediawiki/2013/0/0b/WIKI-04-BG.png);}
#NOTEBOOK { background: url(https://static.igem.org/mediawiki/2013/0/0b/WIKI-04-BG.png);}
-
#NOTEBOOK:hover { background: url(https://static.igem.org/mediawiki/2013/d/d9/WIKI-04-BG-HOVER.png);}
+
#NOTEBOOK:hover { background-image: url(https://static.igem.org/mediawiki/2013/d/d9/WIKI-04-BG-HOVER.png);}
#NOTEBOOK ul{ background: #B48662;}
#NOTEBOOK ul{ background: #B48662;}
#TEAM { background: url(https://static.igem.org/mediawiki/2013/a/ae/WIKI-05-BG.png);}
#TEAM { background: url(https://static.igem.org/mediawiki/2013/a/ae/WIKI-05-BG.png);}
-
#TEAM:hover { background: url(https://static.igem.org/mediawiki/2013/b/b7/WIKI-05-BG-HOVER.png);}
+
#TEAM:hover { background-image: url(https://static.igem.org/mediawiki/2013/b/b7/WIKI-05-BG-HOVER.png);}
#TEAM ul{ background: #D2783C;}
#TEAM ul{ background: #D2783C;}
Line 161: Line 192:
margin-right: auto;
margin-right: auto;
width: 541px;
width: 541px;
-
background-image: url(images/under_construction_.png);
+
background-image:none;
background-repeat: no-repeat;
background-repeat: no-repeat;
}
}
#address {
#address {
position: fixed;
position: fixed;
-
bottom:0;
 
-
}
 
-
#address p {
 
-
font-family:"Cooper Black";
 
-
color: #724c21;
 
-
font-size: 16px;
 
-
position: relative;
 
-
display: block;
 
-
margin: 5px auto;
 
-
text-align: center;
 
}
}
/*--customer end */
/*--customer end */

Latest revision as of 13:28, 26 October 2013

/*image preloader*/

  1. preloader { 
       width: 0px;
       height: 0px;
       display: inline;
       background-image: url(WIKI-01-BG-HOVER.png);
       background-image: url(WIKI-02-BG-HOVER.png);
       background-image: url(WIKI-03-BG-HOVER.png);
       background-image: url(WIKI-04-BG-HOVER.png);
       background-image: url(WIKI-05-BG-HOVER.png);

}

/*customer start*/ body { background-image:url(Logo-frame-2013-SYSU-CHINA.png); background-position: 50% 60px; background-repeat: no-repeat; }

  1. bodyContent {display:block;position:relative; top:100px;left:auto;}
  2. searchform {visibility:hidden;}
  3. animat {

margin: 0px auto; height: 110px; position: relative; text-align:center; }

  1. animat p {

visibility: hidden; display: block; height:20px; position: relative; text-align: center; font: bold 20px broadway; }

  1. animat span:hover p {visibility: visible;}
  2. animat span{

z-index: 100; display: block; text-align: center; position: relative; margin: 0 auto; width: 80px; height: 81px; 

       left:-1px;

}

div.navigater { border-top-style: solid; border-top-width: 2px; border-color: #000; } .navigater ul { position: relative; left: -10px; 

 	z-index:100;

text-align: center; display: inline; list-style: none; }

.navigater ul li { 

 z-index:100;
 font: bold 14px/20PX helvetica;
 display: inline-block;
 margin: 0 20px;
 padding-bottom: 18px;
 position: relative;
 width: 110px;
 height: 32px;
 background-repeat:no-repeat;
 text-align:center;
 -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 span{ color: rgb(252,241,206); display: block; font-size:16px/20px; width: 110px; height: 14px; padding-bottom:18px; padding-top: 18px; text-align:center; text-decoration:none; } .navigater ul li span:hover{ 

       cursor:default;

} .navigater ul li a:link{ color: rgb(252,241,206); display: block; font-size:16px/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 { z-index:100; position: absolute; top: 46px; left: -18px; width: 104px; display: none; 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 {

z-index:100; width: 104px; margin:0px 0px 10px 0px; display: block; 

       padding: 0px;

}

.navigater ul li ul li a:link{ width: 104px; font-size:12px; 

       padding-bottom: 9px;
       padding-top: 9px;
       margin:0px;

}

.navigater ul li ul li:hover { background-image:url(WIKI-light.png); background-repeat: no-repeat; background-position: 50% 60%;

} .navigater ul li:hover ul { 

 z-index:100;
 display: block;
 opacity: 0.95;
 visibility: visible;

} /* color separately */

  1. PROJECT { background: url(https://static.igem.org/mediawiki/2013/1/12/WIKI-01-BG.png);}
  2. PROJECT:hover { background-image: url(https://static.igem.org/mediawiki/2013/f/ff/WIKI-01-BG-HOVER.png);}
  3. PROJECT ul{ background: #aeaf55;}
  1. JUDGING { background: url(https://static.igem.org/mediawiki/2013/3/38/WIKI-02-BG.png);}
  2. JUDGING:hover { background-image: url(https://static.igem.org/mediawiki/2013/b/ba/WIKI-02-BG-HOVER.png);}
  3. JUDGING ul{ background: #B65836;}
  1. SAFETY { background: url(https://static.igem.org/mediawiki/2013/6/66/WIKI-03-BG.png);}
  2. SAFETY:hover { background-image: url(https://static.igem.org/mediawiki/2013/9/9f/WIKI-03-BG-HOVER.png);}
  3. SAFETY ul{ background: #4AA984;}
  1. NOTEBOOK { background: url(https://static.igem.org/mediawiki/2013/0/0b/WIKI-04-BG.png);}
  2. NOTEBOOK:hover { background-image: url(https://static.igem.org/mediawiki/2013/d/d9/WIKI-04-BG-HOVER.png);}
  3. NOTEBOOK ul{ background: #B48662;}
  1. TEAM { background: url(https://static.igem.org/mediawiki/2013/a/ae/WIKI-05-BG.png);}
  2. TEAM:hover { background-image: url(https://static.igem.org/mediawiki/2013/b/b7/WIKI-05-BG-HOVER.png);}
  3. TEAM ul{ background: #D2783C;}

/* color separately end */

  1. contant {

}

  1. image {

display: block; position: relative; height: 300px; margin-top: 60px; margin-left: auto; margin-right: auto; width: 541px; background-image:none; background-repeat: no-repeat; }

  1. address {

position: fixed; }

/*--customer end */

Retrieved from "http://2013.igem.org/Team:SYSU-China/home_style.css"