Template:Team:Berlin/AllCss

From 2014.igem.org

(Difference between revisions)
 
(42 intermediate revisions not shown)
Line 2: Line 2:
<head>
<head>
<style type="text/css">
<style type="text/css">
 +
 +
.start-text-container-project {
 +
padding: 35px 24% 20px 24%;
 +
display:none;
 +
}
 +
 +
.submenue-project
 +
{
 +
    text-align: right;
 +
    font-size: 19px;
 +
}
 +
 +
.sub-link-project
 +
{
 +
padding-bottom: 10px;
 +
 +
}
 +
 +
#p-logo{
#p-logo{
Line 37: Line 56:
{
{
     display: none;
     display: none;
 +
}
 +
 +
.container-green{
 +
  margin-top: 450px;
 +
}
 +
 +
.project-headline
 +
{
 +
  font-size: 35px;
 +
  text-align: left;
 +
 +
}
 +
 +
.project-number{
 +
 +
  font-family: Arial, sans-serif;
 +
  font-size: 27px;
 +
  color: #0ecd28;
 +
  -moz-border-radius: 100%;
 +
  border-radius: 100%;
 +
  border: 1px solid #0ecd28;
 +
  width: 41px;
 +
  height: 41px;
 +
  line-height: 42px;
 +
  float:left;
 +
text-align: center;
 +
padding-right: 1px;
 +
margin-right: 10px;
 +
}
 +
 +
.project-headline-float
 +
{
 +
  padding-left: 10px;
 +
  padding-top: 2px;
 +
}
 +
 +
 +
.project-entry-tags
 +
{
 +
  text-align: right;
 +
}
 +
 +
.project-entry-tags ul
 +
{
 +
  padding-left: 0px;
 +
}
 +
 +
.project-entry-tags li
 +
{
 +
  list-style-type: none;
 +
  display: inline-block;
 +
  border: 1px solid #0ecd28;
 +
  color: #0ecd28;
 +
  -moz-border-radius: 17px;
 +
  border-radius: 17px;
 +
  padding: 3px 5px 2px 5px;
 +
  min-width: 100px;
 +
  text-transform: uppercase;
 +
  text-align: center;
 +
  padding-left: 10px;
 +
  padding-right: 10px;
 +
}
 +
 +
.sub-link-project a
 +
{
 +
  color: white;
 +
}
 +
 +
.sub-content-project
 +
{
 +
  margin-left: 50px;
 +
  margin-left: 80px;
 +
margin-top: 15px;
 +
padding-left: 14px;
 +
border-left: 1px solid #0ecd28;
 +
}
 +
 +
.sub-content-project-headline
 +
{
 +
  font-size: 25px;
 +
  color: #0ecd28;
}
}
Line 6,420: Line 6,520:
   height: 370px; /* For at least Firefox */
   height: 370px; /* For at least Firefox */
   min-height: 370px;
   min-height: 370px;
-
   background: url('https://static.igem.org/mediawiki/2014/9/91/Team_Berlin_igem_background_start.jpg') no-repeat center center fixed;  
+
   background: url('https://static.igem.org/mediawiki/2014/a/ab/Team_berlin_000001.jpg') no-repeat center center fixed;  
   -webkit-background-size: cover;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -moz-background-size: cover;
Line 6,459: Line 6,559:
   height: 370px; /* For at least Firefox */
   height: 370px; /* For at least Firefox */
   min-height: 370px;
   min-height: 370px;
-
   background: url('../img/background/Team_Berlin_igem_background_workshop.jpg') no-repeat center center fixed;  
+
   background: url('https://static.igem.org/mediawiki/2014/b/b2/Team_Berlin_igem_background_workshop.jpg') no-repeat center center fixed;  
   -webkit-background-size: cover;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -moz-background-size: cover;
Line 6,472: Line 6,572:
   height: 370px; /* For at least Firefox */
   height: 370px; /* For at least Firefox */
   min-height: 370px;
   min-height: 370px;
-
   background: url('../img/background/Team_Berlin_igem08_small.jpg') no-repeat center center fixed;  
+
   background: url('https://static.igem.org/mediawiki/2014/7/77/Team_Berlin_igem08_small.jpg') no-repeat center center fixed;  
   -webkit-background-size: cover;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -moz-background-size: cover;
Line 6,485: Line 6,585:
   height: 370px; /* For at least Firefox */
   height: 370px; /* For at least Firefox */
   min-height: 370px;
   min-height: 370px;
-
   background: url('../img/background/Team_Berlin_igem02_small.jpg') no-repeat center center fixed;  
+
   background: url('https://static.igem.org/mediawiki/2014/d/d3/Team_Berlin_igem02_small.jpg') no-repeat center center fixed;  
   -webkit-background-size: cover;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -moz-background-size: cover;
Line 6,626: Line 6,726:
       max-height: 400px;
       max-height: 400px;
     }
     }
-
 
-
  ..container-green{
 
-
margin-top:0;}
 
-
 
      
      
-
.site-wrapper-sub,
+
  .site-wrapper-sub,
-
.site-wrapper-sub-team,
+
  .site-wrapper-sub-team,
-
.site-wrapper-sub-project,
+
  .site-wrapper-sub-project,
-
.site-wrapper-sub-workshop,
+
  .site-wrapper-sub-workshop,
-
.site-wrapper-sub-safety,
+
 
-
.site-wrapper-sub-contact{
+
  .site-wrapper-sub-contact{
-
    background: none;
+
      background: none;
-
    height: 0;
+
      height: 0;
-
    min-height: 0;
+
      min-height: 0;
     }
     }
-
  .site-wrapper{
+
    .site-wrapper{
-
  background: black;
+
      background: black;
-
  }
+
    }
}
}
@media (max-width: 768px){
@media (max-width: 768px){
-
.site-wrapper-sub,
+
  .site-wrapper-sub,
-
.site-wrapper-sub-team,
+
  .site-wrapper-sub-team,
-
.site-wrapper-sub-project,
+
  .site-wrapper-sub-project,
-
.site-wrapper-sub-workshop,
+
  .site-wrapper-sub-workshop,
-
.site-wrapper-sub-safety,
+
  .site-wrapper-sub-safety,
-
.site-wrapper-sub-contact{
+
  .site-wrapper-sub-contact{
-
    background: none;
+
      background: none;
-
    height: 0;
+
      height: 0;
-
    min-height: 0;
+
      min-height: 0;
     }
     }
-
  .site-wrapper{
+
    .site-wrapper{
-
  background: black;
+
      background: black;
-
  }
+
    }
 +
 
 +
    .container-green{
 +
      margin: 0;
 +
    }   
}
}
Line 6,693: Line 6,793:
  */
  */
