Template:Team:Berlin/AllCss

From 2014.igem.org

(Difference between revisions)
 
(28 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{
     display: none;
     display: none;
Line 40: Line 60:
.container-green{
.container-green{
   margin-top: 450px;
   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,423: 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,630: Line 6,727:
     }
     }
      
      
-
.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{
     .container-green{
Line 6,775: Line 6,872:
}
}
-
 
Line 6,802: Line 6,898:
/* General
/* 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,
h1,
h2, h3{
h2, h3{
-
font-family: "ag_book_roundedregular", Helvetica, Arial;
+
  font-family: Trebuchet MS, Helvetica, Arial;
-
color: #0ecd28;
+
  color: #0ecd28;
-
/*text-transform: uppercase;*/
+
  /*text-transform: uppercase;*/
font-weight:bold;
font-weight:bold;
}
}
h2 {
h2 {
-
font-size: 50px;
+
  font-size: 50px;
-
color: white;
+
  color: white;
}
}
h3
h3
{
{
-
font-size: 50px;
+
  font-size: 50px;
}
}
h4
h4
{
{
-
font-size: 30px;
+
  font-size: 30px;
-
color: #0ecd28;
+
  color: #0ecd28;
-
font-weight: normal;
+
  font-weight: normal;
}
}
h5
h5
{
{
-
text-transform: uppercase;
+
  text-transform: uppercase;
-
font-weight: bold;
+
  font-weight: bold;
-
font-size: 16px;
+
  font-size: 16px;
}
}
b{
b{
-
font-size: 0.8em;
+
  font-size: 0.8em;
}
}
b:hover{
b:hover{
-
color: white;
+
  color: white;
}
}
.btn{
.btn{
-
margin-top: 10px;
+
  margin-top: 10px;
}
}
.top  
.top  
{
{
-
margin-top: 13px;
+
  margin-top: 13px;
}
}
.black{
.black{
-
color: black;
+
  color: black;
}
}
.green-text  
.green-text  
{
{
-
color: #0ecd28;
+
  color: #0ecd28;
}
}
.more-informations-white
.more-informations-white
{
{
-
text-transform: uppercase;
+
  text-transform: uppercase;
-
color: white;
+
  color: white;
-
font-size: 16px;
+
  font-size: 16px;
-
float: right;
+
  float: right;
-
background: transparent url('https://static.igem.org/mediawiki/2014/2/2b/Team_Berlin_igem_arrow_right_white.png') no-repeat right center;  
+
  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;
+
  padding: 10px 30px 10px 0;
-
margin-bottom: 30px;
+
  margin-bottom: 30px;
margin-top: 5px;
margin-top: 5px;
}
}
Line 6,885: Line 6,970:
.more-informations-white:hover
.more-informations-white:hover
{
{
-
text-decoration: none;
+
  text-decoration: none;
-
color: white;
+
  color: white;
}
}
.more-informations-green
.more-informations-green
{
{
-
text-transform: uppercase;
+
  text-transform: uppercase;
-
color: #0ecd28;
+
  color: #0ecd28;
-
font-size: 16px;
+
  font-size: 16px;
-
float: right;
+
  float: right;
-
background: transparent url('https://static.igem.org/mediawiki/2014/f/f2/Team_Berlin_igem_arrow_right_green.png') no-repeat right center;  
+
  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;
+
  padding: 10px 30px 10px 0;
-
margin-bottom: 30px;
+
  margin-bottom: 30px;
margin-top: 5px;
margin-top: 5px;
}
}
Line 6,903: Line 6,988:
.more-informations-green:hover
.more-informations-green:hover
{
{
-
text-decoration: none;
+
  text-decoration: none;
-
color: #0ecd28;
+
  color: #0ecd28;
}
}
.deactivate{
.deactivate{
-
text-decoration: line-through;
+
  text-decoration: line-through;
-
opacity: 0.5;
+
  opacity: 0.5;
   /*filter:Alpha(Opacity=50);*/
   /*filter:Alpha(Opacity=50);*/
   border: none;
   border: none;
Line 6,917: Line 7,002:
.deactivate:hover
.deactivate:hover
{
{
-
text-decoration: line-through;
+
  text-decoration: line-through;
-
opacity: 0.5;
+
  opacity: 0.5;
   /*filter:Alpha(Opacity=50);*/
   /*filter:Alpha(Opacity=50);*/
   border: none;
   border: none;
Line 6,925: Line 7,010:
.igem-logo{
.igem-logo{
-
height: 53px;
+
  height: 53px;
-
width: 70px;
+
  width: 70px;
}
}
.button-teilnehmen  
.button-teilnehmen  
{
{
-
background-color: #0ecd28;
+
  background-color: #0ecd28;
-
width: 120px;
+
  width: 120px;
-
margin-left: auto;
+
  margin-left: auto;
-
margin-right: auto;
+
  margin-right: auto;
-
height: 40px;
+
  height: 40px;
-
border-radius: 21px;
+
  border-radius: 21px;
-
padding-top: 4px;
+
  padding-top: 4px;
-
margin-bottom: 4px;
+
  margin-bottom: 4px;
-
color: white;
+
    color: white;
-
font-size: 16px;
+
  font-size: 16px;
-
font-weight: bold;
+
  font-weight: bold;
-
border: none;
+
  border: none;
}
}
.button-teilnehmen a  
.button-teilnehmen a  
{
{
-
color: white;
+
  color: white;
-
font-size: 16px;
+
  font-size: 16px;
-
font-weight: bold;
+
  font-weight: bold;
}
}
.button-teilnehmen a:hover
.button-teilnehmen a:hover
{
{
-
color: white;
+
  color: white;
-
font-size: 16px;
+
  font-size: 16px;
-
font-weight: bold;
+
  font-weight: bold;
}
}
Line 6,962: Line 7,047:
*****************/
*****************/
#background1 {  
#background1 {  
-
background: url('https://static.igem.org/mediawiki/2014/0/02/Team_Berlin_igem_background_01.jpg') no-repeat bottom fixed;  
+
  background: url('https://static.igem.org/mediawiki/2014/0/02/Team_Berlin_igem_background_01.jpg') no-repeat bottom fixed;  
     height: 640px;   
     height: 640px;   
     margin: 0 auto;  
     margin: 0 auto;  
     width: 100%;  
     width: 100%;  
     position: relative;  
     position: relative;  
-
  -webkit-background-size: cover;
+
    -webkit-background-size: cover;
-
  -moz-background-size: cover;
+
    -moz-background-size: cover;
-
  -o-background-size: cover;
+
    -o-background-size: cover;
-
  background-size: cover;
+
    background-size: cover;
}
}
Line 6,979: Line 7,064:
     margin: 0 auto;  
     margin: 0 auto;  
     width: 100%;  
     width: 100%;  
-
  -webkit-background-size: cover;
+
    -webkit-background-size: cover;
-
  -moz-background-size: cover;
+
    -moz-background-size: cover;
-
  -o-background-size: cover;
+
    -o-background-size: cover;
-
  background-size: cover;
+
    background-size: cover;
}
}
#background3 {  
#background3 {  
-
background: url('https://static.igem.org/mediawiki/2014/5/55/Team_Berlin_igem_big_02.jpg') no-repeat bottom fixed;  
+
  background: url('https://static.igem.org/mediawiki/2014/5/55/Team_Berlin_igem_big_02.jpg') no-repeat bottom fixed;  
     height: 640px;   
     height: 640px;   
     margin: 0 auto;  
     margin: 0 auto;  
     width: 100%;  
     width: 100%;  
     position: relative;  
     position: relative;  
