Difference between revisions of "Team:Scut-Champion-Park/css/index.css/"

(Created page with "/* Hide first heading */ .firstHeading { display: none; } -- Remove borders, float content left and remove padding/margin: #globalWrapper, #content{ width: 100%;...")
 
Line 66: Line 66:
 
background: url("https://static.igem.org/mediawiki/2015/b/bd/Team_logo.png") no-repeat ;
 
background: url("https://static.igem.org/mediawiki/2015/b/bd/Team_logo.png") no-repeat ;
 
}
 
}
.menu_left {
+
.menu {
 
float: left;
 
float: left;
margin-top: 99px;
+
height: 142px;
height: 42px;
+
width: 100%;
width: 8%;
+
z-index: 333;
line-height: 42px;
+
position: relative;
background-color: #000000;
+
background: url("https://static.igem.org/mediawiki/2015/a/ae/Scut-menu.png") no-repeat ;
filter:alpha(opacity=75); 
+
background-position: center;
    -moz-opacity:0.75; 
+
    -khtml-opacity: 0.75; 
+
    opacity: 0.75;
+
}
+
.menu_right {
+
float: right;
+
margin-top: 99px;
+
height: 42px;
+
width: 80%;
+
line-height: 42px;
+
background-color: #000000;
+
filter:alpha(opacity=75); 
+
    -moz-opacity:0.75; 
+
    -khtml-opacity: 0.75; 
+
    opacity: 0.75;
+
    z-index: 333;
+
    position: relative;
+
 
}
 
}
 
.menu-bar {
 
.menu-bar {
Line 208: Line 191:
 
     opacity: 0.24;  
 
     opacity: 0.24;  
 
}
 
}
 
+
.sb-shade {
 +
position: absolute;
 +
top: 0px;
 +
left: 0px
 +
}
 
p{
 
p{
 
font-size:13px;
 
font-size:13px;

Revision as of 08:08, 15 September 2015

/* Hide first heading */ .firstHeading {

display: none;

}

/*-- Remove borders, float content left and remove padding/margin */

  1. globalWrapper, #content{

width: 100%; height: 100%; background-color: transparent; border: 0px; margin:0px; padding: 0px; }

html, body, .wrapper { /*-- changes default wiki settings --*/ width: 100%; height: 100%; background-color: transparent; }

  1. contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/

body { background-color: #1b1f37; margin: 0; padding: 0; text-align: center; font-size: 62.5%; font-family: Helvetica; } a { text-decoration: none; } table { margin: 0; padding: 0; border: none; border-spacing: 0;

       background:transparent;

} .clear { clear: both; } .header { position: relative; margin: 0 auto; } .banner { margin: 0 auto; min-height: 600px; width: 100%; background: url("Igem_header_image.png") no-repeat ; background-size: 100%; } .igem_logo { position: absolute; left: 10%; width: 105px; height: 141px; background: url("Igem_logo.png") no-repeat ; } .team_logo { margin: 0 auto; width: 257px; height: 240px; background: url("Team_logo.png") no-repeat ; } .menu { float: left; height: 142px; width: 100%; z-index: 333; position: relative; background: url("Scut-menu.png") no-repeat ; background-position: center; } .menu-bar { margin-right: 20px; } .menu-table { margin: 0 auto; } .menu-table td { vertical-align: top; } .menu-table td span{ color: #1cc9f1;

 	display: inline-block;
 	font-size: 13px;
 	font-weight: bold;
 	height: 32px;
 	margin: 0;
 	padding: 0;

} .menu-table td span:hover { cursor: pointer; } .menu-list { margin:-4px 0 0 0; padding: 0; list-style: none; display: none; } .menu-list li { text-align: center; line-height: 20px; margin-bottom: 2px; color: #1b1f3a; background-color: #a4e9f9; font-size: 1.2em; z-index: 333; } .menu-list li:hover{ color: #77dff7; background-color: #1b1f3a; cursor: pointer; }

/* ----黑色遮罩层----- */ .container-decorator { min-height: 345px; margin: 0 auto; } .container-decorator-shade { position: relative; left: 50%; margin-left: -512px; width: 1024px; height: 206px; background: url("Container_shade.png") no-repeat; background-size: 100%; z-index: 0; } .container-decorator-content { position: relative; left: 50%; margin-left: -512px; width: 1024px; min-height: 587px; background-color: #000000; z-index: 0;

filter:alpha(opacity=60);

    -moz-opacity:0.60;  
    -khtml-opacity: 0.60;  
    opacity: 0.60; 
    border-bottom-left-radius: 7px;
    -moz-border-bottom-left-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    -moz-border-bottom-right-radius: 7px;
    -webkit-border-bottom-right-radius: 7px;

} /* ----黑色遮罩层----- */

/* ----主要内容部分----- */ .content-container { margin: 0 auto; font-family: "Microsoft YaHei" !important; text-align: center; z-index: 666; } .main-container { position: relative; left: 50%; margin-left: -512px; width: 1024px; min-height: 818px; } .content { padding: 0px; }

/* ----主要内容部分----- */

.footer { min-height: 200px; width: 100%; background: url("Igem_footer_image.png") no-repeat ; background-size: 100% 100%; font-family: "Microsoft YaHei" !important; } .team_info { padding-top: 44px; color: #ffffff; filter:alpha(opacity=24);

    -moz-opacity:0.24;  
    -khtml-opacity: 0.24;  
    opacity: 0.24; 

} .sb-shade { position: absolute; top: 0px; left: 0px } p{ font-size:13px; color:white; float:left; text-align:justify; }