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

Line 43: Line 43:
 
.clear {
 
.clear {
 
clear: both;
 
clear: both;
 +
}
 +
.bg-radius {
 +
border-radius: 18px;
 +
-moz-border-radius: 18px;
 +
-webkit-border-radius: 18px;
 +
}
 +
.bg-shade {
 +
    background: url("https://static.igem.org/mediawiki/2015/b/b0/Attributions-shade.png");
 +
}
 +
.bg-shallow-shade {
 +
background: url("https://static.igem.org/mediawiki/2015/d/d8/Bg-shallow-shade.png");
 
}
 
}
 
.header {
 
.header {
Line 79: Line 90:
 
.menu-table {
 
.menu-table {
 
margin-left: 294px;
 
margin-left: 294px;
 +
        font-family: "SimHei";
 
}
 
}
 
.menu-table td {
 
.menu-table td {
Line 96: Line 108:
 
}
 
}
 
.menu-list {
 
.menu-list {
−
margin:-4px 0 0 0;!important
+
margin:-4px 0 0 0 !important;
 
padding: 0;
 
padding: 0;
 
list-style: none;
 
list-style: none;
 
display: none;
 
display: none;
 +
        font-family: "Microsoft YaHei";
 
}
 
}
 
.menu-list li {
 
.menu-list li {
Line 126: Line 139:
 
margin-left: -512px;
 
margin-left: -512px;
 
width: 1024px;
 
width: 1024px;
−
height: 206px;
+
height: 116px;
 
background: url("https://static.igem.org/mediawiki/2015/3/3a/Container_shade.png") no-repeat;
 
background: url("https://static.igem.org/mediawiki/2015/3/3a/Container_shade.png") no-repeat;
 
background-size: 100%;
 
background-size: 100%;
Line 152: Line 165:
 
     -webkit-border-bottom-right-radius: 7px;
 
     -webkit-border-bottom-right-radius: 7px;
  
 +
}
 +
 +
.container-decorator {
 +
margin: 0 auto;
 +
position: relative;
 +
left: 50%;
 +
margin-left: -512px;
 +
margin-bottom: 12px;
 +
width: 1024px;
 +
background-color: #000000;
 +
z-index: 0;
 +
 +
filter:alpha(opacity=60); 
 +
    -moz-opacity:0.60; 
 +
    -khtml-opacity: 0.60; 
 +
    opacity: 0.60;
 +
 +
    border-radius: 18px;
 +
    -moz-border-radius: 18px;
 +
    -webkit-border-radius: 18px;
 
}
 
}
 
/* ----黑色遮罩层----- */
 
/* ----黑色遮罩层----- */
Line 167: Line 200:
 
margin-left: -512px;
 
margin-left: -512px;
 
width: 1024px;
 
width: 1024px;
−
min-height: 818px;
+
min-height: 793px;
 
}
 
}
 
.content {
 
.content {
Line 186: Line 219:
 
color: #ffffff;
 
color: #ffffff;
 
filter:alpha(opacity=24);   
 
filter:alpha(opacity=24);   
−
    -moz-opacity:0.24;   
+
        -moz-opacity:0.24;   
−
    -khtml-opacity: 0.24;   
+
        -khtml-opacity: 0.24;   
−
    opacity: 0.24;  
+
        opacity: 0.24;  
 
}
 
}
 
.sb-shade {
 
.sb-shade {
Line 197: Line 230:
  
 
.alink{
 
.alink{
−
color:black;
+
        color:black;
−
height:20px;
+
        height:20px;
−
width:inherit;
+
        width:inherit;
−
display:block;
+
        display:block;
 +
        margin-bottom: 2px;
 +
        background-color: #a4e9f9;
 +
        z-index: 333;
 
}
 
}
 
.alink:hover{
 
.alink:hover{

Revision as of 11:22, 16 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; 

       overflow-x: hidden;

} a { text-decoration: none;

} table { margin: 0; padding: 0; border: none; border-spacing: 0; 

       background:transparent;

} .clear { clear: both; } .bg-radius { border-radius: 18px; -moz-border-radius: 18px; -webkit-border-radius: 18px; } .bg-shade { 

   background: url("Attributions-shade.png");

} .bg-shallow-shade { background: url("Bg-shallow-shade.png"); } .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%; } } .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 { width: 1024px; height: 42px; line-height: 42px; margin: 99px auto 0 auto; } .menu-table { margin-left: 294px; 

       font-family: "SimHei";

} .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 !important; padding: 0; list-style: none; display: none; 

       font-family: "Microsoft YaHei";

} .menu-list li { text-align: center; line-height: 20px; margin-bottom: 2px; color: #1b1f3a; background-color: #a4e9f9; font-size: 12px; 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: 116px; 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;

}

.container-decorator { margin: 0 auto; position: relative; left: 50%; margin-left: -512px; margin-bottom: 12px; width: 1024px; background-color: #000000; z-index: 0;

filter:alpha(opacity=60); 

    -moz-opacity:0.60;  
    -khtml-opacity: 0.60;  
    opacity: 0.60; 

    border-radius: 18px;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;

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

/* ----主要内容部分----- */ .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: 793px; } .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 }

.alink{ 

       color:black;
       height:20px;
       width:inherit;
       display:block;
       margin-bottom: 2px;
       background-color: #a4e9f9;
       z-index: 333;

} .alink:hover{ 

   color: #77dff7;
   text-decoration: none;

}