Team:Manchester/css/wikiUI.css

From 2014.igem.org

/* General Layout Style of the wiki */

  1. content body{

/*font-family: Cambria, Georgia, serif;*/ /*font-family: 'PT Sans Narrow', Arial, sans-serif;*/ font-family: 'Roboto', serif; font-size:12px; /*background: #f9f9f9 url(../images/bg.jpg);*/ /*background: #f0e6fa;*/ background: #d0d0d0; /*font-weight: 300;*/ /*font-size: 15px;*/ color: #333; -webkit-font-smoothing: antialiased; overflow-y: scroll; overflow-x: hidden; width:100%; }


  1. content a{

color: #ff9900; text-decoration: none; }


/* Container for the web page */

  1. content .container{

width: 100%; /*position: relative;*/ }


  1. content .clr{

clear: both; padding: 0; height: 0; margin: 0; }

  1. content .main{

width: 90%; margin: 0 auto; position: relative; }

  1. content .container > header{

margin: 0px; /*position: relative;*/ display: block; /*text-shadow: 1px 1px 1px rgba(0,0,0,0.2);*/

   text-align: center;

}

  1. container .container > header h1{

font-size: 32px; line-height: 32px; margin: 0; position: relative; font-weight: 300; color: #777; /*text-shadow: 1px 1px 1px rgba(255,255,255,0.7);*/ }

  1. container .container > header h2{

font-size: 100px; font-weight: 300; font-style: italic; margin: 0; padding: 15px 0 5px 0; color: #888; /*text-shadow: 1px 1px 1px rgba(0,0,0,0.9);*/ }


/* Login bar Style */

  1. container .login-bar{

position: fixed; top:0%; width: 100%; line-height: 20px; font-size: 11px; /*background: #fff;*/ background: rgba(224, 204, 245, 1); text-transform: uppercase; z-index: 9999; box-shadow: 0px 4px 7px rgba(0,0,0,0.25); padding: 0px 15px; }

  1. container .login-bar a{

padding: 0px 10px; letter-spacing: 0px; color: #333; display: inline-block; float: left; }

  1. container .login-bar a:hover{

background: rgba(150, 150, 150,0.15); }

  1. container .login-bar span.right{

float: right; }

  1. container .login-bar span.right a{

float: left; display: block; }


/* Le logos */

  1. container .logos {

overflow: hidden; /*padding: 20px 500px;*/ padding-top: 30px;

       float: center;

}

  1. container .uni-logo {

position: relative; }

  1. container .mib-logo {

margin-left: -10px; position: relative; }

  1. container .igem-logo {

height: 70px; width: 90px; position: relative; float: right; margin-right: 140px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; }

  1. container .igem-logo:hover {

height: 80px; width: 100px; position:relative; }

  1. container .support-note span{

color: #ac375d; font-size: 16px; display: none; font-weight: bold; text-align: center; padding: 5px 0; }

  1. container .no-cssanimations .support-note span.no-cssanimations,
  2. container .no-csstransforms .support-note span.no-csstransforms,
  3. container .no-csstransforms3d .support-note span.no-csstransforms3d,
  4. container .no-csstransitions .support-note span.no-csstransitions{

display: block; }