Team:Berlin/Style

From 2014.igem.org

(Difference between revisions)
(Main style for the Team Berlin Wiki)
 
(2 intermediate revisions not shown)
Line 1: Line 1:
 +
<html>
-
/* General
+
<style type="text/css">
-
*****************/
+
@font-face {
@font-face {
     font-family: "ag_book_roundedregular";
     font-family: "ag_book_roundedregular";
Line 10: Line 10:
     font-weight: normal;
     font-weight: normal;
     font-style: normal;
     font-style: normal;
-
 
}
}
Line 79: Line 78:
padding: 10px 30px 10px 0;
padding: 10px 30px 10px 0;
margin-bottom: 30px;
margin-bottom: 30px;
-
margin-top: 5px;
+
margin-top: 5px;
}
}
Line 97: Line 96:
padding: 10px 30px 10px 0;
padding: 10px 30px 10px 0;
margin-bottom: 30px;
margin-bottom: 30px;
-
margin-top: 5px;
+
margin-top: 5px;
}
}
Line 108: Line 107:
.deactivate{
.deactivate{
text-decoration: line-through;
text-decoration: line-through;
-
opacity: 0.5;
+
opacity: 0.5;
-
  /*filter:Alpha(Opacity=50);*/
+
  border: none;
-
  border: none;
+
  background: none;
-
  background: none;
+
}
}
Line 117: Line 115:
{
{
text-decoration: line-through;
text-decoration: line-through;
-
opacity: 0.5;
+
opacity: 0.5;
-
  /*filter:Alpha(Opacity=50);*/
+
  border: none;
-
  border: none;
+
background: none;
-
background: none;
+
}
}
Line 158: Line 155:
}
}
-
/* Backgrounds
 
-
*****************/
 
#background1 {  
#background1 {  
background: url('../img/background/Team_Berlin_igem_background_01.jpg') no-repeat bottom fixed;  
background: url('../img/background/Team_Berlin_igem_background_01.jpg') no-repeat bottom fixed;  
Line 218: Line 213:
}
}
-
 
-
/* Footer
 
-
*****************/
 
.footer  
.footer  
Line 287: Line 279:
}
}
-
 
-
 
-
/*
 
-
* MENÜ
 
-
****************************/
 
.main-menue
.main-menue
Line 297: Line 284:
   text-transform: uppercase;
   text-transform: uppercase;
   font-size: 16px;
   font-size: 16px;
-
  /* margin-top: 30px; */
 
   color: #fff;
   color: #fff;
   background-color: rgba(255,255,255,.9);
   background-color: rgba(255,255,255,.9);
Line 304: Line 290:
.main-menue-links a  
.main-menue-links a  
{
{
-
/*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 329: Line 314:
   padding-top: 2px;
   padding-top: 2px;
   padding-bottom: 2px;
   padding-bottom: 2px;
-
 
-
  /*just for the beta site, uncommend afterwards!!!!*/
 
-
  /*border: 1px solid #0ecd28;
 
-
-moz-border-radius: 17px;
 
-
border-radius: 17px;*/
 
}
}
Line 341: Line 321:
-moz-border-radius: 17px;
-moz-border-radius: 17px;
border-radius: 17px;
border-radius: 17px;
-
 
-
/*just for the beta site, delete afterwards!!!!*/
 
width: 121px;
width: 121px;
padding-top: 2px;
padding-top: 2px;
Line 350: Line 328:
.main-menue-links:hover
.main-menue-links:hover
{
{
-
/*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;
Line 365: Line 341:
.igem-link:hover
.igem-link:hover
{
{
-
/*color: white;*/
 
color: #0ecd28;
color: #0ecd28;
   text-decoration: none;
   text-decoration: none;
-
 
-
 
 
-
 
}
}
-
/*
 
-
* TEASER
 
-
****************************/
 
.teaser
.teaser
{
{
Line 388: Line 357:
padding-bottom: 6px;
padding-bottom: 6px;
}
}
-
 
-
 
-
/* Site Wrapper
 
-
*****************/
 
-
 
.jumbotron{
.jumbotron{
Line 493: Line 457:
-
 
-
 
-
/* Featurette
 
-
*****************/
 
.featurette{
.featurette{
Line 565: Line 525:
}
}
-
 
-
/* Canvas
 
-
*****************/
 
.game-intro{
.game-intro{
Line 574: Line 531:
}
}
-
 
-
 
-
/* Sponsors
 
-
*****************/
 
.sponsor-title{
.sponsor-title{
Line 622: Line 575:
}
}
-
/* SUBSIDE POJECT
+
 
-
********************/
+
#section-sub  
#section-sub  
{
{
Line 648: Line 600:
.project-steps-img img
.project-steps-img img
{
{
-
/*-moz-border-radius: 100%;
 
-
border-radius: 100%;*/
 
margin-bottom: 16px;
margin-bottom: 16px;
}
}
Line 681: Line 631:
}
}
-
/*SEARCH
 
-
***************/
 
.search-archive  
.search-archive  
Line 726: Line 674:
border: none;
border: none;
}
}
-
 
-
/*BLOG
 
-
***************/
 
.blog-entry
.blog-entry
{
{
Line 736: Line 681:
margin-bottom: 35px;
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  
.blog-text  
Line 796: Line 727:
clear: both;
clear: both;
}
}
-
 
-
/* Media Querie Large
 
-
*****************/
 
@media (min-width: 992px) {
@media (min-width: 992px) {
.last-featurette{
.last-featurette{
padding: 0;
padding: 0;
-
}
 
-
 
-
.igem-logo{
 
-
/*margin-top: 10px;*/
 
}
}
Line 825: Line 749:
-
/* Media Querie Medium
 
-
*****************/
 
@media (max-width: 768px){
@media (max-width: 768px){
.sponsor-img{
.sponsor-img{
Line 833: Line 755:
width: 20%;
width: 20%;
}
}
-
/*
 
-
* MENÜ
 
-
****************************/
 
.main-menue
.main-menue
Line 841: Line 760:
  text-transform: uppercase;
  text-transform: uppercase;
  font-size: 15px;
  font-size: 15px;
-
  /* margin-top: 30px; */
 
   
   
}
}
Line 863: Line 781:
  padding-bottom: 2px;
  padding-bottom: 2px;
-
  /*just for the beta site, uncommend afterwards!!!!*/
 
-
  /*border: 1px solid #0ecd28;
 
-
-moz-border-radius: 17px;
 
-
border-radius: 17px;*/
 
}
}
Line 873: Line 787:
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!!!!*/
+
width: 80px;
width: 80px;
padding-top: 2px;
padding-top: 2px;
Line 892: Line 805:
}
}
-
 
-
 
-
/* Media Querie small
 
-
*****************/
 
@media (max-width: 468px){
@media (max-width: 468px){
.featurette{
.featurette{
Line 921: Line 830:
}
}
-
}
+
</style>
 +
</html>

Latest revision as of 10:16, 2 October 2014