Difference between revisions of "Team:Nanjing-China/CSS/main"

Line 420: Line 420:
 
}
 
}
 
/* menu on top */
 
/* menu on top */
.top_menu_1_1 {
+
.menu_on-top_1 a:link {
height: auto;
+
width: auto;
+
text-align:center;
+
}
+
a:link {
+
 
color:#FFF;
 
color:#FFF;
 
text-decoration: none;
 
text-decoration: none;
 
}
 
}
a:visited {
+
.menu_on-top_1 a:visited {
 
text-decoration: none;
 
text-decoration: none;
 
color: #FFF;
 
color: #FFF;
 
}
 
}
a:hover {
+
.menu_on-top_1 a:hover {
 
text-decoration: none;
 
text-decoration: none;
 
color:#000;
 
color:#000;
 
}
 
}
a:active {
+
.menu_on-top_1 a:active {
 
text-decoration: none;
 
text-decoration: none;
 
color:#000;
 
color:#000;
Line 443: Line 438:
 
.menu_on-top_1{background-color:#00a0ea; opacity:0.75; width:100%; height:auto; position:fixed; top:0px; left:0px; display:none;z-index:10000;}
 
.menu_on-top_1{background-color:#00a0ea; opacity:0.75; width:100%; height:auto; position:fixed; top:0px; left:0px; display:none;z-index:10000;}
 
.menu_on-top_2{ width:100%; height:auto;}
 
.menu_on-top_2{ width:100%; height:auto;}
 +
.top_menu_1_1 {
 +
height: auto;
 +
width: auto;
 +
text-align:center;
 +
}
 
.menu_on-top_1 h6{
 
.menu_on-top_1 h6{
 
font-size:24px;
 
font-size:24px;

Revision as of 10:30, 19 October 2016

@charset "utf-8";

/*turn start*/ .brand a{ display: block; float: left; margin: 20px; width: 180px; height: 265px; text-align: center; position: relative; } .brand img{ width: 180px; height: 265px; } .brand .info{ display: none; background-size:180px 265px; background-position:center; background-repeat:no-repeat; } .vertical .info{ width: 0; height: 265px; margin: 0 auto; } .horizontal img{ position: absolute; top: 0; left: 0; } .horizontal .info{ width: 180px; position: absolute; left: 0; }

/*turn end*/

.container_1 { height: auto; width: 100%; } .container_1_title { height: auto; width: 80%; padding: 0 10%; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #D4BF00; margin-right: auto; margin-left: auto; } .container_1_title_2 { height: auto; width: 80%; padding: 0 10%; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #D4BF00; margin-right: auto; margin-left: auto; } .container_1_title h3{ font-size:48px; color:#00a0ea; text-align:center; font-family: "Comic Sans MS", cursive; } .container_1_title_2 h3{ font-size:48px; color:#00a0ea; text-align:center; font-family: "Comic Sans MS", cursive; } .description { height: auto; width: 100%; } .container_1_content { height: auto; width: 90%; padding-top: 15px; padding-right: 5%; padding-bottom: 15px; padding-left: 5%; margin-right: auto; margin-left: auto; text-align: justify; font-size: 18px; }

.container_1_content_2 { height: auto; width: 90%; padding-top: 15px; padding-right: 5%; padding-bottom: 15px; padding-left: 5%; margin-right: auto; margin-left: auto; text-align: justify; font-size: 18px; } .container_1_content_2 img{ float:right; } .container_1_content_3 { height: auto; width: 90%; padding-top: 15px; padding-right: 5%; padding-bottom: 15px; padding-left: 5%; margin-right: auto; margin-left: auto; text-align: justify; font-size: 18px; } .container_1_content_3 img{ float:left; } .container_1_content h6{ font-size: 24px; font-family: Arial, Helvetica, sans-serif;

} .container_1_content_2 h6{ font-size: 24px; font-family: Arial, Helvetica, sans-serif;

} .container_1_content_3 h6{ font-size: 24px; font-family: Arial, Helvetica, sans-serif;

} .container_1_content h5{ font-size: 20px; font-family: Arial, Helvetica, sans-serif;

} .container_1_content h4{ font-size: 16px; font-family: Arial, Helvetica, sans-serif; text-align:center; } .container_1_content h3{ font-size: 30px; color:#00a0ea; font-family: Arial, Helvetica, sans-serif; margin-top:2px; margin-bottom:2px; line-height:32px; } .container_1_content_2 h5{ font-size: 20px; font-family: Arial, Helvetica, sans-serif;

} .container_1_content_2 h4{ font-size: 16px; font-family: Arial, Helvetica, sans-serif; text-align:center; } .container_1_content_2 h3{ font-size: 30px; color:#00a0ea; font-family: Arial, Helvetica, sans-serif; margin-top:2px; margin-bottom:2px; line-height:32px; } .container_1_content_3 h5{ font-size: 20px; font-family: Arial, Helvetica, sans-serif;

} .container_1_content_3 h4{ font-size: 16px; font-family: Arial, Helvetica, sans-serif; text-align:center; } .container_1_content_3 h3 { font-size: 30px; color:#00a0ea; font-family: Arial, Helvetica, sans-serif; margin-top:2px; margin-bottom:2px; line-height:32px; } .container_1_content strong{ font-weight:800; font-color:#00a0ea; } .container_1_content_2 strong{ font-weight:800; font-color:#00a0ea; } .container_1_content_3 strong{ font-weight:800; font-color:#00a0ea; } .container_1_content em{ font-style:italic; } .container_1_content_2 em{ font-style:italic; } .container_1_content_3 em{ font-style:italic; } .container_1_content sup{ font-size:14px; } .container_1_content_2 sup{ font-size:14px; } .container_1_content_3 sup{ font-size:14px; } .container_1_content sub{ font-size:14px; } .container_1_content_2 sub{ font-size:14px; } .container_1_content_3 sub{ font-size:14px; } .container_1_readmore { height: auto; width: 100px; margin-right: auto; margin-left: auto; background-color: #696; border: 2px solid #333; margin-top: 15px; margin-bottom: 15px; } .continue { height: 100px; width: 90%; margin-right: auto; margin-left: auto; padding-right: 5%; padding-left: 5%; margin-top: 100px; margin-bottom: 100px; } .continue_provious { float: left; height: 100px; width: 40%; background-color: #2ABFFF; font-size: 20px; margin-right: 5%; margin-left: 5%; padding-top: 40px; } .continue_next { float: left; height: 100px; width: 40%; background-color: #2ABFFF; margin-right: 5%; margin-left: 5%; padding-top: 40px; font-size: 20px; } .interval { background-color: #2ABF00; height: 60px; width: 100%; padding-top: 20px; border-top-width: 5px; border-bottom-width: 5px; border-top-style: solid; border-bottom-style: solid; border-top-color: #636; border-bottom-color: #636; } .home_subtitle { font-size: 36px; color: #FFF; }

.poker_turn { height: auto; max-width: 1100px; margin-right: auto; margin-left: auto; } /*bottom*/ .bottom_main { height: 300px; width: 90%; max-width:1140px; margin-right: auto; margin-left: auto; text-align:left; margin-top:300px; } .bottom_contact { float: left; height: auto; width: 300px; } .bottom_contact h4{ font-size:40px; color:#00a0ea; font-family: "Comic Sans MS", cursive; } .bottom_contact h5{ font-size:20px; color:#00a0ea; font-family: "Comic Sans MS", cursive; } .bottom_contact h6{ font-size:16px; font-family: "Comic Sans MS", cursive; } .bottom_sponsors { float: left; height: auto; width: 840px; } .bottom_sponsors h4{ font-size:40px; color:#00a0ea; font-family: "Comic Sans MS", cursive; } .bottom_sponsors h6{ font-size:16px; } .bottom_sponsors_1 { float: left; height: auto; width: 210px; font-weight: bold; color: #999; } .bottom_sponsors_2 { float: left; height: auto; width: 210px; font-weight: bold; color: #999; } .bottom_sponsors_3 { float: left; height: auto; width: 210px; font-weight: bold; color: #999; } .bottom_sponsors_4 { float: left; height: auto; width: 210px; font-weight: bold; color: #999; } .bottom_sponsors_1_logo { height: 150px; width: 100px; margin-right: auto; margin-left: auto; } .bottom_sponsors_2_logo { height: 150px; width: 100px; margin-right: auto; margin-left: auto; } .bottom_sponsors_3_logo { height: 150px; width: 100px; margin-right: auto; margin-left: auto; } .bottom_sponsors_4_logo { height: 150px; width: 100px; margin-right: auto; margin-left: auto; } .bottom_sponsors_1_content { height: 180px; width: 210px; border-left-width: 3px; border-left-style: solid; border-left-color: #999; padding-left: 10px; } .bottom_sponsors_2_content { height: 180px; width: 210px; border-left-width: 3px; border-left-style: solid; border-left-color: #999; padding-left: 10px; } .bottom_sponsors_3_content { height: 180px; width: 210px; border-left-width: 3px; border-left-style: solid; border-left-color: #999; padding-left: 10px; } .bottom_sponsors_4_content { height: 180px; width: 210px; border-left-width: 3px; border-left-style: solid; border-left-color: #999; padding-left: 10px; } /* menu on top */ .menu_on-top_1 a:link { color:#FFF; text-decoration: none; } .menu_on-top_1 a:visited { text-decoration: none; color: #FFF; } .menu_on-top_1 a:hover { text-decoration: none; color:#000; } .menu_on-top_1 a:active { text-decoration: none; color:#000; } .menu_on-top_1{background-color:#00a0ea; opacity:0.75; width:100%; height:auto; position:fixed; top:0px; left:0px; display:none;z-index:10000;} .menu_on-top_2{ width:100%; height:auto;} .top_menu_1_1 { height: auto; width: auto; text-align:center; } .menu_on-top_1 h6{ font-size:24px; font-family:Arial, Helvetica, sans-serif; margin:30px 15px 15px 15px; float:right; } .menu_on-top_1 h5{ font-size:30px; font-family:Arial, Helvetica, sans-serif; padding:2px 0; margin:27px auto 12px 10%; float:left; }