Difference between revisions of "Team:Nanjing-China/CSS/main"
| Line 420: | Line 420: | ||
} | } | ||
/* menu on top */ | /* menu on top */ | ||
| − | . | + | .menu_on-top_1 a:link { |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | 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; }