-
.container-smooth{max-width:1170px}@media (min-width:1px){.container-smooth{width:auto}}.btn-labeled{padding-top:0;padding-bottom:0}.btn-label{position:relative;background:0 0;background:rgba(0,0,0,.15);display:inline-block;padding:6px 12px;left:-12px;border-radius:3px 0 0 3px}.btn-label.btn-label-right{left:auto;right:-12px;border-radius:0 3px 3px 0}.btn-lg .btn-label{padding:10px 16px;left:-16px;border-radius:5px 0 0 5px}.btn-lg .btn-label.btn-label-right{left:auto;right:-16px;border-radius:0 5px 5px 0}.btn-sm .btn-label{padding:5px 10px;left:-10px;border-radius:2px 0 0 2px}.btn-sm .btn-label.btn-label-right{left:auto;right:-10px;border-radius:0 2px 2px 0}.btn-xs .btn-label{padding:1px 5px;left:-5px;border-radius:2px 0 0 2px}.btn-xs .btn-label.btn-label-right{left:auto;right:-5px;border-radius:0 2px 2px 0}.nav-tabs-bottom{border-bottom:0;border-top:1px solid #ddd}.nav-tabs-bottom>li{margin-bottom:0;margin-top:-1px}.nav-tabs-bottom>li>a{border-radius:0 0 4px 4px}.nav-tabs-bottom>li>a:hover,.nav-tabs-bottom>li>a:focus,.nav-tabs-bottom>li.active>a,.nav-tabs-bottom>li.active>a:hover,.nav-tabs-bottom>li.active>a:focus{border:1px solid #ddd;border-top-color:transparent}.nav-tabs-left{border-bottom:0;border-right:1px solid #ddd}.nav-tabs-left>li{margin-bottom:0;margin-right:-1px;float:none}.nav-tabs-left>li>a{border-radius:4px 0 0 4px;margin-right:0;margin-bottom:2px}.nav-tabs-left>li>a:hover,.nav-tabs-left>li>a:focus,.nav-tabs-left>li.active>a,.nav-tabs-left>li.active>a:hover,.nav-tabs-left>li.active>a:focus{border:1px solid #ddd;border-right-color:transparent}.row>.nav-tabs-left{padding-right:0;padding-left:15px;margin-right:-1px;position:relative;z-index:1}.row>.nav-tabs-left+.tab-content{border-left:1px solid #ddd}.nav-tabs-right{border-bottom:0;border-left:1px solid #ddd}.nav-tabs-right>li{margin-bottom:0;margin-left:-1px;float:none}.nav-tabs-right>li>a{border-radius:0 4px 4px 0;margin-left:0;margin-bottom:2px}.nav-tabs-right>li>a:hover,.nav-tabs-right>li>a:focus,.nav-tabs-right>li.active>a,.nav-tabs-right>li.active>a:hover,.nav-tabs-right>li.active>a:focus{border:1px solid #ddd;border-left-color:transparent}.row>.nav-tabs-right{padding-left:0;padding-right:15px}.navmenu,.navbar-offcanvas{width:300px;height:auto;border-width:1px;border-style:solid;border-radius:4px}.navmenu-fixed-left,.navmenu-fixed-right,.navbar-offcanvas{position:fixed;z-index:1030;top:0;bottom:0;overflow-y:auto;border-radius:0}.navmenu-fixed-left,.navbar-offcanvas.navmenu-fixed-left{left:0;right:auto;border-width:0 1px 0 0}.navmenu-fixed-right,.navbar-offcanvas{left:auto;right:0;border-width:0 0 0 1px}.navmenu-nav{margin-bottom:10px}.navmenu-nav.dropdown-menu{position:static;margin:0;padding-top:0;float:none;border:none;-webkit-box-shadow:none;box-shadow:none;border-radius:0}.navbar-offcanvas .navbar-nav{margin:0}@media (min-width:768px){.navbar-offcanvas{width:auto;border-top:0;box-shadow:none}.navbar-offcanvas.offcanvas{position:static;display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-offcanvas .navbar-nav.navbar-left:first-child{margin-left:-15px}.navbar-offcanvas .navbar-nav.navbar-right:last-child{margin-right:-15px}.navbar-offcanvas .navmenu-brand{display:none}}.navmenu-brand{display:block;font-size:18px;line-height:20px;padding:10px 15px;margin:10px 0}.navmenu-brand:hover,.navmenu-brand:focus{text-decoration:none}.navmenu-default,.navbar-default .navbar-offcanvas{background-color:#f8f8f8;border-color:#e7e7e7}.navmenu-default .navmenu-brand,.navbar-default .navbar-offcanvas .navmenu-brand{color:#777}.navmenu-default .navmenu-brand:hover,.navbar-default .navbar-offcanvas .navmenu-brand:hover,.navmenu-default .navmenu-brand:focus,.navbar-default .navbar-offcanvas .navmenu-brand:focus{color:#5e5e5e;background-color:transparent}.navmenu-default .navmenu-text,.navbar-default .navbar-offcanvas .navmenu-text{color:#777}.navmenu-default .navmenu-nav>.dropdown>a:hover .caret,.navbar-default .navbar-offcanvas .navmenu-nav>.dropdown>a:hover .caret,.navmenu-default .navmenu-nav>.dropdown>a:focus .caret,.navbar-default .navbar-offcanvas .navmenu-nav>.dropdown>a:focus .caret{border-top-color:#333;border-bottom-color:#333}.navmenu-default .navmenu-nav>.open>a,.navbar-default .navbar-offcanvas .navmenu-nav>.open>a,.navmenu-default .navmenu-nav>.open>a:hover,.navbar-default .navbar-offcanvas .navmenu-nav>.open>a:hover,.navmenu-default .navmenu-nav>.open>a:focus,.navbar-default .navbar-offcanvas .navmenu-nav>.open>a:focus{background-color:#e7e7e7;color:#555}.navmenu-default .navmenu-nav>.open>a .caret,.navbar-default .navbar-offcanvas .navmenu-nav>.open>a .caret,.navmenu-default .navmenu-nav>.open>a:hover .caret,.navbar-default .navbar-offcanvas .navmenu-nav>.open>a:hover .caret,.navmenu-default .navmenu-nav>.open>a:focus .caret,.navbar-default .navbar-offcanvas .navmenu-nav>.open>a:focus .caret{border-top-color:#555;border-bottom-color:#555}.navmenu-default .navmenu-nav>.dropdown>a .caret,.navbar-default .navbar-offcanvas .navmenu-nav>.dropdown>a .caret{border-top-color:#777;border-bottom-color:#777}.navmenu-default .navmenu-nav.dropdown-menu,.navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu{background-color:#e7e7e7}.navmenu-default .navmenu-nav.dropdown-menu>.divider,.navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu>.divider{background-color:#f8f8f8}.navmenu-default .navmenu-nav.dropdown-menu>.active>a,.navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu>.active>a,.navmenu-default .navmenu-nav.dropdown-menu>.active>a:hover,.navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu>.active>a:hover,.navmenu-default .navmenu-nav.dropdown-menu>.active>a:focus,.navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu>.active>a:focus{background-color:#d7d7d7}.navmenu-default .navmenu-nav>li>a,.navbar-default .navbar-offcanvas .navmenu-nav>li>a{color:#777}.navmenu-default .navmenu-nav>li>a:hover,.navbar-default .navbar-offcanvas .navmenu-nav>li>a:hover,.navmenu-default .navmenu-nav>li>a:focus,.navbar-default .navbar-offcanvas .navmenu-nav>li>a:focus{color:#333;background-color:transparent}.navmenu-default .navmenu-nav>.active>a,.navbar-default .navbar-offcanvas .navmenu-nav>.active>a,.navmenu-default .navmenu-nav>.active>a:hover,.navbar-default .navbar-offcanvas .navmenu-nav>.active>a:hover,.navmenu-default .navmenu-nav>.active>a:focus,.namedia
+
.container-smooth{max-width:1170px}@media (min-width:1px){.container-smooth{width:auto}}.btn-labeled{padding-top:0;padding-bottom:0}.btn-label{position:relative;background:0 0;background:rgba(0,0,0,.15);display:inline-block;padding:6px 12px;left:-12px;border-radius:3px 0 0 3px}.btn-label.btn-label-right{left:auto;right:-12px;border-radius:0 3px 3px 0}.btn-lg .btn-label{padding:10px 16px;left:-16px;border-radius:5px 0 0 5px}.btn-lg .btn-label.btn-label-right{left:auto;right:-16px;border-radius:0 5px 5px 0}.btn-sm .btn-label{padding:5px 10px;left:-10px;border-radius:2px 0 0 2px}.btn-sm .btn-label.btn-label-right{left:auto;right:-10px;border-radius:0 2px 2px 0}.btn-xs .btn-label{padding:1px 5px;left:-5px;border-radius:2px 0 0 2px}.btn-xs .btn-label.btn-label-right{left:auto;right:-5px;border-radius:0 2px 2px 0}.nav-tabs-bottom{border-bottom:0;border-top:1px solid #ddd}.nav-tabs-bottom>li{margin-bottom:0;margin-top:-1px}.nav-tabs-bottom>li>a{border-radius:0 0 4px 4px}.nav-tabs-bottom>li>a:hover,.nav-tabs-bottom>li>a:focus,.nav-tabs-bottom>li.active>a,.nav-tabs-bottom>li.active>a:hover,.nav-tabs-bottom>li.active>a:focus{border:1px solid #ddd;border-top-color:transparent}.nav-tabs-left{border-bottom:0;border-right:1px solid #ddd}.nav-tabs-left>li{margin-bottom:0;margin-right:-1px;float:none}.nav-tabs-left>li>a{border-radius:4px 0 0 4px;margin-right:0;margin-bottom:2px}.nav-tabs-left>li>a:hover,.nav-tabs-left>li>a:focus,.nav-tabs-left>li.active>a,.nav-tabs-left>li.active>a:hover,.nav-tabs-left>li.active>a:focus{border:1px solid #ddd;border-right-color:transparent}.row>.nav-tabs-left{padding-right:0;padding-left:15px;margin-right:-1px;position:relative;z-index:1}.row>.nav-tabs-left+.tab-content{border-left:1px solid #ddd}.nav-tabs-right{border-bottom:0;border-left:1px solid #ddd}.nav-tabs-right>li{margin-bottom:0;margin-left:-1px;float:none}.nav-tabs-right>li>a{border-radius:0 4px 4px 0;margin-left:0;margin-bottom:2px}.nav-tabs-right>li>a:hover,.nav-tabs-right>li>a:focus,.nav-tabs-right>li.active>a,.nav-tabs-right>li.active>a:hover,.nav-tabs-right>li.active>a:focus{border:1px solid #ddd;border-left-color:transparent}.row>.nav-tabs-right{padding-left:0;padding-right:15px}.navmenu,.navbar-offcanvas{width:300px;height:auto;border-width:1px;border-style:solid;border-radius:4px}.navmenu-fixed-left,.navmenu-fixed-right,.navbar-offcanvas{position:fixed;z-index:1030;top:0;bottom:0;overflow-y:auto;border-radius:0}.navmenu-fixed-left,.navbar-offcanvas.navmenu-fixed-left{left:0;right:auto;border-width:0 1px 0 0}.navmenu-fixed-right,.navbar-offcanvas{left:auto;right:0;border-width:0 0 0 1px}.navmenu-nav{margin-bottom:10px}.navmenu-nav.dropdown-menu{position:static;margin:0;padding-top:0;float:none;border:none;-webkit-box-shadow:none;box-shadow:none;border-radius:0}.navbar-offcanvas .navbar-nav{margin:0}@media (min-width:768px){.navbar-offcanvas{width:auto;border-top:0;box-shadow:none}.navbar-offcanvas.offcanvas{position:static;display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-offcanvas .navbar-nav.navbar-left:first-child{margin-left:-15px}.navbar-offcanvas .navbar-nav.navbar-right:last-child{margin-right:-15px}.navbar-offcanvas .navmenu-brand{display:none}}.navmenu-brand{display:block;font-size:18px;line-height:20px;padding:10px 15px;margin:10px 0}.navmenu-brand:hover,.navmenu-brand:focus{text-decoration:none}.navmenu-default,.navbar-default .navbar-offcanvas{background-color:#f8f8f8;border-color:#e7e7e7}.navmenu-default .navmenu-brand,.navbar-default .navbar-offcanvas .navmenu-brand{color:#777}.navmenu-default .navmenu-brand:hover,.navbar-default .navbar-offcanvas .navmenu-brand:hover,.navmenu-default .navmenu-brand:focus,.navbar-default .navbar-offcanvas .navmenu-brand:focus{color:#5e5e5e;background-color:transparent}.navmenu-default .navmenu-text,.navbar-default .navbar-offcanvas .navmenu-text{color:#777}.navmenu-default .navmenu-nav>.dropdown>a:hover .caret,.navbar-default .navbar-offcanvas .navmenu-nav>.dropdown>a:hover .caret,.navmenu-default .navmenu-nav>.dropdown>a:focus .caret,.navbar-default .navbar-offcanvas .navmenu-nav>.dropdown>a:focus .caret{border-top-color:#333;border-bottom-color:#333}.navmenu-default .navmenu-nav>.open>a,.navbar-default .navbar-offcanvas .navmenu-nav>.open>a,.navmenu-default .navmenu-nav>.open>a:hover,.navbar-default .navbar-offcanvas .navmenu-nav>.open>a:hover,.navmenu-default .navmenu-nav>.open>a:focus,.navbar-default .navbar-offcanvas .navmenu-nav>.open>a:focus{background-color:#e7e7e7;color:#555}.navmenu-default .navmenu-nav>.open>a .caret,.navbar-default .navbar-offcanvas .navmenu-nav>.open>a .caret,.navmenu-default .navmenu-nav>.open>a:hover .caret,.navbar-default .navbar-offcanvas .navmenu-nav>.open>a:hover .caret,.navmenu-default .navmenu-nav>.open>a:focus .caret,.navbar-default .navbar-offcanvas .navmenu-nav>.open>a:focus .caret{border-top-color:#555;border-bottom-color:#555}.navmenu-default .navmenu-nav>.dropdown>a .caret,.navbar-default .navbar-offcanvas .navmenu-nav>.dropdown>a .caret{border-top-color:#777;border-bottom-color:#777}.navmenu-default .navmenu-nav.dropdown-menu,.navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu{background-color:#e7e7e7}.navmenu-default .navmenu-nav.dropdown-menu>.divider,.navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu>.divider{background-color:#f8f8f8}.navmenu-default .navmenu-nav.dropdown-menu>.active>a,.navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu>.active>a,.navmenu-default .navmenu-nav.dropdown-menu>.active>a:hover,.navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu>.active>a:hover,.navmenu-default .navmenu-nav.dropdown-menu>.active>a:focus,.navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu>.active>a:focus{background-color:#d7d7d7}.navmenu-default .navmenu-nav>li>a,.navbar-default .navbar-offcanvas .navmenu-nav>li>a{color:#777}.navmenu-default .navmenu-nav>li>a:hover,.navbar-default .navbar-offcanvas .navmenu-nav>li>a:hover,.navmenu-default .navmenu-nav>li>a:focus,.navbar-default .navbar-offcanvas .navmenu-nav>li>a:focus{color:#333;background-color:transparent}.navmenu-default .navmenu-nav>.active>a,.navbar-default .navbar-offcanvas .navmenu-nav>.active>a,.navmenu-default .navmenu-nav>.active>a:hover,.navbar-default .navbar-offcanvas .navmenu-nav>.active>a:hover,.navmenu-default .navmenu-nav>.active>a:focus,.navbar-default .navbar-offcanvas .navmenu-nav>.active>a:focus{color:#555;background-color:#e7e7e7}.navmenu-default .navmenu-nav>.disabled>a,.navbar-default .navbar-offcanvas .navmenu-nav>.disabled>a,.navmenu-default .navmenu-nav>.disabled>a:hover,.navbar-default .navbar-offcanvas .navmenu-nav>.disabled>a:hover,.navmenu-default .navmenu-nav>.disabled>a:focus,.navbar-default .navbar-offcanvas .navmenu-nav>.disabled>a:focus{color:#ccc;background-color:transparent}.navmenu-inverse,.navbar-inverse .navbar-offcanvas{background-color:#222;border-color:#080808}.navmenu-inverse .navmenu-brand,.navbar-inverse .navbar-offcanvas .navmenu-brand{color:#999}.navmenu-inverse .navmenu-brand:hover,.navbar-inverse .navbar-offcanvas .navmenu-brand:hover,.navmenu-inverse .navmenu-brand:focus,.navbar-inverse .navbar-offcanvas .navmenu-brand:focus{color:#fff;background-color:transparent}.navmenu-inverse .navmenu-text,.navbar-inverse .navbar-offcanvas .navmenu-text{color:#999}.navmenu-inverse .navmenu-nav>.dropdown>a:hover .caret,.navbar-inverse .navbar-offcanvas .navmenu-nav>.dropdown>a:hover .caret,.navmenu-inverse .navmenu-nav>.dropdown>a:focus .caret,.navbar-inverse .navbar-offcanvas .navmenu-nav>.dropdown>a:focus .caret{border-top-color:#fff;border-bottom-color:#fff}.navmenu-inverse .navmenu-nav>.open>a,.navbar-inverse .navbar-offcanvas .navmenu-nav>.open>a,.navmenu-inverse .navmenu-nav>.open>a:hover,.navbar-inverse .navbar-offcanvas .navmenu-nav>.open>a:hover,.navmenu-inverse .navmenu-nav>.open>a:focus,.navbar-inverse .navbar-offcanvas .navmenu-nav>.open>a:focus{background-color:#080808;color:#fff}.navmenu-inverse .navmenu-nav>.open>a .caret,.navbar-inverse .navbar-offcanvas .navmenu-nav>.open>a .caret,.navmenu-inverse .navmenu-nav>.open>a:hover .caret,.navbar-inverse .navbar-offcanvas .navmenu-nav>.open>a:hover .caret,.navmenu-inverse .navmenu-nav>.open>a:focus .caret,.navbar-inverse .navbar-offcanvas .navmenu-nav>.open>a:focus .caret{border-top-color:#fff;border-bottom-color:#fff}.navmenu-inverse .navmenu-nav>.dropdown>a .caret,.navbar-inverse .navbar-offcanvas .navmenu-nav>.dropdown>a .caret{border-top-color:#999;border-bottom-color:#999}.navmenu-inverse .navmenu-nav.dropdown-menu,.navbar-inverse .navbar-offcanvas .navmenu-nav.dropdown-menu{background-color:#080808}.navmenu-inverse .navmenu-nav.dropdown-menu>.divider,.navbar-inverse .navbar-offcanvas .navmenu-nav.dropdown-menu>.divider{background-color:#222}.navmenu-inverse .navmenu-nav.dropdown-menu>.active>a,.navbar-inverse .navbar-offcanvas .navmenu-nav.dropdown-menu>.active>a,.navmenu-inverse .navmenu-nav.dropdown-menu>.active>a:hover,.navbar-inverse .navbar-offcanvas .navmenu-nav.dropdown-menu>.active>a:hover,.navmenu-inverse .navmenu-nav.dropdown-menu>.active>a:focus,.navbar-inverse .navbar-offcanvas .navmenu-nav.dropdown-menu>.active>a:focus{background-color:#000}.navmenu-inverse .navmenu-nav>li>a,.navbar-inverse .navbar-offcanvas .navmenu-nav>li>a{color:#999}.navmenu-inverse .navmenu-nav>li>a:hover,.navbar-inverse .navbar-offcanvas .navmenu-nav>li>a:hover,.navmenu-inverse .navmenu-nav>li>a:focus,.navbar-inverse .navbar-offcanvas .navmenu-nav>li>a:focus{color:#fff;background-color:transparent}.navmenu-inverse .navmenu-nav>.active>a,.navbar-inverse .navbar-offcanvas .navmenu-nav>.active>a,.navmenu-inverse .navmenu-nav>.active>a:hover,.navbar-inverse .navbar-offcanvas .navmenu-nav>.active>a:hover,.navmenu-inverse .navmenu-nav>.active>a:focus,.navbar-inverse .navbar-offcanvas .navmenu-nav>.active>a:focus{color:#fff;background-color:#080808}.navmenu-inverse .navmenu-nav>.disabled>a,.navbar-inverse .navbar-offcanvas .navmenu-nav>.disabled>a,.navmenu-inverse .navmenu-nav>.disabled>a:hover,.navbar-inverse .navbar-offcanvas .navmenu-nav>.disabled>a:hover,.navmenu-inverse .navmenu-nav>.disabled>a:focus,.navbar-inverse .navbar-offcanvas .navmenu-nav>.disabled>a:focus{color:#444;background-color:transparent}.alert-fixed-top,.alert-fixed-bottom{position:fixed;width:100%;z-index:1035;border-radius:0;margin:0;left:0}@media (min-width:992px){.alert-fixed-top,.alert-fixed-bottom{width:992px;left:50%;margin-left:-496px}}.alert-fixed-top{top:0;border-width:0 0 1px}@media (min-width:992px){.alert-fixed-top{border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-width:0 1px 1px}}.alert-fixed-bottom{bottom:0;border-width:1px 0 0}@media (min-width:992px){.alert-fixed-bottom{border-top-right-radius:4px;border-top-left-radius:4px;border-width:1px 1px 0}}.offcanvas{display:none}.offcanvas.in{display:block}@media (max-width:767px){.offcanvas-xs{display:none}.offcanvas-xs.in{display:block}}@media (max-width:991px){.offcanvas-sm{display:none}.offcanvas-sm.in{display:block}}@media (max-width:1199px){.offcanvas-md{display:none}.offcanvas-md.in{display:block}}.offcanvas-lg{display:none}.offcanvas-lg.in{display:block}.canvas-sliding{-webkit-transition:top .35s,left .35s,bottom .35s,right .35s;transition:top .35s,left .35s,bottom .35s,right .35s}.offcanvas-clone{height:0!important;width:0!important;overflow:hidden!important;border:none!important;margin:0!important;padding:0!important;position:absolute!important;top:auto!important;left:auto!important;bottom:0!important;right:0!important;opacity:0!important}.table.rowlink td:not(.rowlink-skip),.table .rowlink td:not(.rowlink-skip){cursor:pointer}.table.rowlink td:not(.rowlink-skip) a,.table .rowlink td:not(.rowlink-skip) a{color:inherit;font:inherit;text-decoration:inherit}.table-hover.rowlink tr:hover td,.table-hover .rowlink tr:hover td{background-color:#cfcfcf}.btn-file{overflow:hidden;position:relative;vertical-align:middle}.btn-file>input{position:absolute;top:0;right:0;margin:0;opacity:0;filter:alpha(opacity=0);font-size:23px;height:100%;width:100%;direction:ltr;cursor:pointer}.fileinput{margin-bottom:9px;display:inline-block}.fileinput .form-control{padding-top:7px;padding-bottom:5px;display:inline-block;margin-bottom:0;vertical-align:middle;cursor:text}.fileinput .thumbnail{overflow:hidden;display:inline-block;margin-bottom:5px;vertical-align:middle;text-align:center}.fileinput .thumbnail>img{max-height:100%}.fileinput .btn{vertical-align:middle}.fileinput-exists .fileinput-new,.fileinput-new .fileinput-exists{display:none}.fileinput-inline .fileinput-controls{display:inline}.fileinput-filename{vertical-align:middle;display:inline-block;overflow:hidden}.form-control .fileinput-filename{vertical-align:bottom}.fileinput.input-group{display:table}.fileinput.input-group>*{position:relative;z-index:2}.fileinput.input-group>.btn-file{z-index:1}.fileinput-new.input-group .btn-file,.fileinput-new .input-group .btn-file{border-radius:0 4px 4px 0}.fileinput-new.input-group .btn-file.btn-xs,.fileinput-new .input-group .btn-file.btn-xs,.fileinput-new.input-group .btn-file.btn-sm,.fileinput-new .input-group .btn-file.btn-sm{border-radius:0 3px 3px 0}.fileinput-new.input-group .btn-file.btn-lg,.fileinput-new .input-group .btn-file.btn-lg{border-radius:0 6px 6px 0}.form-group.has-warning .fileinput .fileinput-preview{color:#8a6d3b}.form-group.has-warning .fileinput .thumbnail{border-color:#faebcc}.form-group.has-error .fileinput .fileinput-preview{color:#a94442}.form-group.has-error .fileinput .thumbnail{border-color:#ebccd1}.form-group.has-success .fileinput .fileinput-preview{color:#3c763d}.form-group.has-success .fileinput .thumbnail{border-color:#d6e9c6}.input-group-addon:not(:first-child){border-left:0}
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
html, body {
 +
  height: 100%;
 +
}
 +
 
 +
.navbar{
 +
  background-color: transparent;
 +
}
 +
/* customize the navmenu */
 +
.navmenu{
 +
  background-color: white;
 +
  color: green;
 +
  max-width: 250px;
 +
}
 +
 
 +
 
 +
.navbar-toggle {
 +
  float: left;
 +
  margin-left: 15px;
 +
}
 +
 
 +
.icon-bar:hover{
 +
  background-color: black;
 +
}
 +
 
 +
@media (min-width: 0) {
 +
  .navbar-toggle {
 +
    display: block; /* force showing the toggle */
 +
  }
 +
}
 +
 
 +
@media (min-width: 992px) {
 +
  body {
 +
    padding: 0;
 +
  }
 +
  .navbar {
 +
    right: auto;
 +
    background: none;
 +
    border: none;
 +
  }
 +
}
 +
 
 +
 
 +
/* Media Querie Medium
 +
*****************/
 +
@media (max-width: 1200px){
 +
 
 +
  /* no fixed navbar for small devices */
 +
  .navbar-fixed-top{
 +
    position: absolute;
 +
  }
 +
 
 +
 
 +
 
 +
}
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
/* General
 +
*****************/
 +
h1,
 +
h2, h3{
 +
  font-family: Trebuchet MS, Helvetica, Arial;
 +
  color: #0ecd28;
 +
  /*text-transform: uppercase;*/
 +
font-weight:bold;
 +
}
 +
 
 +
h2 {
 +
  font-size: 50px;
 +
  color: white;
 +
}
 +
 
 +
h3
 +
{
 +
  font-size: 50px;
 +
}
 +
 
 +
h4
 +
{
 +
  font-size: 30px;
 +
  color: #0ecd28;
 +
  font-weight: normal;
 +
}
 +
 
 +
h5
 +
{
 +
  text-transform: uppercase;
 +
  font-weight: bold;
 +
  font-size: 16px;
 +
}
 +
 
 +
b{
 +
  font-size: 0.8em;
 +
}
 +
 
 +
b:hover{
 +
  color: white;
 +
}
 +
 
 +
.btn{
 +
  margin-top: 10px;
 +
}
 +
 
 +
.top
 +
{
 +
  margin-top: 13px;
 +
}
 +
 
 +
.black{
 +
  color: black;
 +
}
 +
 
 +
.green-text
 +
{
 +
  color: #0ecd28;
 +
}
 +
 
 +
.more-informations-white
 +
{
 +
  text-transform: uppercase;
 +
  color: white;
 +
  font-size: 16px;
 +
  float: right;
 +
  background: transparent url('https://static.igem.org/mediawiki/2014/2/2b/Team_Berlin_igem_arrow_right_white.png') no-repeat right center;
 +
  padding: 10px 30px 10px 0;
 +
  margin-bottom: 30px;
 +
margin-top: 5px;
 +
}
 +
 
 +
.more-informations-white:hover
 +
{
 +
  text-decoration: none;
 +
  color: white;
 +
}
 +
 
 +
.more-informations-green
 +
{
 +
  text-transform: uppercase;
 +
  color: #0ecd28;
 +
  font-size: 16px;
 +
  float: right;
 +
  background: transparent url('https://static.igem.org/mediawiki/2014/f/f2/Team_Berlin_igem_arrow_right_green.png') no-repeat right center;
 +
  padding: 10px 30px 10px 0;
 +
  margin-bottom: 30px;
 +
margin-top: 5px;
 +
}
 +
 
 +
.more-informations-green:hover
 +
{
 +
  text-decoration: none;
 +
  color: #0ecd28;
 +
}
 +
 
 +
.deactivate{
 +
  text-decoration: line-through;
 +
  opacity: 0.5;
 +
  /*filter:Alpha(Opacity=50);*/
 +
  border: none;
 +
  background: none;
 +
}
 +
 
 +
.deactivate:hover
 +
{
 +
  text-decoration: line-through;
 +
  opacity: 0.5;
 +
  /*filter:Alpha(Opacity=50);*/
 +
  border: none;
 +
background: none;
 +
}
 +
 
 +
.igem-logo{
 +
  height: 53px;
 +
  width: 70px;
 +
}
 +
 
 +
.button-teilnehmen
 +
{
 +
  background-color: #0ecd28;
 +
  width: 120px;
 +
  margin-left: auto;
 +
  margin-right: auto;
 +
  height: 40px;
 +
  border-radius: 21px;
 +
  padding-top: 4px;
 +
  margin-bottom: 4px;
 +
    color: white;
 +
  font-size: 16px;
 +
  font-weight: bold;
 +
  border: none;
 +
}
 +
 
 +
.button-teilnehmen a
 +
{
 +
  color: white;
 +
  font-size: 16px;
 +
  font-weight: bold;
 +
}
 +
 
 +
.button-teilnehmen a:hover
 +
{
 +
  color: white;
 +
  font-size: 16px;
 +
  font-weight: bold;
 +
}
 +
 
 +
/* Backgrounds
 +
*****************/
 +
#background1 {  
 +
  background: url('https://static.igem.org/mediawiki/2014/0/02/Team_Berlin_igem_background_01.jpg') no-repeat bottom fixed;
 +
    height: 640px; 
 +
    margin: 0 auto;  
 +
    width: 100%;
 +
    position: relative;
 +
    -webkit-background-size: cover;
 +
    -moz-background-size: cover;
 +
    -o-background-size: cover;
 +
    background-size: cover;
 +
 
 +
}
 +
 
 +
#background2 {
 +
    background: url('https://static.igem.org/mediawiki/2014/2/2a/Team_Berlin_igem_background_02.jpg') no-repeat bottom fixed;
 +
    height: 700px; 
 +
    margin: 0 auto;  
 +
    width: 100%;
 +
    -webkit-background-size: cover;
 +
    -moz-background-size: cover;
 +
    -o-background-size: cover;
 +
    background-size: cover;
 +
}
 +
 
 +
