Difference between revisions of "Team:AHUT China/style.css"
(Created page with "→! normalize.css v3.0.2 | MIT License | git.io/normalize: /** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, withou...") |
|||
Line 1: | Line 1: | ||
− | / | + | <html> |
+ | <style type="text/css"> | ||
+ | /* CSS Document */ | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | html | + | html, body, div, span, applet, object, iframe, |
− | + | h1, h2, h3, h4, h5, h6, p, blockquote, pre, | |
− | + | a, abbr, acronym, address, big, cite, code, | |
− | + | del, dfn, em, font, img, ins, kbd, q, s, samp, | |
+ | small, strike, strong, sub, sup, tt, var, | ||
+ | b, u, i, center, | ||
+ | dl, dt, dd, ol, ul, li, | ||
+ | fieldset, form, label, legend, | ||
+ | table, caption, tbody, tfoot, thead, tr, th, td { | ||
+ | background: transparent; | ||
+ | border: 0; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | vertical-align: baseline; | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
body { | body { | ||
− | + | line-height: 1; | |
} | } | ||
− | + | h1, h2, h3, h4, h5, h6 { | |
− | + | clear: both; | |
− | + | font-weight: normal; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | ol, ul { | |
− | + | list-style: none; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | blockquote { | |
− | + | quotes: none; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | blockquote:before, blockquote:after { | |
− | + | content: ''; | |
− | + | content: none; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | del { | |
− | + | text-decoration: line-through; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | /* tables still need 'cellspacing="0"' in the markup */ | |
− | /* | + | table { |
− | + | border-collapse: collapse; | |
− | + | border-spacing: 0; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | a img { | |
− | + | border: none; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | /* | + | /* =index |
− | + | -------------------------------------------------------------- */ | |
− | + | #index_main{ | |
− | + | position:relative; | |
− | + | z-index:5; | |
− | + | background:url(https://static.igem.org/mediawiki/2015/f/f3/AHUT_CHINA_2015_index_bg_none.jpg) top repeat-x; | |
− | + | background-position: center; | |
+ | -webkit-background-size: cover; | ||
+ | -moz-background-size: cover; | ||
+ | -o-background-size: cover; | ||
+ | background-size: cover; | ||
+ | background-color:#f0eee5; | ||
} | } | ||
− | + | #index_content { | |
− | + | width:100%; | |
− | + | margin:0 auto; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | / | + | #index_block1{ |
− | + | height:533px; | |
− | + | width:100%; | |
− | + | background:url(https://static.igem.org/mediawiki/2015/e/ed/AHUT_CHINA_2015_index_bg1.jpg) no-repeat fixed center ; | |
− | + | background-position: center; | |
− | + | -webkit-background-size: cover; | |
− | + | -moz-background-size: cover; | |
− | + | -o-background-size: cover; | |
+ | background-size: cover; | ||
+ | } | ||
+ | #index_block2{ | ||
+ | height:550px; | ||
+ | width:100%; | ||
+ | background-color:#faf8f7; | ||
+ | background-position: center; | ||
+ | -webkit-background-size: cover; | ||
+ | -moz-background-size: cover; | ||
+ | -o-background-size: cover; | ||
+ | background-size: cover; | ||
} | } | ||
− | + | #index_block3{ | |
− | + | height:539px; | |
− | + | width:100%; | |
− | + | background-color:#ffffff; | |
− | + | background-position: center; | |
− | + | -webkit-background-size: cover; | |
− | + | -moz-background-size: cover; | |
− | + | -o-background-size: cover; | |
+ | background-size: cover; | ||
} | } | ||
− | + | #index_block4{ | |
− | + | height:520px; | |
− | + | width:100%; | |
− | + | background:url(https://static.igem.org/mediawiki/2015/4/41/AHUT_CHINA_2015_index_bg2.jpg) no-repeat fixed center ; | |
− | + | background-position: center; | |
− | + | -webkit-background-size: cover; | |
− | + | -moz-background-size: cover; | |
+ | -o-background-size: cover; | ||
+ | background-size: cover; | ||
} | } | ||
− | + | #top_navi { | |
− | + | width:100%; | |
− | + | height:52px; | |
− | + | position:fixed; | |
− | + | top:0; | |
− | + | left:0; | |
− | + | z-index:11; | |
− | + | background:rgba(255,255,255,0.5); | |
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | #index_top_navi{ | |
− | + | width:850px; | |
+ | height:52px; | ||
+ | padding-left:110px; | ||
+ | line-height:52px; | ||
+ | margin:0 auto; | ||
+ | background:url(https://static.igem.org/mediawiki/2015/2/24/AHUT_CHINA_2015_top_navi_bg.png) no-repeat; | ||
} | } | ||
− | + | #index_top_navi li { | |
− | + | float:left; | |
+ | margin:0 20px; | ||
+ | line-height:52px; | ||
+ | font-size:18px; | ||
+ | |||
+ | font-weight:500; | ||
} | } | ||
− | + | #index_top_navi li a { | |
− | + | color:#070905; | |
− | + | text-decoration:none; | |
− | + | display:block; | |
− | + | font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | #index_top_navi li:hover a { | |
− | + | color:#686868; | |
− | + | transition: color 0.3s ease 0s; | |
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | /* | + | /* =secondary |
− | + | -------------------------------------------------------------- */ | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | #sec_top_navi{ | |
− | + | width:960px; | |
+ | height:52px; | ||
+ | line-height:52px; | ||
+ | margin:0 auto; | ||
} | } | ||
− | + | #sec_top_logo{ | |
− | + | width:260px; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | #sec_top_logo img { | |
− | + | margin:0 auto; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | #sec_top_navi li { | |
− | + | float:left; | |
− | + | margin:0 10px; | |
− | + | line-height:52px; | |
− | + | font-size:16px; | |
− | + | font-weight:500; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | #sec_top_navi li a { | |
− | + | color:#070905; | |
− | + | text-decoration:none; | |
− | + | display:block; | |
− | + | font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | #sec_top_navi li:hover a { | |
− | + | color:#686868; | |
− | + | transition: color 0.3s ease 0s; | |
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | .sec_block{ | |
− | + | width:100%; | |
− | + | background-position: center; | |
− | + | -webkit-background-size: cover; | |
− | + | -moz-background-size: cover; | |
− | + | -o-background-size: cover; | |
− | + | background-size: cover; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | .sec_block_top{ | |
− | + | height:533px; | |
− | + | width:100%; | |
− | + | background:url(https://static.igem.org/mediawiki/2015/e/ed/AHUT_CHINA_2015_index_bg1.jpg) no-repeat fixed center ; | |
− | + | background-position: center; | |
− | + | -webkit-background-size: cover; | |
− | + | -moz-background-size: cover; | |
− | + | -o-background-size: cover; | |
− | + | background-size: cover; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
+ | .sec_p { | ||
+ | width:960px; | ||
+ | font-size:16px; | ||
+ | line-height:28px; | ||
+ | padding-top:10px; | ||
+ | padding-bottom:10px; | ||
+ | color:#676767; | ||
+ | margin:0 auto; | ||
+ | text-align:justify; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | .sec_fig { | |
− | + | text-align:center; | |
− | + | margin-top:20px; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | .sec_title{ | |
− | + | width:100%; | |
− | + | height:100px; | |
− | + | line-height:100px; | |
− | + | text-align:center; | |
− | + | background-color:#3A3A3A; | |
− | + | color:#efefef; | |
− | + | font-size:42px; | |
} | } | ||
− | + | .sec_paragraph_title{ | |
− | + | font-size:32px; | |
− | + | color:#000; | |
− | + | line-height:40px; | |
− | + | text-align:left; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | .sec_fig_title{ | |
− | + | width:100%; | |
− | + | text-align:center; | |
− | + | color:#676767; | |
− | + | font-size:14px; | |
− | + | line-height:24px; | |
− | + | margin-top:10px; | |
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | .sec_table { | |
− | + | border:2px solid #676767; | |
− | + | color:#676767; | |
− | + | font-size:16px; | |
− | + | margin:0 auto; | |
− | + | margin-top:15px; | |
− | + | margin-bottom:15px; | |
− | + | text-align:center; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | .sec_table tr,.sec_table tr td{ | |
− | + | border:2px solid #676767; | |
− | + | color:#676767; | |
− | + | font-size:16px; | |
− | + | } | |
− | + | .sec_table tr{ | |
− | + | height:30px; | |
− | + | line-height:30px; | |
− | + | } | |
− | + | .sec_table tr td { | |
+ | padding-left:10px; | ||
} | } | ||
− | |||
− | |||
− | |||
− | + | /* =foot | |
− | + | -------------------------------------------------------------- */ | |
− | + | #footer{ | |
− | + | height:230px; | |
+ | width:100%; | ||
+ | color:#ccc; | ||
+ | font-size:12px; | ||
+ | position:relative; | ||
+ | z-index:3; | ||
+ | background-color:#3c3e3f; | ||
} | } | ||
− | + | #footer .conent{ | |
− | + | width:960px; | |
− | + | position:fixed; | |
− | + | left:50%; | |
− | + | bottom:0; | |
− | + | margin-left:-480px; | |
− | + | z-index:2; | |
− | + | } | |
+ | #im_logo_link{ | ||
+ | width:960px; | ||
+ | height:49px; | ||
+ | clear:both; | ||
+ | padding:15px 0 16px 0; | ||
+ | } | ||
+ | #im_logo_link ul{ | ||
+ | height:49px; | ||
+ | margin:0 auto; | ||
+ | padding:0 304px; | ||
+ | } | ||
+ | #im_logo_link ul li{ | ||
+ | float:left; | ||
+ | margin:0 20px; | ||
+ | } | ||
+ | #im_logo_link ul li a{ | ||
+ | width:48px; | ||
+ | height:49px; | ||
+ | display:block; | ||
+ | } | ||
+ | #twitter{ | ||
+ | background:url(images/AHUT_CHINA_2015_twitter.png); | ||
+ | } | ||
+ | #twitter:hover{ | ||
+ | background:url(images/AHUT_CHINA_2015_twitter_hover.png); | ||
+ | } | ||
+ | #youtube{ | ||
+ | background:url(images/AHUT_CHINA_2015_youtube.png); | ||
+ | } | ||
+ | #youtube:hover{ | ||
+ | background:url(images/AHUT_CHINA_2015_youtube_hover.png); | ||
+ | } | ||
+ | #webchat{ | ||
+ | background:url(images/AHUT_CHINA_2015_webchat.png); | ||
+ | } | ||
+ | #webchat:hover{ | ||
+ | background:url(images/AHUT_CHINA_2015_webchat_hover.png); | ||
+ | } | ||
+ | #qq{ | ||
+ | background:url(images/AHUT_CHINA_2015_qq.png); | ||
+ | } | ||
+ | #qq:hover{ | ||
+ | background:url(images/AHUT_CHINA_2015_qq_hover.png); | ||
+ | } | ||
+ | #foot_list { | ||
+ | width:759px; | ||
+ | height:175px; | ||
+ | float:left; | ||
+ | padding-top:5px; | ||
+ | margin:0; | ||
+ | } | ||
+ | #foot_list li{ | ||
+ | float:left; | ||
+ | text-align:left; | ||
+ | width:115px; | ||
+ | margin-left:0; | ||
+ | margin-right:10px; | ||
+ | line-height:18px; | ||
+ | display:block; | ||
+ | color:#FFF; | ||
+ | font-size:16px; | ||
+ | text-decoration: none; | ||
+ | font-family:Arial, Helvetica, sans-serif; | ||
+ | } | ||
+ | #foot_list li ul li:first-child { | ||
+ | font-size:20px; | ||
+ | color:#b4b4b4; | ||
+ | line-height:28px; | ||
} | } | ||
− | + | #foot_list li ul li a { | |
− | + | font-size:12px; | |
− | + | color:#a1a1a1; | |
− | + | line-height:18px; | |
− | + | text-decoration:none; | |
− | + | ||
} | } | ||
− | + | #foot_list li ul li a:hover { | |
− | + | color:#fff; | |
− | + | transition: color 0.3s ease 0s; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | |||
− | |||
− | + | #foot_igem{ | |
− | + | padding:38px 33px 24px 18px; | |
− | + | float:right; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | #foot_igem > a { | |
− | + | width:150px; | |
− | + | height:118px; | |
− | + | display:block; | |
+ | background-image:url(https://static.igem.org/mediawiki/2015/8/87/AHUT_CHINA_2015_index_igem_gray.jpg); | ||
+ | } | ||
+ | #foot_igem > a:hover { | ||
+ | background-image:url(https://static.igem.org/mediawiki/2015/d/d8/AHUT_CHINA_2015_index_igem_origin.jpg); | ||
+ | } | ||
+ | #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; | ||
} | } | ||
+ | </style> | ||
+ | </html> |
Revision as of 08:43, 10 September 2015