Template:Team:Berlin/AllCss

From 2014.igem.org

(Difference between revisions)
(Undo revision 212547 by Mikkel (talk))
Line 40: Line 40:
.container-green{
.container-green{
   margin-top: 450px;
   margin-top: 450px;
 +
}
 +
 +
.project-headline
 +
{
 +
  font-size: 35px;
 +
  text-align: left;
 +
}
}
Line 6,630: Line 6,637:
     }
     }
      
      
-
.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;
-
  }
+
    }
}
}
@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,815: Line 6,822:
h1,
h1,
h2, h3{
h2, h3{
-
font-family: "ag_book_roundedregular", Trebuchet MS, Helvetica, Arial;
+
  font-family: "ag_book_roundedregular", 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,892:
.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,910:
.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 6,924:
.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 6,932:
.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 6,969:
*****************/
*****************/
#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 6,986:
     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,010:
     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,032:
.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,077:
.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,114:
.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,141:
   /*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,175:
.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,188:
.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,205:
.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,225:
.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,267:
#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,282:
#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,298:
#team-button a:hover  
#team-button a:hover  
{
{
-
text-decoration: none;
+
  text-decoration: none;
-
cursor: pointer;
+
  cursor: pointer;
}
}
Line 7,306: Line 7,313:
.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,380:
.game-intro{
.game-intro{
-
font-family: Bubble;
+
  font-family: Bubble;
-
font-size: 2em;
+
  font-size: 2em;
}
}
Line 7,383: Line 7,390:
.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,417:
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+ */
Line 7,429: Line 7,436:
#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,458:
.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,472:
   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,482:
.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,496:
.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,541:
.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,611:
@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,623:
@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,638:
*****************/
*****************/
@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,707:
*****************/
*****************/
@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;
-
}
+
  }

Revision as of 19:07, 13 October 2014