Template:SZU-China/main/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);*/