Template:ETH Zurich/template mobile.css

  1. globalWrapper, #content {
                          float: none;

margin: 0 auto; 

                          width: 1100px;
                       }
                       #mainContainer {

width: 1100px; overflow:hidden;

margin-left:auto; margin-right:auto;

margin-bottom: 10px; background-color: #fff; /* border-bottom: 14px solid #565656; border-right: 2px solid #565656; border-left: 2px solid #565656; border-top: 2px solid #565656;*/ font-family: "Trebuchet MS", Helvetica, sans-serif; min-height:100%; position:relative; padding-bottom:310px; background:transparent; z-index:100; }

/* Creates the container for the menu */ #menuContainer { /* border-top: 10px solid #565656;*/ background-color: #fff; text-align: center; padding-top:10px; padding-bottom:10px; width: 1100px; z-index: 10; 

                          background:transparent;

}

/* Creates the container for the content */ #contentContainer { /* padding-top:20px; padding-bottom:20px; padding-left:20px; padding-right:20px;*/ padding:5%; margin-bottom: 20px; margin-left:auto; margin-right:auto; width: 95%; background: #fff; font-family: "Trebuchet MS", Helvetica, sans-serif; /* min-height:700px;*/ z-index:1 !important; }

  1. contentContainer:after{

background:#fff; }

/*Set up height place holder for the banner*/ #bannerContainer { height:200px; margin:auto; text-align:center; color: #24B694; 

                               width: 1100px;
                          background:transparent;

} #footerContainer { 

                               min-height: 1px;
                               width: 1100px;
                               margin: auto;
                               text-align:center;

background-color: #E8E8E9; padding: 10px; position:absolute; bottom:0; display:block; }


  1. mainContainer p {

font-size: 15px; color: #000000; padding-top: 5px; padding-bottom: 5px; text-align:justify; }

  1. contentContainer h1 {

text-align: center; border-bottom: none; color:#00964B; font-size:36px; font-weight: bold; }

  1. contentContainer h2 {font-size:24px;}
  2. contentContainer h3 {font-size:20px;}
  1. contentContainer a {

font-weight: bold; color: #00964B; /*display:block;*/ width:50px; }

  1. menuContainer a {

color: #565656; color:white; text-decoration:none; font-weight: bold; font-size: 16px; display:block; cursor: pointer; cursor: hand; }

  1. menuContainer ul {

list-style: none; margin-left:auto; margin-right:auto; 

                               display:none;

font-weight: bold; 

                               z-index: 10;

width:1040px; cursor: pointer; cursor: hand; } #menuContainer li { 

                               width:148px;
                               float:left;  
                               text-transform:uppercase;

cursor: pointer; cursor: hand; }

/*Styles the list items to become menu buttons */ #menuContainer ul li { text-align: center; height:30px; padding-top:10px; position:relative; border-radius: 20px; cursor: pointer; cursor: hand; /*behavior: url("https://2015.igem.org/Template:ETH_Zurich/border-radius.htc?action=raw&ctype=text/javascript"); zoom:1;*/ }