Team:AHUT China/Template/CSS

From 2014.igem.org

(Difference between revisions)
(Created page with "<html> <style type="text/css"> *{ margin:0; padding:0; } section, footer, header, aside{ display: block; } - ***********************index page***********************: #i...")
 
(5 intermediate revisions not shown)
Line 11: Line 11:
}
}
 +
p,ul {
 +
margin:0;
 +
        padding:0;
 +
}
/************************index page************************/
/************************index page************************/
#index_main{
#index_main{
position:relative;
position:relative;
-
z-index:1;
+
z-index:5;
-
background:url(images/AHUT_CHINA_2014_index_top_bg.jpg) top repeat-x;
+
background:url(http://www.happyvalleychinesefood.com/igem/images/AHUT_CHINA_2014_index_top_bg.jpg) top repeat-x;
background-color:#f0eee5;
background-color:#f0eee5;
box-shadow:0px 5px 20px 5px #2d2d2d;
box-shadow:0px 5px 20px 5px #2d2d2d;
}
}
-
#index_main  #content {
+
#index_main  #AHUT_content {
width:960px;
width:960px;
margin:0 auto;
margin:0 auto;
Line 27: Line 31:
width:960px;
width:960px;
height:85px;
height:85px;
-
background:url(images/AHUT_CHINA_2014_index_navi_bg.png) left no-repeat;
+
background:url(http://www.happyvalleychinesefood.com/igem/images/AHUT_CHINA_2014_index_navi_bg.png) left no-repeat;
}
}
#index_navi > ul {
#index_navi > ul {
Line 46: Line 50:
width:69px;
width:69px;
margin-right:66px;
margin-right:66px;
-
background-image:url(images/AHUT_CHINA_2014_navi_word_white.png);
+
background-image:url(http://www.happyvalleychinesefood.com/igem/images/AHUT_CHINA_2014_navi_word_white.png);
background-position:-56px 0;
background-position:-56px 0;
}
}
Line 52: Line 56:
width:74px;
width:74px;
margin-right:77px;
margin-right:77px;
-
background-image:url(images/AHUT_CHINA_2014_navi_word_blue.png);
+
background-image:url(http://www.happyvalleychinesefood.com/igem/images/AHUT_CHINA_2014_navi_word_blue.png);
background-position:-191px 0;
background-position:-191px 0;
}
}
#index_navi .navi2 a:hover {
#index_navi .navi2 a:hover {
-
background-image:url(images/AHUT_CHINA_2014_navi_word_white.png);
+
background-image:url(http://www.happyvalleychinesefood.com/igem/images/AHUT_CHINA_2014_navi_word_white.png);
background-position:-191px 0;
background-position:-191px 0;
}
}
Line 62: Line 66:
width:107px;
width:107px;
margin-right:63px;
margin-right:63px;
-
background-image:url(images/AHUT_CHINA_2014_navi_word_blue.png);
+
background-image:url(http://www.happyvalleychinesefood.com/igem/images/AHUT_CHINA_2014_navi_word_blue.png);
background-position:-342px 0;
background-position:-342px 0;
}
}
#index_navi .navi3 a:hover {
#index_navi .navi3 a:hover {
-
background-image:url(images/AHUT_CHINA_2014_navi_word_white.png);
+
background-image:url(http://www.happyvalleychinesefood.com/igem/images/AHUT_CHINA_2014_navi_word_white.png);
background-position:-342px 0;
background-position:-342px 0;
}
}
Line 72: Line 76:
width:115px;
width:115px;
margin-right:65px;
margin-right:65px;
-
background-image:url(images/AHUT_CHINA_2014_navi_word_blue.png);
+
background-image:url(http://www.happyvalleychinesefood.com/igem/images/AHUT_CHINA_2014_navi_word_blue.png);
background-position:-512px 0;
background-position:-512px 0;
}
}
#index_navi .navi4 a:hover {
#index_navi .navi4 a:hover {
-
background-image:url(images/AHUT_CHINA_2014_navi_word_white.png);
+
background-image:url(http://www.happyvalleychinesefood.com/igem/images/AHUT_CHINA_2014_navi_word_white.png);
background-position:-512px 0;
background-position:-512px 0;
}
}
Line 82: Line 86:
width:67px;
width:67px;
margin-right:60px;
margin-right:60px;
-
background-image:url(images/AHUT_CHINA_2014_navi_word_blue.png);
+
background-image:url(http://www.happyvalleychinesefood.com/igem/images/AHUT_CHINA_2014_navi_word_blue.png);
background-position:-692px 0;
background-position:-692px 0;
}
}
#index_navi .navi5 a:hover {
#index_navi .navi5 a:hover {
-
background-image:url(images/AHUT_CHINA_2014_navi_word_white.png);
+
background-image:url(http://www.happyvalleychinesefood.com/igem/images/AHUT_CHINA_2014_navi_word_white.png);
background-position:-692px 0;
background-position:-692px 0;
}
}
Line 92: Line 96:
width:74px;
width:74px;
-
background-image:url(images/AHUT_CHINA_2014_navi_word_blue.png);
+
background-image:url(http://www.happyvalleychinesefood.com/igem/images/AHUT_CHINA_2014_navi_word_blue.png);
background-position:-819px 0;
background-position:-819px 0;
}
}
#index_navi .navi6 a:hover {
#index_navi .navi6 a:hover {
-
background-image:url(images/AHUT_CHINA_2014_navi_word_white.png);
+
background-image:url(http://www.happyvalleychinesefood.com/igem/images/AHUT_CHINA_2014_navi_word_white.png);
background-position:-819px 0;
background-position:-819px 0;
}
}
#index_bg {
#index_bg {
-
background:url(images/AHUT_CHINA_2014_index_content_bg.jpg) no-repeat;
+
background:url(http://www.happyvalleychinesefood.com/igem/images/AHUT_CHINA_2014_index_content_bg.jpg) no-repeat;
padding:402px 346px 458px 383px;
padding:402px 346px 458px 383px;
}
}
#index_bg a {
#index_bg a {
-
background:url(images/AHUT_CHINA_2014_index_CLICK_HERE.png) no-repeat;
+
background:url(http://www.happyvalleychinesefood.com/igem/images/AHUT_CHINA_2014_index_CLICK_HERE.png) no-repeat;
width:231px;
width:231px;
height:24px;
height:24px;
Line 111: Line 115:
}
}
#index_bg a:hover {
#index_bg a:hover {
-
background:url(images/AHUT_CHINA_2014_index_CLICK_HERE_hover.png) no-repeat;
+
background:url(http://www.happyvalleychinesefood.com/igem/images/AHUT_CHINA_2014_index_CLICK_HERE_hover.png) no-repeat;
}
}
Line 119: Line 123:
font-size:12px;
font-size:12px;
position:relative;
position:relative;
-
z-index:-2;
+
z-index:3;
background-color:#3c3e3f;
background-color:#3c3e3f;
}
}
Line 129: Line 133:
bottom:0;
bottom:0;
margin-left:-480px;
margin-left:-480px;
-
z-index:-1;
+
z-index:2;
}
}
#index_foot_list {
#index_foot_list {
Line 177: Line 181:
height:118px;
height:118px;
display:block;
display:block;
-
background-image:url(images/AHUT_CHINA_2014_index_igem_gray.jpg);
+
background-image:url(http://www.happyvalleychinesefood.com/igem/images/AHUT_CHINA_2014_index_igem_gray.jpg);
}
}
#index_foot_igem > a:hover {
#index_foot_igem > a:hover {
-
background-image:url(images/AHUT_CHINA_2014_index_igem_origin.jpg);
+
background-image:url(http://www.happyvalleychinesefood.com/igem/images/AHUT_CHINA_2014_index_igem_origin.jpg);
}
}
#index_foot_ahut {
#index_foot_ahut {
Line 190: Line 194:
height:144px;
height:144px;
display:block;
display:block;
-
background-image:url(images/AHUT_CHINA_2014_index_ahut_gray.jpg);
+
background-image:url(http://www.happyvalleychinesefood.com/igem/images/AHUT_CHINA_2014_index_ahut_gray.jpg);
}
}
#index_foot_ahut > a:hover {
#index_foot_ahut > a:hover {
-
background-image:url(images/AHUT_CHINA_2014_index_ahut_origin.jpg);
+
background-image:url(http://www.happyvalleychinesefood.com/igem/images/AHUT_CHINA_2014_index_ahut_origin.jpg);
}
}
#index_foot_ahut_info {
#index_foot_ahut_info {
Line 219: Line 223:
font-size:12px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
font-family:Arial, Helvetica, sans-serif;
 +
        margin:0;
}
}
#jump_window_close {
#jump_window_close {
Line 229: Line 234:
width:150px;
width:150px;
height:50px;
height:50px;
-
background:url(images/AHUT_CHINA_2014_jump_window_close.png);
+
background:url(http://www.happyvalleychinesefood.com/igem/images/AHUT_CHINA_2014_jump_window_close.png);
float:right;
float:right;
}
}
#jump_window_close a:hover {
#jump_window_close a:hover {
-
background:url(images/AHUT_CHINA_2014_jump_window_close_red.png);
+
background:url(http://www.happyvalleychinesefood.com/igem/images/AHUT_CHINA_2014_jump_window_close_red.png);
}
}
.black_overlay{  
.black_overlay{  

Latest revision as of 02:25, 14 August 2014