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...")
Line 217: Line 217:
margin: -25px 0px 0px 150px;
margin: -25px 0px 0px 150px;
     vertical-align: middle;
     vertical-align: middle;
-
font-family: dirty_egoregular;
+
font-family: ubuntu;
font-size: 60pt;
font-size: 60pt;
     text-shadow: 5px 5px 5px #a5eb3c;
     text-shadow: 5px 5px 5px #a5eb3c;
Line 252: Line 252:
#sub-heading2 {
#sub-heading2 {
margin: 31px 0px 0px 540px;
margin: 31px 0px 0px 540px;
-
font-family: dirty_egoregular;
+
font-family: ubuntu;
     font-size: 40pt;
     font-size: 40pt;
     font-style: italic;
     font-style: italic;
Line 284: Line 284:
.top-pointer a:hover {
.top-pointer a:hover {
     font-size: 36pt;
     font-size: 36pt;
-
     font-family: dirty_egoregular;
+
     font-family: ubuntu;
     text-decoration: none;
     text-decoration: none;
}
}
Line 307: Line 307:
.nav li a{
.nav li a{
-
     font-family: dirty_egoregular;
+
     font-family: ubuntu;
     font-size: 24px;
     font-size: 24px;
}
}

Revision as of 14:41, 16 June 2013

/* 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('../../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: ubuntu; 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: ubuntu; 

   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: ubuntu;
   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: ubuntu;
   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;}
Retrieved from "http://2013.igem.org/Team:NTNU-Trondheim/Styles/extras.css"