Difference between revisions of "Team:Dundee/style"

 
(22 intermediate revisions by the same user not shown)
Line 133: 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 226: Line 249:
 
#header-lab {
 
#header-lab {
 
background:url(https://static.igem.org/mediawiki/2015/3/3a/Header-lab.JPG) no-repeat;
 
background:url(https://static.igem.org/mediawiki/2015/3/3a/Header-lab.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-tubes {
 +
background:url(https://static.igem.org/mediawiki/2015/1/1a/Header-tubes.JPG) no-repeat;
 
height:700px;
 
height:700px;
 
width: 100%;
 
width: 100%;
Line 254: Line 292:
 
     background-attachment: scroll;
 
     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 298: 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 326: Line 408:
 
}
 
}
  
−
@media (max-width: 767px) {
+
@media (max-width: 800px) {
 
.navbar-logo {
 
.navbar-logo {
 
display:none;
 
display:none;
Line 397: 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 470: Line 557:
 
.footer-btn {
 
.footer-btn {
 
margin-top: 40px;
 
margin-top: 40px;
−
margin-bottom: 40px;
+
margin-bottom: 30px;
 
}
 
}
  
Line 496: Line 583:
 
height:auto;
 
height:auto;
 
width:200px;
 
width:200px;
−
}
 
−
.igem-navbar {
 
−
display:none;
 
−
}
 
−
.navbar-logo {
 
−
display: none;
 
−
}
 
−
.navbar-brand {
 
−
display:none;
 
 
}
 
}
 
}
 
}
Line 600: 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 728: 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 772: Line 855:
 
.modal-body p {
 
.modal-body p {
 
color: black;
 
color: black;
 +
}
 +
 +
.modal-title a {
 +
color: blue !important;
 
}
 
}
  
Line 824: 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 889: 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 894: Line 1,046:
 
border-bottom: thin solid #FFF;
 
border-bottom: thin solid #FFF;
 
margin-bottom: 50px;
 
margin-bottom: 50px;
 +
margin-top: 20px;
 
}
 
}
  
Line 899: 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 931: Line 1,072:
 
}
 
}
  
 +
figure figcaption p {
 +
font-size: .9em !important;
 +
}
 
@media (max-width: 992px) {
 
@media (max-width: 992px) {
 
figure img {
 
figure img {
Line 937: Line 1,081:
 
padding: 5px;
 
padding: 5px;
 
}
 
}
 +
 
figure figcaption {
 
figure figcaption {
 
width: 80%;
 
width: 80%;
Line 971: Line 1,116:
 
figure figcaption {
 
figure figcaption {
 
width: 650px;
 
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;
 
text-align: center;
 
margin-left: auto;
 
margin-left: auto;
Line 990: Line 1,151:
 
padding: 5px;
 
padding: 5px;
 
}
 
}
 +
.intro-video {
 +
width: 60%;
 +
margin-top: 20px;
 +
}
 +
}
 +
 +
.btn-margin {
 +
margin-bottom: 10px;
 
}
 
}
  

Latest revision as of 22:25, 18 September 2015