HideOnBush (Talk | contribs) |
HideOnBush (Talk | contribs) |
||
(2 intermediate revisions by the same user not shown) | |||
Line 88: | Line 88: | ||
.nav-up { | .nav-up { | ||
height: 60px; | height: 60px; | ||
− | background: rgb(51, 122, 183); | + | background: rgb(51,122,183); |
} | } | ||
Line 111: | Line 111: | ||
.nav-up .nav-v3 .nav-up-selected { | .nav-up .nav-v3 .nav-up-selected { | ||
− | background: rgb(69, 142, 203) | + | background: rgb(69, 142, 203); |
+ | /*background: rgb(28,43,125);*/ | ||
} | } | ||
Line 163: | Line 164: | ||
color: #fff; | color: #fff; | ||
font: normal 16px "microsoft yahei" | font: normal 16px "microsoft yahei" | ||
+ | } | ||
+ | |||
+ | ul.nav-pills { | ||
+ | /*top: 20px;*/ | ||
+ | /*left: 170px;*/ | ||
+ | /*position: fixed;*/ | ||
+ | } | ||
+ | |||
+ | ul.nav-pills.affix { | ||
+ | top: 110px; | ||
+ | } | ||
+ | |||
+ | .nav li a { | ||
+ | padding: 10px 8px; | ||
+ | } | ||
+ | |||
+ | #top_menu_under { | ||
+ | display: none !important; | ||
+ | } | ||
+ | |||
+ | |||
+ | /*************HomePage************/ | ||
+ | |||
+ | .first { | ||
+ | background-image: url(https://static.igem.org/mediawiki/2017/2/2d/T--UESTC-China--index_first.jpg); | ||
+ | background-attachment: fixed; | ||
+ | background-size: auto; | ||
+ | background-position: center top; | ||
+ | height: 800px; | ||
} | } | ||
Line 170: | Line 200: | ||
.content { | .content { | ||
− | background-color: rgb(248,245,213); | + | background-color: rgb(248, 245, 213) !important; |
} | } | ||
.content .flow-char { | .content .flow-char { | ||
− | width: | + | width: 60% !important; |
} | } | ||
Line 183: | Line 213: | ||
} | } | ||
− | + | #content .col-md-5 .text { | |
− | + | text-align: left !important; | |
− | + | ||
− | + | ||
} | } | ||
− | + | .content .MV { | |
− | + | margin: 50px 0 !important; | |
} | } | ||
− | . | + | .content .under-wel { |
− | + | background-color: rgb(227,251,175) !important; | |
} | } | ||
− | . | + | .place-holder { |
− | + | background-color: rgb(255,255,255) !important; | |
} | } | ||
− | . | + | .place-holder .circle { |
− | + | width: 320px !important; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | . | + | .place-holder .text { |
− | font-size: | + | font-size: 34px !important; |
− | + | line-height: 50px !important; | |
− | + | color: rgb(123, 135, 147) !important; | |
− | + | ||
} | } | ||
− | . | + | .place-holder .section1 .row { |
− | + | margin: 50px 0 !important; | |
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | . | + | /*.place-holder .section2 .row { |
− | + | padding: 250px 0; | |
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | . | + | .place-holder .section2 { |
− | + | background-color: rgb(249,245,220); | |
+ | |||
+ | }*/ | ||
+ | |||
+ | /*.place-holder .section2 { | ||
+ | background-image: url(http://www.alloyteam.com/wp-content/uploads/2014/01/section02.jpg); | ||
+ | background-attachment: fixed; | ||
+ | background-repeat: no-repeat; | ||
+ | background-size: auto; | ||
+ | background-position: center top; | ||
+ | height: 600px; | ||
+ | }*/ | ||
+ | |||
+ | .white { | ||
+ | height: 400px; | ||
+ | width: 100%; | ||
+ | background-color: rgb(249,245,220); | ||
} | } | ||
− | . | + | .place-holder .section2 { |
− | . | + | background-image: url(https://static.igem.org/mediawiki/2017/4/4e/T--UESTC-China--back.png); |
− | + | background-attachment: fixed; | |
− | + | background-size: auto; | |
− | + | background-position: center top; | |
− | + | height: 800px; | |
− | + | ||
− | + | ||
} | } | ||
− | # | + | .btnTop { |
− | + | position: fixed; | |
+ | right: 0px; | ||
+ | bottom: 10px; | ||
+ | /*cursor: pointer;*/ | ||
+ | opacity: .6; | ||
+ | z-index: 9; | ||
+ | } | ||
+ | |||
+ | .btnTop:hover { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | .imageTop { | ||
+ | height: 180px; | ||
+ | height: 180px; | ||
+ | } | ||
+ | |||
+ | #globalWrapper { | ||
+ | padding-bottom: 0 !important; | ||
} | } |
Latest revision as of 03:19, 2 November 2017
/*html { font-size: 62.5%; font-family: 'helvetica neue', tahoma, arial, 'hiragino sans gb', 'Simsun', sans-serif }*/
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, hr { margin: 0; padding: 0 }
body { /*line-height: 1.333;*/ /*font-size: 12px*/ }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-family: arial, 'hiragino sans gb', 'microsoft yahei', 'Simsun', sans-serif }
li { list-style: none }
a:link, a:visited { text-decoration: none }
body { padding-top: 74px; }
.head-v3 { /*position: relative;*/ position: fixed; top: 16px; /*position: absolute;*/ z-index: 100; width: 100%; /*min-width: 1000px*/ /*margin-bottom: -18px;*/ }
.head-v3 .logo { height: 60px; margin-left: 50px; }
.head-v3 .nav-inner { /*margin: 0 auto;*/ float: right; /*width: 980px;*/ position: relative }
.nav-up { height: 60px; background: rgb(51,122,183); }
.nav-up .nav-v3 { /*margin-left: 155px;*/ float: left; height: 60px; /*_margin-left: 10px*/ }
.nav-up .nav-v3 ul { float: left }
.nav-up .nav-v3 li { float: left; font: normal 16px "microsoft yahei"; color: #fff; /***************/ margin-top: -5px; }
.nav-up .nav-v3 .nav-up-selected { background: rgb(69, 142, 203); /*background: rgb(28,43,125);*/ }
.nav-up .nav-v3 li h2 { font-weight: normal; padding: 0; margin: 0; }
.nav-up .nav-v3 li h2 a { padding: 0 10px; color: #fff; /*display: inline-block;*/ height: 60px; font-family: "microsoft yahei"; display: flex; align-items: center; }
.nav-down { position: absolute; top: 60px; /*left: 0;*/ width: 100% }
.nav-down .nav-down-menu { width: 100%; margin: 0; background: rgb(69, 142, 203); position: absolute; top: 0px }
.nav-down .nav-down-menu .nav-down-inner { /*margin: auto;*/ /*width: 1200px;*/ position: relative; }
.nav-down .nav-down-menu dl { float: right; margin: 18px 0 18px 15px; }
.nav-down .nav-down-menu dd a:hover { color: #000000 }
.nav-down .nav-down-menu dd a { color: #fff; font: normal 16px "microsoft yahei" }
ul.nav-pills { /*top: 20px;*/ /*left: 170px;*/ /*position: fixed;*/ }
ul.nav-pills.affix { top: 110px; }
.nav li a { padding: 10px 8px; }
- top_menu_under {
display: none !important; }
/*************HomePage************/
.first { background-image: url(); background-attachment: fixed; background-size: auto; background-position: center top; height: 800px; }
.hhh { width: 100%; }
.content { background-color: rgb(248, 245, 213) !important; }
.content .flow-char { width: 60% !important; }
.content .mid { display: flex; justify-content: center; align-items: center; }
- content .col-md-5 .text {
text-align: left !important; }
.content .MV { margin: 50px 0 !important; }
.content .under-wel { background-color: rgb(227,251,175) !important; }
.place-holder { background-color: rgb(255,255,255) !important; }
.place-holder .circle { width: 320px !important; }
.place-holder .text { font-size: 34px !important; line-height: 50px !important; color: rgb(123, 135, 147) !important; }
.place-holder .section1 .row { margin: 50px 0 !important; }
/*.place-holder .section2 .row { padding: 250px 0; }
.place-holder .section2 { background-color: rgb(249,245,220);
}*/
/*.place-holder .section2 { background-image: url(http://www.alloyteam.com/wp-content/uploads/2014/01/section02.jpg); background-attachment: fixed; background-repeat: no-repeat; background-size: auto; background-position: center top; height: 600px; }*/
.white { height: 400px; width: 100%; background-color: rgb(249,245,220); }
.place-holder .section2 { background-image: url(); background-attachment: fixed; background-size: auto; background-position: center top; height: 800px; }
.btnTop { position: fixed; right: 0px; bottom: 10px; /*cursor: pointer;*/ opacity: .6; z-index: 9; }
.btnTop:hover { opacity: 1; }
.imageTop { height: 180px; height: 180px; }
- globalWrapper {
padding-bottom: 0 !important; }