Difference between revisions of "Team:Dundee/style"

 
(35 intermediate revisions by the same user not shown)
Line 4: Line 4:
  
 
/* hiding the top section*/
 
/* hiding the top section*/
−
 
−
 
  
 
#top-section{
 
#top-section{
Line 135: Line 133:
 
color:#FFF;
 
color:#FFF;
 
font-size: 25px;
 
font-size: 25px;
 +
}
 +
 +
body h1 {
 +
color: #339966;
 +
padding-top: -15px;
 +
}
 +
 +
body h2 {
 +
color: #339966;
 +
margin-top: -20px;
 +
    padding-top: -15px;
 +
}
 +
 +
body h4 {
 +
color: #339966;
 +
}
 +
 +
.container h3 {
 +
color: #339966;
 +
}
 +
 +
.container li {
 +
color: #e9e9e9;
 
}
 
}
  
Line 148: Line 169:
 
@font-face {
 
@font-face {
 
font-family: roboto;
 
font-family: roboto;
−
src: url(../fonts/RobotoSlab-Light.ttf) format('truetype');
+
src: url('https://static.igem.org/mediawiki/2015/4/41/RobotoSlab-Light.ttf') format('truetype');
 
}
 
}
  
Line 241: Line 262:
 
     background-attachment: scroll;
 
     background-attachment: scroll;
 
}
 
}
−
 
+
#header-tubes {
 +
background:url(https://static.igem.org/mediawiki/2015/1/1a/Header-tubes.JPG) no-repeat;
 +
height:700px;
 +
width: 100%;
 +
margin: auto;
 +
padding-top:50px;
 +
color: #fff;
 +
background-position: center center;
 +
-webkit-mask-image: -webkit-gradient(linear, left 80%, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
 +
-webkit-background-size: cover;
 +
    -moz-background-size: cover;
 +
    background-size: cover;
 +
    -o-background-size: cover;
 +
    background-attachment: scroll;
 +
}
 +
#header-purify {
 +
background:url(https://static.igem.org/mediawiki/2015/6/60/Header-purify.JPG) no-repeat;
 +
height:700px;
 +
width: 100%;
 +
margin: auto;
 +
padding-top:50px;
 +
color: #fff;
 +
background-position: center center;
 +
-webkit-mask-image: -webkit-gradient(linear, left 80%, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
 +
-webkit-background-size: cover;
 +
    -moz-background-size: cover;
 +
    background-size: cover;
 +
    -o-background-size: cover;
 +
    background-attachment: scroll;
 +
}
 +
#header-fingerprint {
 +
background:url(https://static.igem.org/mediawiki/2015/8/8f/Ft-fingerprint.JPG) no-repeat;
 +
height:700px;
 +
width: 100%;
 +
margin: auto;
 +
padding-top:50px;
 +
color: #fff;
 +
background-position: center center;
 +
-webkit-mask-image: -webkit-gradient(linear, left 80%, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
 +
-webkit-background-size: cover;
 +
    -moz-background-size: cover;
 +
    background-size: cover;
 +
    -o-background-size: cover;
 +
    background-attachment: scroll;
 +
}
 +
#header-ethics {
 +
background:url(https://static.igem.org/mediawiki/2015/2/2b/Header-ethics.jpg) no-repeat;
 +
height:700px;
 +
width: 100%;
 +
margin: auto;
 +
padding-top:50px;
 +
color: #fff;
 +
background-position: center center;
 +
-webkit-mask-image: -webkit-gradient(linear, left 80%, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
 +
-webkit-background-size: cover;
 +
    -moz-background-size: cover;
 +
    background-size: cover;
 +
    -o-background-size: cover;
 +
    background-attachment: scroll;
 +
}
 +
#header-bottles {
 +
background:url(https://static.igem.org/mediawiki/2015/0/06/Header-bottles.JPG) no-repeat;
 +
height:700px;
 +
width: 100%;
 +
margin: auto;
 +
padding-top:50px;
 +
color: #fff;
 +
background-position: center center;
 +
-webkit-mask-image: -webkit-gradient(linear, left 80%, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
 +
-webkit-background-size: cover;
 +
    -moz-background-size: cover;
 +
    background-size: cover;
 +
    -o-background-size: cover;
 +
    background-attachment: scroll;
 +
}
 
highlight {
 
highlight {
 
     background-color: black;
 
     background-color: black;
Line 284: Line 379:
 
/** NAVBAR **/
 
/** NAVBAR **/
 
.dropdown-header {
 
.dropdown-header {
−
font-size: 16px;
+
font-size: 18px;
 
font-weight: 900;
 
font-weight: 900;
 
color: #c1c1c1;
 
color: #c1c1c1;
 +
text-align: center;
 
}
 
}
  
Line 312: Line 408:
 
}
 
}
  
−
@media (max-width: 767px) {
+
@media (max-width: 800px) {
 
.navbar-logo {
 
.navbar-logo {
 
display:none;
 
display:none;
Line 383: Line 479:
 
}
 
}
  
 +
#about .col-lg-3:hover .glyphicon {
 +
border: 1px solid transparent;
 +
background: #E8E8E8;
 +
color: #585858;
 +
}
 
#about2 {
 
#about2 {
 
padding-top: 180px;
 
padding-top: 180px;
Line 452: Line 553:
 
font-weight: 100;
 
font-weight: 100;
 
width: 100%;
 
width: 100%;
 +
}
 +
 +
.footer-btn {
 +
margin-top: 40px;
 +
margin-bottom: 30px;
 
}
 
}
  
Line 472: Line 578:
 
width:60%;
 
width:60%;
 
}
 
}
−
@media (max-width: 992px) {
+
@media (max-width: 900px) {
 
#sponsor-logo {
 
#sponsor-logo {
 
padding-top: 15px;
 
padding-top: 15px;
 
height:auto;
 
height:auto;
 
width:200px;
 
width:200px;
−
}
 
−
.igem-navbar {
 
−
display:none;
 
−
}
 
−
.navbar-logo {
 
−
display: none;
 
−
}
 
−
.navbar-brand {
 
−
display:none;
 
 
}
 
}
 
}
 
}
Line 498: Line 595:
 
