Line 35: | Line 35: | ||
}); | }); | ||
</script> | </script> | ||
+ | |||
+ | <style type="text/css"> | ||
+ | /********** | ||
+ | version: 2017.10.14 | ||
+ | author: Planck; | ||
+ | Team: SZU-China; | ||
+ | **********/ | ||
+ | |||
+ | /********** Normal setting **********/ | ||
+ | * { | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | } | ||
+ | |||
+ | body { | ||
+ | font-family: Tahoma, Arial, Verdana, sans-serif; | ||
+ | line-height: normal; | ||
+ | background-color:#FFFFFF; | ||
+ | } | ||
+ | |||
+ | li { | ||
+ | list-style:none; | ||
+ | } | ||
+ | |||
+ | a { | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | a:link { | ||
+ | font-size: 12px; | ||
+ | color: #000000; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | a:visited { | ||
+ | font-size: 12px; | ||
+ | color: #000000; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | /********** Navbar **********/ | ||
+ | |||
+ | .navbar { | ||
+ | display: block; | ||
+ | height: 60px; | ||
+ | width: 100%; | ||
+ | background: rgba(75, 151, 165, 0.5); | ||
+ | box-shadow: 0px 0px 0px #1E1E1E; | ||
+ | position: fixed; | ||
+ | } | ||
+ | |||
+ | .nav-list { | ||
+ | margin-top: 0px; | ||
+ | z-index: 10; | ||
+ | } | ||
+ | |||
+ | .nav-list li { | ||
+ | display: block; | ||
+ | float: right; | ||
+ | margin-right: 10px; | ||
+ | margin-left: 10px; | ||
+ | height: 60px; | ||
+ | width: 140px; | ||
+ | position: relative; | ||
+ | text-align: center; | ||
+ | line-height: 60px; | ||
+ | } | ||
+ | |||
+ | .nav-list li:hover { | ||
+ | background: #1E1E1E; | ||
+ | } | ||
+ | |||
+ | .nav-list li a { | ||
+ | color: rgba(255, 255, 255, 0.2); | ||
+ | } | ||
+ | |||
+ | .nav-list li a:visited { | ||
+ | color: #FFF; | ||
+ | } | ||
+ | |||
+ | .nav-list li a:link { | ||
+ | color: #FFF; | ||
+ | } | ||
+ | |||
+ | .nav-list li a:hover { | ||
+ | color: #EBEDF4; | ||
+ | } | ||
+ | |||
+ | .sub-nav { | ||
+ | display: none; | ||
+ | position: relative; | ||
+ | float: none; | ||
+ | z-index: 99; | ||
+ | top: 0px; | ||
+ | left: -5px; | ||
+ | padding: 0px; | ||
+ | background: rgba(128, 156, 146, 1.0); | ||
+ | } | ||
+ | |||
+ | .sub-nav li { | ||
+ | display: block; | ||
+ | position: relative; | ||
+ | float: none; | ||
+ | padding-top: 0px; | ||
+ | margin: 0px; | ||
+ | width: auto; | ||
+ | height: 26px; | ||
+ | line-height: 90%; | ||
+ | font-size: 16px; | ||
+ | } | ||
+ | |||
+ | .sub-nav li a { | ||
+ | display: block; | ||
+ | padding-top: 0px; | ||
+ | padding-bottom: 0px; | ||
+ | height: 26px; | ||
+ | line-height: 28px; | ||
+ | float: none; | ||
+ | } | ||
+ | |||
+ | .sub-nav li a:link { | ||
+ | color: #FFF; | ||
+ | } | ||
+ | |||
+ | .sub-nav li a:visited { | ||
+ | color: #FFF; | ||
+ | } | ||
+ | |||
+ | .sub-nav li:hover{ | ||
+ | background: rgba(201, 202, 187, 1.0); | ||
+ | } | ||
+ | |||
+ | .caret { | ||
+ | display: inline-block; | ||
+ | width: 0; | ||
+ | height: 3px; | ||
+ | margin-left: 2px; | ||
+ | vertical-align: middle; | ||
+ | border-top: 4px solid; | ||
+ | border-right: 4px solid transparent; | ||
+ | border-left: 4px solid transparent; | ||
+ | color: rgba(0, 0, 0, 0.0); | ||
+ | } | ||
+ | |||
+ | /********** Back to top **********/ | ||
+ | |||
+ | .arrow-div { | ||
+ | width: 3%; | ||
+ | position: fixed; | ||
+ | bottom: 20px; | ||
+ | right: 25px; | ||
+ | font-size: 0; | ||
+ | line-height: 0; | ||
+ | z-index: 100; | ||
+ | } | ||
+ | |||
+ | .arrow-img { | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | /********** Banner **********/ | ||
+ | |||
+ | img.banner-img { | ||
+ | display: block; | ||
+ | margin: 0px; | ||
+ | padding: 0px; | ||
+ | } | ||
+ | |||
+ | .banner-div { | ||
+ | margin: 0px; | ||
+ | padding: 0px; | ||
+ | } | ||
+ | |||
+ | /********** Descrption **********/ | ||
+ | |||
+ | .description-div { | ||
+ | margin: 0px; | ||
+ | padding: 0px; | ||
+ | } | ||
+ | |||
+ | img.main-img { | ||
+ | display: block; | ||
+ | margin: 0px; | ||
+ | padding: 0px; | ||
+ | } | ||
+ | |||
+ | /********** Footer **********/ | ||
+ | |||
+ | .footer { | ||
+ | margin: 0px; | ||
+ | padding-top: 0px; | ||
+ | display: block; | ||
+ | height: 160px; | ||
+ | width: 100%; | ||
+ | background: rgba(38, 43, 46, 1.0); | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | .sponsor { | ||
+ | display: block; | ||
+ | text-align: center; | ||
+ | position: relative; | ||
+ | top: 10px; | ||
+ | } | ||
+ | |||
+ | img.sponsor-img { | ||
+ | display: inline-block; | ||
+ | width: 13%; | ||
+ | } | ||
+ | |||
+ | .footer-info { | ||
+ | text-align: center; | ||
+ | display: block; | ||
+ | position: relative; | ||
+ | top: 50px; | ||
+ | } | ||
+ | |||
+ | span.copyright { | ||
+ | text-align: center; | ||
+ | color: #545454; | ||
+ | font-size: 13px; | ||
+ | text-align: justify; | ||
+ | } | ||
+ | |||
+ | a.mainpage { | ||
+ | color: #545454; | ||
+ | font-size: 13px; | ||
+ | } | ||
+ | |||
+ | a.mainpage:hover { | ||
+ | color: #FFF; | ||
+ | } | ||
+ | |||
+ | /********** Member description **********/ | ||
+ | |||
+ | .team-member { | ||
+ | text-align: center; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | .person { | ||
+ | display: inline-block; | ||
+ | height: 200px; | ||
+ | width: 30.9%; | ||
+ | background: #FFF; | ||
+ | box-shadow: 0px 0px 3px #1E1E1E; | ||
+ | border: 5px solid; | ||
+ | border-color: rgba(75, 151, 167, 1.0); | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | /*rgba(75, 151, 167, 1.0);*/ | ||
+ | </style> | ||
</head> | </head> |
Revision as of 03:52, 14 October 2017