Team:XMU-China/css

From 2014.igem.org

(Difference between revisions)
 
(15 intermediate revisions not shown)
Line 3: Line 3:
body {
body {
     font-size: 12px;
     font-size: 12px;
-
    line-height: 20px;
+
 
-
     font-family: Georgia, Arial, Helvetica, Sans-Serif;
+
     font-family: Arial, Helvetica, Sans-Serif;
     color: #333;
     color: #333;
     background-color: rgb(117,109,109); background-repeat:no-repeat;
     background-color: rgb(117,109,109); background-repeat:no-repeat;
 +
}
}
Line 22: Line 23:
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
-
#menu { height: 50px;}
 
-
#left-menu { float: left; display: inline; }
 
-
#right-menu { float: right; display: inline; }
 
-
#left-menu li { float:left; padding: 0 10px;}
 
-
 
+
.shell { width: 980px;  margin: 15px auto 0; background-color: rgb(245,245,245);}
-
.shell { width: 980px;  margin: 15px auto 0; background-color: rgb(198,198,227);}
+
.border {  position: relative; }
.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; }
+
-
+
#header {overflow: hidden; width: 100%; height: 150px;}
#header {overflow: hidden; width: 100%; height: 150px;}
#igem_logo {float:left; margin-top:60px;}
#igem_logo {float:left; margin-top:60px;}
-
#title ul { float:left; height: 150px; margin-left: 180px; line-height: 150px; font-size: 96px; font-weight: bold; text-align:center; }
+
#title ul { float:left; height: 120px; margin-left: 180px; line-height: 150px; font-size: 96px; font-weight: bold; text-align:center; }
#xmu_logo {float:right;}
#xmu_logo {float:right;}
#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:1px; 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,  
#navigation ul li a.active { color: #ff0000; text-decoration: none; }
#navigation ul li a.active { color: #ff0000; text-decoration: none; }
-
#ourTeam ul { padding: 30px 30px 10px 30px; font-size: 48px; }
+
#Team_Members ul {font-size: 48px; }
#tryToFindMe ul { font-size: 32px; text-align: center; }
#tryToFindMe ul { font-size: 32px; text-align: center; }
-
#teamMember ul { padding: 30px 30px 10px 80px; font-size: 48px;}
+
#Team_Members_2 ul { padding: 0px 10px 0px; font-size: 48px;}
-
#accordion {
+
 
-
margin: 0 250px;
+
#Team_Members_2_wd>div {
-
padding: 0;
+
-
list-style: none;
+
-
  width: 620px;
+
-
}
+
-
#accordion  div {
+
padding: 0;
padding: 0;
margin: 0;
margin: 0;
border: 1px solid #666;
border: 1px solid #666;
border-top: none;
border-top: none;
 +
        word-break:break-all; word-wrap:break-all;
}
}
-
#accordion h2  {
+
#Team_Members_2_wd h2  {
text-decoration: none;
text-decoration: none;
-
background: rgb(44,44,44);
+
background-image:url("https://static.igem.org/mediawiki/2014/9/91/XMU-Team-Membackground1.png");
 +
    border-radius: 15px;
padding: 8px 10px 8px;
padding: 8px 10px 8px;
margin: 10px 0 0 0;
margin: 10px 0 0 0;

Latest revision as of 11:38, 17 October 2014

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

body {

   font-size: 12px;
   font-family: 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; }


.shell { width: 980px; margin: 15px auto 0; background-color: rgb(245,245,245);} .border { position: relative; }

  1. header {overflow: hidden; width: 100%; height: 150px;}
  2. igem_logo {float:left; margin-top:60px;}
  3. title ul { float:left; height: 120px; 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:1px; 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. Team_Members ul {font-size: 48px; }
  12. tryToFindMe ul { font-size: 32px; text-align: center; }
  13. Team_Members_2 ul { padding: 0px 10px 0px; font-size: 48px;}


  1. Team_Members_2_wd>div {

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

       word-break:break-all; word-wrap:break-all;

}

  1. Team_Members_2_wd h2 {

text-decoration: none; background-image:url("XMU-Team-Membackground1.png");

   border-radius: 15px;

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;}