#background3 {
 +
  background: url('https://static.igem.org/mediawiki/2014/5/55/Team_Berlin_igem_big_02.jpg') no-repeat bottom fixed;
 +
    height: 640px; 
 +
    margin: 0 auto;
 +
    width: 100%;
 +
    position: relative;
 +
    -webkit-background-size: cover;
 +
    -moz-background-size: cover;
 +
    -o-background-size: cover;
 +
    background-size: cover;
 +
 
 +
}
 +
 
 +
#background4 {
 +
    background: url('https://static.igem.org/mediawiki/2014/5/53/Team_Berlin_igem_big_09.jpg') no-repeat bottom fixed;
 +
    height: 700px; 
 +
    margin: 0 auto;
 +
    width: 100%;
 +
    -webkit-background-size: cover;
 +
    -moz-background-size: cover;
 +
    -o-background-size: cover;
 +
    background-size: cover;
 +
}
 +
 
 +
.container-green
 +
{
 +
  background: url('https://static.igem.org/mediawiki/2014/5/5b/Team_Berlin_igem_background_green.jpg') no-repeat center center;
 +
    -webkit-background-size: cover;
 +
    -moz-background-size: cover;
 +
    -o-background-size: cover;
 +
    background-size: cover;
 +
    border-bottom: 4px solid #4be861;
 +
}
 +
 
 +
 
 +
