Team:Tsinghua-A/css/index.css

From 2012.igem.org

(Difference between revisions)
Line 179: Line 179:
height: 40px;
height: 40px;
background-color: white;
background-color: white;
 +
}
 +
 +
a{text-decoration:none;}
 +
 +
#textWrapper{margin:0 auto;overflow:visible;width:760px;}
 +
.entry-content{letter-spacing:0.05em;line-height:1.5em;text-align:justify;word-spacing:0.05em;}
 +
 +
 +
#textWrapper div.post,
 +
#textWrapper div.page{margin-bottom:50px;padding:25px;}body.home
 +
#textWrapper div.post,body.search #textWrapper div.post,body.archive
 +
#textWrapper div.post
 +
{ background-color:#E9F3FA;
 +
color:#336699;border:1px #4AA1D9 solid;
 +
-webkit-box-shadow:0px 0px 7px #888888;
 +
-moz-box-shadow:0px 0px 7px #888888;
 +
box-shadow:0px 0px 7px #888888;
 +
}
 +
body.home #textWrapper div.post:hover,body.search #textWrapper div.post:hover,body.archive #textWrapper div.post:hover
 +
{ cursor:pointer;border:1px #966C44 solid;
 +
-webkit-box-shadow:0px 0px 5px #FFFFFF;
 +
-moz-box-shadow:0px 0px 5px #FFFFFF;
 +
box-shadow:0px 0px 5px #FFFFFF;}
 +
#textWrapper h2.entry-title a,
 +
#textWrapper h2.entry-title a:hover{color:#000000;text-shadow:1px 1px 3px #333333;}
 +
body.single #textWrapper div.post,body.page #textWrapper div.page
 +
{
 +
background-color:#9ECAE1;
 +
color:#000000;
 +
-webkit-box-shadow:0px 0px 8px #333333;
 +
-moz-box-shadow:0px 0px 8px #333333;
 +
box-shadow:0px 0px 8px #333333;
 +
}
 +
#textWrapper h1.entry-title
 +
{
 +
color:#FFFFFF;
 +
text-shadow:1px 1px 3px #333333;
}
}

Revision as of 03:44, 21 September 2012

/* Basic CSS format

FENG Zili & GUO Mingzhou, Tsinghua-A Team, iGEM 2012.09.07

  • /


body { text-align: center; background-color: #FFFFFF; }

h2 { font-size: 3em; text-align: left; font-family: 'Raleway Dots', cursive; } p { text-align: left; float:justify; font-family: 'Oxygen Mono', sans-serif; } li.topButton { float:left; margin-left: 0; margin-top: 0px; width:122px; height: 37px; font-size: 1.2em; text-decoration:none; background-color:white; padding:0px; border-right:1px solid white; display:inline; } /*li#teamButton:hover { color: red; background-color:#93278F; }*/ a{ float: left; font-size: 1em; text-decoration: none; font-family: 'Quantico', sans-serif; color: gray; } a.navigationButtonA { color: #0C7522; } a#teamButtonA:hover { color: red; } a#projectButtonA:hover { color: orange; } a#modelingButtonA:hover { color: yellow; } a#wetlabButtonA:hover { color: green; } a#safetyButtonA:hover { color: blue; } a#humanPracticeButtonA:hover { color: purple; } li.topNavigationButton { float: left; margin-left: 0px; text-decoration: none;

width:133px; height: 20px; background-color: orange; display: inline; } li.navigationButton { padding:0px; float:left; width:140px; height:30px; text-decoration: none; color: white; background-color: #E9F4E9; border-bottom: 1px solid white; display:block;

}

  1. topWrapper

{ position: fixed; float: left; top:0; } .textWrapper { position: static; text-align: left; margin:30px 0 30px 0; padding:20px; padding-top: 0px; padding-right:0; /*top:100px;*/ border:solid ; border-image: url(pictures/bgp.png)10 10 10 10; -webkit-border-image:url(pictures/bgp.png)10 10 10 10; -moz-border-image:url(pictures/bgp.png)10 10 10 10;

}

  1. pageWrapper {

width: 960px; text-align: center; margin-left: auto; margin-right: auto; background-color: transparent; }

  1. topNavigationBanner

{ position:fixed; width: 800px; top:0px; margin-top: 80px; margin-left:170px; padding: 0; height: 20px; background-color: transparent; }

  1. banner {

position:fixed; width: 790px; margin-top:90px; margin-left: 170px; padding: 0; height: 55px; background-color: transparent; }

  1. navigationBar {

position: fixed; text-align: center; margin-left: 0; margin-left: -20px; /*-40*/ top:200px; width: 0px; float: left; height: 800px; background-color: transparent; }

  1. mainField {

z-index: -1; position:relative; top:175px; left:180px; /*200px*/ float: left; width: 760px; height: 1500px; background-color: transparent; }

  1. footer {

clear: both; height: 40px; background-color: white; }

a{text-decoration:none;}

  1. textWrapper{margin:0 auto;overflow:visible;width:760px;}

.entry-content{letter-spacing:0.05em;line-height:1.5em;text-align:justify;word-spacing:0.05em;}


  1. textWrapper div.post,
  2. textWrapper div.page{margin-bottom:50px;padding:25px;}body.home
  3. textWrapper div.post,body.search #textWrapper div.post,body.archive
  4. textWrapper div.post

{ background-color:#E9F3FA; color:#336699;border:1px #4AA1D9 solid; -webkit-box-shadow:0px 0px 7px #888888; -moz-box-shadow:0px 0px 7px #888888; box-shadow:0px 0px 7px #888888; } body.home #textWrapper div.post:hover,body.search #textWrapper div.post:hover,body.archive #textWrapper div.post:hover { cursor:pointer;border:1px #966C44 solid; -webkit-box-shadow:0px 0px 5px #FFFFFF; -moz-box-shadow:0px 0px 5px #FFFFFF; box-shadow:0px 0px 5px #FFFFFF;}

  1. textWrapper h2.entry-title a,
  2. textWrapper h2.entry-title a:hover{color:#000000;text-shadow:1px 1px 3px #333333;}

body.single #textWrapper div.post,body.page #textWrapper div.page { background-color:#9ECAE1; color:#000000; -webkit-box-shadow:0px 0px 8px #333333; -moz-box-shadow:0px 0px 8px #333333; box-shadow:0px 0px 8px #333333; }

  1. textWrapper h1.entry-title

{ color:#FFFFFF; text-shadow:1px 1px 3px #333333; }