Team:Hong Kong HKUST/Achievements page.css

From 2014.igem.org

1. contentSub, #footer-box, #catlinks, #search-controls, #p-

logo, .printfooter, .firstHeading,.visualClear {display:

none;} /*-- hides default wiki settings --*/

#top-section { /*-- styling for default menu bar (edit, page,

history, etc.) --*/

border: 0 none; height: 14px; z-index: 100; top: 0; position: fixed; width: 1000px; left: 50%; margin-left: -487px; }

#globalWrapper, #content { /*-- changes default wiki settings

--*/ width: 100%; height: 100%; border: 0px; background-color:#B0F1D2; margin: 0px; padding: 0px; }

html, body, .wrapper { /*-- changes default wiki settings --

*/

background-color: #FFFFFF; }

body { width: 100%; padding:0; margin:0; font: 14px Helvetica; } #content_container { width:950px; margin: 0 auto; -webkit-box-shadow: 0px 6px 6px 0px rgba(50, 50, 50, 0.64); -moz-box-shadow: 0px 6px 6px 0px rgba(50, 50, 50, 0.64); box-shadow: 0px 6px 6px 0px rgba(50, 50, 50, 0.64); }

nav{ background-color:yellow; } nav ul{ list-style: none; margin: 0; padding: 0; }

.access-menu{ display: table; margin: 1em auto; }

.access-menu > li{ background: #333; display: inline-block; position: relative; }

.access-menu > li + li{ border-left: solid 1px #000; }

.access-menu > li:hover .access-submenu{ top: 100%; left: auto; }

.access-menu a{ color: #eee; display: block; padding: .5em 2em; text-decoration: none;

-webkit-transition: all .2s linear; -moz-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; }

.access-menu a:hover, .access-menu a:focus{ background: #369; outline: none; }

.access-submenu{ background: #444; left: -9999px; position: absolute; top: -9999px; width: 150%; }

.access-submenu > li + li{ border-top: solid 1px #000; }

.access-submenu > li:last-child{ border-bottom: solid 3px #000; }

.access-submenu a{ padding: .5em 1em; }

.is-show{ left: auto; top: 100%; } li.indent_list{ background-color:#aaa; } #slide div{ display:block; width:0; float: left; -webkit-transition: all 0.75s; -moz-transition: all 0.75s; -o-transition:all 0.75s; transition: all 0.75s; } img.picture { width:960px; } button.prev, button.next { position: absolute; z-index: 999; display: block; padding:0 10px; width: auto; height:350px; background: rgba(0,0,0,0); color: #ffffff; font-size:26px; cursor: pointer; border:none; outline:none; } button.prev:hover, button.next:hover { background: rgba(0,0,0,0.8); } button.next { margin-left:926px; }

div.project_area{ margin:0 auto; border: 1px solid black; background-color:black; } .project_area h4, .project_area p{ color:white; } div.project_box{ border: 1px solid gray; width: 450px; height: 150px; text-align: center;

}

div.quick_link_container{ padding:50px; height:300px; -webkit-box-shadow: 0px 5px 2px 0px rgba(50, 50, 50, 0.69); -moz-box-shadow: 0px 5px 2px 0px rgba(50, 50, 50, 0.69); box-shadow: 0px 5px 2px 0px rgba(50, 50, 50, 0.69);

} table.site_map_table{ background-color: black; width: 100%; } .site_map_table h4, .site_map_table p, .site_map_table ul{ color: white; } div.banner_area{ width:100%; margin:0 auto; padding:0 auto; } div.banner_area img{ width:100%; height: 550px; } div.content_1{ width:100%;

} div.content_1 h3{ font-size:30px; color:#5E412F; border-bottom: 2px solid black; padding-left:20px;

} table.content_table p { font-size: 18px; font-family: "helvetica" ,"Open Sans", "Vollkorn", "Fedra Sans"; line-height: 2em; } div.content_area{ padding:0 20px 0 20px; background-color:#FCEBB6; border-radius: 2px;

} td.content_cell{ width:300px; padding-left:20px; padding-right:20px; background-color:yellow; } td.content_cell img{ width:100%; display:inline; } td.content_cell h5{ font-size: 19px; font-family:"helvetica" ,"Open Sans", "Vollkorn", "Fedra Sans"; font-weight:bold; display:inline; } td.content_cell h6{ font-size: 15px; font-family:"helvetica" ,"Open Sans", "Vollkorn", "Fedra Sans"; font-weight:normal; display:inline; } div#description_area h2 { text-align:center; font-size: 30px; font-family:"helvetica" ,"Open Sans", "Vollkorn", "Fedra Sans"; font-weight:900; display:block; text-decoration:underline; } div#description_area{ padding: 20px; border-bottom: 2px dotted black; } div#description_area p{ font-size:18px; font-family:"helvetica" ,"Open Sans", "Vollkorn", "Fedra Sans"; line-height:1.5em; } div#description_area img{ margin:0 auto; padding: 0 auto;

} table.start_up_link_area{ width:100%; } td.start_up_link_button{ width:25%; height:300px; } div.start_up_link_container{ width:90%; height:300px; padding:5px 10px 5px 10px; -webkit-box-shadow: 0px 5px 2px 0px rgba(50, 50, 50, 0.69); -moz-box-shadow: 0px 5px 2px 0px rgba(50, 50, 50, 0.69); box-shadow: 0px 5px 2px 0px rgba(50, 50, 50, 0.69); }