Difference between revisions of "Team:Dundee/style"

 
(16 intermediate revisions by the same user not shown)
Line 152: Line 152:
 
.container h3 {
 
.container h3 {
 
color: #339966;
 
color: #339966;
 +
}
 +
 +
.container li {
 +
color: #e9e9e9;
 
}
 
}
  
Line 245: 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 273: 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 317: 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 345: Line 408:
 
}
 
}
  
−
@media (max-width: 767px) {
+
@media (max-width: 800px) {
 
.navbar-logo {
 
.navbar-logo {
 
display:none;
 
display:none;
Line 520: Line 583:
 
height:auto;
 
height:auto;
 
width:200px;
 
width:200px;
−
}
 
−
.igem-navbar {
 
−
display:none;
 
−
}
 
−
.navbar-logo {
 
−
display: none;
 
−
}
 
−
.navbar-brand {
 
−
display:none;
 
 
}
 
}
 
}
 
}
Line 624: 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 852: 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 919: Line 985:
  
 
.splash-duran {
 
.splash-duran {
−
background: url(../reports/img/splash-duran.jpg) no-repeat;
+
background: url(https://static.igem.org/mediawiki/2015/6/68/Splash-duran.JPG) no-repeat;
 
height:300px;
 
height:300px;
 
width: 100%;
 
width: 100%;
Line 933: Line 999:
 
}
 
}
 
.splash-tank {
 
.splash-tank {
−
background: url(../reports/img/splash-tank.jpg) no-repeat;
+
background: url(https://static.igem.org/mediawiki/2015/8/8f/Splash-tank.JPG) no-repeat;
 
height:300px;
 
height:300px;
 
width: 100%;
 
width: 100%;
Line 947: Line 1,013:
 
}
 
}
 
.splash-pour {
 
.splash-pour {
−
background: url(../reports/img/splash-pour.jpg) no-repeat;
+
background: url(https://static.igem.org/mediawiki/2015/f/f5/Splash-pour.JPG) no-repeat;
 
height:300px;
 
height:300px;
 
width: 100%;
 
width: 100%;
Line 961: Line 1,027:
 
}
 
}
 
.splash-incubator {
 
.splash-incubator {
−
background: url(../reports/img/splash-incubator.jpg) no-repeat;
+
background: url(https://static.igem.org/mediawiki/2015/2/2e/Splash-incubator.JPG) no-repeat;
 
height:300px;
 
height:300px;
 
width: 100%;
 
width: 100%;
Line 980: Line 1,046:
 
border-bottom: thin solid #FFF;
 
border-bottom: thin solid #FFF;
 
margin-bottom: 50px;
 
margin-bottom: 50px;
 +
margin-top: 20px;
 
}
 
}
  
Line 1,049: 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 1,068: 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