/* Footer
 +
*****************/
 +
 
 +
.footer
 +
{
 +
  width: 100%;
 +
  color: #000;
 +
  padding: 12px 0 10px 0;
 +
}
 +
 
 +
.back-to-top-arrow{
 +
  font-size: 1.5em;
 +
  color: rgba(130,130,130,0.9);
 +
  margin: 0% auto 2% auto;
 +
}
 +
 
 +
.footer-color{
 +
  color: rgba(150,150,150,0.9);
 +
}
 +
 
 +
.footer-menue {
 +
  padding-right: 2%;
 +
  text-align: right;
 +
  float: right;
 +
}
 +
 
 +
.footer-address{
 +
  text-align: left;
 +
  margin-top: 5px;
 +
  margin-left: 33px;
 +
}
 +
 
 +
.footer-sm-icons a
 +
{
 +
  margin-left: 10px;
 +
}
 +
 
 +
.footer-sm-icons
 +
{
 +
  text-align: left;
 +
}
 +
 
 +
.footer-sm-icons a img
 +
{
 +
  margin-top: 8px;
 +
 
 +
}
 +
 
 +
 
 +
.footer-imprint{
 +
  text-transform: uppercase;
 +
  color: #8d8d8d;
 +
  font-size: 12px;
 +
  text-align: right;
 +
}
 +
 
 +