margin-left: auto;
 
margin-left: auto;
 
}
 
}
 +
.pull-right {
 +
display: none;
 +
}
 
#about .row .col-md-3 {
 
#about .row .col-md-3 {
 
margin-bottom: 30px;
 
margin-bottom: 30px;
Line 578: Line 678:
 
.border, .border-week, .border-day {
 
.border, .border-week, .border-day {
 
border: 2px solid gray;
 
border: 2px solid gray;
 +
}
 +
 +
.border {
 +
margin-top: 5px;
 +
margin-bottom: 5px;
 
}
 
}
  
Line 706: Line 811:
 
}
 
}
 
.row1, .row2, .row3, .row4, .row5, .row6 {
 
.row1, .row2, .row3, .row4, .row5, .row6 {
−
padding-top: 10px;
+
margin-top: 10px;
−
padding-bottom:10px;
+
margin-bottom:10px;
−
padding-left:30px;
+
margin-left:30px;
−
padding-right:20px;
+
margin-right:20px;
 
background-color: transparent;
 
background-color: transparent;
 
}
 
}
Line 750: Line 855:
 
.modal-body p {
 
.modal-body p {
 
color: black;
 
color: black;
 +
}
 +
 +
.modal-title a {
 +
color: blue !important;
 
}
 
}
  
Line 802: Line 911:
 
.navbar-logo {
 
.navbar-logo {
 
display: none;
 
display: none;
 +
}
 +
.igem-navbar {
 +
display:none;
 
}
 
}
 
.navbar-brand {
 
.navbar-brand {
 
padding: 15px 5px;
 
padding: 15px 5px;
 +
}
 +
.intro-video {
 +
width: 80%;
 +
margin-top: 20px;
 
}
 
}
 
}
 
}
Line 867: Line 983:
 
     background-attachment: scroll;
 
     background-attachment: scroll;
 
}
 
}
 +
 +
