Template:Peking2012 Color Prologue

From 2012.igem.org

(Difference between revisions)
m
m
 
(29 intermediate revisions not shown)
Line 4: Line 4:
/*
/*
  * Peking 2012 Header
  * Peking 2012 Header
-
  * by Sun Sibai
+
  * Copyleft (C) Sun Sibai <sun.niasw@gmail.com>
  * this = /Template:Peking2012_Color_Prologue
  * this = /Template:Peking2012_Color_Prologue
  */
  */
Line 28: Line 28:
   background-position: 50% 0;
   background-position: 50% 0;
   background-repeat: no-repeat;
   background-repeat: no-repeat;
-
   background-image: url("/wiki/images/5/50/Peking2012_Color_Background.jpg");
+
   background-image: url("/wiki/images/d/d7/Peking2012_Color_Background_Large.jpg");
   overflow: hidden;
   overflow: hidden;
}
}
Line 243: Line 243:
#PKU_banner_logo
#PKU_banner_logo
{
{
-
   width: 244px;
+
   width: 60px;
   height: 60px;
   height: 60px;
   text-align: center;
   text-align: center;
Line 286: Line 286:
#PKU_banner_submenu > li ul
#PKU_banner_submenu > li ul
{
{
-
   height: 120px;
+
   height: 130px;
   overflow: hidden;
   overflow: hidden;
   text-align: center;
   text-align: center;
Line 349: Line 349:
#text-body ul#PKU_subsubmenu > li
#text-body ul#PKU_subsubmenu > li
{
{
-
   width: 224px;
+
   width: 184px;
   overflow: hidden;
   overflow: hidden;
   line-height: 20px;
   line-height: 20px;
Line 427: Line 427:
   font-size: 30px;
   font-size: 30px;
   padding: 10px;
   padding: 10px;
 +
  line-height: 33px;
}
}
#text-body .PKU_context ul,
#text-body .PKU_context ul,
Line 437: Line 438:
{
{
   font-size: 15px;
   font-size: 15px;
 +
}
 +
#text-body .PKU_context ul.refer
 +
{
 +
  padding-left: 10px;
 +
  width: 655px;
}
}
#text-body .PKU_context ul
#text-body .PKU_context ul
Line 449: Line 455:
#text-body .PKU_context.floatR p
#text-body .PKU_context.floatR p
{
{
-
   width: 600px;
+
   width: 655px;
}
}
#text-body .PKU_context.floatR p.description
#text-body .PKU_context.floatR p.description
Line 458: Line 464:
   padding: 10px 10px;
   padding: 10px 10px;
   text-align: justify;
   text-align: justify;
-
   width: 500px;
+
   width: 550px;
}
}
#text-body .PKU_context img ,
#text-body .PKU_context img ,
Line 596: Line 602:
  </div>
  </div>
  <div class="floatR">
  <div class="floatR">
-
   <p id="PKU_banner_logo"><img style="width:50px;margin-right:15px;" src="/wiki/images/8/85/Peking2012_Color_Logo_128.png" alt="" />Peking University</p>
+
   <p id="PKU_banner_logo"><img style="width:50px;margin-right:0;" src="/wiki/images/8/85/Peking2012_Color_Logo_128.png" alt="" /></p>
  </div>
  </div>
  <div class="floatR">
  <div class="floatR">
Line 606: Line 612:
   </li>
   </li>
   <li style="width:60px;">
   <li style="width:60px;">
-
     <a onmouseover="TriggerSubmenu(1);" onmouseout="TriggerSubmenu(0);" href="/Team:Peking/Team">
+
     <a onmouseover="TriggerSubmenu(1);" onmouseout="TriggerSubmenu(0);">
Team
Team
     </a>
     </a>
   </li>
   </li>
   <li style="width:70px;">
   <li style="width:70px;">
-
     <a onmouseover="TriggerSubmenu(2);" onmouseout="TriggerSubmenu(0);" href="/Team:Peking/Project">
+
     <a onmouseover="TriggerSubmenu(2);" onmouseout="TriggerSubmenu(0);">
Project
Project
     </a>
     </a>
   </li>
   </li>
   <li style="width:85px;">
   <li style="width:85px;">
-
     <a onmouseover="TriggerSubmenu(0);" href="/Team:Peking/DataPage">
+
     <a onmouseover="TriggerSubmenu(3);" onmouseout="TriggerSubmenu(0);">
Data Page
Data Page
     </a>
     </a>
   </li>
   </li>
   <li style="width:80px;">
   <li style="width:80px;">
-
     <a onmouseover="TriggerSubmenu(3);" onmouseout="TriggerSubmenu(0);" href="/Team:Peking/Modeling">
+
     <a onmouseover="TriggerSubmenu(4);" onmouseout="TriggerSubmenu(0);">
Modeling
Modeling
     </a>
     </a>
   </li>
   </li>
   <li style="width:130px;">
   <li style="width:130px;">
-
     <a onmouseover="TriggerSubmenu(4);" onmouseout="TriggerSubmenu(0);" href="/Team:Peking/HumanPractice">
+
     <a onmouseover="TriggerSubmenu(5);" onmouseout="TriggerSubmenu(0);">
Human Practice
Human Practice
     </a>
     </a>
Line 650: Line 656:
     </li>
     </li>
     <li class="submenu_team">
     <li class="submenu_team">
-
       <a href="/Team:Peking/Team/Attribution">
+
       <a href="/Team:Peking/Team/Protocol">
-
Attribution
+
Protocol
       </a>
       </a>
     </li>
     </li>
     <li class="submenu_team">
     <li class="submenu_team">
-
       <a href="/Team:Peking/Team/Diary">
+
       <a href="/Team:Peking/Team/AA">
-
Diary
+
Attribution
-
      </a>
+
-
    </li>
+
-
    <li class="submenu_team">
+
-
      <a href="/Team:Peking/Team/History">
+
-
History
+
       </a>
       </a>
     </li>
     </li>
Line 668: Line 669:
   <li>
   <li>
     <ul onmouseover="TriggerSubmenu(2);" onmouseout="TriggerSubmenu(0);" class="vertical" style="width:200px;display:block;">
     <ul onmouseover="TriggerSubmenu(2);" onmouseout="TriggerSubmenu(0);" class="vertical" style="width:200px;display:block;">
 +
    <li class="submenu_project">
 +
      <a href="/Team:Peking/Project">
 +
Overview
 +
      </a>
 +
    </li>
     <li class="submenu_project">
     <li class="submenu_project">
       <a href="/Team:Peking/Project/Luminesensor">
       <a href="/Team:Peking/Project/Luminesensor">
Line 679: Line 685:
     </li>
     </li>
     <li class="submenu_project">
     <li class="submenu_project">
-
       <a href="/Team:Peking/Project/3D/2D">
+
       <a href="/Team:Peking/Project/3D">
Synbio in 2D & 3D
Synbio in 2D & 3D
       </a>
       </a>
Line 691: Line 697:
   </li>
   </li>
   <li>
   <li>
-
     <ul onmouseover="TriggerSubmenu(3);" onmouseout="TriggerSubmenu(0);" class="vertical" style="width:250px;display:block;">
+
     <ul onmouseover="TriggerSubmenu(3);" onmouseout="TriggerSubmenu(0);" class="vertical" style="width:170px;display:block;">
-
     <li class="submenu_modeling">
+
     <li class="submenu_project">
-
       <a href="/Team:Peking/Modeling/Luminesensor">
+
       <a href="/Team:Peking/DataPage">
-
Luminesensor Optimization
+
Data Page
       </a>
       </a>
     </li>
     </li>
 +
    <li class="submenu_project">
 +
      <a href="/Team:Peking/DataPage/Judging">
 +
Judging Criteria
 +
      </a>
 +
    </li>
 +
    </ul>
 +
  </li>
 +
  <li>
 +
    <ul onmouseover="TriggerSubmenu(4);" onmouseout="TriggerSubmenu(0);" class="vertical" style="width:250px;display:block;">
     <li class="submenu_modeling">
     <li class="submenu_modeling">
-
       <a href="/Team:Peking/Modeling/Channel">
+
       <a href="/Team:Peking/Modeling">
-
New Communication Channel
+
Overview
       </a>
       </a>
     </li>
     </li>
-
<!-- <li class="submenu_modeling">
+
    <li class="submenu_modeling">
-
       <a href="/Team:Peking/Modeling/Ring">
+
       <a href="/Team:Peking/Modeling/Luminesensor">
-
Ring-Pattern Formation
+
Luminesensor
       </a>
       </a>
-
     </li> -->
+
     </li>
     <li class="submenu_modeling">
     <li class="submenu_modeling">
       <a href="/Team:Peking/Modeling/Phototaxis">
       <a href="/Team:Peking/Modeling/Phototaxis">
Phototaxis Simulation
Phototaxis Simulation
 +
      </a>
 +
    </li>
 +
    <li class="submenu_modeling">
 +
      <a href="/Team:Peking/Modeling/Ring">
 +
Ring Pattern
       </a>
       </a>
     </li>
     </li>
Line 715: Line 735:
   </li>
   </li>
   <li>
   <li>
-
     <ul onmouseover="TriggerSubmenu(4);" onmouseout="TriggerSubmenu(0);" class="vertical" style="width:320px;display:block;">
+
     <ul onmouseover="TriggerSubmenu(5);" onmouseout="TriggerSubmenu(0);" class="vertical" style="width:320px;display:block;">
     <li class="submenu_humanpractice">
     <li class="submenu_humanpractice">
-
       <a href="/Team:Peking/HumanPractice/SowingTomorrowSyntheticBiologists">
+
       <a href="/Team:Peking/HumanPractice/Sowing">
-
Sowing Tomorrow Synthetic Biologists
+
Sowing Tomorrow's Synthetic Biologists
       </a>
       </a>
     </li>
     </li>
     <li class="submenu_humanpractice">
     <li class="submenu_humanpractice">
-
       <a href="/Team:Peking/HumanPractice/HistoriciGEMProjectsReview">
+
       <a href="/Team:Peking/HumanPractice/Review">
Historic iGEM Projects Review
Historic iGEM Projects Review
       </a>
       </a>
     </li>
     </li>
     <li class="submenu_humanpractice">
     <li class="submenu_humanpractice">
-
       <a href="/Team:Peking/HumanPractice/OutreachAndWorkshop">
+
       <a href="/Team:Peking/HumanPractice/Outreach/Visiting">
Outreach & Workshop
Outreach & Workshop
       </a>
       </a>
Line 744: Line 764:
  */
  */
-
var Submenu_Size_Cur = [120, 0, 0, 0, 0];
+
var Submenu_Size_Cur = [130, 0, 0, 0, 0, 0];
-
var Submenu_Item_Num = 4;
+
var Submenu_Item_Num = 5;
var Submenu_Item_Des = 0;
var Submenu_Item_Des = 0;
var Submenu_Item_Cur = 0;
var Submenu_Item_Cur = 0;
-
var Submenu_BlankWidth = [0, 445, 470, 608, 640]; //Unit: Pixel
+
var Submenu_BlankWidth = [0, 445, 470, 562, 608, 640]; //Unit: Pixel
-
var Submenu_ListHeight = [120, 100, 100, 75, 75]; //Unit: Pixel
+
var Submenu_ListHeight = [130, 75, 125, 50, 100, 75]; //Unit: Pixel
var Submenu_Handle_State = 0; //0:Null, 1:Growth, 2:Waiting, 3:Wither
var Submenu_Handle_State = 0; //0:Null, 1:Growth, 2:Waiting, 3:Wither
var Submenu_Handle = null;
var Submenu_Handle = null;

Latest revision as of 05:09, 26 October 2012

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