.footer-sitemap{
 +
  margin-bottom: 10px;
 +
  text-align: right;
 +
}
 +
 
 +
.footer-sitemap li{
 +
  list-style-type: none;
 +
    display: inline-block;
 +
}
 +
 
 +
.footer-sitemap a:hover{
 +
  text-decoration: none;
 +
}
 +
 
 +
 
 +
 
 +
/*
 +
* MENÜ
 +
****************************/
 +
 
 +
.main-menue
 +
{
 +
  text-transform: uppercase;
 +
  font-size: 16px;
 +
  /* margin-top: 30px; */
 +
  color: #fff;
 +
  background-color: rgba(255,255,255,.9);
 +
}
 +
 
 +
.main-menue-links a
 +
{
 +
  /*color: white;*/
 +
  color: #0ecd28;
 +
}
 +
 
 +
  .main-menue-ul
 +
  {
 +
    padding-left: 0;
 +
  }
 +
 
 +
.main-menue li
 +
{
 +
  list-style-type: none;
 +
  display: inline-block;
 +
  width: 123px;
 +
  padding-top: 2px;
 +
  padding-bottom: 2px;
 +
}
 +
 
 +
.main-menue li:hover
 +
{
 +
  list-style-type: none;
 +
  display: inline-block;
 +
  width: 121px;
 +
  padding-top: 2px;
 +
  padding-bottom: 2px;
 +
 
 +
  /*just for the beta site, uncommend afterwards!!!!*/
 +
    /*border: 1px solid #0ecd28;
 +
  -moz-border-radius: 17px;
 +
  border-radius: 17px;*/
 +
}
 +
 
 +
