Template:Team:Berlin/AllCss

From 2014.igem.org

(Difference between revisions)
Line 6,626: Line 6,626:
       max-height: 400px;
       max-height: 400px;
     }
     }
 +
 +
  ..container-green{
 +
margin-top:0;}
 +
      
      
.site-wrapper-sub,
.site-wrapper-sub,
Line 6,689: Line 6,693:
  */
  */
-
.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}
+
.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
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
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
+
-
*****************/
+
-
@font-face {
+
-
    font-family: "ag_book_roundedregular";
+
-
    src: url('http://igem.berlin/fonts/headline/ag-book-rounded-bold-condensed-outline-webfont.eot');
+
-
    src: url('http://igem.berlin/fonts/headline/ag-book-rounded-bold-condensed-outline-webfont.eot?#iefix    position: relative;') format('embedded-opentype'),
+
-
        url('http://igem.berlin/fonts/headline/ag-book-rounded-bold-condensed-outline-webfont.woff') format('woff'),
+
-
        url('http://igem.berlin/fonts/headline/ag-book-rounded-bold-condensed-outline-webfont.ttf') format('truetype');
+
-
    font-weight: normal;
+
-
    font-style: normal;
+
-
 
+
-
}
+
-
 
+
-
h1,
+
-
h2, h3{
+
-
font-family: "ag_book_roundedregular", 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 */
+
-
}
+
-
 
+
-
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>
+
-
</head>
+
-
<body>
+
-
 
+
-
</body>
+
-
</html>
+

Revision as of 18:00, 5 October 2014