Team:Poznan-BioInf/stylesheet

From 2013.igem.org

Revision as of 15:55, 2 October 2013

/* STYLING TRICKS CREDIT: */ /* https://2011.igem.org/Team:DTU-Denmark/How_to_customize_an_iGEM_wiki */

/* Removing wiki-like stuff */ /****************************/

1. contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {

   display:none;}

/* Redesigning the topmenu */ /***************************/ body {

   margin: 10px 0 0 0;
   padding: 0;}

1. top-section {

   width: 965px;
   height: 0;
   margin: 0 auto;
   padding: 0;
   border: none;}

1. menubar {

   font-size: 65%;
   top: -14px;}

.left-menu:hover {

   background-color: transparent;}

1. menubar li a {

   background-color: transparent;}

1. menubar:hover {

   color: white;}

1. menubar li a {

   color: transparent;}

1. menubar:hover li a {

   color: white;}

1. menubar > ul > li:last-child {

   display:none;}

/* Redesigning Table Of Content */ /********************************/ table.toc, #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle {

   text-align: left;}

1. toctitle {

   margin: 5px 0;}

.toc, #toc {

   background-color: #F6F6F6;
   border: 1px solid #CCCCCC;
   box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);
   -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15); /* for the Safari browser*/
   float: left;
   width: 228px;
   display: block;
   overflow: hidden;
   padding: 0;}

1. toc ul, .toc ul {

   margin: 0 5px 5px 5px;}

.toc ul li {

   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;}

.toc {

   margin-left: -250px;
   margin-top: 20px;}

.stickBelowNavigation {

   position: fixed;
      top: 35px;
      left: 50%;
   margin-left: -462px;}

.tochidden {

   position: static;
   margin-left: -250px;}

/* ------------------------------------------------- */

1. content{

color: #c8c8c8; background-color: #272b30; border-left: 1px solid #272b30; border-right: 1px solid #272b30; }

1. globalWrapper {

font-size: 115%; padding-bottom: 0px; }

a:visited { color: #c8c8c8; }

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus { color: #fff; background-color: #967d45 !important; }

.navbar-default .navbar-nav>.active>a:hover { background-color: #967d45 !important; }

.navbar-nav>li>a:hover { background-image: -webkit-gradient(linear,0 0,0 100%,from(#967d45),color-stop(40%,#a78b4d),to(#b89954)) !important; background-image: -webkit-linear-gradient(#967d45,#a78b4d 40%,#b89954) !important; background-image: -moz-linear-gradient(top,#967d45,#a78b4d 40%,#b89954) !important; background-image: linear-gradient(#967d45,#a78b4d 40%,#b89954) !important; background-repeat: no-repeat; border-left-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff967d45',endColorstr='#ffb89954',GradientType=0) !important; }

.navbar { margin-bottom: 10px !important; }

.header{ margin-top: -10px; }

1. bg{

background-image: url('https://dl.dropboxusercontent.com/u/3041614/twinkle_twinkle.jpg'); }

1. content{

border-left: 0px solid blue; border-right: 0px solid blue; background-image: url('https://dl.dropboxusercontent.com/u/3041614/twinkle_twinkle.jpg'); }