.main-menue .active
 +
{
 +
  border: 1px solid #0ecd28;
 +
  -moz-border-radius: 17px;
 +
  border-radius: 17px;
 +
 
 +
  /*just for the beta site, delete afterwards!!!!*/
 +
  width: 121px;
 +
  padding-top: 2px;
 +
  padding-bottom: 2px;
 +
}
 +
 
 +
.main-menue-links:hover
 +
{
 +
  /*color: white;*/
 +
  color: #0ecd28;
 +
    text-decoration: none;
 +
 
 +
    border: 1px solid #0ecd28;
 +
  -moz-border-radius: 17px;
 +
  border-radius: 17px;
 +
  width: 121px;
 +
  padding-top: 4px;
 +
  padding-bottom: 4px;
 +
 
 +
}
 +
 
 +
.igem-link:hover
 +
{
 +
  /*color: white;*/
 +
  color: #0ecd28;
 +
    text-decoration: none;
 +
 
 +
   
 +
 
 +
}
 +
 
 +
/*
 +
* TEASER
 +
****************************/
 +
.teaser
 +
{
 +
  font-size: 18px;
 +
}
 +
 
 +
.teaser-workshop
 +
{
 +
  font-size: 16px;
 +
color: #656565;
 +
padding-top: 16px;
 +
padding-bottom: 6px;
 +
}
 +
 
 +
 
 +
