Team:USTC-China/home.css

From 2012.igem.org

(Difference between revisions)
Line 26: Line 26:
#overview a:hover{border-color:#000000;-moz-border-radius: 10px;  -webkit-border-radius: 10px;border-radius: 10px;background-color: #06402C;color: #ffffff;font-family:"Trebuchet MS",sans-serif;font-size:20pt;text-decoration:none;padding-left:15px;padding-right:15px;}
#overview a:hover{border-color:#000000;-moz-border-radius: 10px;  -webkit-border-radius: 10px;border-radius: 10px;background-color: #06402C;color: #ffffff;font-family:"Trebuchet MS",sans-serif;font-size:20pt;text-decoration:none;padding-left:15px;padding-right:15px;}
-
#optionone{background-color: #606060;margin-top:30px;margin-right:15px;margin-left:0px; -moz-border-radius: 10px;  -webkit-border-radius: 10px;border-radius: 10px;  padding: 5px;width:250px;height:auto;border:1px solid #000000;}
+
#optionone:link{background-color: #606060;margin-top:30px;margin-right:15px;margin-left:0px; -moz-border-radius: 10px;  -webkit-border-radius: 10px;border-radius: 10px;  padding: 5px;width:250px;height:auto;border:1px solid #000000;}
#optionone:hover{background-color: #333333;margin-top:30px;margin-right:15px; margin-left:0px;-moz-border-radius: 10px;  -webkit-border-radius: 10px;border-radius: 10px;  padding: 5px;width:250px;height:auto;border:1px solid #000000;}
#optionone:hover{background-color: #333333;margin-top:30px;margin-right:15px; margin-left:0px;-moz-border-radius: 10px;  -webkit-border-radius: 10px;border-radius: 10px;  padding: 5px;width:250px;height:auto;border:1px solid #000000;}
-
#option2{background-color: #85A004;margin-top:10px;margin-right:15px;margin-left:0px; -moz-border-radius: 10px;  -webkit-border-radius: 10px;border-radius: 10px;  padding: 5px;width:250px;height:auto;border:1px solid #000000;}
+
#option2:link{background-color: #85A004;margin-top:10px;margin-right:15px;margin-left:0px; -moz-border-radius: 10px;  -webkit-border-radius: 10px;border-radius: 10px;  padding: 5px;width:250px;height:auto;border:1px solid #000000;}
#option2:hover{background-color: #748C0C;margin-top:10px;margin-right:15px; margin-left:0px;-moz-border-radius: 10px;  -webkit-border-radius: 10px;border-radius: 10px;  padding: 5px;width:250px;height:auto;border:1px solid #000000;}
#option2:hover{background-color: #748C0C;margin-top:10px;margin-right:15px; margin-left:0px;-moz-border-radius: 10px;  -webkit-border-radius: 10px;border-radius: 10px;  padding: 5px;width:250px;height:auto;border:1px solid #000000;}
-
#option3{background-color: #3E6A92;margin-top:10px;margin-right:15px;margin-left:0px; -moz-border-radius: 10px;  -webkit-border-radius: 10px;border-radius: 10px;  padding: 5px;width:250px;height:auto;border:1px solid #000000;}
+
#option3:link{background-color: #3E6A92;margin-top:10px;margin-right:15px;margin-left:0px; -moz-border-radius: 10px;  -webkit-border-radius: 10px;border-radius: 10px;  padding: 5px;width:250px;height:auto;border:1px solid #000000;}
#option3:hover{background-color: #1D4F6C;margin-top:10px;margin-right:15px; margin-left:0px;-moz-border-radius: 10px;  -webkit-border-radius: 10px;border-radius: 10px;  padding: 5px;width:250px;height:auto;border:1px solid #000000;}
#option3:hover{background-color: #1D4F6C;margin-top:10px;margin-right:15px; margin-left:0px;-moz-border-radius: 10px;  -webkit-border-radius: 10px;border-radius: 10px;  padding: 5px;width:250px;height:auto;border:1px solid #000000;}
-
#option4{background-color: #B10452;margin-top:10px;margin-right:15px;margin-left:0px; -moz-border-radius: 10px;  -webkit-border-radius: 10px;border-radius: 10px;  padding: 5px;width:250px;height:auto;border:1px solid #000000;}
+
#option4:link{background-color: #B10452;margin-top:10px;margin-right:15px;margin-left:0px; -moz-border-radius: 10px;  -webkit-border-radius: 10px;border-radius: 10px;  padding: 5px;width:250px;height:auto;border:1px solid #000000;}
#option4:hover{background-color: #7F0943;margin-top:10px;margin-right:15px; margin-left:0px;-moz-border-radius: 10px;  -webkit-border-radius: 10px;border-radius: 10px;  padding: 5px;width:250px;height:auto;border:1px solid #000000;}
#option4:hover{background-color: #7F0943;margin-top:10px;margin-right:15px; margin-left:0px;-moz-border-radius: 10px;  -webkit-border-radius: 10px;border-radius: 10px;  padding: 5px;width:250px;height:auto;border:1px solid #000000;}
-
#option5{background-color: #E2E0E0;margin-top:10px;margin-right:15px;margin-left:0px; -moz-border-radius: 10px;  -webkit-border-radius: 10px;border-radius: 10px;  padding: 5px;width:250px;height:auto;border:1px solid #000000;}
+
#option5:link{background-color: #E2E0E0;margin-top:10px;margin-right:15px;margin-left:0px; -moz-border-radius: 10px;  -webkit-border-radius: 10px;border-radius: 10px;  padding: 5px;width:250px;height:auto;border:1px solid #000000;}
#option5:hover{background-color: #A4A3A3;margin-top:10px;margin-right:15px; margin-left:0px;-moz-border-radius: 10px;  -webkit-border-radius: 10px;border-radius: 10px;  padding: 5px;width:250px;height:auto;border:1px solid #000000;}
#option5:hover{background-color: #A4A3A3;margin-top:10px;margin-right:15px; margin-left:0px;-moz-border-radius: 10px;  -webkit-border-radius: 10px;border-radius: 10px;  padding: 5px;width:250px;height:auto;border:1px solid #000000;}

