Difference between revisions of "Template:Kent"
Jamesaston (Talk | contribs) |
Jamesaston (Talk | contribs) |
||
| (47 intermediate revisions by 3 users not shown) | |||
| Line 50: | Line 50: | ||
height: 100%; /* For at least Firefox */ | height: 100%; /* For at least Firefox */ | ||
min-height: 90%; | min-height: 90%; | ||
| − | background: url('https://static.igem.org/mediawiki/2015/8/ | + | background: url('https://static.igem.org/mediawiki/2015/8/8a/Team_Kent_banner18thsep.jpg') no-repeat center center fixed; |
-webkit-background-size: cover; | -webkit-background-size: cover; | ||
-moz-background-size: cover; | -moz-background-size: cover; | ||
| Line 65: | Line 65: | ||
height: 100%; /* For at least Firefox */ | height: 100%; /* For at least Firefox */ | ||
min-height: 100%; | min-height: 100%; | ||
| − | background: url('https://static.igem.org/mediawiki/2015/6/ | + | background: url('https://static.igem.org/mediawiki/2015/0/0d/Team_Kent_igem58.jpg') no-repeat center center fixed; |
| + | -webkit-background-size: cover; | ||
| + | -moz-background-size: cover; | ||
| + | -o-background-size: cover; | ||
| + | background-size: cover; | ||
| + | padding: 0px; | ||
| + | margin: 0px; | ||
| + | } | ||
| + | .site-wrapper-sub-2 { | ||
| + | display: table; | ||
| + | width: 100%; | ||
| + | height: 100%; /* For at least Firefox */ | ||
| + | min-height: 100%; | ||
| + | background: url('https://static.igem.org/mediawiki/2015/6/68/Team_Kent_igem50.jpg') no-repeat center center fixed; | ||
-webkit-background-size: cover; | -webkit-background-size: cover; | ||
-moz-background-size: cover; | -moz-background-size: cover; | ||
| Line 73: | Line 86: | ||
margin: 0px; | margin: 0px; | ||
} | } | ||
| − | |||
.site-wrapper-sub-team { | .site-wrapper-sub-team { | ||
| Line 98: | Line 110: | ||
height: 6%; | height: 6%; | ||
} | } | ||
| + | |||
| + | .notesideimage{ | ||
| + | width="20%" | ||
| + | } | ||
| Line 104: | Line 120: | ||
display: block; | display: block; | ||
position: relative; | position: relative; | ||
| − | top: - | + | top: -70px; |
visibility: hidden; | visibility: hidden; | ||
} | } | ||
| Line 124: | Line 140: | ||
margin-bottom: auto; | margin-bottom: auto; | ||
background-color: #fff; | background-color: #fff; | ||
| − | font-family: | + | font-family: Tahoma, Geneva, sans-serif; !important |
} | } | ||
#body{ | #body{ | ||
| Line 135: | Line 151: | ||
margin-bottom: auto; | margin-bottom: auto; | ||
background-color: #fff; | background-color: #fff; | ||
| − | font-family: | + | font-family: Tahoma, Geneva, sans-serif; !important |
} | } | ||
/* Creates the container for the content */ | /* Creates the container for the content */ | ||
| Line 147: | Line 163: | ||
background-color: #fff; | background-color: #fff; | ||
border-top: 0px; | border-top: 0px; | ||
| − | font-family: | + | font-family: Tahoma, Geneva, sans-serif; !important |
} | } | ||
| + | |||
| + | .modelbody { | ||
| + | background-color: #f4f4f4 | ||
| + | } | ||
| + | |||
/*Set up height place holder for the banner*/ | /*Set up height place holder for the banner*/ | ||
#bannerContainer { | #bannerContainer { | ||
| Line 167: | Line 188: | ||
border-top: none; | border-top: none; | ||
| − | font-family: | + | font-family: Tahoma, Geneva, sans-serif; !important |
} | } | ||
/*VISUAL STYLE (TABLES, FONTS, LINKS, IMAGES, UL) */ | /*VISUAL STYLE (TABLES, FONTS, LINKS, IMAGES, UL) */ | ||
| Line 180: | Line 201: | ||
border-bottom: none; | border-bottom: none; | ||
font-weight: bold; | font-weight: bold; | ||
| − | font-family: | + | font-family: Tahoma, Geneva, sans-serif; !important |
margin-top:10px; | margin-top:10px; | ||
| + | |||
} | } | ||
/*Style of the links - links are different inside the menu */ | /*Style of the links - links are different inside the menu */ | ||
| Line 242: | Line 264: | ||
} | } | ||
| − | .slider{ | + | <!------.slider{ |
position: relative; | position: relative; | ||
| − | width: | + | width: 300px; |
| − | height: | + | height: 300px; |
margin: auto; | margin: auto; | ||
overflow: hidden; | overflow: hidden; | ||
| Line 271: | Line 293: | ||
background-color:black; | background-color:black; | ||
top: 0px; | top: 0px; | ||
| − | left: | + | left: 300px; |
| − | width: | + | width: 300px; |
height: 100%; | height: 100%; | ||
opacity: 0.5; | opacity: 0.5; | ||
| Line 289: | Line 311: | ||
.slider .slider_imgs div{ | .slider .slider_imgs div{ | ||
float: left; | float: left; | ||
| − | width: | + | width: 300px; |
| − | height: | + | height: 300px; |
} | } | ||
.slider .slider_imgs #slide1{ | .slider .slider_imgs #slide1{ | ||
| Line 307: | Line 329: | ||
.slider .slider_imgs #slide4{ | .slider .slider_imgs #slide4{ | ||
float: left; | float: left; | ||
| − | } | + | } ------> |
| + | @media screen and (max-width: 1024px) { | ||
| + | .sidecontents{ | ||
| + | position:none; !important | ||
| + | } | ||
| + | } | ||
| + | |||
@media (max-width: 1200px){ | @media (max-width: 1200px){ | ||
| Line 321: | Line 349: | ||
background-attachment: scroll !important; | background-attachment: scroll !important; | ||
} | } | ||
| + | } | ||
| + | |||
| + | @media (max-width: 767px) { | ||
| + | .hidden-xs { | ||
| + | display: none !important; | ||
| + | } | ||
| + | } | ||
| + | @media (min-width: 768px) and (max-width: 991px) { | ||
| + | .hidden-sm { | ||
| + | display: none !important; | ||
| + | } | ||
| + | } | ||
| + | @media (min-width: 992px) and (max-width: 1199px) { | ||
| + | .hidden-md { | ||
| + | display: none !important; | ||
| + | } | ||
| + | } | ||
| + | @media (min-width: 1200px) { | ||
| + | .hidden-lg { | ||
| + | display: none !important; | ||
| + | } | ||
} | } | ||
Latest revision as of 18:15, 18 September 2015