/* Site Wrapper
 +
*****************/
 +
 
 +
 
 +
.jumbotron{
 +
  background-color: rgba(0,0,0,0.0);
 +
}
 +
 
 +
.jumbotron-home
 +
{
 +
  background-color: rgba(0,0,0,0.0);
 +
  top: 0;
 +
    bottom: 0;
 +
    /*left: 0;*/
 +
    right: 0;
 +
    width: 35%;
 +
    height: 30%;
 +
    margin: auto;
 +
    position: absolute;
 +
    text-align: right;
 +
    padding-right: 30px;
 +
}
 +
 
 +
.jumbotron-sub
 +
{
 +
  margin-top: 48px;
 +
}
 +
 
 +
.jumbotron-blog
 +
{
 +
  margin-top: 14px;
 +
}
 +
 
 +
.jumbotron-workshop
 +
{
 +
  margin-top: 71px;
 +
}
 +
 
 +
#main-button{
 +
  font-weight: normal;
 +
  font-size: 18px;
 +
  margin-top: 10px;
 +
}
 +
 
 +
#main-button img
 +
{
 +
  padding-top: 10px;
 +
}
 +
 
 +
#main-button a:hover
 +
{
 +
  text-decoration: none;
 +
  cursor: pointer;
 +
}
 +
 
 +
 
 +
#ecoli-button{
 +
  font-weight: normal;
 +
  font-size: 18px;
 +
  margin-top: 10px;
 +
  margin-bottom: 20px;
 +
}
 +
 
 +
 
 +
 
 +
#ecoli-button a:hover
 +
{
 +
  text-decoration: none;
 +
  cursor: pointer;
 +
}
 +
 
 +
#project-button{
 +
  font-weight: normal;
 +
  font-size: 18px;
 +
  margin-top: 10px;
 +
  margin-bottom: 20px;
 +
}
 +
 
 +
 
 +
 
 +
#project-button a:hover
 +
{
 +
  text-decoration: none;
 +
  cursor: pointer;
 +
}
 +
 
 +
 
 +
#team-button{
 +
  font-weight: normal;
 +
  font-size: 18px;
 +
  margin-top: 10px;
 +
  margin-bottom: 20px;
 +
}
 +
 
 +
 
 +
 
 +
#team-button a:hover  
 +
{
 +
  text-decoration: none;
 +
  cursor: pointer;
 +
}
 +
 
 +
 
 +
 
 +
 
 +
/* Featurette
 +
*****************/
 +
 
 +
.featurette{
 +
 
 +
}
 +
 
 +
.featurette-button{
 +
  width: 150px;
 +
  box-shadow: 0 3px 0 rgba(0,0,0,0.5);
 +
  text-shadow: 0 1px 1px rgba(0,0,0,.3);
 +
}
 +
 
 +
.first-featurette-image{
 +
  border-radius: 5%;
 +
  border: 0.5px solid #202020; 
 +
  -moz-box-shadow: 5px 5px rgba(0,0,0,0.5);
 +
  -webkit-box-shadow: 5px rgba(0,0,0,0.5);
 +
  box-shadow: 5px 5px rgba(0,0,0,0.5);
 +
}
 +
 
 +
.span1,
 +
.span3{
 +
  color: rgba(0,0,0,0.5);
 +
  font-family: Bubble;
 +
}
 +
 
 +
.green-featurette-row{
 +
  background-color: rgb(7,100,16);
 +
}
 +
 
 +
.white-background{
 +
  background-color: white; 
 +
}
 +
 
 +
.row2-heading,
 +
.row2-p{
 +
  color: rgba(0,0,0,0.6);
 +
}
 +
 
 +
.row2-muted{
 +
  color: rgb(145,213,87);
 +
}
 +
 
 +
.start-text-container
 +
{
 +
  padding: 35px 24% 75px 24%;
 +
}
 +
 
 +
.start-text-container-workshop
 +
{
 +
  padding: 18px 24% 52px 24%;
 +
}
 +
 
 +
.teaser-icons
 +
{
 +
  margin-bottom: 10px;
 +
  margin-right: 10px;
 +
}
 +
 
 +
.teaser-text-sub
 +
{
 +
  margin-bottom: 10px;
 +
}
 +
 
 +
.teaser-text-sub div
 +
{
 +
  text-align: center;
 +
}
 +
 
 +
 
 +
/* Canvas
 +
*****************/
 +
 
 +
.game-intro{
 +
  font-family: Bubble;
 +
  font-size: 2em;
 +
}
 +
 
 +
 
 +
 
 +
/* Sponsors
 +
*****************/
 +
 
 +
.sponsor-title{
 +
  color: grey;
 +
  font-size: 2.5em;
 +
}
 +
 
 +
.sponsor-wrapper{
 +
  background-color: #efefef;
 +
  padding-top: 25px;
 +
}
 +
 
 +
.sponsor-heading-row{
 +
  padding-bottom: 18px;
 +
  font-size: 1.7em;
 +
}
 +
 
 +
.sponsor-img-row{
 +
  text-align: center;
 +
}
 +
 
 +
.sponsor-img{
 +
  margin-bottom: 50px;
 +
  height: 60%;
 +
  width: 60%;
 +
}
 +
 
 +
 
 +
img.grayscale {
 +
/*  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'>
 +
      <filter id=\'grayscale\'><feColorMatrix type=\'matrix\'
 +
      values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333
 +
      0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'
 +
      /></filter></svg>#grayscale"); /* Firefox 3.5+, IE10 */
 +
  filter: gray; /* IE6-9 */
 +
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
 +
    -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
 +
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
 +
 
 +
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
 +
 
 +
}
 +
 
 +
img.grayscale:hover {
 +
    filter: none;
 +
    -webkit-filter: grayscale(0%);
 +
}
 +
 
 +
/* SUBSIDE POJECT
 +
********************/
 +
#section-sub
 +
{
 +
  background-color: #f3f3f3;
 +
}
 +
 
 +
#subside-content
 +
{
 +
  color: #000;
 +
  padding: 30px 0 20px 0;
 +
}
 +
 
 +
#subside-content-workshop
 +
{
 +
  padding: 30px 5px 20px 5px;
 +
  max-width: 800px;
 +
  text-align: center;
 +
  margin-right: auto;
 +
  margin-left: auto;
 +
  color: black;
 +
}
 +
 
 +
 
 +
.project-steps-img img
 +
{
 +
  /*-moz-border-radius: 100%;
 +
  border-radius: 100%;*/
 +
  margin-bottom: 16px;
 +
}
 +
 
 +