Revision as of 12:29, 1 September 2012

  1. ustcsponsor{height:300px;}
  2. ustcsponsor p.big{

display:block; position:relative; font-family: "Trebuchet MS", Arial; font-size: 35px; color: #AA0000; letter-spacing: 0.1em; outline:none; z-index:0; cursor:pointer; font-weight: normal; margin-left:0px; background-color:#FFF; text-decoration:none; text-indent:1em;

       width:935px;
       left:20px;	
       border-bottom: 1px solid #000000;
       padding-bottom:opx;

}

  1. overview p.project{color:#000000;font-family:"Trebuchet MS",sans-serif;font-size:12pt;text-decoration:none;text-indent:2em;text-align:justify;}
  2. overview h3{color:#06402C;font-family:"Trebuchet MS",sans-serif;font-size:20pt;text-decoration:none;text-indent:2em;text-align:left; border:none;}
  3. overview a{border-color:#000000;-moz-border-radius: 10px; -webkit-border-radius: 10px;border-radius: 10px;background-color: #6BB445;color:#ffffff;font-family:"Trebuchet MS",sans-serif;font-size:20pt;text-decoration:none;padding-left:15px;padding-right:15px;}
  4. overview a:hover{border-color:#000000;-moz-border-radius: 10px; -webkit-border-radius: 10px;border-radius: 10px;background-color: #06402C;color: #ffffff;font-family:"Trebuchet MS",sans-serif;font-size:20pt;text-decoration:none;padding-left:15px;padding-right:15px;}
  1. optionone:link{background-color: #606060;margin-top:30px;margin-right:15px;margin-left:0px; -moz-border-radius: 10px; -webkit-border-radius: 10px;border-radius: 10px; padding: 5px;width:250px;height:auto;border:1px solid #000000;}
  2. optionone:hover{background-color: #333333;margin-top:30px;margin-right:15px; margin-left:0px;-moz-border-radius: 10px; -webkit-border-radius: 10px;border-radius: 10px; padding: 5px;width:250px;height:auto;border:1px solid #000000;}
  1. option2:link{background-color: #85A004;margin-top:10px;margin-right:15px;margin-left:0px; -moz-border-radius: 10px; -webkit-border-radius: 10px;border-radius: 10px; padding: 5px;width:250px;height:auto;border:1px solid #000000;}
  2. option2:hover{background-color: #748C0C;margin-top:10px;margin-right:15px; margin-left:0px;-moz-border-radius: 10px; -webkit-border-radius: 10px;border-radius: 10px; padding: 5px;width:250px;height:auto;border:1px solid #000000;}
  1. option3:link{background-color: #3E6A92;margin-top:10px;margin-right:15px;margin-left:0px; -moz-border-radius: 10px; -webkit-border-radius: 10px;border-radius: 10px; padding: 5px;width:250px;height:auto;border:1px solid #000000;}
  2. option3:hover{background-color: #1D4F6C;margin-top:10px;margin-right:15px; margin-left:0px;-moz-border-radius: 10px; -webkit-border-radius: 10px;border-radius: 10px; padding: 5px;width:250px;height:auto;border:1px solid #000000;}
  1. option4:link{background-color: #B10452;margin-top:10px;margin-right:15px;margin-left:0px; -moz-border-radius: 10px; -webkit-border-radius: 10px;border-radius: 10px; padding: 5px;width:250px;height:auto;border:1px solid #000000;}
  2. option4:hover{background-color: #7F0943;margin-top:10px;margin-right:15px; margin-left:0px;-moz-border-radius: 10px; -webkit-border-radius: 10px;border-radius: 10px; padding: 5px;width:250px;height:auto;border:1px solid #000000;}
  1. option5:link{background-color: #E2E0E0;margin-top:10px;margin-right:15px;margin-left:0px; -moz-border-radius: 10px; -webkit-border-radius: 10px;border-radius: 10px; padding: 5px;width:250px;height:auto;border:1px solid #000000;}
  2. option5:hover{background-color: #A4A3A3;margin-top:10px;margin-right:15px; margin-left:0px;-moz-border-radius: 10px; -webkit-border-radius: 10px;border-radius: 10px; padding: 5px;width:250px;height:auto;border:1px solid #000000;}


  1. rightoption p.button{color:#ffffff;font-family:"Trebuchet MS",sans-serif;font-size:12pt;text-decoration:none;text-indent:2em;text-align:justify;}
  2. rightoption p.button2{color:#3D3D3D;font-family:"Trebuchet MS",sans-serif;font-size:12pt;text-decoration:none;text-indent:2em;text-align:justify;}
  1. optioinone a.one{color:#ffffff;font-family:"Trebuchet MS",sans-serif;font-size:20pt;text-decoration:none;}
  2. optioinone a.one:hover{color:#D8A509;font-family:"Trebuchet MS",sans-serif;font-size:26pt;text-decoration:none;}
  1. optioin2 a{background-color: #85A004;color:#ffffff;font-family:"Trebuchet MS",sans-serif;font-size:20pt;text-decoration:none;}
  2. optioin2 a:hover{background-color: #748C0C;color:#BCDC01;font-family:"Trebuchet MS",sans-serif;font-size:20pt;text-decoration:none;}
  3. optioin3 a{background-color: #3E6A92;color:#ffffff;font-family:"Trebuchet MS",sans-serif;font-size:20pt;text-decoration:none;}
  4. optioin3 a:hover{background-color: #1D4F6C;color:#4E8BCA;font-family:"Trebuchet MS",sans-serif;font-size:20pt;text-decoration:none;}
  5. optioin4 a{background-color: #B10452;color:#ffffff;font-family:"Trebuchet MS",sans-serif;font-size:20pt;text-decoration:none;}
  6. optioin4 a:hover{background-color: #7F0943;color:#FB0082;font-family:"Trebuchet MS",sans-serif;font-size:20pt;text-decoration:none;}
  7. optioin5 a{background-color: #E2E0E0;color:#3D3D3D;font-family:"Trebuchet MS",sans-serif;font-size:20pt;text-decoration:none;}
  8. optioin5 a:hover{background-color: #A4A3A3;color:#ffffff;font-family:"Trebuchet MS",sans-serif;font-size:20pt;text-decoration:none;}