|
|
| (2 intermediate revisions not shown) |
| Line 1: |
Line 1: |
| - | /* Removing wiki elements
| |
| - | -------------------------------------------------- */
| |
| | | | |
| - | #catlinks,
| |
| - | #footer-box,
| |
| - | #p-logo,
| |
| - | #search-controls,
| |
| - | #content,
| |
| - | #bodyContent,
| |
| - | #content,
| |
| - | .firstHeading,
| |
| - | .visualClear {
| |
| - | display: none;
| |
| - | }
| |
| - |
| |
| - | h1, h2, h3, h4 {
| |
| - | border: none;
| |
| - | padding: 0px !important;
| |
| - | margin-bottom: 5px;
| |
| - | }
| |
| - |
| |
| - | a:visited {
| |
| - | color: #a5eb3c;
| |
| - | }
| |
| - |
| |
| - | a.btn:visited {
| |
| - | color: #333;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | hr {
| |
| - | margin-top: 0px;
| |
| - | }
| |
| - |
| |
| - | #top-section,
| |
| - | #globalWrapper {
| |
| - | width: 100%;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | /* Extra fonts
| |
| - | -------------------------------------------------- */
| |
| - |
| |
| - | @font-face {
| |
| - | font-family: 'dirty_egoregular';
| |
| - | src: url('../../fonts/dirtyego-webfont.eot');
| |
| - | src: url('../../fonts/dirtyego-webfont.eot?#iefix') format('embedded-opentype'),
| |
| - | url('../../fonts/dirtyego-webfont.woff') format('woff'),
| |
| - | url('../../fonts/dirtyego-webfont.ttf') format('truetype'),
| |
| - | url('../../fonts/dirtyego-webfont.svg#dirty_egoregular') format('svg');
| |
| - | font-weight: normal;
| |
| - | font-style: normal;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | /* Responsiveness tweaks for navbar and header
| |
| - | -------------------------------------------------- */
| |
| - |
| |
| - | @media (max-width: 1200px) {
| |
| - | .hidden-navbar {
| |
| - | display: none !important;
| |
| - | }
| |
| - |
| |
| - | }
| |
| - |
| |
| - | @media (max-width: 767px) {
| |
| - | .hidden-header {
| |
| - | display: none !important;
| |
| - | }
| |
| - | }
| |
| - |
| |
| - | .header .heading-small a{
| |
| - | font-size: 40pt !important;
| |
| - | line-height: 32pt;
| |
| - | text-align: center;
| |
| - | }
| |
| - |
| |
| - | @media (max-width: 330px) {
| |
| - | .header .heading-small a {
| |
| - | font-size: 33pt !important;
| |
| - | line-height: 27pt !important;
| |
| - | }
| |
| - | .header .heading a {
| |
| - | margin-left: 128px !important;
| |
| - | margin-top: -50px !important;
| |
| - | }
| |
| - | }
| |
| - |
| |
| - | @media (min-width: 768px) and (max-width: 1200px) {
| |
| - | .navbar-fixed-top .container {
| |
| - | width: 860px !important;
| |
| - | }
| |
| - | }
| |
| - |
| |
| - | /* Medal labels
| |
| - | -------------------------------------------------- */
| |
| - |
| |
| - | .label-gold {
| |
| - | background-color: #D9D919;
| |
| - | }
| |
| - |
| |
| - | .label-silver {
| |
| - | background-color: #E6E8FA;
| |
| - | }
| |
| - |
| |
| - | .label-bronze {
| |
| - | background-color: #A67D3D;
| |
| - | }
| |
| - |
| |
| - |
| |
| - |
| |
| - | /* Menubar fixes
| |
| - | -------------------------------------------------- */
| |
| - |
| |
| - | .left-menu li a,
| |
| - | .right-menu li a {
| |
| - | background-color: transparent;
| |
| - | font-family: ubuntu;
| |
| - | font-size:10px;
| |
| - | }
| |
| - |
| |
| - | .right-menu {
| |
| - | margin-right: 0px;
| |
| - | }
| |
| - |
| |
| - | .left-menu {
| |
| - | margin-left: 0px;
| |
| - | }
| |
| - |
| |
| - | .left-menu li,
| |
| - | .right-menu li a {
| |
| - | color: transparent !important;
| |
| - | }
| |
| - |
| |
| - | .left-menu:hover {
| |
| - | background-color: transparent;
| |
| - | }
| |
| - |
| |
| - | .right-menu:hover li a {
| |
| - | color: #ffffff !important;
| |
| - | }
| |
| - |
| |
| - | /* White carousel links
| |
| - | -------------------------------------------------- */
| |
| - |
| |
| - | a.carousel-control {
| |
| - | color: #ffffff !important;
| |
| - | }
| |
| - |
| |
| - | .carousel-caption h4 {
| |
| - | padding-top: 0px;
| |
| - | }
| |
| - |
| |
| - | /* Social icons in navbar
| |
| - | -------------------------------------------------- */
| |
| - |
| |
| - | .nav #fb-icon a:hover i {
| |
| - | color: white;
| |
| - | text-shadow: 3px 3px 0px #3b5998;
| |
| - | }
| |
| - |
| |
| - | .nav #twitter-icon a:hover i {
| |
| - | color: white;
| |
| - | text-shadow: 3px 3px 0px #9ae4e8;
| |
| - | }
| |
| - |
| |
| - | /*
| |
| - | .circle {
| |
| - | width: 30px;
| |
| - | height: 30px;
| |
| - | background: #999;
| |
| - | -moz-border-radius: 15px;
| |
| - | -webkit-border-radius: 15px;
| |
| - | border-radius: 25px;
| |
| - | }
| |
| - | */
| |
| - |
| |
| - | /* Header
| |
| - | -------------------------------------------------- */
| |
| - | .header {
| |
| - | position:absolute;
| |
| - | top: 0;
| |
| - | left: 0;
| |
| - | width: 100%;
| |
| - | height: 150px;
| |
| - | background-color: #eee;
| |
| - |
| |
| - | /* fallback image */
| |
| - | /* background-image: url(images/fallback-gradient.png); */
| |
| - |
| |
| - | /* Safari 4+, Chrome 1-9 */
| |
| - | background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#999), to(#eee));
| |
| - |
| |
| - | /* Safari 5.1+, Mobile Safari, Chrome 10+ */
| |
| - | background-image: -webkit-linear-gradient(top, #999, #eee);
| |
| - |
| |
| - | /* Firefox 3.6+ */
| |
| - | background-image: -moz-linear-gradient(top, #999, #eee);
| |
| - |
| |
| - | /* IE 10+ */
| |
| - | background-image: -ms-linear-gradient(top, #999, #eee);
| |
| - |
| |
| - | /* Opera 11.10+ */
| |
| - | background-image: -o-linear-gradient(top, #999, #eee);
| |
| - | }
| |
| - |
| |
| - | .header .container {
| |
| - | background: url("http://folk.ntnu.no/oyas/igem3/img/igem_header_bacteria.png") no-repeat bottom left transparent;
| |
| - | height: 150px;
| |
| - | }
| |
| - |
| |
| - | .header .heading a,
| |
| - | .header .heading a:hover,
| |
| - | .header .heading a:active {
| |
| - | position: absolute;
| |
| - | top: 50%;
| |
| - | margin: -25px 0px 0px 150px;
| |
| - | vertical-align: middle;
| |
| - | font-family: dirty_egoregular;
| |
| - | font-size: 60pt;
| |
| - | text-shadow: 5px 5px 5px #a5eb3c;
| |
| - | color: #333;
| |
| - | text-decoration: none;
| |
| - | }
| |
| - |
| |
| - | .header .heading a:hover {
| |
| - | color: #555;
| |
| - | text-shadow: 8px 8px 5px #a5eb3c;
| |
| - | }
| |
| - |
| |
| - | .sub-heading{
| |
| - | position: absolute;
| |
| - | top: 50%;
| |
| - | font-size: 20pt;
| |
| - | cursor: default;
| |
| - | }
| |
| - |
| |
| - | .sub-heading-small {
| |
| - | font-size: 20pt;
| |
| - | vertical-align: middle;
| |
| - | cursor: default;
| |
| - | }
| |
| - |
| |
| - | #sub-heading1 {
| |
| - | margin: 25px 0px 0px 250px;
| |
| - | font-family: ubuntu;
| |
| - | font-size: 40pt;
| |
| - | font-weight: bold;
| |
| - | text-shadow: 2px 2px 0px #84d298;
| |
| - | }
| |
| - |
| |
| - | #sub-heading2 {
| |
| - | margin: 31px 0px 0px 540px;
| |
| - | font-family: dirty_egoregular;
| |
| - | font-size: 40pt;
| |
| - | font-style: italic;
| |
| - | text-shadow: 5px 5px 5px #a5eb3c;
| |
| - | }
| |
| - |
| |
| - | #ntnu-logo {
| |
| - | margin-top: 20px;
| |
| - | }
| |
| - |
| |
| - | #igem-logo {
| |
| - | margin-top: 20px;
| |
| - | }
| |
| - |
| |
| - | /* Footer
| |
| - | -------------------------------------------------- */
| |
| - | .footer {
| |
| - | margin-top: 45px;
| |
| - | padding: 35px 0 36px;
| |
| - | border-top: 1px solid #000000;
| |
| - | background-color: #222;
| |
| - | color: #eee;
| |
| - | height: 80px;
| |
| - | }
| |
| - | .footer p {
| |
| - | margin-bottom: 0;
| |
| - | color: #eee;
| |
| - | }
| |
| - |
| |
| - | .top-pointer,
| |
| - | .top-pointer a:hover {
| |
| - | font-size: 36pt;
| |
| - | font-family: dirty_egoregular;
| |
| - | text-decoration: none;
| |
| - | }
| |
| - |
| |
| - | /* Navbar styling
| |
| - | -------------------------------------------------- */
| |
| - |
| |
| - | .nav .dropdown-menu li a{
| |
| - | font-family: ubuntu !important;
| |
| - | color: #333333 !important;
| |
| - | font-size: 14px;
| |
| - | }
| |
| - |
| |
| - | @media (max-width: 1200px) {
| |
| - | .nav .dropdown-menu li a {
| |
| - | color: #999999 !important;
| |
| - | }
| |
| - | .nav .dropdown-menu li:hover a {
| |
| - | color: #333333 !important;
| |
| - | }
| |
| - | }
| |
| - |
| |
| - | .nav li a{
| |
| - | font-family: dirty_egoregular;
| |
| - | font-size: 24px;
| |
| - | }
| |
| - |
| |
| - | .nav a:hover,
| |
| - | .navbar .nav > li > a:focus:hover,
| |
| - | .navbar .nav li.dropdown.open > .dropdown-toggle {
| |
| - | color: #a5eb3c;
| |
| - | }
| |
| - |
| |
| - | .nav a:hover i,
| |
| - | .nav .active i,
| |
| - | .navbar .nav > li > a:active i,
| |
| - | .navbar .nav li.dropdown.open > .dropdown-toggle i {
| |
| - | color: #84d298;
| |
| - | }
| |
| - |
| |
| - | .navbar .nav > li > a:focus {
| |
| - | color: #999999;
| |
| - | }
| |
| - |
| |
| - | /* Extra margin to account for header
| |
| - | -------------------------------------------------- */
| |
| - |
| |
| - | .main-container {
| |
| - | margin-top: -20px;
| |
| - | padding: 20px;
| |
| - | background: #ffffff;
| |
| - | -moz-box-shadow: 0px 3px 5px 6px #ccc;
| |
| - | -webkit-box-shadow: 0px 3px 5px 6px #ccc;
| |
| - | box-shadow: 0px 3px 5px 6px #ccc;
| |
| - | }
| |
| - |
| |
| - | .index-container {
| |
| - | margin-top: 110px;
| |
| - | }
| |
| - |
| |
| - | .page-header-top {
| |
| - | padding-bottom: 9px;
| |
| - | margin: 100px 0 20px;
| |
| - | border-bottom: none;
| |
| - | }
| |
| - |
| |
| - | /* Navbar fixes
| |
| - | -------------------------------------------------- */
| |
| - |
| |
| - | .navbar-below-header {
| |
| - | position: absolute;
| |
| - | top: 150px;
| |
| - | right: 0;
| |
| - | left: 0;
| |
| - | z-index: 1030;
| |
| - | margin-bottom: 0; // remove 18px margin for static navbar
| |
| - |
| |
| - | }
| |
| - |
| |
| - | .navbar-below-header .navbar-inner {
| |
| - | padding-left: 0;
| |
| - | padding-right: 0;
| |
| - | border-radius: 0 0 0 0;
| |
| - | }
| |
| - | .navbar-below-header .container {
| |
| - | width: 940px;
| |
| - | }
| |
| - | @media (min-width: 768px) and (max-width: 979px) {
| |
| - | .navbar-below-header .container,
| |
| - | .navbar-below-header .container {
| |
| - | width: 724px;
| |
| - | }
| |
| - | }
| |
| - |
| |
| - | @media (min-width: 1200px) {
| |
| - | .navbar-below-header .container,
| |
| - | .navbar-below-header .container {
| |
| - | width: 1170px;
| |
| - | }
| |
| - | }
| |
| - |
| |
| - | /* Table fixes
| |
| - | -------------------------------------------------- */
| |
| - | .table th,
| |
| - | .table td {
| |
| - | text-align: center !important;
| |
| - | }
| |
| - |
| |
| - | .table.table-left td{
| |
| - | text-align: left !important;
| |
| - | }
| |
| - |
| |
| - | .sortable th {
| |
| - | cursor: default;
| |
| - | }
| |
| - |
| |
| - | .wikitable-centered {
| |
| - | text-align: center;
| |
| - | margin: 1em auto 1em auto;
| |
| - | }
| |
| - |
| |
| - | .toc, #toc {
| |
| - | margin-bottom: 20px;
| |
| - | background-color: #f5f5f5;
| |
| - | border: 1px solid #e3e3e3;
| |
| - | padding: 19px;
| |
| - | -webkit-border-radius: 4px;
| |
| - | -moz-border-radius: 4px;
| |
| - | border-radius: 4px;
| |
| - | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
| |
| - | -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
| |
| - | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
| |
| - | }
| |
| - |
| |
| - | #toc ul, .toc ul, #toctitle {
| |
| - | margin: 0 15px 15px 15px;}
| |
| - | #toctitle {
| |
| - | margin-bottom: 0px;
| |
| - | }
| |
| - | .toc ul li, #toctitle {
| |
| - | padding-left: 12px;
| |
| - | text-indent: -12px;
| |
| - | /*width: 200px;*/}
| |
| - | .toc ul li ul li {
| |
| - | padding-left: 30px;
| |
| - | text-indent: -24px;
| |
| - | /*width: 170px;*/}
| |
| - | #toc ul ul, .toc ul ul {
| |
| - | margin: 0;}
| |
"
