Template:ZJU-China/CSS/home page

body, html { width: 100%; height: 100%; }

.nav { width: 100%; height: 10%; position: fixed; left: 0; top: 0; box-shadow: 0px 0px 20px 2px #8fb2c9; -webkit-box-shadow: 0px 0px 20px 2px #8fb2c9; }

.center { display: -moz-box; display: -webkit-box;

-moz-box-pack: center; -webkit-box-pack: center;

/*-moz-box-align: center; -webkit-box-align: center;*/ }

li { display: -moz-box; display: -webkit-box;

-moz-box-align: center; -webkit-box-align:center; }

.nav_label { height: 100%; font-family: weston; background: white; color: #1a94bc; position: relative; left: 0; top: 0; float: left; font-size: .8em; text-align: center; }

.navP { height: 20%; width: 100%; text-align: center; position: absolute; bottom: 0; padding: 0; margin: 0; left: 0; }

.navImg { /*position: absolute;*/ display: -moz-box; display: -webkit-box;

-moz-box-align: center; -webkit-box-align: center;

height: 70%; width: auto; background-size: 100% 100%; -webkit-background-size: 100% 100%; }

.nav_label:hover { background: #1A94BC; color: white; }

.links { display: block; width: inherit; position: absolute; top: 100%; left: 0; box-shadow: 0px 0px 10px 1px #8FB2C9; -webkit-box-shadow: 0px 0px 10px 1px #8FB2C9; background: white; overflow: hidden; display: none; }

ul { margin: 0; padding: 0; }

.links ul li { width: 100%; float: left; font-size: 1em; color: initial; padding-left: 10px; }

.links ul li:hover { background: #8FB2C9; color: initial; }

@font-face { font-family: weston; src: url('../fonts/Weston.otf'); }

@font-face { font-family: josefinSans; src: url('../fonts/JosefinSans.ttf'); }

@font-face { font-family: piron; src: url('../fonts/piron.woff.ttf'); }

.sponsors { height: 26%; width: 100%; /*border: #000000 solid 1px;*/ position: fixed; padding: 0; margin: 0; left: 0; bottom: 0;

}

.one_slide { float: left; width: 25%; height: 50%; /*border: dashed 1px darksalmon;*/ display: -moz-box; display: -webkit-box;

-moz-box-pack: center; -webkit-box-pack: center;

-moz-box-align: center; -webkit-box-align: center; /*border: solid 1px black;*/ }

.slide_img{ width: 75% !important; /*height: 80%;*/ /*border: solid 1px black;*/ overflow: hidden; /*display: -moz-box; display: -webkit-box;

-moz-box-pack: center; -webkit-box-pack: center;

-moz-box-align: center; -webkit-box-align: center; border: solid 1px black;*/ }

.addr { position: fixed; padding: 0; margin: 0; bottom: 0; left: 0; width: 100%; height: 10%; background: #1677b3; }

.addr p { display: -moz-box; display: -webkit-box;

-moz-box-pack: center; -webkit-box-pack: center; -moz-box-align: center; -webkit-box-align: center;

/*border: 1px solid black;*/ font-family: weston; font-size: 1em; width: 100%; height: 100%; color: white; }

.addr p a { color: white; }

.addr p a:hover { color: white; text-decoration: underline; }

1. logo:hover {

}