"
Team:Heidelberg/css/overrides
From 2014.igem.org
| Line 34: | Line 34: | ||
.navbar-red li a { | .navbar-red li a { | ||
| - | color: # | + | color: #DE4230; |
} | } | ||
| Line 42: | Line 42: | ||
.navbar-red .title-wrapper { | .navbar-red .title-wrapper { | ||
| - | color: # | + | color: #DE4230; |
} | } | ||
| Line 161: | Line 161: | ||
.navbar-toggle .icon-bar { | .navbar-toggle .icon-bar { | ||
| - | background-color: # | + | background-color: #DE4230; |
} | } | ||
| Line 181: | Line 181: | ||
.red { | .red { | ||
| - | background-color: # | + | background-color: #AE2726; |
background-image: url(/wiki/images/8/85/Heidelberg_Firering_half.png); | background-image: url(/wiki/images/8/85/Heidelberg_Firering_half.png); | ||
background-position-x: 90%; | background-position-x: 90%; | ||
background-position-y: 100%; | background-position-y: 100%; | ||
| - | background-size: auto | + | background-size: 50% auto; |
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
color: white; | color: white; | ||
| Line 191: | Line 191: | ||
.red-text { | .red-text { | ||
| - | color: # | + | color: #DE4230; |
} | } | ||
| Line 207: | Line 207: | ||
/* Change highlighting color of thumbnails */ | /* Change highlighting color of thumbnails */ | ||
a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { | a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { | ||
| - | border-color: # | + | border-color: #DE4230; |
} | } | ||
| Line 272: | Line 272: | ||
} | } | ||
blockquote { | blockquote { | ||
| - | border-left: 5px solid # | + | border-left: 5px solid #DE4230; |
} | } | ||
Revision as of 12:09, 4 October 2014
body { background-color: black; }
/* NavBar */ /* Show text underneath img */ nav li a img { display:block; margin: 0 auto; height: 40px; } nav li a { text-align: center; }
/* Disable color change on hover or open */
.nav > li > a:hover, .nav > li > a:focus{ background-color: transparent; }
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background-color: transparent; border-color: transparent; }
- navbar{
margin-bottom: 0; }
/* Change Text color dependent on background */
.navbar-red li a { color: #DE4230; }
.navbar-white li a { color: white; }
.navbar-red .title-wrapper { color: #DE4230; }
.navbar-white .title-wrapper { color: white; }
.dropdown-menu li a { color: #333; }
.dropdown-menu li a:hover { background-color: #e0e0e0; }
/* Override Bootstrap Dropdown positioning */ .navbar-right .dropdown-menu { left: auto; right: auto; } /*
- navbar .container {
border-bottom: solid 5px #ce432e; }
- /
/* Align Title Baseline to start of container */
.title-wrapper{ height:30px; overflow-y:hidden; }
.title { font-size: 30px; line-height: 30px; font-weight:bold; }
.special-span{ display:inline-block; height: 30px; }
/* Move Subtitle up a bit */
.subtitle h2 { margin-top:0; margin-bottom: 15px; }
@media (min-width: 768px) { .title-wrapper{ height: 47px; }
.title { font-size: 47px; line-height: 47px; }
.special-span{ display:inline-block; height: 47px; } }
@media (min-width: 992px) { .title-wrapper{ height:65px; }
.title { font-size: 65px; line-height: 65px; }
.special-span{ display:inline-block; height: 65px; }
} @media (min-width: 1200px) { .title-wrapper{ height:80px; }
.title { font-size: 80px; line-height: 80px; }
.special-span{ display:inline-block; height: 80px; } }
/* Spread list elements equaly over width of ul*/
.navbar-nav > li {
width: 12.5%;
}
/* only use 85% of the total width, leaving space for logo */ .navbar-nav { width: 85%; }
.navbar-header img { height: 70px; } /* Display collapse button */ .navbar-toggle { padding: 30px 10px; }
.navbar-toggle .icon-bar { background-color: #DE4230; }
/* Display Navigation Dropdown on hover */
@media (min-width: 768px) { .dropdown:hover .dropdown-menu { display: block; } }
.dark-grey {
background-color: #515151;
}
.grey {
background-color: #e0e0e0;
}
.red {
background-color: #AE2726; background-image: url(/wiki/images/8/85/Heidelberg_Firering_half.png); background-position-x: 90%; background-position-y: 100%; background-size: 50% auto; background-repeat: no-repeat; color: white;
}
.red-text {
color: #DE4230;
}
.grey-text {
color: #e0e0e0;
}
.main { margin-top: 10px; margin-bottom: 20px; padding-left: 30px; padding-right: 30px; }
/* Change highlighting color of thumbnails */ a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { border-color: #DE4230; }
/* remove overrides above, so img is next to text in collapsed view */ @media (max-width: 768px) { nav li a { text-align: left !important; } nav li span { display: inline-block; width: 60px; text-align: center; } nav li img { display:inline !important; margin: 0 !important; padding-right: 5px !important; } .navbar-nav > li { width: auto !important; } .navbar-nav { width: 100%; } }
.titles a.label-default { background-color: #BFBFBF; border-radius: 0; font-weight: normal; margin-bottom: 5px; display: inline-block; color: #333; }
.titles a.label-default:hover { background-color: #515151; color: white; }
.pageicon { position:absolute; top: -50%; }
/* Hide Edit and Table of contents generated by Mediawiki */
- toc {
display:none; }
.editsection { display:none; }
.abstract { margin-bottom: 0; background-color: #BFBFBF; }
.underline { border-bottom: 1px solid #515151; padding-bottom: 3px; } blockquote { border-left: 5px solid #DE4230; }
