Difference between revisions of "Team:Exeter/stylesheet.css"

(Blanked the page)
Line 1: Line 1:
 +
#content {width:100%;}
 +
#bodyContent {font-family: 'Ek Mukta', Verdana, sans-serif; font-size:0.9em; color: rgb(33,33,55);}
 +
body {background: rgb(239,239,242); margin:25px;}
 +
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);}

Revision as of 12:37, 18 August 2015

  1. content {width:100%;}
  2. bodyContent {font-family: 'Ek Mukta', Verdana, sans-serif; font-size:0.9em; color: rgb(33,33,55);}

body {background: rgb(239,239,242); margin:25px;} 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;}

  1. 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(Exeter_switch.png);
 background-repeat: no-repeat;
 background-size:auto 80px;
 background-position:20px 5px;
 background-color:rgb(239,239,242);

}

  1. 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; }

  1. twitter, #facebook {

float:right; margin-right:25px; }

  1. 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);}