-
  -webkit-background-size: cover;
+
    -webkit-background-size: cover;
-
  -moz-background-size: cover;
+
    -moz-background-size: cover;
-
  -o-background-size: cover;
+
    -o-background-size: cover;
-
  background-size: cover;
+
    background-size: cover;
}
}
Line 7,003: Line 7,088:
     margin: 0 auto;  
     margin: 0 auto;  
     width: 100%;  
     width: 100%;  
-
  -webkit-background-size: cover;
+
    -webkit-background-size: cover;
-
  -moz-background-size: cover;
+
    -moz-background-size: cover;
-
  -o-background-size: cover;
+
    -o-background-size: cover;
-
  background-size: cover;
+
    background-size: cover;
}
}
.container-green
.container-green
{
{
-
background: url('https://static.igem.org/mediawiki/2014/5/5b/Team_Berlin_igem_background_green.jpg') no-repeat center center;  
+
  background: url('https://static.igem.org/mediawiki/2014/5/5b/Team_Berlin_igem_background_green.jpg') no-repeat center center;  
-
  -webkit-background-size: cover;
+
    -webkit-background-size: cover;
-
  -moz-background-size: cover;
+
    -moz-background-size: cover;
-
  -o-background-size: cover;
+
    -o-background-size: cover;
-
  background-size: cover;
+
    background-size: cover;
-
  border-bottom: 4px solid #4be861;
+
    border-bottom: 4px solid #4be861;
}
}
Line 7,025: Line 7,110:
.footer  
.footer  
{
{
-
width: 100%;
+
  width: 100%;
-
color: #000;
+
  color: #000;
-
padding: 12px 0 10px 0;
+
  padding: 12px 0 10px 0;
}
}
.back-to-top-arrow{
.back-to-top-arrow{
-
font-size: 1.5em;
+
  font-size: 1.5em;
-
color: rgba(130,130,130,0.9);
+
  color: rgba(130,130,130,0.9);
-
margin: 0% auto 2% auto;
+
  margin: 0% auto 2% auto;
}
}
.footer-color{
.footer-color{
-
color: rgba(150,150,150,0.9);
+
  color: rgba(150,150,150,0.9);
}
}
.footer-menue {
.footer-menue {
-
padding-right: 2%;
+
  padding-right: 2%;
-
text-align: right;
+
  text-align: right;
-
float: right;
+
  float: right;
}
}
.footer-address{
.footer-address{
-
text-align: left;
+
  text-align: left;
-
margin-top: 5px;
+
  margin-top: 5px;
-
margin-left: 33px;
+
  margin-left: 33px;
}
}
.footer-sm-icons a
.footer-sm-icons a
{
{
-
margin-left: 10px;
+
  margin-left: 10px;
}
}
.footer-sm-icons  
.footer-sm-icons  
{
{
-
text-align: left;
+
  text-align: left;
}
}
.footer-sm-icons a img
.footer-sm-icons a img
{
{
-
margin-top: 8px;
+
  margin-top: 8px;
}
}
Line 7,070: Line 7,155:
.footer-imprint{
.footer-imprint{
-
text-transform: uppercase;
+
  text-transform: uppercase;
-
color: #8d8d8d;
+
  color: #8d8d8d;
-
font-size: 12px;
+
  font-size: 12px;
-
text-align: right;
+
  text-align: right;
}
}
.footer-sitemap{
.footer-sitemap{
-
margin-bottom: 10px;
+
  margin-bottom: 10px;
-
text-align: right;
+
  text-align: right;
}
}
.footer-sitemap li{
.footer-sitemap li{
-
list-style-type: none;
+
  list-style-type: none;
-
  display: inline-block;
+
    display: inline-block;
}
}
.footer-sitemap a:hover{
.footer-sitemap a:hover{
-
text-decoration: none;
+
  text-decoration: none;
}
}
Line 7,107: Line 7,192:
.main-menue-links a  
.main-menue-links a  
{
{
-
/*color: white;*/
+
  /*color: white;*/
-
color: #0ecd28;
+
  color: #0ecd28;
}
}
-
.main-menue-ul  
+
  .main-menue-ul  
