Difference between revisions of "Team:SSTi-SZGD/css/Attributions"

(Created page with "$(function(){ $(document).attr("title","Attributions - Team:SSTi-SZGD - 2018.igem.org"); //Navigation $(".btn_nav .Acknowledgements a").eq(2).addClass("active"); $("...")
 
Line 1: Line 1:
−
$(function(){
+
.Banner{ width: 100%; height: 400px; background: url(https://static.igem.org/mediawiki/2018/1/10/T--SSTi-SZGD--banner_Attributions.png) no-repeat center center; background-size: 50%; margin: 100px 0 80px 0;}
−
+
.Content{ font-size: 1.6rem; margin-bottom: 100px;}
−
$(document).attr("title","Attributions - Team:SSTi-SZGD - 2018.igem.org");
+
.Content .content{ margin: auto; float: none;}
−
+
.Content .title{ font-size: 3rem; font-weight: 600; margin: 10px 0;}
−
//Navigation
+
.Content .title span{ background: #ff7c38; color: #fff; border-radius: 30px; padding: 5px 40px; display: inline-block; text-align: center;}
−
$(".btn_nav .Acknowledgements a").eq(2).addClass("active");
+
.Content .abstract{ font-size: 1.7rem;}
−
+
.Content .subtitle{ font-size: 2rem; color: #ff7c38; margin-top: 30px;}
−
$(".page_nav ul li").removeClass("active");
+
.Content .subtitle3{ font-size: 1.8rem; color: #ff7c38;}
−
$(".page_nav ul li").eq(5).addClass("active");
+
.Content section{ margin: 20px auto; float: none;}
−
+
.Content li{ float: none; display: list-item;}
−
if(window.location.search==""){
+
.Content ol li{ list-style: decimal; margin-left: 25px;}
−
$(".page_title").text("Attributions");
+
.Content ul li{ list-style: disc; margin-left: 25px;}
−
}else{
+
.Content img{ width: 100%; border-radius: 10px;}
−
$(".page_title").text("归因");
+
.Content span{ color: #89c9ff;}
−
}
+
 
−
+
 
−
+
@media only screen and (max-width: 767px) {
−
if(/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry|iPad/i.test(navigator.userAgent)){
+
.Banner{ height: 300px; background-size: 70%;}
−
+
}
−
//Banner
+
 
−
if($(window).width()<768){
+
@media only screen and (max-width: 992px) {
−
$(".Banner").css({"height":"250px","background-size":"80%","margin":"50px 0 0 0"});
+
.Banner{ margin: 100px 0 0 0;}
−
}else{
+
}
−
$(".Banner").css({"height":"500px","background-size":"70%","margin":"100px 0 0 0"});
+
−
}
+
−
if(window.orientation=="-90"||window.orientation=="90"){
+
−
if($(window).width()<768){
+
−
$(".Banner").css({"height":"500px","background-size":"80%","margin":"50px 0 0 0"});
+
−
}else{
+
−
$(".Banner").css({"height":"500px","background-size":"60%","margin":"100px 0 0 0"});
+
−
}
+
−
}
+
−
+
−
}
+
−
+
−
$(window).resize(function(){
+
−
+
−
if(/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry|iPad/i.test(navigator.userAgent)){
+
−
+
−
//Banner
+
−
if($(window).width()<768){
+
−
$(".Banner").css({"height":"250px","background-size":"80%","margin":"50px 0 0 0"});
+
−
}else{
+
−
$(".Banner").css({"height":"500px","background-size":"70%","margin":"100px 0 0 0"});
+
−
}
+
−
if(window.orientation=="-90"||window.orientation=="90"){
+
−
if($(window).width()<768){
+
−
$(".Banner").css({"height":"500px","background-size":"80%","margin":"50px 0 0 0"});
+
−
}else{
+
−
$(".Banner").css({"height":"500px","background-size":"60%","margin":"100px 0 0 0"});
+
−
}
+
−
}
+
−
}
+
−
+
−
});
+
−
+
−
});
+

Revision as of 10:32, 5 October 2018

.Banner{ width: 100%; height: 400px; background: url(T--SSTi-SZGD--banner_Attributions.png) no-repeat center center; background-size: 50%; margin: 100px 0 80px 0;} .Content{ font-size: 1.6rem; margin-bottom: 100px;} .Content .content{ margin: auto; float: none;} .Content .title{ font-size: 3rem; font-weight: 600; margin: 10px 0;} .Content .title span{ background: #ff7c38; color: #fff; border-radius: 30px; padding: 5px 40px; display: inline-block; text-align: center;} .Content .abstract{ font-size: 1.7rem;} .Content .subtitle{ font-size: 2rem; color: #ff7c38; margin-top: 30px;} .Content .subtitle3{ font-size: 1.8rem; color: #ff7c38;} .Content section{ margin: 20px auto; float: none;} .Content li{ float: none; display: list-item;} .Content ol li{ list-style: decimal; margin-left: 25px;} .Content ul li{ list-style: disc; margin-left: 25px;} .Content img{ width: 100%; border-radius: 10px;} .Content span{ color: #89c9ff;}


@media only screen and (max-width: 767px) { .Banner{ height: 300px; background-size: 70%;} }

@media only screen and (max-width: 992px) { .Banner{ margin: 100px 0 0 0;} }