Team:Manchester/css/wikiUI.css

From 2014.igem.org

(Difference between revisions)
 
(3 intermediate revisions not shown)
Line 31: Line 31:
-
#content.clr{
+
#content .clr{
clear: both;
clear: both;
padding: 0;
padding: 0;
Line 37: Line 37:
margin: 0;
margin: 0;
}
}
-
#content.main{
+
#content .main{
width: 90%;
width: 90%;
margin: 0 auto;
margin: 0 auto;
position: relative;
position: relative;
}
}
-
#content.container > header{
+
#content .container > header{
margin: 0px;
margin: 0px;
/*position: relative;*/
/*position: relative;*/
Line 49: Line 49:
     text-align: center;
     text-align: center;
}
}
-
#container.container > header h1{
+
#container .container > header h1{
font-size: 32px;
font-size: 32px;
line-height: 32px;
line-height: 32px;
Line 58: Line 58:
/*text-shadow: 1px 1px 1px rgba(255,255,255,0.7);*/
/*text-shadow: 1px 1px 1px rgba(255,255,255,0.7);*/
}
}
-
#container.container > header h2{
+
#container .container > header h2{
font-size: 100px;
font-size: 100px;
font-weight: 300;
font-weight: 300;
Line 71: Line 71:
/* Login bar Style */
/* Login bar Style */
-
#container.login-bar{
+
#container .login-bar{
position: fixed;
position: fixed;
top:0%;
top:0%;
Line 108: Line 108:
/*padding: 20px 500px;*/
/*padding: 20px 500px;*/
padding-top: 30px;
padding-top: 30px;
 +
        float: center;
}
}

Latest revision as of 21:09, 15 August 2014

/* 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; }