.splash-duran {
 +
background: url(https://static.igem.org/mediawiki/2015/6/68/Splash-duran.JPG) no-repeat;
 +
height:300px;
 +
width: 100%;
 +
margin: auto;
 +
padding-top:50px;
 +
color: #fff;
 +
background-position: center center;
 +
-webkit-background-size: cover;
 +
    -moz-background-size: cover;
 +
    background-size: cover;
 +
    -o-background-size: cover;
 +
    background-attachment: scroll;
 +
}
 +
.splash-tank {
 +
background: url(https://static.igem.org/mediawiki/2015/8/8f/Splash-tank.JPG) no-repeat;
 +
height:300px;
 +
width: 100%;
 +
margin: auto;
 +
padding-top:50px;
 +
color: #fff;
 +
background-position: center center;
 +
-webkit-background-size: cover;
 +
    -moz-background-size: cover;
 +
    background-size: cover;
 +
    -o-background-size: cover;
 +
    background-attachment: scroll;
 +
}
 +
.splash-pour {
 +
background: url(https://static.igem.org/mediawiki/2015/f/f5/Splash-pour.JPG) no-repeat;
 +
height:300px;
 +
width: 100%;
 +
margin: auto;
 +
padding-top:50px;
 +
color: #fff;
 +
background-position: center center;
 +
-webkit-background-size: cover;
 +
    -moz-background-size: cover;
 +
    background-size: cover;
 +
    -o-background-size: cover;
 +
    background-attachment: scroll;
 +
}
 +
.splash-incubator {
 +
background: url(https://static.igem.org/mediawiki/2015/2/2e/Splash-incubator.JPG) no-repeat;
 +
height:300px;
 +
width: 100%;
 +
margin: auto;
 +
padding-top:50px;
 +
color: #fff;
 +
background-position: center center;
 +
-webkit-background-size: cover;
 +
    -moz-background-size: cover;
 +
    background-size: cover;
 +
    -o-background-size: cover;
 +
    background-attachment: scroll;
 +
}
 +
  
 
.page-break {
 
.page-break {
Line 872: Line 1,046:
 
border-bottom: thin solid #FFF;
 
border-bottom: thin solid #FFF;
 
margin-bottom: 50px;
 
margin-bottom: 50px;
 +
margin-top: 20px;
 
}
 
}
  
Line 877: Line 1,052:
 
text-align: center;
 
text-align: center;
 
}
 
}
−
 
−
body h1 {
 
−
color: #339966;
 
−
padding-top: -15px;
 
−
}
 
−
 
−
body h2 {
 
−
color: #339966;
 
−
margin-top: -20px;
 
−
    padding-top: -15px;
 
−
}
 
−
 
 
/** END OF PAGE BREAKING IMAGES**/
 
/** END OF PAGE BREAKING IMAGES**/
  
Line 902: Line 1,065:
  
 
/** END OF SEQUENCES **/
 
/** END OF SEQUENCES **/
 +
 +
/** FIGURE STYLES **/
 +
 +
figure {
 +
margin-bottom: 20px;
 +
}
 +
 +
figure figcaption p {
 +
font-size: .9em !important;
 +
}
 +
@media (max-width: 992px) {
 +
figure img {
 +
width: 80%;
 +
background-color: #2b2b2b;
 +
padding: 5px;
 +
}
 +
 +
figure figcaption {
 +
width: 80%;
 +
text-align: center;
 +
margin-left: auto;
 +
margin-right: auto;
 +
background-color: #2b2b2b;
 +
padding: 5px;
 +
}
 +
figure1 img {
 +
width: 80%;
 +
background-color: #2b2b2b;
 +
padding: 5px;
 +
}
 +
figure1 figcaption {
 +
width: 80%;
 +
text-align: center;
 +
margin-left: auto;
 +
margin-right: auto;
 +
background-color: #2b2b2b;
 +
padding: 5px;
 +
}
 +
}
 +
 +
@media (min-width: 993px) {
 +
figure img {
 +
width: 650px;
 +
text-align: center;
 +
margin-left: auto;
 +
margin-right: auto;
 +
background-color: #2b2b2b;
 +
padding: 10px;
 +
}
 +
figure figcaption {
 +
width: 650px;
 +
text-align: center;
 +
margin-left: auto;
 +
margin-right: auto;
 +
background-color: #2b2b2b;
 +
padding: 10px;
 +
}
 +
.col-md-6 figure img {
 +
width: 100%;
 +
text-align: center;
 +
margin-left: auto;
 +
margin-right: auto;
 +
background-color: #2b2b2b;
 +
padding: 10px;
 +
}
 +
.col-md-6 figure figcaption {
 +
width:100%;
 +
text-align: center;
 +
margin-left: auto;
 +
margin-right: auto;
 +
background-color: #2b2b2b;
 +
padding: 10px;
 +
}
 +
figure1 img {
 +
width: 30%;
 +
background-color: #2b2b2b;
 +
padding: 5px;
 +
}
 +
figure1 figcaption {
 +
width: 30%;
 +
text-align: center;
 +
margin-left: auto;
 +
margin-right: auto;
 +
background-color: #2b2b2b;
 +
padding: 5px;
 +
}
 +
.intro-video {
 +
width: 60%;
 +
margin-top: 20px;
 +
}
 +
}
 +
 +
.btn-margin {
 +
margin-bottom: 10px;
 +
}
 +
 +
/** END OF FIGURE STYLES **/
  
 
</style>
 
</style>
 
</html>
 
</html>

Latest revision as of 22:25, 18 September 2015