-
{
+
  {
-
padding-left: 0;
+
    padding-left: 0;
-
}
+
  }
.main-menue li
.main-menue li
Line 7,134: Line 7,219:
   /*just for the beta site, uncommend afterwards!!!!*/
   /*just for the beta site, uncommend afterwards!!!!*/
-
  /*border: 1px solid #0ecd28;
+
    /*border: 1px solid #0ecd28;
-
-moz-border-radius: 17px;
+
  -moz-border-radius: 17px;
-
border-radius: 17px;*/
+
  border-radius: 17px;*/
}
}
.main-menue .active
.main-menue .active
{
{
-
border: 1px solid #0ecd28;
+
  border: 1px solid #0ecd28;
-
-moz-border-radius: 17px;
+
  -moz-border-radius: 17px;
-
border-radius: 17px;
+
  border-radius: 17px;
-
+
 
-
/*just for the beta site, delete afterwards!!!!*/
+
  /*just for the beta site, delete afterwards!!!!*/
-
width: 121px;
+
  width: 121px;
-
padding-top: 2px;
+
  padding-top: 2px;
-
padding-bottom: 2px;
+
  padding-bottom: 2px;
}
}
.main-menue-links:hover
.main-menue-links:hover
{
{
-
/*color: white;*/
+
  /*color: white;*/
-
color: #0ecd28;
+
  color: #0ecd28;
-
  text-decoration: none;
+
    text-decoration: none;
-
  border: 1px solid #0ecd28;
+
    border: 1px solid #0ecd28;
-
-moz-border-radius: 17px;
+
  -moz-border-radius: 17px;
-
border-radius: 17px;
+
  border-radius: 17px;
-
width: 121px;
+
  width: 121px;
-
padding-top: 4px;
+
  padding-top: 4px;
-
padding-bottom: 4px;
+
  padding-bottom: 4px;
}
}
Line 7,168: Line 7,253:
.igem-link:hover
.igem-link:hover
{
{
-
/*color: white;*/
+
  /*color: white;*/
-
color: #0ecd28;
+
  color: #0ecd28;
-
  text-decoration: none;
+
    text-decoration: none;
-
 
+
   
}
}
Line 7,181: Line 7,266:
.teaser
.teaser
{
{
-
font-size: 18px;
+
  font-size: 18px;
}
}
.teaser-workshop  
.teaser-workshop  
{
{
-
font-size: 16px;
+
  font-size: 16px;
color: #656565;
color: #656565;
padding-top: 16px;
padding-top: 16px;
Line 7,198: Line 7,283:
.jumbotron{
.jumbotron{
-
background-color: rgba(0,0,0,0.0);
+
  background-color: rgba(0,0,0,0.0);
}
}
.jumbotron-home
.jumbotron-home
-
{
+
{  
-
background-color: rgba(0,0,0,0.0);
+
  background-color: rgba(0,0,0,0.0);
-
top: 0;
+
  top: 0;
     bottom: 0;
     bottom: 0;
     /*left: 0;*/
     /*left: 0;*/
Line 7,218: Line 7,303:
.jumbotron-sub
.jumbotron-sub
{
{
-
margin-top: 48px;
+
  margin-top: 48px;
}
}
.jumbotron-blog
.jumbotron-blog
{
{
-
margin-top: 14px;
+
  margin-top: 14px;
}
}
.jumbotron-workshop
.jumbotron-workshop
{
{
-
margin-top: 71px;
+
  margin-top: 71px;
}
}
#main-button{
#main-button{
-
font-weight: normal;
+
  font-weight: normal;
-
font-size: 18px;
+
  font-size: 18px;
-
margin-top: 10px;
+
  margin-top: 10px;
}
}
#main-button img
#main-button img
{
{
-
padding-top: 10px;
+
  padding-top: 10px;
}
}
#main-button a:hover  
#main-button a:hover  
{
{
-
text-decoration: none;
+
  text-decoration: none;
-
cursor: pointer;
+
  cursor: pointer;
}
}
#ecoli-button{
#ecoli-button{
-
font-weight: normal;
+
  font-weight: normal;
-
font-size: 18px;
+
  font-size: 18px;
-
margin-top: 10px;
+
  margin-top: 10px;
-
margin-bottom: 20px;
+
  margin-bottom: 20px;
}
}
Line 7,260: Line 7,345:
#ecoli-button a:hover  
#ecoli-button a:hover  
{
{
-
text-decoration: none;
+
  text-decoration: none;
-
cursor: pointer;
+
  cursor: pointer;
}
}
#project-button{
#project-button{
-
font-weight: normal;
+
  font-weight: normal;
