Team:SCUT/lianxi

From 2014.igem.org

(Difference between revisions)
 
Line 162: Line 162:
{
{
   display: block;
   display: block;
 +
}
 +
 +
/* Special Construction */
 +
 +
  /***--- Top MenuBar ---***/
 +
#PKU_menubar
 +
{
 +
  background-attachment: fixed;
 +
  background-repeat: repeat-x;
 +
  background-image: url("/wiki/images/8/8b/Peking2012_Color_Topbar.png");
 +
  background-color: #020033;
 +
  overflow: hidden;
 +
  position: fixed;
 +
  padding: 0;
 +
  margin: 0 auto;
 +
  top: 0;
 +
  width: 965px;
 +
  height: 20px;
 +
  font-family: Arial, sans-serif;
 +
  font-size: 15px;
 +
  font-weight: bold;
 +
  line-height: 20px;
 +
  z-index: 100;
 +
  opacity: 0.8;
 +
}
 +
#PKU_menubar *
 +
{
 +
  font-family: Arial, sans-serif;
 +
  font-size: 15px;
 +
  font-weight: bold;
 +
}
 +
 +
#PKU_menubar a:link,
 +
#PKU_menubar a:visited
 +
{
 +
  color: #e8e7b9;
 +
}
 +
#PKU_menubar a:hover
 +
{
 +
  color: #f9f8ca;
 +
}
 +
#PKU_menubar a:active
 +
{
 +
  color: #ffee66;
 +
}
 +
.PKU_menubar_left
 +
{
 +
  float: left;
 +
  clear: none;
 +
  padding: 0 30px 0 5px;
 +
  margin: 0;
 +
}
 +
.PKU_menubar_right
 +
{
 +
  float: right;
 +
  clear: none;
 +
  padding: 0 5px 0 30px;
 +
  margin: 0;
 +
}
 +
#PKU_menubar li
 +
{
 +
  display: inline;
 +
}
 +
 +
  /***--- Top Banner ---***/
 +
#PKU_banner_container
 +
{
 +
  padding: 0;
 +
  margin: 0 auto;
 +
  text-align: center;
 +
  z-index: 1;
 +
  position: relative;
 +
  top: 0;
 +
}
 +
#PKU_banner_menu
 +
{
 +
  width: 700px;
 +
  height: 30px;
 +
  margin-right: 50px;
 +
}
 +
#PKU_banner_menu ,
 +
#PKU_banner_submenu
 +
{
 +
  padding: 0;
 +
  margin: 0;
 +
  text-align: center;
 +
  font-size: 15px;
 +
  font-family: Georgia, serif;
 +
  overflow: hidden;
 +
}
 +
#PKU_banner_menu a ,
 +
#PKU_banner_menu a:link ,
 +
#PKU_banner_menu a:visited
 +
{
 +
  color: #e3e3e3;
 +
  font-size: 15px;
 +
  text-decoration: none;
 +
}
 +
#PKU_banner_menu a:hover ,
 +
#PKU_banner_menu a:active
 +
{
 +
  color: #ffffff;
 +
  font-size: 17px;
 +
  text-decoration: none;
 +
}
 +
#PKU_banner_submenu > li,
 +
#PKU_banner_submenu > li ul
 +
{
 +
  height: 130px;
 +
  overflow: hidden;
 +
  text-align: center;
 +
}
 +
#PKU_banner_menu > li
 +
{
 +
  height: 30px;
 +
}
 +
#PKU_banner_submenu > li ul > li
 +
{
 +
  height: 25px;
 +
  width: 100%;
 +
  background-color: #3570ff;
 +
  opacity: 0.85;
 +
}
 +
#PKU_banner_submenu > li ul > li:hover
 +
{
 +
  background-color: #80aaff;
 +
  opacity: 1.0;
 +
}
 +
#PKU_banner_submenu > li ul > li a ,
 +
#PKU_banner_submenu > li ul > li a:link ,
 +
#PKU_banner_submenu > li ul > li a:visited
 +
{
 +
  color: #f0f0f0;
 +
  text-decoration: none;
 +
  padding-top: 2px;
 +
  vertical-align: middle;
 +
}
 +
#PKU_banner_submenu > li ul > li a:hover ,
 +
#PKU_banner_submenu > li ul > li a:active
 +
{
 +
  color: #ffffcc;
 +
  text-decoration: none;
 +
}
 +
 +
  /***--- Block Style ---***/
 +
#text-body
 +
{
 +
  position: relative;
 +
  top: -90px;
 +
  z-index: 1;
 +
  padding: 0 50px;
 +
}
 +
 +
#text-body table.title_block td
 +
{
 +
  overflow: hidden;
 +
  color: #ffffff;
 +
  width: 200px;
 +
  height: 150px;
 +
  margin: 0;
 +
  padding: 0;
 +
  vertical-align: middle;
 +
  text-align: center;
 +
}
 +
#text-body .title_block p,
 +
#text-body .title_block a
 +
{
 +
  color: #ffffff;
 +
  text-align: center;
 +
  line-height: 26px;
 +
  font-size: 28px;
 +
  font-family: Eras Medium ITC, Verdana, sans-serif;
 +
}
 +
 +
#text-body p.context_block
 +
{
 +
  color: #ffffff;
 +
  font-size: 15px;
 +
  text-align: justify;
 +
  font-family: Arial, sans-serif;
 +
  background-color: transparent;
 +
  border-style: solid;
 +
  border-width: 1px;
 +
  border-color: #70a0ff;
 +
  padding: 20px;
 +
  margin: 0;
 +
}
 +
 +
#sponsor
 +
{
 +
  background-color: transparent;
 +
  padding: 0;
 +
  margin: 0;
 +
  position: relative;
 +
  top: 60px;
 +
}
 +
#sponsor table,
 +
#sponsor tr,
 +
#sponsor td
 +
{
 +
  border-style: none;
 +
}
 +
#sponsor td
 +
{
 +
  padding: 9px;
 +
}
 +
 +
ul.horizontal > li
 +
{
 +
  display: block;
 +
  float: left;
 +
  clear: none;
 +
  overflow: hidden;
 +
}
 +
ul.vertical > li
 +
{
 +
  display: block;
 +
  float: left;
 +
  clear: both;
 +
  overflow: hidden;
}
}
</style>
</style>

Latest revision as of 09:34, 26 November 2014