Team:Poznan-BioInf/stylesheet

From 2013.igem.org

(Difference between revisions)

Revision as of 02:47, 5 October 2013

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

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

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

   display:none;}

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

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

top-section {

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

menubar {

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

.left-menu:hover {

   background-color: transparent;}

menubar li a {

   background-color: transparent;}

menubar:hover {

   color: white;}

menubar li a {

   color: transparent;}

menubar:hover li a {

   color: white;}

menubar > ul > li:last-child {

   display:none;}

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

   text-align: left;}

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

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

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

menubar {

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

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

content{

display: none; }

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

bg{

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

content{

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

logo{

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

igem{

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

logos{

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

pic{

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

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

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

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

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

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

teamcontent{

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

teamcontent>p{

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

arr {

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

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

freak{

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

freak img{

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

chef{

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

advisors{

margin-top: 10px; }

front img{

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

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

inspire p{

display: inline-block; width: 49% }

sr{

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

@@ Line 367: / Line 367: @@
 #sr{
-display: inline-block;
+display: inline-table;
-width: 49%
+width: 49%;
+float: right;
+padding-left: 25px;
 }