Team:Poznan-BioInf/stylesheet

From 2013.igem.org

Revision as of 03:01, 5 October 2013 by Jakub (Talk | contribs)

/* 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. menubar {

font-size: 90% !important; top: 0px !important; }

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

  1. content{

display: none; }


  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: #043400 !important; }

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

.navbar-nav>li>a:hover { background-image: -webkit-gradient(linear,0 0,0 100%,from(#041a03),color-stop(40%,#062805),to(#0a4009)) !important; background-image: -webkit-linear-gradient(#041a03,#062805 40%,#0a4009) !important; background-image: -moz-linear-gradient(top,#041a03,#062805 40%,#0a4009) !important; background-image: linear-gradient(#041a03,#062805 40%,#0a4009) !important; background-repeat: no-repeat; border-left-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff041a03',endColorstr='#ff0a4009',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'); padding-top: 15px; }

  1. content{

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

  1. logo{

display: inline-block !important; position: absolute; width: 373px; margin-left: -35px; }

  1. igem{

margin-top: 120px; float: right; }

  1. logos{

display: inline-table; margin-left: 465px; margin-top: -10px; width: 550px; }

  1. pic{

display: inline-block !important; margin: 15px; }


  1. conts{

display: inline-block; position: absolute; }

@media only screen and (max-width: 760px){ div#igem{ display: none; } .btn-warning{ position: absolute; left: 25px; right: 25px; } div#conts{ margin-top: 50px; } div#logo{ display: none !important; }

div#title{ display: block !important; margin-left: auto !important; margin-right: auto !important; padding: 10px !important; margin-top: 5px !important; width: 480px !important; }

div#freak{ width: 100% !important; }

div#inspire p{ width: 100%; display: block !important; }

div#sr{ width: 100%; display: block !important; margin-top: 0px !important; }

@media only screen and (max-width: 480px){ div#title{ width: auto !important;

} div#front>img{ display: none !important; }

}

@media only screen and (max-width: 1199px){ div#logos{ display: none; } div#arr{ display: none !important; } div#title{ margin-top: 70px; padding-left: 300px; }

div#sr{ margin-top: -280px !important; } }

@media only screen and (max-width: 991px){ div#title{ margin-top: 80px; width: 85%; }}

body{ background-color: #1c1e22 !important; }

  1. pages{

background-color: #272b30; padding-top: 20px; }


.btn-warning { background-image: -webkit-gradient(linear,0 0,0 100%,from(#0b2e01),color-stop(60%,#043400),to(#043400)) !important; background-image: -webkit-linear-gradient(#0b2e01,#043400 60%,#043400) !important; background-image: -moz-linear-gradient(top,#0b2e01,#043400 160%,#043400) !important; background-image: linear-gradient(#0b2e01,#043400 60%,#043400) !important; background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0b2e01',endColorstr='#043400',GradientType=0) !important; border-color: #0b2e01 !important; }

.btn-block { max-height: 35px !important; }


.btn-lg { padding-top: 5px !important; padding-bottom: 10px !important; }


.btn-warning:hover{ background-image: -webkit-gradient(linear,0 0,0 100%,from(#041a03),color-stop(40%,#062805),to(#0a4009)) !important; background-image: -webkit-linear-gradient(#041a03,#062805 40%,#0a4009) !important; background-image: -moz-linear-gradient(top,#041a03,#062805 40%,#0a4009) !important; background-image: linear-gradient(#041a03,#062805 40%,#0a4009) !important; background-repeat: no-repeat; border-left-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff041a03',endColorstr='#ff0a4009',GradientType=0) !important; }

footer p{ margin-bottom: 0px !important; }

.btn-default:hover { background-image: -webkit-gradient(linear,0 0,0 100%,from(#041a03),color-stop(40%,#062805),to(#0a4009)) !important; background-image: -webkit-linear-gradient(#041a03,#062805 40%,#0a4009) !important; background-image: -moz-linear-gradient(top,#041a03,#062805 40%,#0a4009) !important; background-image: linear-gradient(#041a03,#062805 40%,#0a4009) !important; background-repeat: no-repeat; border-left-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff041a03',endColorstr='#ff0a4009',GradientType=0) !important; }

.btn-default{ background-image: -webkit-gradient(linear,0 0,0 100%,from(#043400 ),color-stop(60%,#043400 ),to(#0a4009)) !important; background-image: -webkit-linear-gradient(#043400 ,#043400 60%,#0a4009) !important; background-image: -moz-linear-gradient(top,#043400 ,#043400 160%,#0a4009) !important; background-image: linear-gradient(#043400 ,#043400 60%,#0a4009) !important; background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#043400 ',endColorstr='#0a4009',GradientType=0) !important; }

  1. teamcontent{

margin-top: 20px; margin-right: 15px; margin-left: 15px; }

  1. teamcontent>p{

text-align: justify; text-justify:inter-word; }

  1. arr {

display: inline-block; position: relative; margin-left: 300px; margin-top: 90px; }

  1. title {

display: inline-block; }

.well>p{ margin-right: 15px; margin-left: 15px; text-align: justify; text-justify: inter-word; }

h3{ margin-top: -10px !important; margin-left: 10px !important; color: #c8c8c8 !important; }

h4, h5{ color: #c8c8c8 !important; font-weight: bold !important; }

  1. freak{

display: inline-table; width: 33%; }

  1. freak img{

width: 90% !important; margin-left: auto; margin-right: auto; }

  1. chef{

display: inline-table; width: 49%; }

  1. advisors{

margin-top: 10px; }

  1. front img{

margin-left: auto; margin-right: auto; }

blockquote { border-color: #c8c8c8; padding: 1px 10px !important; }

  1. inspire p{

display: inline-block; width: 49%; margin-left: 15px; }

  1. sr{

display: inline-table; width: 49%; float: right; padding-left: 25px; }