Team:NTNU-Trondheim/Styles/extras.css

From 2013.igem.org

(Difference between revisions)
(Created page with "- Removing wiki elements --------------------------------------------------: #catlinks, #footer-box, #p-logo, #search-controls, #content, #bodyContent, #content, .firstHeadin...")
(Blanked the page)
 
(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;}
 

Latest revision as of 15:01, 16 June 2013