Difference between revisions of "Team:Dundee/style"
| (13 intermediate revisions by the same user not shown) | |||
| Line 249: | 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 307: | Line 322: | ||
background-attachment: scroll; | 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 352: | Line 379: | ||
/** NAVBAR **/ | /** NAVBAR **/ | ||
.dropdown-header { | .dropdown-header { | ||
| − | font-size: | + | font-size: 18px; |
font-weight: 900; | font-weight: 900; | ||
color: #c1c1c1; | color: #c1c1c1; | ||
| + | text-align: center; | ||
} | } | ||
| Line 380: | Line 408: | ||
} | } | ||
| − | @media (max-width: | + | @media (max-width: 800px) { |
.navbar-logo { | .navbar-logo { | ||
display:none; | display:none; | ||
| Line 555: | Line 583: | ||
height:auto; | height:auto; | ||
width:200px; | width:200px; | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
} | } | ||
| Line 659: | 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 887: | 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 1,015: | Line 1,046: | ||
border-bottom: thin solid #FFF; | border-bottom: thin solid #FFF; | ||
margin-bottom: 50px; | margin-bottom: 50px; | ||
| + | margin-top: 20px; | ||
} | } | ||
| Line 1,084: | 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,102: | Line 1,150: | ||
background-color: #2b2b2b; | background-color: #2b2b2b; | ||
padding: 5px; | padding: 5px; | ||
| + | } | ||
| + | .intro-video { | ||
| + | width: 60%; | ||
| + | margin-top: 20px; | ||
} | } | ||
} | } | ||
Latest revision as of 22:25, 18 September 2015