.project-steps-img span
 +
{
 +
  margin: auto;
 +
  position: absolute;
 +
  top: 77px; left: 8px; right: 0;
 +
  font-family: "ag_book_roundedregular";
 +
  font-size: 50px;
 +
  color: #fff;
 +
  -moz-border-radius: 100%;
 +
  border-radius: 100%;
 +
  border: 1px solid white;
 +
  width: 60px;
 +
height: 60px;
 +
line-height: 60px;
 +
 
 +
}
 +
 
 +
.project-steps
 +
{
 +
  padding: 0 20px 65px 20px;
 +
}
 +
 
 +
.project-steps p
 +
{
 +
  padding: 0 20% 0 20%;
 +
margin: 0 0 4px 0;
 +
}
 +
 
 +
/*SEARCH
 +
***************/
 +
 
 +
.search-archive
 +
{
 +
  margin-top: 25px;
 +
  margin-right: 8px;
 +
}
 +
 
 +
.search-archive img
 +
{
 +
  position: absolute;
 +
  right: 0;
 +
}
 +
 
 +
.search-archive input:first-child
 +
{
 +
  background-color: transparent;
 +
  color: #0ecd28;
 +
  font-size: 16px;
 +
  border: 1px solid #0ecd28;
 +
  border-radius: 15px; 
 +
  padding: 5px 10px 5px 10px;
 +
}
 +
 
 +
.search-archive form
 +
{
 +
  height: 22px;
 +
  position: relative;
 +
  width: 250px;
 +
  margin-left: auto;
 +
  margin-right: auto;
 +
}
 +
 
 +
.search-form-submit
 +
{
 +
  background: transparent url('../img/Team_Berlin_igem_search.png') center center no-repeat;
 +
  height: 33px;
 +
  position: absolute;
 +
  right: 0;
 +
  text-indent: -1000em;
 +
  top: 0;
 +
  width: 23px;
 +
  border: none;
 +
}
 +
 
 +
/*BLOG
 +
***************/
 +
.blog-entry
 +
{
 +
  width: 900px;
 +
  margin-left: auto;
 +
  margin-right: auto;
 +
  margin-bottom: 35px;
 +
}
 +
 
 +
/*.blog-entry-left
 +
{
 +
  float: left;
 +
}
 +
 
 +
.blog-entry-right
 +
{
 +
  float: left;
 +
  width: 675px;
 +
  text-align: left;
 +
  margin-left: 20px; 
 +
  margin-top: 10px;
 +
}*/
 +
 
 +
.blog-text
 +
{
 +
  text-align: left;
 +
}
 +
 
 +
.blog-headline
 +
{
 +
  text-align: left;
 +
}
 +
 
 +
.blog-entry-tags
 +
{
 +
  margin-bottom: 8px;
 +
  text-align: left;
 +
}
 +
 
 +
.blog-entry-tags ul
 +
{
 +
  padding-left: 0px;
 +
}
 +
 
 +
.blog-entry-tags li
 +
{
 +
  list-style-type: none;
 +
  display: inline-block;
 +
  border: 1px solid #0ecd28;
 +
  color: #0ecd28;
 +
  -moz-border-radius: 17px;
 +
  border-radius: 17px;
 +
  padding: 3px 5px 2px 5px;
 +
  min-width: 100px;
 +
  text-transform: uppercase;
 +
  text-align: center;
 +
  padding-left: 10px;
 +
  padding-right: 10px;
 +
}
 +
 
 +
.blog-entry-link
 +
{
 +
  float:right;
 +
}
 +
 
 +
.clear{
 +
  clear: both;
 +
}
 +
 
 +
/* Media Querie Large
 +
*****************/
 +
 
 +
@media (min-width: 992px) {
 +
  .last-featurette{
 +
    padding: 0;
 +
  }
 +
 
 +
  .igem-logo{
 +
    /*margin-top: 10px;*/
 +
  }
 +
 
 +
}
 +
 
 +
@media (max-width: 995px) {
 +
 
 +
  .footer-icon-bar
 +
  {
 +
    margin: 20px 0;
 +
  }
 +
 
 +
  .footer-imprint
 +
  {
 +
    padding-left: 10px;
 +
  }
 +
}
 +
 
 +
 
 +
/* Media Querie Medium
 +
*****************/
 +
@media (max-width: 768px){
 +
  .sponsor-img{
 +
    margin: 10% auto;
 +
    height: 20%;
 +
    width: 20%;
 +
  }
 +
  /*
 +
  * MENÜ
 +
  ****************************/
 +
 
 +
  .main-menue
 +
  {
 +
    text-transform: uppercase;
 +
    font-size: 15px;
 +
    /* margin-top: 30px; */
 +
   
 +
  }
 +
 
 +
 
 +
  .main-menue li
 +
  {
 +
    list-style-type: none;
 +
    display: inline-block;
 +
    width: 80px;
 +
    padding-top: 2px;
 +
    padding-bottom: 2px;
 +
  }
 +
 
 +
  .main-menue li:hover
 +
  {
 +
    list-style-type: none;
 +
    display: inline-block;
 +
    width: 80px;
 +
    padding-top: 2px;
 +
    padding-bottom: 2px;
 +
 
 +
    /*just for the beta site, uncommend afterwards!!!!*/
 +
      /*border: 1px solid #0ecd28;
 +
    -moz-border-radius: 17px;
 +
    border-radius: 17px;*/
 +
  }
 +
 
 +
  .main-menue .active
 +
  {
 +
    border: 1px solid #0ecd28;
 +
    -moz-border-radius: 17px;
 +
    border-radius: 17px;
 +
   
 +
    /*just for the beta site, delete afterwards!!!!*/
 +
    width: 80px;
 +
    padding-top: 2px;
 +
    padding-bottom: 2px;
 +
  }
 +
 
 +
  .start-text-container {
 +
  padding: 35px 14% 75px 14%;
 +
  }
 +
 
 +
  .jumbotron-home{
 +
    left:0;
 +
    text-align: center;
 +
    min-height: 250px;
 +
  }
 +
}
 +
 
 +
 
 +
 
 +
/* Media Querie small
 +
*****************/
 +
@media (max-width: 468px){
 +
  .featurette{
 +
    padding: 2% 0;
 +
  }
 +
 
 +
  .start-text-container {
 +
  padding: 35px 5px 75px 5px;
 +
  }
 +
 
 +
  .jumbotron-home
 +
  {
 +
    width: 98%;
 +
margin: 150px auto;
 +
  }
 +
 
 +
  .container-fluid {
 +
    padding-right: 5px;
 +
    padding-left: 5px;
 +
    margin-right: auto;
 +
    margin-left: auto;
 +
  }
 +
 
 +
  .sitewrapper{
 +
    background-color: green;
 +
  }
 +
 
 +
  .blog-headline{
 +
    font-size: 3em;
 +
  }
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
}
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
</style>
 +
 
 +
<link rel="shortcut icon" href="https://static.igem.org/mediawiki/2014/4/49/Team_berlin_fav.png" type="image/png" />
 +
<link rel="icon" href="https://static.igem.org/mediawiki/2014/4/49/Team_berlin_fav.png" type="image/png" />
 +
 
 +
</head>
 +
<body>
 +
 
 +
</body>
 +
</html>

Latest revision as of 21:47, 17 October 2014

Retrieved from "http://2014.igem.org/Template:Team:Berlin/AllCss"