Team:AHUT China/style.css

From 2014.igem.org

Revision as of 06:49, 12 August 2014 by Box@igem (Talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

@charset "utf-8"; /* CSS Document */

  • {

margin:0; padding:0; } body{ position:relative; z-index:0; }


section, footer, header, aside{ display: block; }

/************************index page************************/

  1. index_main{

position:relative; z-index:1; background:url(images/AHUT_CHINA_2014_index_top_bg.jpg) top repeat-x; background-color:#f0eee5; box-shadow:0px 5px 20px 5px #2d2d2d; }

  1. index_main #content {

width:960px; margin:0 auto; }

  1. index_navi {

width:960px; height:85px; background:url(images/AHUT_CHINA_2014_index_navi_bg.png) left no-repeat; }

  1. index_navi > ul {

list-style:none; padding:19px 67px 49px 56px; height:17px; width:960px; }

  1. index_navi > ul >li {

float:left; height:17px; }

  1. index_navi >ul > li >a {

display:block; height:17px; }

  1. index_navi .navi1 a {

width:69px; margin-right:66px; background-image:url(images/AHUT_CHINA_2014_navi_word_white.png); background-position:-56px 0; }

  1. index_navi .navi2 a {

width:74px; margin-right:77px; background-image:url(images/AHUT_CHINA_2014_navi_word_blue.png); background-position:-191px 0; }

  1. index_navi .navi2 a:hover {

background-image:url(images/AHUT_CHINA_2014_navi_word_white.png); background-position:-191px 0; }

  1. index_navi .navi3 a {

width:107px; margin-right:63px; background-image:url(images/AHUT_CHINA_2014_navi_word_blue.png); background-position:-342px 0; }

  1. index_navi .navi3 a:hover {

background-image:url(images/AHUT_CHINA_2014_navi_word_white.png); background-position:-342px 0; }

  1. index_navi .navi4 a {

width:115px; margin-right:65px; background-image:url(images/AHUT_CHINA_2014_navi_word_blue.png); background-position:-512px 0; }

  1. index_navi .navi4 a:hover {

background-image:url(images/AHUT_CHINA_2014_navi_word_white.png); background-position:-512px 0; }

  1. index_navi .navi5 a {

width:67px; margin-right:60px; background-image:url(images/AHUT_CHINA_2014_navi_word_blue.png); background-position:-692px 0; }

  1. index_navi .navi5 a:hover {

background-image:url(images/AHUT_CHINA_2014_navi_word_white.png); background-position:-692px 0; }

  1. index_navi .navi6 a {

width:74px;

background-image:url(images/AHUT_CHINA_2014_navi_word_blue.png); background-position:-819px 0; }

  1. index_navi .navi6 a:hover {

background-image:url(images/AHUT_CHINA_2014_navi_word_white.png); background-position:-819px 0; }

  1. index_bg {

background:url(images/AHUT_CHINA_2014_index_content_bg.jpg) no-repeat; padding:402px 346px 458px 383px; }

  1. index_bg a {

background:url(images/AHUT_CHINA_2014_index_CLICK_HERE.png) no-repeat; width:231px; height:24px; display:block; }

  1. index_bg a:hover {

background:url(images/AHUT_CHINA_2014_index_CLICK_HERE_hover.png) no-repeat; }

  1. index_footer{

height:407px; color:#ccc; font-size:12px; position:relative; z-index:-2; background-color:#3c3e3f; }

  1. index_footer .conent{

width:960px; position:fixed; left:50%; bottom:0; margin-left:-480px; z-index:-1; }

  1. index_foot_list {

width:759px; height:170px; float:left; padding-top:10px; }

  1. index_foot_list li{

float:left; text-align:left; width:135px; margin-left:0; margin-right:10px;

   line-height:20px;
   display:block;
   color:#FFF;
   font-size:16px;

text-decoration: none; font-family:Arial, Helvetica, sans-serif; }

  1. index_foot_list li ul li:first-child {

font-size:22px; color:#b4b4b4; line-height:28px; }

  1. index_foot_list li ul li a {

font-size:13px; color:#a1a1a1; line-height:18px; text-decoration:none; }

  1. index_foot_list li ul li a:hover {

color:#fff; transition: color 0.3s ease 0s; }


  1. index_foot_igem{

padding:38px 33px 24px 18px; float:right; }

  1. index_foot_igem > a {

width:150px; height:118px; display:block; background-image:url(images/AHUT_CHINA_2014_index_igem_gray.jpg); }

  1. index_foot_igem > a:hover {

background-image:url(images/AHUT_CHINA_2014_index_igem_origin.jpg); }

  1. index_foot_ahut {

padding:8px 0 11px 56px; float:left; }

  1. index_foot_ahut > a {

width:144px; height:144px; display:block; background-image:url(images/AHUT_CHINA_2014_index_ahut_gray.jpg); }

  1. index_foot_ahut > a:hover {

background-image:url(images/AHUT_CHINA_2014_index_ahut_origin.jpg); }

  1. index_foot_ahut_info {

width:760px; height:163px; float:right; }

  1. index_foot_ahut_info p {

padding-top:30px; padding-left:50px; width:640px; text-align:justify; line-height:20px; color:#777777; font-size:14px; font-family:Arial, Helvetica, sans-serif; }

  1. index_foot_copyright {

clear:both; width:960px; line-height:36px; text-align:center; vertical-align:middle; color:#777777; font-size:12px; font-family:Arial, Helvetica, sans-serif; }

  1. jump_window_close {

height:50px; width:100%; clear:both; }

  1. jump_window_close a {

display:block; width:150px; height:50px; background:url(images/AHUT_CHINA_2014_jump_window_close.png); float:right; }

  1. jump_window_close a:hover {

background:url(images/AHUT_CHINA_2014_jump_window_close_red.png); } .black_overlay{

           display: none; 
           position: absolute; 
           top: 0%; 
           left: 0%; 
           width: 100%; 
           height: 100%; 
           background-color: black; 
           z-index:1001; 
           -moz-opacity: 0.6; 
           opacity:.60; 
           filter: alpha(opacity=60); 

} .white_content {

           display: none; 
           position: absolute; 
           top: 25%; 
           left: 25%; 
           width: 50%; 
           height: 50%; 
           padding: 5px; 
           border: 5px solid #000; 
           background-color: white; 
           z-index:1002; 
           overflow: auto;

}