Difference between revisions of "Template:Exeter"
Line 8: | Line 8: | ||
<link href='http://fonts.googleapis.com/css?family=Ek+Mukta' rel='stylesheet' type='text/css'> | <link href='http://fonts.googleapis.com/css?family=Ek+Mukta' rel='stylesheet' type='text/css'> | ||
− | < | + | |
+ | <style type="text/css"> | ||
+ | body {background: rgb(239,239,242); margin:25px;} | ||
+ | #content {width:100%;} | ||
+ | #bodyContent {font-family: 'Ek Mukta', Verdana, sans-serif; font-size:0.9em; color: rgb(33,33,55);} | ||
+ | h1, h2, h3, h4, h5, h6 {border-bottom:none; font-weight:bold; color: rgb(33,33,55);} | ||
+ | section {text-align:justify; margin: 5px; margin-top:25px;} | ||
+ | #wrapper {margin:20px; width:97%;} | ||
+ | html, body {height: 100%;} | ||
+ | .carousel {height: 450px;} | ||
+ | .item, .active, .carousel-inner {height: 100%;} | ||
+ | .fill {width: 100%; height: 100%; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover;} | ||
+ | |||
+ | /* WIKI SETTINGS*/ | ||
+ | |||
+ | /* Hide first heading */ | ||
+ | .firstHeading { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | /*-- Remove borders, float content left and remove padding/margin */ | ||
+ | #globalWrapper, #content{ | ||
+ | background-color: transparent; | ||
+ | border: 0px; | ||
+ | float: left; | ||
+ | margin:0px; | ||
+ | padding: 0px; | ||
+ | } | ||
+ | |||
+ | /*left align Black Menu Bar */ | ||
+ | #top_menu_inside { | ||
+ | margin-left: 20px; width:100%; | ||
+ | } | ||
+ | |||
+ | |||
+ | a { | ||
+ | color:#229640 !important; | ||
+ | font-weight:bold !important; | ||
+ | } | ||
+ | a:hover { | ||
+ | color:#96C11E !important; | ||
+ | text-decoration:none !important; | ||
+ | } | ||
+ | |||
+ | nav { | ||
+ | border-bottom:none !important; | ||
+ | background-color:rgb(239,239,242); | ||
+ | } | ||
+ | /* Center the Navbar Items */ | ||
+ | .navbar .navbar-nav { | ||
+ | display:inline-block; | ||
+ | float:none; | ||
+ | vertical-align:top; | ||
+ | } | ||
+ | .navbar .navbar-collapse { | ||
+ | text-align:center; | ||
+ | margin-top:105px; | ||
+ | background-color:rgb(239,239,242); | ||
+ | } | ||
+ | .navbar-default { | ||
+ | border:none !important; | ||
+ | } | ||
+ | .navbar-fixed-top { | ||
+ | background-color:rgb(239,239,242); | ||
+ | margin-top:25px !important; | ||
+ | padding-bottom:30px !important; | ||
+ | border-bottom:#000 thin solid !important; | ||
+ | } | ||
+ | /* Nav Button Style */ | ||
+ | .dropdown-toggle { | ||
+ | color:#229640; | ||
+ | font-weight:bold; | ||
+ | } | ||
+ | .open a { | ||
+ | color:#96C11E !important; | ||
+ | text-decoration:none !important; | ||
+ | background-color:rgb(239,239,242) !important; | ||
+ | } | ||
+ | /* Dropdown Style */ | ||
+ | .dropdown-menu{ | ||
+ | min-width:1000px; | ||
+ | background-color:rgb(239,239,242); | ||
+ | border:none; | ||
+ | box-shadow:none; | ||
+ | } | ||
+ | .list-inline li a { | ||
+ | color:#229640 !important; | ||
+ | font-weight:bold; | ||
+ | padding:10px; | ||
+ | } | ||
+ | .list-inline li a:hover { | ||
+ | color:#96C11E !important; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | /* Navbar Header including Animation */ | ||
+ | .navbar-header { | ||
+ | position: absolute; | ||
+ | top: 0px; | ||
+ | left: 0px; | ||
+ | bottom:0px; | ||
+ | right:0px; | ||
+ | background-image: url(https://static.igem.org/mediawiki/2015/b/b2/Exeter_switch.png); | ||
+ | background-repeat: no-repeat; | ||
+ | background-size:auto 80px; | ||
+ | background-position:20px 5px; | ||
+ | background-color:rgb(239,239,242); | ||
+ | } | ||
+ | #collapse-button { | ||
+ | z-index:100; | ||
+ | } | ||
+ | .ribonostics { | ||
+ | position:absolute; | ||
+ | z-index:5; | ||
+ | left:100px; | ||
+ | top:10px; | ||
+ | height:100px; | ||
+ | margin-left:0px; | ||
+ | } | ||
+ | .igem { | ||
+ | margin:10px 0px 45px 0px; | ||
+ | position:absolute; | ||
+ | right:80px; | ||
+ | } | ||
+ | |||
+ | .toeholdfooter { | ||
+ | position:relative; | ||
+ | overflow:hidden; | ||
+ | margin:50px 0px 0px 20px; | ||
+ | } | ||
+ | .toeholdfooter img { | ||
+ | height:80px; | ||
+ | } | ||
+ | .sponsors img, #twitter img, #facebook img, #exeter img { | ||
+ | height:60px; | ||
+ | } | ||
+ | .sponsors, #twitter, #facebook, #exeter { | ||
+ | text-decoration:none !important; | ||
+ | display:inline-block !important; | ||
+ | } | ||
+ | #twitter, #facebook { | ||
+ | float:right; | ||
+ | margin-right:25px; | ||
+ | } | ||
+ | #exeter { | ||
+ | float:left; | ||
+ | margin-top:13px; | ||
+ | margin-left:10px; | ||
+ | } | ||
+ | |||
+ | /* For Smaller Screens */ | ||
+ | @media screen and (max-width: 768px) { | ||
+ | .dropdown-menu{ | ||
+ | min-width:auto; | ||
+ | background-color:none; | ||
+ | border:none; | ||
+ | box-shadow:none; | ||
+ | } | ||
+ | .navbar-header { | ||
+ | height:100px; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | |||
+ | /*TEAM MEMBER PAGE STYLING*/ | ||
+ | .active {display:block;} | ||
+ | .profile {display:none;} | ||
+ | .profiletown {display:block; height:700px; width:500px; margin:20px; text-align:justify;} | ||
+ | .profiletown ul {padding:0px; margin:0px;} | ||
+ | .profiletown ul li img {margin:0px 10px 10px 0px; float:left;} | ||
+ | .profiletown ul li ul {position:absolute; left:250px; width:260px;} | ||
+ | .swagville {width:700px; padding:0px; margin-right:50px; position:absolute; top:350px; left:500px; text-align:center;} | ||
+ | .swagville li {display:inline-block; margin:5px; text-decoration:none; /*background: rgb(160,198,138)*/; border:2px solid #229640; border-radius:5px; color:#229640; font-size:20px; font-weight:bold;} | ||
+ | .swagville p {margin:0px; vertical-align:top;} | ||
+ | .swagville div {padding:10px 20px 10px 20px;} | ||
+ | .swagville div:hover {/*background: rgba(188,208,116, 0.5);*/ color:#96C11E; cursor:pointer; cursor:hand;} | ||
+ | |||
+ | /*MEDAL PAGE STYLING*/ | ||
+ | .medalcontent ul {list-style-type: none !important;} | ||
+ | .medalcontent li {text-decoration: none;} | ||
+ | .bronzetitle h4 {color: rgb(178,71,0);} | ||
+ | .silvertitle h4 {color: rgb(107,107,107);} | ||
+ | .goldtitle h4 {color: rgb(230,184,0);} | ||
+ | |||
+ | </style> | ||
<div id="wrapper"> | <div id="wrapper"> |
Revision as of 13:08, 18 August 2015