Template:Peking2012 CSS

From 2012.igem.org

(Difference between revisions)
m
m
Line 215: Line 215:
#PKU_banner_menu
#PKU_banner_menu
{
{
-
   width: 952px;
+
   width: 910px;
-
   height: 32px;
+
   height: 28px;
   padding: 0;
   padding: 0;
   margin: 0 auto;
   margin: 0 auto;
   position: relative;
   position: relative;
-
   top: -32px;
+
   top: -28px;
-
}
+
-
#PKU_banner_menu li
+
-
{
+
-
  overflow: hidden;
+
-
  display: block;
+
-
  float: left;
+
-
  clear: none;
+
-
  width: 136px;
+
-
  height: 32px;
+
}
}
.PKU_banner_submenu
.PKU_banner_submenu
{
{
-
   width: 952px;
+
   width: 910px;
-
   height: 32px;
+
   height: 28px;
-
   padding: 0 7px;
+
   padding: 0;
-
   position: absolute;
+
  margin: 0 auto;
-
   top: 300px;
+
   position: relative;
 +
   top: -28px;
   filter: Alpha(Opacity=0%);
   filter: Alpha(Opacity=0%);
   -moz-opacity: 0;
   -moz-opacity: 0;
   opacity: 0;
   opacity: 0;
 +
}
 +
#PKU_banner_menu li ,
 +
.PKU_banner_submenu li
 +
{
 +
  overflow: hidden;
 +
  display: block;
 +
  float: left;
 +
  clear: none;
 +
  width: 130px;
 +
  height: 28px;
}
}
Line 254: Line 256:
   margin: 15px;
   margin: 15px;
   text-align: center;
   text-align: center;
 +
  font-family: sans-serif;
}
}
Line 261: Line 264:
   padding: 30px 40px;
   padding: 30px 40px;
   text-align: justify;
   text-align: justify;
 +
}
 +
.PKU-block h3
 +
{
 +
  text-align: left;
 +
  font-size: 21px;
 +
  padding: 0 20px;
}
}
.PKU-block.floatR p
.PKU-block.floatR p
Line 463: Line 472:
<div id="PKU_banner_container">
<div id="PKU_banner_container">
-
  <img id="PKU_banner_image" src="/wiki/images/d/df/Peking2012_Banner_TitleB.png" alt="banner" /> <!--src="/wiki/images/d/df/Peking2012_Banner_TitleB.png" src="/wiki/images/4/4c/Peking2012_Banner_TitleY.png"-->
+
  <img id="PKU_banner_image" src="/wiki/images/7/7a/Peking2012_Banner_TitleBP.png" alt="banner" /> <!--src="/wiki/images/7/7a/Peking2012_Banner_TitleBP.png" src="/wiki/images/4/4c/Peking2012_Banner_TitleY.png"-->
  <div>
  <div>
   <ul id="PKU_banner_menu">
   <ul id="PKU_banner_menu">
Line 511: Line 520:
  </div>
  </div>
  <div>
  <div>
-
   <img id="PKU_banner_Team_submenu" class="PKU_banner_submenu" src="" alt="Team_submenu" >
+
   <ul id="PKU_banner_Team_submenu" class="PKU_banner_submenu" >
-
  <img id="PKU_banner_Project_submenu" class="PKU_banner_submenu" src="" alt="Project_submenu" >
+
  <li>
-
  <img id="PKU_banner_Modeling_submenu" class="PKU_banner_submenu" src="" alt="Modeling_submenu" >
+
    <img src="" alt="Members" />
-
  <img id="PKU_banner_HumanPractice_submenu" class="PKU_banner_submenu" src="" alt="HumanPractice_submenu" >
+
  </li>
 +
  <li>
 +
    <img src="" alt="Gallery" />
 +
  </li>
 +
  <li>
 +
    <img src="" alt="Attribution" />
 +
  </li>
 +
  <li>
 +
    <img src="" alt="Diary" />
 +
  </li>
 +
  </ul>
 +
  <ul id="PKU_banner_Project_submenu" class="PKU_banner_submenu" >
 +
  <li>
 +
    <img src="" alt="Sensitive Luminance Sensor" />
 +
  </li>
 +
  <li>
 +
    <img src="" alt="Cell-cell Light Communication" />
 +
  </li>
 +
  <li>
 +
    <img src="" alt="Orthogonal Channel Construction" />
 +
  </li>
 +
  </ul>
 +
  <ul id="PKU_banner_Modeling_submenu" class="PKU_banner_submenu" >
 +
  <li>
 +
    <img src="" alt="Design Luminance Sensor" />
 +
  </li>
 +
  <li>
 +
    <img src="" alt="Control Cells through Light" />
 +
  </li>
 +
  <li>
 +
    <img src="" alt="Make Cells Talk through Light" />
 +
  </li>
 +
  <li>
 +
    <img src="" alt="Search for New Channel" />
 +
  </li>
 +
  </ul>
 +
  <ul id="PKU_banner_HumanPractice_submenu" class="PKU_banner_submenu" >
 +
  <li>
 +
    <img src="" alt="Sowing Tomorrow Synthetic Biologists" />
 +
  </li>
 +
  <li>
 +
    <img src="" alt="Review History to Learn New" />
 +
  </li>
 +
  <li>
 +
    <img src="" alt="Outreach and Workshop" />
 +
  </li>
 +
  </ul>
  </div>
  </div>
</div>
</div>

Revision as of 05:10, 8 August 2012

Retrieved from "http://2012.igem.org/Template:Peking2012_CSS"