"

From 2014.igem.org

body{ background-color: #e0e0e0; }

1. wrapper

{ background-color: #f0f0ff; width: 900px; margin-right:auto; margin-left: auto; box-shadow:0px 0px 8px #303030; opacity: 1; }

1. header

{ padding: 0pt; width: 900px; background-color: #505050; height:70px;

}

1. header_list

{ display: inline; list-style-type: none; margin:0px; padding:0px; }

1. header_list_element

{ padding:0px; margin:0px; float:left;

}

.header_link_div { overflow: hidden; width: 150px; height: 70px; }

.header_link:link, .header_link:visited { background-color:#201830; width: 150px; height: 70px; color: #e0e0e0; text-decoration: none; display: block; text-align: center; padding-top: 24px; font-size: 20px; font-weight:bold; }

.header_link:hover, .header_link:active { background-color:#302448; }

.header_menu ul { position:fixed; z-index:1; margin:0px; padding:0px; list-style-type: none; width:150px; left:-9999px; }

/* Dropdown header menus */

.header_menu ul:hover { left:auto; }

.header_link_div:hover+div ul { left:auto; }

.header_menu ul li { display: block; }

.header_menu ul li a:link, .header_menu ul li a:visited { display: block; background-color:#201830; color:#e0e0e0; text-decoration: none; text-align: center; font-weight: bold; font-size:14px; height:19px; }

.header_menu ul li a:hover, .header_menu ul li a:active { background-color: #302448; }

/* Start of Image Gallery Style */

1. image

{ background-color:#60606; overflow:hidden; position:relative; height:500px; top:auto; }

1. image_gallery

{ position:reltive; height:auto; list-style: none; float:left; padding:0px; margin:0px; }

1. image_gallery li

{ position:relative; float:left; }

.image_navigation { position: absolute; top:180px; height:100px; width: 30px; opacity:0.4; }

.image_navigation:hover { opacity:0.9; }

1. previous

{ background: #000000 url("") no-repeat center; left:0px; }

1. next

{ background: #000000 url("") no-repeat center; right:0px; }

1. image_links

{ padding:0px; margin:auto; height:50px; margin-top:10px; height: 150px; }

1. pager

{ margin-right:50px; }

1. pager li

{ padding:0px; margin:5px; margin-top:60px; margin-left:45px; width:140px; height:30px; color:black; list-style:none; opacity:0.6; float:left; border-radius:3px; cursor:pointer; font-size:25px; text-align:center; }

1. pager li:hover

{ opacity:0.9; }

/* End of Image Gallery Style */

1. description

{ padding:10px; width: 880px; margin-right: auto; margin-left: auto; font-family:Calibri; font-size:18px; }

1. links

{ width:900px; height:auto; margin-left:auto; margin-right:auto;

}

.image_link { width:270px; height:150px; margin:50px; margin-left:120px; margin-right:0px; display:inline-block;

}

.image_link:link div, .image_link:visited div { background-size:100%; opacity:0.9; height:100%; width:100%;

border-radius:30px; -moz-border-radius:30px;

box-shadow:0px 0px 8px #808080 inset; }

.image_link:hover div, .image_link:active div { opacity:1; box-shadow:0px 0px 8px #808080; }

1. footer

{ background-color:#ffffff; padding:20px; }

1. footer p

{ font-size:20px; font-weight:bold; }

1. footer img

{ margin:20px; }