Difference between revisions of "Team:SSTi-SZGD/css/Entrepreneurship"
YuhangYang (Talk | contribs) (Created page with ".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...") |
YuhangYang (Talk | contribs) (final) |
||
| Line 1: | Line 1: | ||
| − | .Banner{ | + | .Banner{ width: 100%; height: 400px; background: url(https://static.igem.org/mediawiki/2018/a/a9/T--SSTi-SZGD--banner_Entrepreneurship.png) no-repeat center center; background-size: 40%; margin: 100px 0 0 0;} |
| − | + | ||
.Content{ font-size: 1.6rem; margin-bottom: 100px; margin: auto; float: none;} | .Content{ font-size: 1.6rem; margin-bottom: 100px; margin: auto; float: none;} | ||
.Content .content{ padding: 0 15px;} | .Content .content{ padding: 0 15px;} | ||
| Line 21: | Line 20: | ||
.Content .BMC table td p{ font-weight: 600; text-align: center;} | .Content .BMC table td p{ font-weight: 600; text-align: center;} | ||
.PDF{ float: none; margin: auto;} | .PDF{ float: none; margin: auto;} | ||
| − | .Mpdf{ display: none;} | + | .Mpdf{ display: none;} |
.Content .Ctable .table-responsive{ margin-top: 50px;} | .Content .Ctable .table-responsive{ margin-top: 50px;} | ||
.Content .Ctable .table-bordered{ border: none;} | .Content .Ctable .table-bordered{ border: none;} | ||
| Line 42: | Line 41: | ||
@media only screen and (max-width: 767px) { | @media only screen and (max-width: 767px) { | ||
| − | . | + | .Banner{ background-size: 60%;} |
| − | + | } | |
| + | |||
| + | @media only screen and (max-width: 992px) { | ||
| + | .Banner{ margin: 100px 0 0 0;} | ||
} | } | ||
Latest revision as of 03:01, 7 November 2018
.Banner{ width: 100%; height: 400px; background: url(
) no-repeat center center; background-size: 40%; margin: 100px 0 0 0;}
.Content{ font-size: 1.6rem; margin-bottom: 100px; margin: auto; float: none;}
.Content .content{ padding: 0 15px;}
.Content .title{ font-size: 3rem; font-weight: 600; margin: 5% 0 10px 0;}
.Content .title span{ background: #ff6a76; color: #fff; border-radius: 30px; padding: 5px 40px; display: inline-block; text-align: center;}
.Content .subtitle{ font-size: 2rem; color: #ff6a76; margin-top: 15px;}
.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{ float: none; margin: 15px auto; color: #ff6a76; font-weight: 600; text-align: center;}
.Content .img img{ width: 100%;}
.Content sup{ font-weight: 600;}
.Content p span{ font-weight: 600;}
.Reference P:nth-of-type(1) span{ text-align: center; font-size: 2.6rem;}
.Reference P:nth-of-type(1) span:nth-of-type(2n-1){ border-top: 1px solid #ff6a76; margin: 18px 0;}
.table-responsive{ border: none;}
.Content .BMC table{ border: none; border-collapse: separate; border-spacing: 15px;}
.Content .BMC table td{ border-radius: 10px; box-shadow: rgba(0,0,0,0.38) 0px 0px 10px 0; text-align: left;}
.Content .BMC table td p{ font-weight: 600; text-align: center;}
.PDF{ float: none; margin: auto;}
.Mpdf{ display: none;}
.Content .Ctable .table-responsive{ margin-top: 50px;}
.Content .Ctable .table-bordered{ border: none;}
.Content .Ctable th{ background: #ff6a76; color: #fff;}
.Content .Ctable td{ border: none; background: #f7f9f6}
.Content .Dcontent{ background: #ffd4d7; padding: 15px; border-radius: 10px; display: none;}
.Marketing img{ cursor: pointer;}
.Content .card_title div{ padding: 0; background: #fff;}
.Content .card_title div:nth-of-type(n+2){ padding-left: 15px;}
.Content .card_title div:nth-of-type(4){ float: right;}
.Content .card_title span{ display: inline-block; width: 100%; text-align: center; background: #FF979E; padding: 5px 10px; border-radius: 10px; color: #fff; font-size: 2rem; cursor: pointer;}
.Content .card_title div.active span{ border-radius: 10px 10px 0 0; padding-bottom: 5px; font-size: 2.4rem;}
.Content .card_content{ background: #FF979E; padding: 10px 15px; border-radius: 0 10px 10px 10px;}
.Content .card_content .card{ display: none;}
.Content .card_content .card:nth-of-type(1){ display: block;}
.Marketing.Ctable table{ text-align: center;}
.Marketing.Ctable th{ text-align: center; border: 1px solid #fff; background: #ffd4d7; color: #333;}
.Marketing.Ctable td{ border: 1px solid #fff;}
.Content table tr th{ vertical-align: middle;}
@media only screen and (max-width: 767px) { .Banner{ background-size: 60%;} }
@media only screen and (max-width: 992px) { .Banner{ margin: 100px 0 0 0;} }