From 2014.igem.org
(Difference between revisions)
|
|
Line 1: |
Line 1: |
- | /* 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;}
| |
- |
| |
- | #bodyContent{
| |
- | background: 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: #55e1f6;
| |
- | 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 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;
| |
- | }
| |
- | }
| |
- |
| |
- | /* Custom page CSS
| |
- | -------------------------------------------------- */
| |
- | /* Not required for template or sticky footer method. */
| |
- |
| |
- | #wrap > .container {
| |
- | padding-top: 60px;
| |
- | }
| |
- | .container .credit {
| |
- | margin: 20px 0;
| |
- | }
| |
- |
| |
- | code {
| |
- | font-size: 80%;
| |
- | }
| |
- |
| |
- |
| |
- |
| |
- | /* end Over ride */
| |
- |
| |
- |
| |
| page-header { | | page-header { |
| margin-top:0; | | margin-top:0; |
Revision as of 19:50, 20 May 2014
page-header {
margin-top:0;
}
.panel-body {
padding-top: 0;
}
.featuredImg{
margin-bottom: 15px;
}
.jumbotron {
background-color: #A18053;
max-height: 40%;
}
.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;
}
}