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

(Created page with "body{ min-width: 1024px; min-height: 465px; position: relative;background: #FAFAFA;} .SSTi-SZGD{ background: url(https://static.igem.org/mediawiki/2017/a/a3/Medals_banner.jpeg) no-...")
 
 
Line 22: Line 22:
 
@media only screen and (max-width: 1920px) {
 
@media only screen and (max-width: 1920px) {
 
.header .nav .mainnav span{ padding-top: 6px; margin-bottom: 18.5px;}
 
.header .nav .mainnav span{ padding-top: 6px; margin-bottom: 18.5px;}
−
}
 
−
 
−
/*--1366--*/
 
−
@media only screen and (max-width: 1366px) {
 
−
html{ font-size: 55%;}
 
−
.header .logo span{ margin-top: 16px;}
 
−
.header .nav .mainnav span{ margin-bottom: 21.5px;}
 
−
.Content .content{ width: 1160px;}
 
−
.Content .middle{ width: 600px;}
 
 
}
 
}

Latest revision as of 12:58, 28 October 2017

body{ min-width: 1024px; min-height: 465px; position: relative;background: #FAFAFA;}

.SSTi-SZGD{ background: url(Medals_banner.jpeg) no-repeat center center; min-height: 465px; background-size: cover; padding-top: 15px;}

/*custom header*/ .header .nav .Achievement span,.header .nav .Achievement li:nth-of-type(2) a{ color: #FAEE0D;}

/*Content*/ .clear{clear: both;} .Content{ width: 1000px; height: 2000px; margin:auto; display: block; font-size: 13px; font-family: "Arial Regular";font-weight: bold;} .Content .Title{font-size: 25px; color: white;padding-bottom: 10px;} .Content .left{float:left;} .Content .middle{float:left;margin-left:50px;} .Content .right{float:right;} .Content img{width: 400px;height: 400px;margin:0 auto;} .Content .Tag{width: 300px;height: 185px;background:#FFD966;padding:0 10px;margin-top:20px;margin-bottom:60px;} .Content .Tag p:nth-last-of-type(1){line-height:28px;} .Gold .Tag{background:#FFD966;} .Silver .Tag{background:#F8CBAD;} .Bronze .Tag{background:#FBE5D6;} /*--1920--*/ @media only screen and (max-width: 1920px) { .header .nav .mainnav span{ padding-top: 6px; margin-bottom: 18.5px;} }