-
font-size: 18px;
+
  font-size: 18px;
-
margin-top: 10px;
+
  margin-top: 10px;
-
margin-bottom: 20px;
+
  margin-bottom: 20px;
}
}
Line 7,275: Line 7,360:
#project-button a:hover  
#project-button a:hover  
{
{
-
text-decoration: none;
+
  text-decoration: none;
-
cursor: pointer;
+
  cursor: pointer;
}
}
#team-button{
#team-button{
-
font-weight: normal;
+
  font-weight: normal;
-
font-size: 18px;
+
  font-size: 18px;
-
margin-top: 10px;
+
  margin-top: 10px;
-
margin-bottom: 20px;
+
  margin-bottom: 20px;
}
}
Line 7,291: Line 7,376:
#team-button a:hover  
#team-button a:hover  
{
{
-
text-decoration: none;
+
  text-decoration: none;
-
cursor: pointer;
+
  cursor: pointer;
}
}
Line 7,306: Line 7,391:
.featurette-button{
.featurette-button{
-
width: 150px;
+
  width: 150px;
-
box-shadow: 0 3px 0 rgba(0,0,0,0.5);
+
  box-shadow: 0 3px 0 rgba(0,0,0,0.5);
-
text-shadow: 0 1px 1px rgba(0,0,0,.3);
+
  text-shadow: 0 1px 1px rgba(0,0,0,.3);
}
}
.first-featurette-image{
.first-featurette-image{
-
border-radius: 5%;
+
  border-radius: 5%;
-
border: 0.5px solid #202020;
+
  border: 0.5px solid #202020;
-
-moz-box-shadow: 5px 5px rgba(0,0,0,0.5);
+
  -moz-box-shadow: 5px 5px rgba(0,0,0,0.5);
-
-webkit-box-shadow:  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);
+
  box-shadow: 5px 5px rgba(0,0,0,0.5);
}
}
.span1,
.span1,
.span3{
.span3{
-
color: rgba(0,0,0,0.5);
+
  color: rgba(0,0,0,0.5);
-
font-family: Bubble;
+
  font-family: Bubble;
}
}
.green-featurette-row{
.green-featurette-row{
-
background-color: rgb(7,100,16);
+
  background-color: rgb(7,100,16);
}
}
.white-background{
.white-background{
-
background-color: white;
+
  background-color: white;
}
}
.row2-heading,
.row2-heading,
.row2-p{
.row2-p{
-
color: rgba(0,0,0,0.6);
+
  color: rgba(0,0,0,0.6);
}
}
.row2-muted{
.row2-muted{
-
color: rgb(145,213,87);
+
  color: rgb(145,213,87);  
}
}
.start-text-container
.start-text-container
{
{
-
padding: 35px 24% 75px 24%;
+
  padding: 35px 24% 75px 24%;
}
}
.start-text-container-workshop
.start-text-container-workshop
{
{
-
padding: 18px 24% 52px 24%;
+
  padding: 18px 24% 52px 24%;
}
}
.teaser-icons
.teaser-icons
{
{
-
margin-bottom: 10px;
+
  margin-bottom: 10px;
-
margin-right: 10px;
+
  margin-right: 10px;
}
}
.teaser-text-sub
.teaser-text-sub
{
{
-
margin-bottom: 10px;
+
  margin-bottom: 10px;
}
}
.teaser-text-sub div
.teaser-text-sub div
{
{
-
text-align: center;
+
  text-align: center;
}
}
Line 7,373: Line 7,458:
.game-intro{
.game-intro{
-
font-family: Bubble;
+
  font-family: Bubble;
-
font-size: 2em;
+
  font-size: 2em;
}
}
Line 7,383: Line 7,468:
.sponsor-title{
.sponsor-title{
-
color: grey;
+
  color: grey;
-
font-size: 2.5em;
+
  font-size: 2.5em;
}
}
.sponsor-wrapper{
.sponsor-wrapper{
-
background-color: #efefef;
+
  background-color: #efefef;
-
padding-top: 25px;
+
  padding-top: 25px;
}
}
.sponsor-heading-row{
.sponsor-heading-row{
-
padding-bottom: 18px;
+
  padding-bottom: 18px;
-
font-size: 1.7em;
+
  font-size: 1.7em;
}
}
.sponsor-img-row{
.sponsor-img-row{
-
text-align: center;
+
  text-align: center;
}
}
.sponsor-img{
.sponsor-img{
-
margin-bottom: 50px;
+
  margin-bottom: 50px;
-
height: 60%;
+
  height: 60%;
-
width: 60%;
+
  width: 60%;  
}
}
Line 7,410: Line 7,495:
img.grayscale {
img.grayscale {
  /*  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'>
  /*  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'>
-
    <filter id=\'grayscale\'><feColorMatrix type=\'matrix\'
+
      <filter id=\'grayscale\'><feColorMatrix type=\'matrix\'
-
    values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333
+
      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\'
+
      0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'
-
    /></filter></svg>#grayscale"); /* Firefox 3.5+, IE10 */
+
      /></filter></svg>#grayscale"); /* Firefox 3.5+, IE10 */
   filter: gray; /* IE6-9 */
   filter: gray; /* IE6-9 */
     -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
     -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
     -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
     -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
     -webkit-backface-visibility: hidden; /* Fix for transition flickering */
     -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+ */
 +
}
}
Line 7,429: Line 7,517:
#section-sub  
#section-sub  
{
{
-
background-color: #f3f3f3;
+
  background-color: #f3f3f3;
}
}
#subside-content
#subside-content
{
{
-
color: #000;
+
  color: #000;
-
padding: 30px 0 20px 0;
+
  padding: 30px 0 20px 0;
}
}
#subside-content-workshop
#subside-content-workshop
{
{
-
padding: 30px 5px 20px 5px;
+
  padding: 30px 5px 20px 5px;
-
max-width: 800px;
+
  max-width: 800px;
-
text-align: center;
+
  text-align: center;
-
margin-right: auto;
+
  margin-right: auto;
-
margin-left: auto;
+
  margin-left: auto;
-
color: black;
+
  color: black;
}
}
Line 7,451: Line 7,539:
.project-steps-img img
.project-steps-img img
{
{
-
/*-moz-border-radius: 100%;
+
  /*-moz-border-radius: 100%;
-
border-radius: 100%;*/
+
  border-radius: 100%;*/
-
margin-bottom: 16px;
+
  margin-bottom: 16px;
}
}
Line 7,465: Line 7,553:
   color: #fff;
   color: #fff;
   -moz-border-radius: 100%;
   -moz-border-radius: 100%;
