Team:XMU-China/css

From 2014.igem.org

(Difference between revisions)
Line 40: Line 40:
#navigation { margin:10px,auto; text-align: center; clear: both;}
#navigation { margin:10px,auto; text-align: center; clear: both;}
#navigation ul { list-style: none;}
#navigation ul { list-style: none;}
-
#navigation ul li { padding: 10px; margin:5px; float: left; border: 1px solid #000; background-color: #000; font-size: 18px; line-height: 40px; font-weight: bold;  }
+
#navigation ul li { padding: 10px; margin:0px; float: left; border: 1px solid #000; background-color: #000; font-size: 18px; line-height: 40px; font-weight: bold;  }
#navigation ul li a { float: left; height: 43px; color: #fff; padding: 0 33px; }
#navigation ul li a { float: left; height: 43px; color: #fff; padding: 0 33px; }
#navigation ul li a:hover,  
#navigation ul li a:hover,  

Revision as of 11:23, 1 October 2014

  • { margin: 0; padding: 0; outline:0; }

body {

   font-size: 12px;
   line-height: 20px;
   font-family: Georgia, Arial, Helvetica, Sans-Serif;
   color: #333;
   background-color: rgb(117,109,109); background-repeat:no-repeat;

}

a { color: #ff0000; text-decoration: none; cursor:pointer; } a:hover { text-decoration: underline; }

a img { border: 0; }


/*input, textarea, select { font-family: Arial, Helvetica, sans-serif; font-size:12px; } textarea { overflow:auto; }

  • /

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; } .notext { font-size: 0; line-height: 0; text-indent: -4000px; }

  1. menu { height: 50px;}
  2. left-menu { float: left; display: inline; }
  3. right-menu { float: right; display: inline; }
  4. left-menu li { float:left; padding: 0 10px;}


.shell { width: 980px; margin: 15px auto 0; background-color: rgb(198,198,227);} .border { position: relative; } .shadow-l { width: 25px; height: 2000px; position: absolute; top:0;left:-20px; } .shadow-r { width: 25px; height: 2000px; position: absolute; top:0;right:-25px; } .shadow-b { width: 980px; height: 30px; position: absolute; bottom:-30px;left:0; }

  1. header {overflow: hidden; width: 100%; height: 150px;}
  2. igem_logo {float:left; margin-top:60px;}
  3. title ul { float:left; height: 150px; margin-left: 180px; line-height: 150px; font-size: 96px; font-weight: bold; text-align:center; }
  4. xmu_logo {float:right;}
  5. navigation { margin:10px,auto; text-align: center; clear: both;}
  6. navigation ul { list-style: none;}
  7. navigation ul li { padding: 10px; margin:0px; float: left; border: 1px solid #000; background-color: #000; font-size: 18px; line-height: 40px; font-weight: bold; }
  8. navigation ul li a { float: left; height: 43px; color: #fff; padding: 0 33px; }
  9. navigation ul li a:hover,
  10. navigation ul li a.active { color: #ff0000; text-decoration: none; }
  11. ourTeam ul { padding: 30px 30px 10px 30px; font-size: 48px; }
  12. tryToFindMe ul { font-size: 32px; text-align: center; }
  13. teamMember ul { padding: 30px 30px 10px 80px; font-size: 48px;}
  1. accordion {

margin: 0 250px; padding: 0; list-style: none;

 width: 620px;

}

  1. accordion div {

padding: 0; margin: 0; border: 1px solid #666; border-top: none; }

  1. accordion h2 {

text-decoration: none; background: rgb(44,44,44); padding: 8px 10px 8px; margin: 10px 0 0 0;

   /*border-bottom: 5px solid #666; */

font-size: 1.5em; font-weight: bold; color: #FFF; cursor: pointer; }

  1. sponsor{ margin-top: 20px; height: 100px; line-height: 90px; font-size: 64px; font-weight: bold; text-align: center;}
  2. icon {height:100px;}

.footer { background-color: #000; height: 200px;}