"
Team:Dundee/stylesheet
From 2014.igem.org
| Line 242: | Line 242: | ||
#showContent h1{ | #showContent h1{ | ||
font-family: 'Special Elite', cursive; | font-family: 'Special Elite', cursive; | ||
| - | |||
} | } | ||
Revision as of 13:45, 8 August 2014
/* OVER RIDE IGEM CSS */
#globalWrapper{
font-size:14px;
}
#content{
width:auto;
}
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
display:none;}
#top-section {
border: none;
height: 0px;}
#content {
border: none;}
/* MediaWiki Top Menu
#menubar {
font-size: 65%;
top: -14px;
display:none;
}
.left-menu:hover {
background-color: transparent;}
#menubar li a {
background-color: transparent;}
#menubar:hover {
color: white;}
#menubar li a {
color: transparent;}
#menubar:hover li a {
color: white;}
#previewnote {
display:none;
}
- /
- menubar {
position: fixed; white-space: nowrap; width: 400px; z-index: 5; font-family: sans-serif; font-size: 95%; line-height: 1em; margin-top:58px; //padding-left: 9%;
}
.left-menu, .left-menu a {
left: 0px; text-align: left; color:transparent; text-transform: lowercase;
}
.left-menu:hover {
color: white; background-color: transparent;
} .right-menu, .right-menu a {
right: 0px; text-align: right; color: white;
}
- menubar ul {
color: #555555; list-style: none; background-color:#727272;
}
- menubar li {
display: inline; position: relative; cursor: pointer; padding-left: 0px; padding-right: 0px;
} .left-menu li a {
padding: 0px 10px 0px 0px; color:white;
} .left-menu .selected {
- color: white;
}
- .left-menu .selected:hover {
- color: #5555FF;
- }
.left-menu:hover a {
color: white;
} .right-menu li {
- background-color: transparent;
} .right-menu li a {
background-color: transparent;
} .right-menu li a:hover {
color: #aaaaff; text-decoration: underline;
}
#bodyContent{
background: none;
}
- bodyContent a[href^="https://"], .link-https {
background: none; padding-right: none;
}
/* Sticky footer styles
-------------------------------------------------- */
/* Wrapper for page content to push down footer */
#wrap {
min-height: 100%;
height: auto !important;
height: 100%;
/* Negative indent footer by it's height */
margin: 0 auto -60px;
}
/* Set the fixed height of the footer here */
#push,
#footer {
height: 60px;
}
#footer {
/*background-color: #f5f5f5;*/
text-align:center;
}
/* Lastly, apply responsive CSS fixes as necessary */
@media (max-width: 767px) {
#footer {
margin-left: -20px;
margin-right: -20px;
padding-left: 20px;
padding-right: 20px;
}
}
/* end Over ride */
.navbar-default { background-color: #6f350b; border-color: #ab6831; } .navbar-default .navbar-brand { color: #ab6831; } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #190602; } .navbar-default .navbar-text { color: #ab6831; } .navbar-default .navbar-nav > li > a { color: #ab6831; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #190602; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #190602; background-color: #ab6831; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color: #190602; background-color: #ab6831; } .navbar-default .navbar-toggle { border-color: #ab6831; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #ab6831; } .navbar-default .navbar-toggle .icon-bar { background-color: #ab6831; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #ab6831; } .navbar-default .navbar-link { color: #ab6831; } .navbar-default .navbar-link:hover { color: #190602; }
@media (max-width: 767px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #ab6831; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #190602; } .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: #190602; background-color: #ab6831; } }
@media screen and (max-width: 1024px){ img.bg { left: 50%; margin-left: -512px; } }
- title{
background: yellow;
background-repeat: no-repeat; background-size: 100%; padding: 100px; padding-top: 70px;
}
- showContent{
padding-top: 200px;
}
- showContent h1{
font-family: 'Special Elite', cursive;
}
- info{
padding-bottom: 10px;
font-family: 'Special Elite', cursive;
}
.modal-backdrop {
position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000000;
}
.modal-backdrop.fade {
opacity: 0;
}
.modal-backdrop, .modal-backdrop.fade.in {
opacity: 0.8; filter: alpha(opacity=80);
}
.modal-content{
font-family: 'Special Elite', cursive; max-height: 800px; max-width: 800px; padding-bottom: 10px; }
.bookImage{
width:100%; height:100%;
}
.holderSpace{
width: 640px; }
} .navbar-default .navbar-toggle .icon-bar { background-color: #ab6831; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #ab6831; } .navbar-default .navbar-link { color: #ab6831; } .navbar-default .navbar-link:hover { color: #190602; }
@media (max-width: 767px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #ab6831; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #190602; } .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: #190602; background-color: #ab6831; } }
.dropdown-menu{
padding-top: 15px;
}
