Team:Exeter

From 2014.igem.org

(Difference between revisions)
(Blanked the page)
Line 1: Line 1:
 +
body{
 +
background-color: #e0e0e0;
 +
}
 +
#wrapper
 +
{
 +
background-color: #f0f0ff;
 +
width: 900px;
 +
margin-right:auto;
 +
margin-left: auto;
 +
box-shadow:0px 0px 8px #303030;
 +
opacity: 1;
 +
}
 +
 +
#header
 +
{
 +
padding: 0pt;
 +
width: 900px;
 +
background-color: #505050;
 +
height:70px;
 +
 +
}
 +
 +
#header_list
 +
{
 +
display: inline;
 +
list-style-type: none;
 +
margin:0px;
 +
padding:0px;
 +
}
 +
 +
#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 */
 +
 +
 +
 +
 +
#image
 +
{
 +
background-color:#60606;
 +
overflow:hidden;
 +
position:relative;
 +
height:500px;
 +
top:auto;
 +
}
 +
 +
#image_gallery
 +
{
 +
position:reltive;
 +
height:auto;
 +
list-style: none;
 +
float:left;
 +
padding:0px;
 +
margin:0px;
 +
}
 +
 +
#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;
 +
}
 +
 +
#previous
 +
{
 +
background: #000000 url("https://dl.dropboxusercontent.com/u/65639888/image/prev.png") no-repeat center;
 +
left:0px;
 +
}
 +
 +
#next
 +
{
 +
background: #000000 url("https://dl.dropboxusercontent.com/u/65639888/image/next.png") no-repeat center;
 +
right:0px;
 +
}
 +
 +
#image_links
 +
{
 +
padding:0px;
 +
margin:auto;
 +
height:50px;
 +
margin-top:10px;
 +
height: 150px;
 +
}
 +
 +
#pager
 +
{
 +
margin-right:50px;
 +
}
 +
 +
#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;
 +
}
 +
 +
#pager li:hover
 +
{
 +
opacity:0.9;
 +
}
 +
 +
/* End of Image Gallery Style */
 +
 +
 +
#description
 +
{
 +
padding:10px;
 +
width: 880px;
 +
margin-right: auto;
 +
margin-left: auto;
 +
font-family:Calibri;
 +
font-size:18px;
 +
}
 +
 +
 +
#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;
 +
}
 +
 +
#footer
 +
{
 +
background-color:#ffffff;
 +
padding:20px;
 +
}
 +
 +
#footer p
 +
{
 +
font-size:20px;
 +
font-weight:bold;
 +
}
 +
 +
#footer img
 +
{
 +
margin:20px;
 +
}

Revision as of 15:55, 14 August 2014

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("prev.png") no-repeat center; left:0px; }

  1. next

{ background: #000000 url("next.png") 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; }

Retrieved from "http://2014.igem.org/Team:Exeter"