Template:ZJU-China/CSS/style

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:rgba(255,255,255,0.9); color: #1a94bc; position: relative; left: 0; top: 0; float: left; font-size: .8em; text-align: center; }

.navP { height: 25%; 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'); } .head_picture { height: 100%; width: 100%; }

.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;*/ } .blank { height: 30%; width:100%; }

.addr { /*position: fixed;*/ position: absolute; padding: 0; margin: 0; bottom: 0; left: 0; top:740%; 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; /*text-align: center;*/ /*position: absolute;*/ width: 100%; height: 100%; color: white; }

.addr p a { color: white; }

.addr p a:hover { color: white; text-decoration: underline; } h1,h2 { text-align:center; } .contents p { padding: 0.5cm 3cm; font-size: 1.2em; } .picture1 { padding-left: 10%; padding-bottom: 5%; } .picture2 { padding-bottom: 5%; padding-top: 5%; } .picture3 { padding-left: 25%; padding-bottom: 5%; } .picture4 { padding-left: 15%; }