Team:NTNU Trondheim/Templates/extras.css

From 2012.igem.org

(Difference between revisions)
 
Line 44: Line 44:
@font-face {
@font-face {
     font-family: 'dirty_egoregular';
     font-family: 'dirty_egoregular';
-
     src: url('http://dl.dropbox.com/u/2675261/fonts/dirtyego-webfont.eot');
+
     src: url('http://folk.ntnu.no/oyas/igem/fonts/dirtyego-webfont.eot');
-
     src: url('http://dl.dropbox.com/u/2675261/fonts/dirtyego-webfont.eot?#iefix') format('embedded-opentype'),
+
     src: url('http://folk.ntnu.no/oyas/igem/fonts/dirtyego-webfont.eot/oyas/fonts/dirtyego-webfont.eot?#iefix') format('embedded-opentype'),
-
         url('http://dl.dropbox.com/u/2675261/fonts/dirtyego-webfont.woff') format('woff'),
+
         url('http://folk.ntnu.no/oyas/igem/fonts/dirtyego-webfont.eot/fonts/dirtyego-webfont.woff') format('woff'),
-
         url('http://dl.dropbox.com/u/2675261/fonts/dirtyego-webfont.ttf') format('truetype'),
+
         url('http://folk.ntnu.no/oyas/igem/fonts/dirtyego-webfont.eot/fonts/dirtyego-webfont.ttf') format('truetype'),
-
         url('http://dl.dropbox.com/u/2675261/fonts/dirtyego-webfont.svg#dirty_egoregular') format('svg');
+
         url('http://folk.ntnu.no/oyas/igem/fonts/dirtyego-webfont.eot/fonts/dirtyego-webfont.svg#dirty_egoregular') format('svg');
     font-weight: normal;
     font-weight: normal;
     font-style: normal;
     font-style: normal;

Latest revision as of 21:12, 26 September 2012

/* Removing wiki elements


*/
  1. catlinks,
  2. footer-box,
  3. p-logo,
  4. search-controls,
  5. content,
  6. bodyContent,
  7. 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;

}

  1. top-section,
  2. globalWrapper {
   width: 100%;

}


/* Extra fonts


*/

@font-face {

   font-family: 'dirty_egoregular';
   src: url('http://folk.ntnu.no/oyas/igem/fonts/dirtyego-webfont.eot');
   src: url('http://folk.ntnu.no/oyas/igem/fonts/dirtyego-webfont.eot/oyas/fonts/dirtyego-webfont.eot?#iefix') format('embedded-opentype'),
        url('http://folk.ntnu.no/oyas/igem/fonts/dirtyego-webfont.eot/fonts/dirtyego-webfont.woff') format('woff'),
        url('http://folk.ntnu.no/oyas/igem/fonts/dirtyego-webfont.eot/fonts/dirtyego-webfont.ttf') format('truetype'),
        url('http://folk.ntnu.no/oyas/igem/fonts/dirtyego-webfont.eot/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("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;

}

  1. sub-heading1 {

margin: 25px 0px 0px 250px;

   font-family: ubuntu;
   font-size: 40pt;
   font-weight: bold;
   text-shadow: 2px 2px 0px #84d298;

}

  1. sub-heading2 {

margin: 31px 0px 0px 540px; font-family: dirty_egoregular;

   font-size: 40pt;
   font-style: italic;
   text-shadow: 5px 5px 5px #a5eb3c;

}

  1. ntnu-logo {
   margin-top: 20px;

}

  1. 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);

}

  1. toc ul, .toc ul, #toctitle {
   margin: 0 15px 15px 15px;}
  1. 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;*/}
  1. toc ul ul, .toc ul ul {
   margin: 0;}