Team:Tsinghua-A/css/index.css

From 2012.igem.org

(Difference between revisions)

Latest revision as of 19:54, 26 October 2012

/* Basic CSS format

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

search-controls,.fistHeading,

/

contentSub,#catlinks,#footer-box,#p-logo

{ display:none; } .normalTextWrapper {

       width:900px;
       margin-left:20px;
       padding:20px;

} .jump {

       height:0;
       width:0;

} ul{ list-style: none !important; list-style-type: none !important; padding:0px; margin:0px; } li { list-style-type:none !important; list-style:none !important; } body { text-align: center; background-color: #FFFFFF; }

h2 { font-size: 48px; text-align: left; font-family: 'Raleway Dots', cursive; } h4 {

       font-family:'Quantico', sans-serif;

} p { text-align: left; float:justify; font-family: 'Oxygen Mono', sans-serif; }

li.topButton { float:left; margin-left: 0; margin-top: 0px; width:90px; height: 37px; font-size: 20px; text-decoration:none; background-color:white; padding:0px; border-right:1px solid white; display:inline; } li.subButtonTeam{ width: 90px; height: 30px; background-color: rgb(255,246,237); } li.subButtonProject{ width: 120px; height: 30px; background-color: rgb(255,255,236); } li.subButtonModeling{ width: 140px; height: 30px; background-color: rgb(233,244,233); } li.subButtonWetlab{ width: 110px; height: 30px; background-color: rgb(227,248,255); } li.subButtonSafety{ width: 110px; height: 30px; background-color: rgb(236,235,255); } li.subButtonHumanPractice{ width: 140px; height: 30px; background-color: rgb(246,229,248); }

teamButton:hover

{ background-color: rgb(255,246,237); }

projectButton:hover

{ background-color: rgb(255,255,236); }

modelingButton:hover

{ background-color: rgb(233,244,233); }

wetlabButton:hover

{ background-color: rgb(227,248,255); }

safetyButton:hover

{ background-color: rgb(236,235,255); }

humanPracticeButton:hover

{ background-color: rgb(246,229,248); }

teamButton{

width:90px; }

projectButton{

width: 120px; }#modelingButton{ width: 140px; }

wetlabButton{

width: 110px; }

safetyButton{

width: 110px; }

humanPracticeButton{

width: 140px; } a{ float: left; font-size: 16px; text-decoration: none !important; font-family: 'Quantico', sans-serif; color: red; } a#subButtonTeamA { font-size: 15px; color:rgb(243,169,143); } a#subButtonProjectA { font-size: 15px; color:rgb(255,193,121); } a#subButtonModelingA { font-size: 15px; color:rgb(137,202,154); } a#subButtonWetlabA {

font-size: 15px; color:rgb(133,212,246); } a#subButtonSafetyA { font-size: 15px; color:rgb(142,150,201); } a#subButtonHumanPracticeA { font-size: 15px; color:rgb(171,136,188); } a#subButtonTeamA:hover,a#teamButtonA:hover { color: red; } a#subButtonProjectA:hover,a#projectButtonA:hover { color: rgb(152,107,55); } a#subButtonModelingA:hover,a#modelingButtonA:hover { color: rgb(12,117,34); } a#subButtonWetlabA:hover,a#wetlabButtonA:hover { color: rgb(0,118,167); } a#subButtonSafetyA:hover,a#safetyButtonA:hover { color: blue; } a#subButtonHumanPracticeA:hover,a#humanPracticeButtonA:hover { color: purple; } a.navigationButtonA { margin-top: 5px; margin-right: 10px; float: right; /*color: #0C7522*/; } a#teamButtonA { color: rgb(243,169,143); } a#projectButtonA { color: rgb(255,193,121); } a#modelingButtonA { color: rgb(137,202,154); }

a#wetlabButtonA { color: rgb(133,212,246); } a#safetyButtonA { color: rgb(142,150,201); } a#humanPracticeButtonA { color: rgb(171,136,188); }

a.textLink { float:none;

       color:red;

} ul.buttonMenu { text-align: left; float: left; width: 122px; background-color: transparent; position: fixed; top: 130px; list-style-type: none !important; display: none; } li.navigationButton { padding-right:10px; float:left; width:120px; height:30px; text-decoration: none; color: white;

       text-align:right;

background-color: #E9F4E9; border-bottom: 1px solid white; display:block;

}

topTitle

{ position: fixed;

       margin-left:180px;

top:20px; z-index: 3; } h2#titleText{ z-index: 3; font-size: 32px; border-bottom: none !important; font-family: 'Quantico', sans-serif; font-weight: 100; color: rgb(243,169,143); }

topWrapper

{ z-index: 2; position: fixed; float: left; top:0; } .textWrapper { float: left; z-index:1; position: static; text-align: left; margin:70px 0 0px 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;

}

pageWrapper {

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

banner {

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

navigationBar {

position: fixed; text-align: center; margin-left: 35px; top:185px; width: 0px; float: left; height: 800px; background-color: transparent; }

mainField {

position:relative; top:124px; left:190px; /*200px*/ float: left; text-align: left; width: 730px; height: 1500px; background-color: transparent; }

footer {

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

@@ Line 4: / Line 4: @@
 	FENG Zili & GUO Mingzhou, Tsinghua-A Team, iGEM
 .09.07
+#search-controls,.fistHeading,
 */
-#contentSub,#search-controls,.fistHeading,#footer-box,#catlinks,#p-logo
+#contentSub,#catlinks,#footer-box,#p-logo
 {
 	display:none;
@@ Line 12: / Line 13: @@
 .normalTextWrapper
 {
-         width:800px;
+         width:900px;
-         margin-right:0;
+         margin-left:20px;
          padding:20px;
 }
@@ Line 41: / Line 42: @@
 	text-align: left;
 	font-family: 'Raleway Dots', cursive;
+}
+h4
+{
+        font-family:'Quantico', sans-serif;
 }
 p
@@ Line 139: / Line 144: @@
 	text-decoration: none !important;
 	font-family: 'Quantico', sans-serif;
-	color: gray;
+	color: red;
 }
 a#subButtonTeamA
@@ Line 233: / Line 238: @@
 {
 	float:none;
+        color:red;
 }
 ul.buttonMenu