Team:Poznan-BioInf/stylesheet

From 2013.igem.org

(Difference between revisions)
(Replaced content with "#content{ color: #c8c8c8; background-color: #272b30; border-left: 1px solid #272b30; border-right: 1px solid #272b30; }")
 
(288 intermediate revisions not shown)
Line 1: Line 1:
 +
/* 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{
#content{
 +
display: none;
 +
}
 +
 +
 +
#globalWrapper {
 +
font-size: 115%;
 +
padding-bottom: 0px;
 +
}
 +
 +
a:visited {
color: #c8c8c8;
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;
 +
}
 +
 +
div#inspire p{
 +
width: 100%;
 +
display: block !important;
 +
}
 +
 +
div#sr{
 +
width: 100%;
 +
display: block !important;
 +
margin-top: 0px !important;
 +
padding-top: 280px !important;
 +
margin-right: auto;
 +
margin-left: auto;
 +
}
 +
}
 +
 +
@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;
 +
}
 +
 +
#pages{
background-color: #272b30;
background-color: #272b30;
-
border-left: 1px solid #272b30;
+
padding-top: 20px;
-
border-right: 1px solid #272b30;
+
}
 +
 
 +
 
 +
 
 +
.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;
 +
}
 +
 
 +
#freak p{
 +
margin-left: 5px;
 +
margin-right: 5px;
 +
}
 +
 
 +
#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%;
 +
margin-left: 15px;
 +
text-align: justify;
 +
text-justify: inter-word;
 +
}
 +
#sr{
 +
display: inline-table;
 +
width: 49%;
 +
float: right;
 +
padding-left: 25px;
}
}

Latest revision as of 03:57, 5 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. 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; padding-top: 280px !important; margin-right: auto; margin-left: auto; } }

@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. freak p{

margin-left: 5px; margin-right: 5px; }

  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; text-align: justify; text-justify: inter-word; }

  1. sr{

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