Difference between revisions of "Template:UESTC-China/bootstrap.css"
| (80 intermediate revisions by the same user not shown) | |||
| Line 25: | Line 25: | ||
main, | main, | ||
menu, | menu, | ||
| − | nav, | + | nav,sc |
| − | + | ||
summary { | summary { | ||
display: block; | display: block; | ||
| Line 263: | Line 262: | ||
} | } | ||
} | } | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
.glyphicon { | .glyphicon { | ||
position: relative; | position: relative; | ||
| Line 1,068: | Line 1,062: | ||
content: "\e260"; | content: "\e260"; | ||
} | } | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
*:before, | *:before, | ||
*:after { | *:after { | ||
| Line 1,087: | Line 1,077: | ||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | ||
font-size: 14px; | font-size: 14px; | ||
| − | |||
color: #333; | color: #333; | ||
background-color: #fff; | background-color: #fff; | ||
| Line 1,180: | Line 1,169: | ||
h5, | h5, | ||
h6, | h6, | ||
| − | |||
.h2, | .h2, | ||
.h3, | .h3, | ||
| Line 1,220: | Line 1,208: | ||
} | } | ||
h1, | h1, | ||
| − | |||
h2, | h2, | ||
.h2, | .h2, | ||
| Line 1,266: | Line 1,253: | ||
} | } | ||
h1, | h1, | ||
| − | + | { | |
font-size: 36px; | font-size: 36px; | ||
} | } | ||
| Line 1,525: | Line 1,512: | ||
content: '\00A0 \2014'; | content: '\00A0 \2014'; | ||
} | } | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
.container { | .container { | ||
padding-right: 15px; | padding-right: 15px; | ||
| Line 1,589: | Line 1,518: | ||
margin-right: auto; | margin-right: auto; | ||
margin-left: auto; | margin-left: auto; | ||
| + | line-height:2.5em; | ||
| + | -webkit-box-sizing: border-box; | ||
| + | -moz-box-sizing: border-box; | ||
| + | box-sizing: border-box; | ||
} | } | ||
@media (min-width: 769px) { | @media (min-width: 769px) { | ||
| Line 1,625: | Line 1,558: | ||
} | } | ||
.col-xs-12 { | .col-xs-12 { | ||
| − | width: | + | width: 100%; |
| − | + | ||
| − | + | ||
} | } | ||
.col-xs-11 { | .col-xs-11 { | ||
| Line 1,797: | Line 1,728: | ||
.col-sm-8 { | .col-sm-8 { | ||
width: 80%; | width: 80%; | ||
| − | |||
| − | |||
} | } | ||
.col-sm-7 { | .col-sm-7 { | ||
| Line 1,804: | Line 1,733: | ||
} | } | ||
.col-sm-6 { | .col-sm-6 { | ||
| − | width: | + | width: 46%; |
} | } | ||
.col-sm-5 { | .col-sm-5 { | ||
| Line 1,954: | Line 1,883: | ||
.col-md-9 { | .col-md-9 { | ||
width: 80%; | width: 80%; | ||
| − | |||
| − | |||
} | } | ||
.col-md-8 { | .col-md-8 { | ||
| Line 1,970: | Line 1,897: | ||
} | } | ||
.col-md-4 { | .col-md-4 { | ||
| − | width: | + | width: 30%; |
} | } | ||
.col-md-3 { | .col-md-3 { | ||
| − | width: | + | width: 21%; |
} | } | ||
.col-md-2 { | .col-md-2 { | ||
| Line 2,496: | Line 2,423: | ||
border-bottom: 0; | border-bottom: 0; | ||
} | } | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
@media (min-width: 769px) { | @media (min-width: 769px) { | ||
| Line 4,305: | Line 3,808: | ||
position: relative; | position: relative; | ||
float: left; | float: left; | ||
| − | padding: | + | padding: 7px 10px; |
| − | margin-top: | + | margin-top: 18px; |
margin-right: 15px; | margin-right: 15px; | ||
| − | margin-bottom: | + | margin-bottom: 0px; |
background-color: transparent; | background-color: transparent; | ||
background-image: none; | background-image: none; | ||
| Line 5,851: | Line 5,354: | ||
border-radius: 3px; | border-radius: 3px; | ||
} | } | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
button.close { | button.close { | ||
-webkit-appearance: none; | -webkit-appearance: none; | ||
| Line 6,767: | Line 6,253: | ||
display: none !important; | display: none !important; | ||
} | } | ||
| + | } | ||
| + | |||
| + | @font-face{ | ||
| + | font-family:'myfoot'; | ||
| + | src:url("https://static.igem.org/mediawiki/2019/e/eb/T--UESTC-China--foot.otf") | ||
| + | } | ||
| + | |||
| + | @font-face{ | ||
| + | font-family:'left'; | ||
| + | src:url("https://static.igem.org/mediawiki/2019/0/0c/T--UESTC-China--left.ttf") | ||
| + | } | ||
| + | |||
| + | @font-face{ | ||
| + | font-family:'main'; | ||
| + | src:url("https://static.igem.org/mediawiki/2019/e/e3/T--UESTC-China--main.ttf") | ||
| + | } | ||
| + | |||
| + | @font-face{ | ||
| + | font-family:'home'; | ||
| + | src:url("https://static.igem.org/mediawiki/2019/7/73/T--UESTC-China--homefont.otf") | ||
} | } | ||
| Line 6,773: | Line 6,279: | ||
} | } | ||
.bigtitle{ | .bigtitle{ | ||
| − | font-family: | + | margin: 20px 0px 20px 0px; |
| + | font-family: "myfoot",serif; | ||
font-size: 36px; | font-size: 36px; | ||
| − | |||
text-align: center; | text-align: center; | ||
border-radius:5em; | border-radius:5em; | ||
| − | color: # | + | color: #ffffff; |
| + | background:#b6caf2; | ||
| + | background: -webkit-linear-gradient(left,white,#b6caf2,#b6caf2,#b6caf2,#b6caf2,#b6caf2,#b6caf2,white); | ||
} | } | ||
| − | + | .smalltitle{ | |
| + | margin: 20px 0px 20px 0px; | ||
| + | line-height:2; | ||
| + | font-size: 24px; | ||
| + | font-weight: 550; | ||
| + | padding-top:10px; | ||
| + | padding-bottom:10px; | ||
| + | } | ||
.mainbody{ | .mainbody{ | ||
| − | font-family:" | + | font-family:"main",serif; |
| − | font-size: | + | font-size: 22px; |
| − | line-height: | + | line-height: 170%; |
text-align: justify; | text-align: justify; | ||
| + | margin-top:10px; | ||
| + | margin-bottom:10px; | ||
} | } | ||
.mainbody p{ | .mainbody p{ | ||
| − | line-height: | + | line-height:170% |
} | } | ||
| Line 6,795: | Line 6,312: | ||
} | } | ||
| − | . | + | .picture{ |
text-align: center; | text-align: center; | ||
width: 100%; | width: 100%; | ||
| + | margin-top:15px; | ||
} | } | ||
.words{ | .words{ | ||
font-family: "Lato"; | font-family: "Lato"; | ||
| − | font-size: | + | font-size: 0.8em; |
| − | + | ||
text-align: center; | text-align: center; | ||
| + | line-height: 180%; | ||
| + | padding-top:10px; | ||
| + | padding-bottom:20px; | ||
} | } | ||
| Line 6,829: | Line 6,349: | ||
} | } | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
.up{ | .up{ | ||
position: fixed; | position: fixed; | ||
| Line 6,853: | Line 6,366: | ||
padding: 0; | padding: 0; | ||
font-size:18px; | font-size:18px; | ||
| − | font-family:" | + | font-size:1.3vw; |
| + | font-family:"left",serif; | ||
font-weight: 500; | font-weight: 500; | ||
list-style: none; | list-style: none; | ||
| Line 6,865: | Line 6,379: | ||
.f_mh li{ | .f_mh li{ | ||
padding-bottom: 10px; | padding-bottom: 10px; | ||
| − | width: | + | width: 9em; |
| + | display: list-item; | ||
| + | cursor:pointer; | ||
} | } | ||
.f_mh li:first-child{ | .f_mh li:first-child{ | ||
| Line 6,880: | Line 6,396: | ||
color:#000000; | color:#000000; | ||
text-decoration: none; | text-decoration: none; | ||
| − | padding-left: | + | padding-left: 5px; |
display: block; | display: block; | ||
} | } | ||
| + | .f_mh li a:hover{ | ||
| + | color:#45bcf9; | ||
| + | } | ||
| + | |||
.mybtn{ | .mybtn{ | ||
z-index: 99; | z-index: 99; | ||
| Line 6,892: | Line 6,412: | ||
top:-100px | top:-100px | ||
} | } | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
@media(max-width:767px){ | @media(max-width:767px){ | ||
.mybtnless{ | .mybtnless{ | ||
| Line 6,908: | Line 6,423: | ||
} | } | ||
} | } | ||
| + | .col-fmh{ | ||
| + | position: relative; | ||
| + | min-height: 1px; | ||
| + | float: left; | ||
| + | width: 100%; | ||
| + | } | ||
| + | @media(min-width:600px){ | ||
| + | .col-5{ | ||
| + | z-index: 1; | ||
| + | padding-left: 5em; | ||
| + | padding-right: 5em; | ||
| + | } | ||
| + | |||
| + | .col-55{ | ||
| + | z-index: 1; | ||
| + | padding-left: 5.5em; | ||
| + | padding-right: 5.5em; | ||
| + | } | ||
| + | |||
| + | .col-6{ | ||
| + | z-index: 1; | ||
| + | padding-left: 6em; | ||
| + | padding-right: 6em; | ||
| + | } | ||
| + | |||
| + | .col-65{ | ||
| + | z-index: 1; | ||
| + | padding-left: 6.5em; | ||
| + | padding-right: 6.5em; | ||
| + | } | ||
| + | .col-7{ | ||
| + | z-index: 1; | ||
| + | padding-left: 7em; | ||
| + | padding-right: 7em; | ||
| + | } | ||
| + | .col-8{ | ||
| + | z-index: 1; | ||
| + | padding-left: 8em; | ||
| + | padding-right: 8em; | ||
| + | } | ||
| + | |||
| + | } | ||
| + | .firstph{ | ||
| + | margin-top:32px; | ||
| + | } | ||
| + | |||
| + | #hide{ | ||
| + | margin-top:-50px; | ||
| + | position: absolute; | ||
| + | z-index: 9999; | ||
| + | background:white; | ||
| + | text-align:center; | ||
| + | } | ||
| + | #hider{ | ||
| + | position:fixed; | ||
| + | top:200px; | ||
| + | } | ||
| + | #hiderr{ | ||
| + | margin-top:-30px; | ||
| + | position: absolute; | ||
| + | z-index: 2; | ||
| + | background:white; | ||
| + | text-align:center; | ||
| + | height:200000px; | ||
| + | width:2000px;; | ||
| + | } | ||
| + | .secondli{ | ||
| + | list-style: none; | ||
| + | margin-left: 10px!important; | ||
| + | display:none; | ||
| + | } | ||
| + | .secondli li a{ | ||
| + | text-decoration: none; | ||
| + | font-size:16px; | ||
| + | } | ||
| + | |||
| + | .c-banner{ | ||
| + | width: 100%; | ||
| + | position: relative; | ||
| + | } | ||
| + | .c-banner img{ | ||
| + | width: 100%; | ||
| + | } | ||
| + | .c-banner .banner ul{ | ||
| + | list-style: none; | ||
| + | padding-left: 0px; | ||
| + | margin: 0px; | ||
| + | } | ||
| + | .c-banner .banner ul li{ | ||
| + | |||
| + | display: none; | ||
| + | opacity: 0; | ||
| + | } | ||
| + | .c-banner .banner ul li:nth-child(1){ | ||
| + | opacity: 1; | ||
| + | display: block; | ||
| + | } | ||
| + | .c-banner .banner ul li img{ | ||
| + | width: 100%; | ||
| + | position: absolute; | ||
| + | top: 0px; | ||
| + | } | ||
| + | .c-banner .banner ul li:first-child img{ | ||
| + | position: relative; | ||
| + | } | ||
| + | .c-banner .nexImg,.c-banner .preImg{ | ||
| + | padding: 25px 10px 25px 10px; | ||
| + | position: absolute; | ||
| + | top: 50%; | ||
| + | margin-top: -53px; | ||
| + | background: #000000; | ||
| + | opacity: 0.5; | ||
| + | border-radius: 5px; | ||
| + | z-index: 10; | ||
| + | |||
| + | } | ||
| + | .c-banner .nexImg:hover,.c-banner .preImg:hover{ | ||
| + | opacity: 0.8; | ||
| + | } | ||
| + | |||
| + | |||
| + | .c-banner .jumpBtn{ | ||
| + | width: 100%; | ||
| + | position: absolute; | ||
| + | bottom: 20px; | ||
| + | text-align: center; | ||
| + | } | ||
| + | .c-banner .jumpBtn ul{ | ||
| + | padding: 0; | ||
| + | margin-bottom: -1.5em; | ||
| + | } | ||
| + | |||
| + | .c-banner .jumpBtn ul li{ | ||
| + | width: 14px; | ||
| + | height: 14px; | ||
| + | border-radius: 50%; | ||
| + | display: inline-block; | ||
| + | background-color: white; | ||
| + | opacity: 0.9; | ||
| + | margin-left: 10px; | ||
| + | } | ||
| + | .c-banner .jumpBtn ul li:first-child{ | ||
| + | margin-left: 0px; | ||
| + | } | ||
| + | @media screen and (max-width:768px) { | ||
| + | .c-banner{ | ||
| + | width: 100%; | ||
| + | height: 345px; | ||
| + | overflow: hidden; | ||
| + | } | ||
| + | .c-banner .banner ul li img{ | ||
| + | width: 100%; | ||
| + | text-align:center; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | caption{ | ||
| + | color:black; | ||
| + | text-align:center; | ||
| + | font-weight:600; | ||
| + | } | ||
</style> | </style> | ||
</html> | </html> | ||
Latest revision as of 03:17, 21 October 2019