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

Line 1: Line 1:
−
body {
+
#content {width:100%;}
−
background: #fff;
+
#bodyContent {font-family: 'Ek Mukta', Verdana, sans-serif; font-size:1.1em; color: rgb(33,33,55);}
−
}
+
body {background: rgb(239,239,242);}
 +
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:95%;}
  
−
ul {
+
/*NAV BAR STYLING*/
−
align: center;
+
.toehold {position:absolute; z-index:0; left:20px; top:5px; height:80px; margin-left:0px;}
−
}
+
.ribonostics {position:absolute; z-index:5; left:100px; top:10px; height:100px; margin-left:0px;}
 +
.navbar {background: rgb(239,239,242); border:none;}
 +
.navbar-fixed-top {border-bottom:#666 1px solid !important; height:70px !important;}
 +
nav {align:center;}
 +
nav ul {display:table-cell; vertical-align:middle; width:100%;}
 +
nav ul li {display:table-cell; vertical-align:middle; padding-bottom:0px; color:rgb(217,235,205);}
 +
nav ul li a {display:block; padding:10px; text-decoration:none; padding-left:30px;}
 +
.button {width:50px;}
 +
.button a {color:#229640; text-decoration:none; font-size:18px; font-weight:bold; font-family:'Ek Mukta', Century Gothic, Courier, monospace; text-align:center;}
 +
.button a:hover {color:#96C11E;}
 +
ul {padding:0px;}
 +
/*DROPDOWN STYLING*/
 +
.button ul {display:none; position:absolute; padding:0px; top:30px;}
 +
.button ul li a {font-size:15px; color:#229640;}
 +
.button ul li {float:left;}
 +
.button:hover ul {display:block; width:auto;}
 +
.button ul a:hover {color:#96C11E;}
  
−
.nav li {
+
/*FOOTER STYLING*/
−
display: inline;
+
footer ul {width:100%;}
−
text-decoration: none;
+
footer {background:#efeff2; display:table; table-layout:fixed;}
−
font-size: 30px;
+
footer ul {display:table-cell; vertical-align:middle;}
−
font-family: Impact, serif;
+
footer ul li {display:table-cell; vertical-align:middle; padding-bottom:0px; color:rgb(33,33,55)}
−
}
+
footer ul li a {display:block; padding:10px; text-decoration:none;}
 +
footer {clear:both;}
 +
.toeholdfooter {/*position:absolute;*/ z-index:0; left:25px; top:45px; height:80px; margin-left:10px;}
 +
.sponsors{padding-right:15px; padding-top:10px; padding-bottom:10px; float:center;}
  
−
.tail li {
+
html, body {height: 100%;}
−
display: inline;
+
.carousel {height: 450px;}
−
text-decoration: none;
+
.item, .active, .carousel-inner {height: 100%;}
−
font-size: 30px;
+
.fill {width: 100%; height: 100%; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover;}
−
font-family: Impact, serif;
+
−
}
+
  
−
.tail {
+
/* WIKI SETTINGS*/
−
clear: both;
+
−
align: center;
+
/* 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%;
 +
}

Revision as of 11:49, 10 August 2015

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

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

/*NAV BAR STYLING*/ .toehold {position:absolute; z-index:0; left:20px; top:5px; height:80px; margin-left:0px;} .ribonostics {position:absolute; z-index:5; left:100px; top:10px; height:100px; margin-left:0px;} .navbar {background: rgb(239,239,242); border:none;} .navbar-fixed-top {border-bottom:#666 1px solid !important; height:70px !important;} nav {align:center;} nav ul {display:table-cell; vertical-align:middle; width:100%;} nav ul li {display:table-cell; vertical-align:middle; padding-bottom:0px; color:rgb(217,235,205);} nav ul li a {display:block; padding:10px; text-decoration:none; padding-left:30px;} .button {width:50px;} .button a {color:#229640; text-decoration:none; font-size:18px; font-weight:bold; font-family:'Ek Mukta', Century Gothic, Courier, monospace; text-align:center;} .button a:hover {color:#96C11E;} ul {padding:0px;} /*DROPDOWN STYLING*/ .button ul {display:none; position:absolute; padding:0px; top:30px;} .button ul li a {font-size:15px; color:#229640;} .button ul li {float:left;} .button:hover ul {display:block; width:auto;} .button ul a:hover {color:#96C11E;}

/*FOOTER STYLING*/ footer ul {width:100%;} footer {background:#efeff2; display:table; table-layout:fixed;} footer ul {display:table-cell; vertical-align:middle;} footer ul li {display:table-cell; vertical-align:middle; padding-bottom:0px; color:rgb(33,33,55)} footer ul li a {display:block; padding:10px; text-decoration:none;} footer {clear:both;} .toeholdfooter {/*position:absolute;*/ z-index:0; left:25px; top:45px; height:80px; margin-left:10px;} .sponsors{padding-right:15px; padding-top:10px; padding-bottom:10px; float:center;}

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%; }