Team:NTHU Taiwan/css basicSetting

• {

margin:0; }

/*Template:NTHU_Taiwan setting*/

body {min-width:1024px;width:100%;background-color:background-color:rgb(175,240,216);}

1. content { width:100%;}

.content_wrapper { width: 100%; margin-left:0px; padding:0; float:none; background-color:background-color:rgb(84,199,158); }

.content_wrapper a { display:block; font-weight:normal; text-decoration:none; text-decoration-color:#000000; text-align:center; color:black; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }

.content_wrapper a:hover { text-decoration:none; color:white; background-color:rgb(83,198,157); }

/* IF THE SCREEN IS LESS THAN 1000PX */

@media only screen and (max-width: 1000px) {

#content {width:100%; } .menu_wrapper {width:100%;} .content_wrapper {margin-left:0;} .menu_item {display:block;} .icon {display:none;} .highlight {padding:10px 0px;} }

/* IF THE SCREEN IS LESS THAN 680PX */

@media only screen and (max-width: 680px) { .collapsable_menu_control { display:block;} .menu_item {display:none;} .menu_wrapper { width:100%; height: 15%; position:relative;} .content_wrapper {width:100%; margin-left:0px;} .column.half_size {width:100%; } .column img { width: 100%; padding: 5px 0px;} .icon {display:block;} .highlight {padding:15px 5px;} }

.menu_wrapper{ display:none; }

1. team_name{

display:none; }

1. page_name{

display:none; }

/*team page setting*/

1. nthu_globalWrapper{

position:relative; width:100%; height:auto; background-color:rgb(84,199,158); min-width:1024px; width:100%; }

1. decoWrapper{

min-width:898px; width:82.42vw; background-color:white; margin-left:auto; margin-right:auto; }

1. contentWrapper{

width:898px; height:auto; margin-left:auto; margin-right:auto; }

1. bottomPadding{

height:185px; padding-top:50px; }

1. bottom{

position:absolute; bottom:0px; left:0px; width:100%; height:185px; background-color:rgb(175,240,216); margin-right:auto; margin-left:auto; }

1. bottom #iconFacebook{

width:46px; height:48px; margin-left:auto; margin-right:auto; transform:translateY(60px); }