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

Line 25: Line 25:
  
 
@media only screen and (max-width: 767px) {
 
@media only screen and (max-width: 767px) {
−
.Banner{ background-size: 60%;}
 
 
.Content .Stitle{ height: 280px; font-size: 2rem;}
 
.Content .Stitle{ height: 280px; font-size: 2rem;}
−
}
 
−
 
−
@media only screen and (max-width: 992px) {
 
−
.Banner{ margin: 100px 0 0 0;}
 
 
}
 
}
  

Revision as of 00:46, 18 October 2018

.Banner{ text-align: center; padding: 10% 0;} .Banner img{ margin: auto; float: none;} .Content{ font-size: 1.6rem; margin-bottom: 100px; margin: auto; float: none;} .Content .content{ padding: 30px 0px;} .Content .title{ font-size: 3rem; font-weight: 600; margin: 10px 0;} .Content .Ctitle{ background: #ffbfff; color: #fff; border-radius: 30px; padding: 5px 40px; font-size: 3rem; font-weight: 600; margin: 10px 0; text-align: center; position: absolute; top: -40px; left: 20px;} .Content .title span{ background: #ffbfff; color: #fff; border-radius: 30px; padding: 5px 40px; display: inline-block; text-align: center;} .Content .subtitle{ font-size: 2rem; color: #ffbfff; margin-top: 15px;} .Content section{ margin: 100px auto; float: none; position: relative; border: 5px solid #ffbfff; border-radius: 10px;} .Content li{ float: none; display: list-item;} .Content ol li{ list-style: decimal; margin-left: 25px;} .Content .img{ color: #ffbfff; font-weight: 600; text-align: center; margin: 15px 0} .Content .Aimg,.Content .Cimg{ float: none; margin: 15px auto;} .Content .Simg{ width: 20%; display: inline-block; position: absolute; top: -30px; left: 30px; padding: 0 15px; background: #fff;} .Content .img img,.Content .Cimg img{ border-radius: 10px; box-shadow: rgba(0,0,0,0.38) 0px 0px 10px 0;} .Content .Stitle{ border: 5px solid #ffbfff; border-radius: 15px; margin: 15px 0; padding: 0; box-shadow: rgba(0,0,0,0.38) 0px 0px 10px 0;} .Content .Stitle p:nth-of-type(1){ margin: 0; background: #ffbfff; color: #fff; padding: 5px 0; text-align: center;} .Content .Stitle p:nth-of-type(2){ padding: 15px; color: #333; text-align: justify; font-weight: normal;} .Content img{ width: 100%;} .Content sup{ font-weight: 600;} .Content p span{ font-weight: 600;} .Content .Overview{ font-size: 2rem; float: none; margin: auto;} .Content .Microneedle .Stitle{ height: auto; font-size: 2rem;}


@media only screen and (max-width: 767px) { .Content .Stitle{ height: 280px; font-size: 2rem;} }

@media only screen and (min-width: 768px) { .Content .Stitle{ height: 187.5px; font-size: 1.4rem;} .Content .sponsor_SCS .Stitle{ font-size: 1.3rem;} }

@media only screen and (min-width: 992px) { .Content .Stitle{ height: 256.23px; font-size: 2rem;} .Content .sponsor_SCS .Stitle{ font-size: 1.8rem;} }

@media only screen and (min-width: 1200px) { .Content .Stitle{ height: 318.75px; font-size: 2.6rem;} }