-
border-radius: 100%;
+
  border-radius: 100%;
-
border: 1px solid white;
+
  border: 1px solid white;
-
width: 60px;
+
  width: 60px;
height: 60px;
height: 60px;
line-height: 60px;
line-height: 60px;
Line 7,475: Line 7,563:
.project-steps  
.project-steps  
{
{
-
padding: 0 20px 65px 20px;
+
  padding: 0 20px 65px 20px;
}
}
.project-steps p
.project-steps p
{
{
-
padding: 0 20% 0 20%;
+
  padding: 0 20% 0 20%;
margin: 0 0 4px 0;
margin: 0 0 4px 0;
}
}
Line 7,489: Line 7,577:
.search-archive  
.search-archive  
{
{
-
margin-top: 25px;
+
  margin-top: 25px;
-
margin-right: 8px;
+
  margin-right: 8px;
}
}
.search-archive img
.search-archive img
{
{
-
position: absolute;
+
  position: absolute;
-
right: 0;
+
  right: 0;
}
}
.search-archive input:first-child  
.search-archive input:first-child  
{
{
-
background-color: transparent;
+
  background-color: transparent;
-
color: #0ecd28;
+
  color: #0ecd28;
-
font-size: 16px;
+
  font-size: 16px;
-
border: 1px solid #0ecd28;
+
  border: 1px solid #0ecd28;
-
border-radius: 15px;
+
  border-radius: 15px;
-
padding: 5px 10px 5px 10px;
+
  padding: 5px 10px 5px 10px;  
}
}
.search-archive form
.search-archive form
{
{
-
height: 22px;
+
  height: 22px;
-
position: relative;
+
  position: relative;
-
width: 250px;
+
  width: 250px;
-
margin-left: auto;
+
  margin-left: auto;
-
margin-right: auto;
+
  margin-right: auto;
}
}
.search-form-submit
.search-form-submit
{
{
-
background: transparent url('../img/Team_Berlin_igem_search.png') center center no-repeat;
+
  background: transparent url('../img/Team_Berlin_igem_search.png') center center no-repeat;
-
height: 33px;
+
  height: 33px;
-
position: absolute;
+
  position: absolute;
-
right: 0;
+
  right: 0;
-
text-indent: -1000em;
+
  text-indent: -1000em;
-
top: 0;
+
  top: 0;
-
width: 23px;
+
  width: 23px;
-
border: none;
+
  border: none;
}
}
Line 7,534: Line 7,622:
.blog-entry
.blog-entry
{
{
-
width: 900px;
+
  width: 900px;
-
margin-left: auto;
+
  margin-left: auto;
-
margin-right: auto;
+
  margin-right: auto;
-
margin-bottom: 35px;
+
  margin-bottom: 35px;
}
}
/*.blog-entry-left
/*.blog-entry-left
{
{
-
float: left;
+
  float: left;
}
}
.blog-entry-right
.blog-entry-right
{
{
-
float: left;
+
  float: left;
-
width: 675px;
+
  width: 675px;
-
text-align: left;
+
  text-align: left;
-
margin-left: 20px;
+
  margin-left: 20px;
-
margin-top: 10px;
+
  margin-top: 10px;
}*/
}*/
.blog-text  
.blog-text  
{
{
-
text-align: left;
+
  text-align: left;
}
}
.blog-headline
.blog-headline
{
{
-
text-align: left;
+
  text-align: left;
}
}
.blog-entry-tags  
.blog-entry-tags  
{
{
-
margin-bottom: 8px;
+
  margin-bottom: 8px;
-
text-align: left;
+
  text-align: left;
}
}
.blog-entry-tags ul  
.blog-entry-tags ul  
{
{
-
padding-left: 0px;
+
  padding-left: 0px;
}
}
.blog-entry-tags li
.blog-entry-tags li
{
{
-
list-style-type: none;
+
  list-style-type: none;
-
display: inline-block;
+
  display: inline-block;
-
border: 1px solid #0ecd28;
+
  border: 1px solid #0ecd28;
-
color: #0ecd28;
+
  color: #0ecd28;
-
-moz-border-radius: 17px;
+
  -moz-border-radius: 17px;
-
border-radius: 17px;
+
  border-radius: 17px;
-
padding: 3px 5px 2px 5px;
+
  padding: 3px 5px 2px 5px;
-
min-width: 100px;
+
  min-width: 100px;
-
text-transform: uppercase;
+
  text-transform: uppercase;
-
text-align: center;
+
  text-align: center;
-
padding-left: 10px;
+
  padding-left: 10px;
-
padding-right: 10px;
+
  padding-right: 10px;
}
}
.blog-entry-link
.blog-entry-link
{
{
-
float:right;
+
  float:right;
}
}
.clear{
.clear{
-
clear: both;
+
  clear: both;
}
}
Line 7,604: Line 7,692:
@media (min-width: 992px) {
@media (min-width: 992px) {
-
.last-featurette{
+
  .last-featurette{
-
padding: 0;
+
    padding: 0;
-
}
+
  }
-
+
 
-
.igem-logo{
+
  .igem-logo{
-
/*margin-top: 10px;*/
+
    /*margin-top: 10px;*/
-
}
+
  }
}
}
Line 7,616: Line 7,704:
@media (max-width: 995px) {
@media (max-width: 995px) {
-
.footer-icon-bar
+
  .footer-icon-bar
-
{
+
  {
-
margin: 20px 0;
+
    margin: 20px 0;
-
}
+
  }
-
.footer-imprint
+
  .footer-imprint
-
{
+
  {
-
padding-left: 10px;
+
    padding-left: 10px;
-
}
+
  }
}
}
Line 7,631: Line 7,719:
*****************/
*****************/
@media (max-width: 768px){
@media (max-width: 768px){
-
.sponsor-img{
+
  .sponsor-img{
-
margin: 10% auto;
+
    margin: 10% auto;
-
height: 20%;
+
    height: 20%;
-
width: 20%;
+
    width: 20%;
-
}
+
  }
-
/*
+
  /*
-
* MENÜ
+
  * MENÜ
-
****************************/
+
  ****************************/
-
.main-menue
+
  .main-menue
-
{
+
  {
-
  text-transform: uppercase;
+
    text-transform: uppercase;
-
  font-size: 15px;
+
    font-size: 15px;
-
  /* margin-top: 30px; */
+
    /* margin-top: 30px; */
-
 
+
   
-
}
+
  }
-
.main-menue li
+
  .main-menue li
-
{
+
  {
-
  list-style-type: none;
+
    list-style-type: none;
-
  display: inline-block;
+
    display: inline-block;
-
  width: 80px;
+
    width: 80px;
-
  padding-top: 2px;
+
    padding-top: 2px;
-
  padding-bottom: 2px;
+
    padding-bottom: 2px;
-
}
+
  }
-
.main-menue li:hover
+
  .main-menue li:hover
-
{
+
  {
-
  list-style-type: none;
+
    list-style-type: none;
-
  display: inline-block;
+
    display: inline-block;
-
  width: 80px;
+
    width: 80px;
-
  padding-top: 2px;
+
    padding-top: 2px;
-
  padding-bottom: 2px;
+
    padding-bottom: 2px;
-
  /*just for the beta site, uncommend afterwards!!!!*/
+
    /*just for the beta site, uncommend afterwards!!!!*/
-
  /*border: 1px solid #0ecd28;
+
      /*border: 1px solid #0ecd28;
-
-moz-border-radius: 17px;
+
    -moz-border-radius: 17px;
-
border-radius: 17px;*/
+
    border-radius: 17px;*/
-
}
+
  }
-
.main-menue .active
+
  .main-menue .active
-
{
+
  {
-
border: 1px solid #0ecd28;
+
    border: 1px solid #0ecd28;
-
-moz-border-radius: 17px;
+
    -moz-border-radius: 17px;
-
border-radius: 17px;
+
    border-radius: 17px;
-
+
   
-
/*just for the beta site, delete afterwards!!!!*/
+
    /*just for the beta site, delete afterwards!!!!*/
-
width: 80px;
+
    width: 80px;
-
padding-top: 2px;
+
    padding-top: 2px;
-
padding-bottom: 2px;
+
    padding-bottom: 2px;
-
}
+
  }
-
.start-text-container {
+
  .start-text-container {
-
padding: 35px 14% 75px 14%;
+
  padding: 35px 14% 75px 14%;
-
}
+
  }
-
+
 
-
.jumbotron-home{
+
  .jumbotron-home{
-
left:0;
+
    left:0;
-
text-align: center;
+
    text-align: center;
-
min-height: 250px;
+
    min-height: 250px;
-
}
+
  }  
}
}
Line 7,700: Line 7,788:
*****************/
*****************/
@media (max-width: 468px){
@media (max-width: 468px){
-
.featurette{
+
  .featurette{
-
padding: 2% 0;
+
    padding: 2% 0;
-
}
+
  }
-
.start-text-container {
+
  .start-text-container {
-
padding: 35px 5px 75px 5px;
+
  padding: 35px 5px 75px 5px;
-
}
+
  }
-
.jumbotron-home  
+
  .jumbotron-home  
-
{
+
  {
-
width: 98%;
+
    width: 98%;
margin: 150px auto;
margin: 150px auto;
-
}
+
  }
-
+
 
-
.container-fluid {
+
  .container-fluid {
-
  padding-right: 5px;
+
    padding-right: 5px;
-
  padding-left: 5px;
+
    padding-left: 5px;
-
  margin-right: auto;
+
    margin-right: auto;
-
  margin-left: auto;
+
    margin-left: auto;
-
}
+
  }
-
.sitewrapper{
+
  .sitewrapper{
-
background-color: green;
+
    background-color: green;
-
}
+
  }
-
+
 
-
.blog-headline{
+
  .blog-headline{
-
font-size: 3em;
+
    font-size: 3em;
-
}
+
  }
Line 7,735: Line 7,823:
}
}
 +
Line 7,787: Line 7,876:
</style>
</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>
</head>
<body>
<body>

Latest revision as of 21:47, 17 October 2014

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