Team:NRP-UEA-Norwich/Test1/css1
From 2013.igem.org
(Blanked the page) |
|||
Line 1: | Line 1: | ||
+ | body{ | ||
+ | color: #000; | ||
+ | font: 12px Verdana, 'Times New Roman',serif; | ||
+ | letter-spacing:1; | ||
+ | background: black; | ||
+ | background-image: url('https://static.igem.org/mediawiki/2012/e/e2/Jhu_bg1.png') | ||
+ | } | ||
+ | table, th, td | ||
+ | { | ||
+ | border: 1px solid black; | ||
+ | color: black; | ||
+ | } | ||
+ | |||
+ | #header_body | ||
+ | { | ||
+ | filter:alpha(opacity=80); | ||
+ | /*-moz-opacity:1.8;*/ | ||
+ | opacity: 0.80; | ||
+ | |||
+ | position: absolute; | ||
+ | left: 0px; | ||
+ | top: 17px; | ||
+ | height: 170px; | ||
+ | width: 100%; | ||
+ | background: black; | ||
+ | background-image:url("https://static.igem.org/mediawiki/2012/e/e2/Jhu_bg1.png") | ||
+ | } | ||
+ | |||
+ | #footer_body | ||
+ | { | ||
+ | filter:alpha(opacity=80); | ||
+ | /*-moz-opacity:1.8;*/ | ||
+ | opacity: 0.80; | ||
+ | |||
+ | left: 0px; | ||
+ | bottom: 2217px; | ||
+ | height: 2170px; | ||
+ | } | ||
+ | |||
+ | |||
+ | #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo { | ||
+ | display:none; | ||
+ | } | ||
+ | #top-section { | ||
+ | border: none; | ||
+ | height: 0px; | ||
+ | } | ||
+ | #content { | ||
+ | border: none; | ||
+ | background-color: #000; | ||
+ | } | ||
+ | |||
+ | #globalWrapper | ||
+ | { | ||
+ | border: none; | ||
+ | position: absolute; | ||
+ | top: 1px; | ||
+ | width: 100%; | ||
+ | left: 0px; | ||
+ | } | ||
+ | |||
+ | #bodyContent | ||
+ | { | ||
+ | background-color: #000; | ||
+ | } | ||
+ | |||
+ | #project | ||
+ | { | ||
+ | background-color: #000; | ||
+ | position: absolute; | ||
+ | top: 50px; | ||
+ | width: 68%; | ||
+ | left: 14%; | ||
+ | } | ||
+ | #project_temp | ||
+ | { | ||
+ | |||
+ | text-align:justify; | ||
+ | line-height: 1.6; | ||
+ | position: absolute; | ||
+ | top: 189px; | ||
+ | width: 67.2%; | ||
+ | left: 14%; | ||
+ | font-size: 140%; | ||
+ | padding-left: 20px; | ||
+ | padding-right: 20px; | ||
+ | padding-bottom: 20px; | ||
+ | padding-top: 40px; | ||
+ | background-image: url('https://static.igem.org/mediawiki/2012/a/ab/JHU_bg2.png'); | ||
+ | |||
+ | |||
+ | } | ||
+ | #project_logo | ||
+ | { | ||
+ | width: 300px; | ||
+ | position: relative; | ||
+ | top: 0px; | ||
+ | left: 0px; | ||
+ | } | ||
+ | #project_description | ||
+ | { | ||
+ | position: relative; | ||
+ | top: 0px; | ||
+ | left: 13%; | ||
+ | width: 74%; | ||
+ | |||
+ | } | ||
+ | |||
+ | #menuBar | ||
+ | { | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0; padding:0;} | ||
+ | |||
+ | .break { clear:both; } | ||
+ | |||
+ | * {margin:0; padding:0} | ||
+ | p {line-height:1.4; margin-bottom:12px} | ||
+ | #wrapper {position:absolute; top: 0px;left:0px; width:100%; height:768px} | ||
+ | |||
+ | #header_new { height:100%; position:absolute; width:100%} | ||
+ | .headerimg { width:100%; height:440px; position:absolute; left: 0px; top: 17px} | ||
+ | .btn { height:37px; width:32px; float:left; cursor:pointer; } | ||
+ | |||
+ | #back { position:absolute; top: 300px; left: 2%; background-image:url("https://static.igem.org/mediawiki/2012/6/6e/Btn_back.png"); | ||
+ | filter:alpha(opacity=70); | ||
+ | /*-moz-opacity:1.7;*/ | ||
+ | opacity: 0.70; } | ||
+ | #next { position:absolute; top: 300px; right: 2%; background-image:url("https://static.igem.org/mediawiki/2012/1/1d/Btn_next.png"); | ||
+ | filter:alpha(opacity=70); | ||
+ | /*-moz-opacity:1.7;*/ | ||
+ | opacity: 0.70; } | ||
+ | #control { position:relative; top: 0px; left: 15px; background-image:url("../images/btn_pause.png"); } | ||
+ | } | ||
+ | |||
+ | |||
+ | #header_new | ||
+ | { | ||
+ | position: absolute; | ||
+ | width: 100%; | ||
+ | top: 17px; | ||
+ | background-color: 000000; | ||
+ | |||
+ | |||
+ | } | ||
+ | #header_title | ||
+ | { | ||
+ | position: absolute; | ||
+ | width: 70%; | ||
+ | left: 14%; | ||
+ | top: 0px | ||
+ | } | ||
+ | |||
+ | #footer_new | ||
+ | { | ||
+ | bottom: 2000px; | ||
+ | } | ||
+ | #footer_title | ||
+ | { | ||
+ | width: 70%; | ||
+ | left: 14%; | ||
+ | bottom: 2700px | ||
+ | } | ||
+ | |||
+ | |||
+ | #navigation_wrapper | ||
+ | { | ||
+ | position:absolute; | ||
+ | top: 125px; | ||
+ | width: 100%; | ||
+ | background-image:url("https://static.igem.org/mediawiki/2012/e/e2/Jhu_bg1.png"); | ||
+ | } | ||
+ | |||
+ | #title | ||
+ | { | ||
+ | |||
+ | |||
+ | |||
+ | font-size: 19px; | ||
+ | color: #ffffff; | ||
+ | font-style: italic; | ||
+ | background-color: #E8512F; | ||
+ | display: block; | ||
+ | margin-bottom: 10px; | ||
+ | margin-top: 10px; | ||
+ | padding: 5px; | ||
+ | } | ||
+ | |||
+ | #navigation_low | ||
+ | { | ||
+ | |||
+ | width: 70%; | ||
+ | position: relative; | ||
+ | left:14%; | ||
+ | top: 0px; | ||
+ | } | ||
+ | #Hopkins | ||
+ | { | ||
+ | position: absolute; | ||
+ | width: 30%; | ||
+ | top:130px; | ||
+ | left: 80% | ||
+ | } | ||
+ | .left-menu a { | ||
+ | background-color: black; } | ||
+ | .right-menu a { | ||
+ | background-color: black; } | ||
+ | |||
+ | #menubar | ||
+ | { | ||
+ | background-image:url("https://static.igem.org/mediawiki/2012/e/e2/Jhu_bg1.png") | ||
+ | } | ||
+ | |||
+ | .right-menu li a:link{ | ||
+ | padding-top: 10px; | ||
+ | background-color:transparent; | ||
+ | text-decoration: none; | ||
+ | color: #fff; | ||
+ | } | ||
+ | |||
+ | .right-menu li a:hover{ | ||
+ | padding-top: 10px; | ||
+ | background:transparent; | ||
+ | text-decoration: underline; | ||
+ | color: #fff; | ||
+ | } | ||
+ | |||
+ | .droplinebar{ | ||
+ | |||
+ | position: relative; | ||
+ | border-top: 1px dotted #999999; | ||
+ | } | ||
+ | |||
+ | .droplinebar ul{ | ||
+ | |||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | float: left; | ||
+ | width: 100%; | ||
+ | line-height:20; | ||
+ | font: italic 17px Verdana; | ||
+ | background: #000 url('https://static.igem.org/mediawiki/2012/e/e2/Jhu_bg1.png') repeat-x; /*default background of menu bar*/ | ||
+ | } | ||
+ | |||
+ | .droplinebar ul li{ | ||
+ | display: inline; | ||
+ | |||
+ | } | ||
+ | |||
+ | .droplinebar ul li a{ | ||
+ | float: left; | ||
+ | color: white; | ||
+ | text-align: center; | ||
+ | padding: 13px 15px; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | .droplinebar ul li a:visited{ | ||
+ | color: white; | ||
+ | } | ||
+ | |||
+ | .droplinebar ul li a:hover, .droplinebar ul li .current{ /*background of main menu bar links onMouseover*/ | ||
+ | color: white; | ||
+ | background: center center repeat-x; | ||
+ | background: #E8512F; | ||
+ | |||
+ | } | ||
+ | /* Sub level menus*/ | ||
+ | .droplinebar ul li ul{ | ||
+ | position: absolute; | ||
+ | z-index: 100; | ||
+ | left: 0; | ||
+ | top: 0; | ||
+ | background: #E8512F; /*sub menu background color */ | ||
+ | visibility: hidden; | ||
+ | } | ||
+ | |||
+ | /* Sub level menu links style */ | ||
+ | .droplinebar ul li ul li a{ | ||
+ | font: normal 17px Verdana; | ||
+ | color:white; | ||
+ | padding: 10px 26px; | ||
+ | margin: 0; | ||
+ | border-bottom: 1px solid #E8512F; | ||
+ | width: 100px; | ||
+ | background: #E8512F; | ||
+ | } | ||
+ | |||
+ | .droplinebar ul li ul li a:visited { | ||
+ | color:white; | ||
+ | } | ||
+ | |||
+ | .droplinebar ul li ul li a:hover{ /*sub menu links' background color onMouseover */ | ||
+ | background: #BA3114; | ||
+ | } | ||
+ | |||
+ | |||
+ | .returnLink { | ||
+ | position: absolute; | ||
+ | right: -10%; | ||
+ | top: -6px; | ||
+ | margin-bottom: 0px; | ||
+ | height: 160px; | ||
+ | width: 200px; | ||
+ | display: block; | ||
+ | background:transparent url('https://static.igem.org/mediawiki/2012/5/54/Return2.png') center top no-repeat; | ||
+ | } | ||
+ | |||
+ | .returnLink:hover { | ||
+ | background-image: url('https://static.igem.org/mediawiki/2012/2/2e/Return1.png'); | ||
+ | } | ||
+ | |||
+ | |||
+ | #navigation_temp | ||
+ | { | ||
+ | background-image: ('https://static.igem.org/mediawiki/2012/e/e2/Jhu_bg1.png'); | ||
+ | position: absolute; | ||
+ | top: 0px; | ||
+ | height: 17px; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | .emily { | ||
+ | margin-bottom: 0px; | ||
+ | height: 254px; | ||
+ | width: 190px; | ||
+ | display: block; | ||
+ | background-image: url('https://static.igem.org/mediawiki/2012/2/28/Emily.png'); | ||
+ | } | ||
+ | |||
+ | .emily:hover { | ||
+ | background-image: url('https://static.igem.org/mediawiki/2012/e/ec/Emily_bio.png'); | ||
+ | } | ||
+ | |||
+ | .robert { | ||
+ | margin-bottom: 0px; | ||
+ | height: 254px; | ||
+ | width: 190px; | ||
+ | display: block; | ||
+ | background-image: url('https://static.igem.org/mediawiki/2012/0/0f/JHU_Robert.png'); | ||
+ | } | ||
+ | |||
+ | .robert:hover { | ||
+ | background-image: url('https://static.igem.org/mediawiki/2012/4/45/Robert_bio.png'); | ||
+ | } | ||
+ | |||
+ | .album { | ||
+ | margin-bottom: 0px; | ||
+ | height: 254px; | ||
+ | width: 190px; | ||
+ | display: block; | ||
+ | background-image: url('https://static.igem.org/mediawiki/2012/2/2a/Album.png'); | ||
+ | } | ||
+ | |||
+ | .album:hover { | ||
+ | background-image: url('https://static.igem.org/mediawiki/2012/f/f5/Album_bio.png'); | ||
+ | } | ||
+ | |||
+ | .george { | ||
+ | margin-bottom: 0px; | ||
+ | height: 254px; | ||
+ | width: 190px; | ||
+ | display: block; | ||
+ | background-image: url('https://static.igem.org/mediawiki/2012/7/78/George.png'); | ||
+ | } | ||
+ | |||
+ | .george:hover { | ||
+ | background-image: url('https://static.igem.org/mediawiki/2012/7/7a/George_bio.png'); | ||
+ | } | ||
+ | |||
+ | |||
+ | .boeke { | ||
+ | margin-bottom: 0px; | ||
+ | height: 254px; | ||
+ | width: 190px; | ||
+ | display: block; | ||
+ | background-image: url('https://static.igem.org/mediawiki/2012/a/a8/Boeke.jpg'); | ||
+ | } | ||
+ | |||
+ | .boeke:hover { | ||
+ | background-image: url('https://static.igem.org/mediawiki/2012/e/e3/Boeke_bio.jpg'); | ||
+ | } | ||
+ | |||
+ | .bader { | ||
+ | margin-bottom: 0px; | ||
+ | height: 254px; | ||
+ | width: 190px; | ||
+ | display: block; | ||
+ | background-image: url('https://static.igem.org/mediawiki/2012/7/75/Bader.png'); | ||
+ | } | ||
+ | |||
+ | .bader:hover { | ||
+ | background-image: url('https://static.igem.org/mediawiki/2012/0/0a/Bader_bio.png'); | ||
+ | } | ||
+ | |||
+ | .patrick { | ||
+ | margin-bottom: 0px; | ||
+ | height: 254px; | ||
+ | width: 190px; | ||
+ | display: block; | ||
+ | background-image: url('https://static.igem.org/mediawiki/2012/4/46/Patrick.jpg'); | ||
+ | } | ||
+ | |||
+ | .patrick:hover { | ||
+ | background-image: url('https://static.igem.org/mediawiki/2012/c/c3/Patrick_bio.jpg'); | ||
+ | } | ||
+ | |||
+ | .giovanni { | ||
+ | margin-bottom: 0px; | ||
+ | height: 254px; | ||
+ | width: 190px; | ||
+ | display: block; | ||
+ | background-image: url('https://static.igem.org/mediawiki/2012/c/c9/Giovanni.jpg'); | ||
+ | } | ||
+ | |||
+ | .giovanni:hover { | ||
+ | background-image: url('https://static.igem.org/mediawiki/2012/5/5b/Giovanni_bio.jpg'); | ||
+ | } | ||
+ | |||
+ | img{ | ||
+ | border: 8px solid #e8e8e8; | ||
+ | background-color: white; | ||
+ | |||
+ | -moz-box-shadow: 2px 2px 3px #222; | ||
+ | -webkit-box-shadow: 2px 2px 3px #222; | ||
+ | box-shadow: 2px 2px 3px #222; | ||
+ | /* For IE 8 */ | ||
+ | -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#222222')"; | ||
+ | /* For IE 5.5 - 7 */ | ||
+ | filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#222222'); | ||
+ | |||
+ | } |
Revision as of 13:23, 16 July 2013
body{
color: #000; font: 12px Verdana, 'Times New Roman',serif; letter-spacing:1; background: black; background-image: url('https://static.igem.org/mediawiki/2012/e/e2/Jhu_bg1.png')
}
table, th, td { border: 1px solid black; color: black; }
- header_body
{
filter:alpha(opacity=80); /*-moz-opacity:1.8;*/ opacity: 0.80;
position: absolute; left: 0px; top: 17px; height: 170px; width: 100%; background: black; background-image:url("")
}
- footer_body
{
filter:alpha(opacity=80); /*-moz-opacity:1.8;*/ opacity: 0.80;
left: 0px; bottom: 2217px; height: 2170px;
}
- contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
display:none;
}
- top-section {
border: none; height: 0px;
}
- content {
border: none; background-color: #000;
}
- globalWrapper
{
border: none; position: absolute; top: 1px; width: 100%; left: 0px;
}
- bodyContent
{
background-color: #000;
}
- project
{
background-color: #000; position: absolute; top: 50px; width: 68%; left: 14%;
}
- project_temp
{
text-align:justify; line-height: 1.6; position: absolute; top: 189px; width: 67.2%; left: 14%; font-size: 140%; padding-left: 20px; padding-right: 20px; padding-bottom: 20px; padding-top: 40px; background-image: url('https://static.igem.org/mediawiki/2012/a/ab/JHU_bg2.png');
}
- project_logo
{
width: 300px; position: relative; top: 0px; left: 0px;
}
- project_description
{
position: relative; top: 0px; left: 13%; width: 74%;
}
- menuBar
{
width: 100%;
}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0; padding:0;}
.break { clear:both; }
- {margin:0; padding:0}
p {line-height:1.4; margin-bottom:12px}
- wrapper {position:absolute; top: 0px;left:0px; width:100%; height:768px}
- header_new { height:100%; position:absolute; width:100%}
.headerimg { width:100%; height:440px; position:absolute; left: 0px; top: 17px} .btn { height:37px; width:32px; float:left; cursor:pointer; }
- back { position:absolute; top: 300px; left: 2%; background-image:url("
");
filter:alpha(opacity=70); /*-moz-opacity:1.7;*/ opacity: 0.70; }
- next { position:absolute; top: 300px; right: 2%; background-image:url("
");
filter:alpha(opacity=70); /*-moz-opacity:1.7;*/ opacity: 0.70; }
- control { position:relative; top: 0px; left: 15px; background-image:url("../images/btn_pause.png"); }
}
- header_new
{
position: absolute; width: 100%; top: 17px; background-color: 000000;
}
- header_title
{
position: absolute; width: 70%; left: 14%; top: 0px
}
- footer_new
{
bottom: 2000px;
}
- footer_title
{
width: 70%; left: 14%; bottom: 2700px
}
- navigation_wrapper
{
position:absolute; top: 125px; width: 100%; background-image:url("");
}
- title
{
font-size: 19px; color: #ffffff; font-style: italic; background-color: #E8512F; display: block; margin-bottom: 10px; margin-top: 10px; padding: 5px;
}
- navigation_low
{
width: 70%; position: relative; left:14%; top: 0px;
}
- Hopkins
{
position: absolute; width: 30%; top:130px; left: 80%
} .left-menu a {
background-color: black; }
.right-menu a {
background-color: black; }
- menubar
{
background-image:url("")
}
.right-menu li a:link{
padding-top: 10px; background-color:transparent; text-decoration: none; color: #fff;
}
.right-menu li a:hover{
padding-top: 10px; background:transparent; text-decoration: underline; color: #fff;
}
.droplinebar{
position: relative; border-top: 1px dotted #999999; }
.droplinebar ul{
margin: 0; padding: 0; float: left; width: 100%; line-height:20; font: italic 17px Verdana; background: #000 url('https://static.igem.org/mediawiki/2012/e/e2/Jhu_bg1.png') repeat-x; /*default background of menu bar*/ }
.droplinebar ul li{ display: inline;
}
.droplinebar ul li a{ float: left; color: white; text-align: center; padding: 13px 15px; text-decoration: none; }
.droplinebar ul li a:visited{ color: white; }
.droplinebar ul li a:hover, .droplinebar ul li .current{ /*background of main menu bar links onMouseover*/ color: white; background: center center repeat-x; background: #E8512F;
} /* Sub level menus*/ .droplinebar ul li ul{ position: absolute; z-index: 100; left: 0; top: 0; background: #E8512F; /*sub menu background color */ visibility: hidden; }
/* Sub level menu links style */ .droplinebar ul li ul li a{ font: normal 17px Verdana; color:white; padding: 10px 26px; margin: 0; border-bottom: 1px solid #E8512F; width: 100px; background: #E8512F; }
.droplinebar ul li ul li a:visited { color:white; }
.droplinebar ul li ul li a:hover{ /*sub menu links' background color onMouseover */ background: #BA3114; }
.returnLink {
position: absolute; right: -10%; top: -6px; margin-bottom: 0px; height: 160px; width: 200px; display: block; background:transparent url('https://static.igem.org/mediawiki/2012/5/54/Return2.png') center top no-repeat;
}
.returnLink:hover {
background-image: url('https://static.igem.org/mediawiki/2012/2/2e/Return1.png');
}
- navigation_temp
{ background-image: ('https://static.igem.org/mediawiki/2012/e/e2/Jhu_bg1.png'); position: absolute; top: 0px; height: 17px; width: 100%; }
.emily {
margin-bottom: 0px; height: 254px; width: 190px; display: block; background-image: url('https://static.igem.org/mediawiki/2012/2/28/Emily.png');
}
.emily:hover {
background-image: url('https://static.igem.org/mediawiki/2012/e/ec/Emily_bio.png');
}
.robert {
margin-bottom: 0px; height: 254px; width: 190px; display: block; background-image: url('https://static.igem.org/mediawiki/2012/0/0f/JHU_Robert.png');
}
.robert:hover {
background-image: url('https://static.igem.org/mediawiki/2012/4/45/Robert_bio.png');
}
.album {
margin-bottom: 0px; height: 254px; width: 190px; display: block; background-image: url('https://static.igem.org/mediawiki/2012/2/2a/Album.png');
}
.album:hover {
background-image: url('https://static.igem.org/mediawiki/2012/f/f5/Album_bio.png');
}
.george {
margin-bottom: 0px; height: 254px; width: 190px; display: block; background-image: url('https://static.igem.org/mediawiki/2012/7/78/George.png');
}
.george:hover {
background-image: url('https://static.igem.org/mediawiki/2012/7/7a/George_bio.png');
}
.boeke {
margin-bottom: 0px; height: 254px; width: 190px; display: block; background-image: url('https://static.igem.org/mediawiki/2012/a/a8/Boeke.jpg');
}
.boeke:hover {
background-image: url('https://static.igem.org/mediawiki/2012/e/e3/Boeke_bio.jpg');
}
.bader {
margin-bottom: 0px; height: 254px; width: 190px; display: block; background-image: url('https://static.igem.org/mediawiki/2012/7/75/Bader.png');
}
.bader:hover {
background-image: url('https://static.igem.org/mediawiki/2012/0/0a/Bader_bio.png');
}
.patrick {
margin-bottom: 0px; height: 254px; width: 190px; display: block; background-image: url('https://static.igem.org/mediawiki/2012/4/46/Patrick.jpg');
}
.patrick:hover {
background-image: url('https://static.igem.org/mediawiki/2012/c/c3/Patrick_bio.jpg');
}
.giovanni {
margin-bottom: 0px; height: 254px; width: 190px; display: block; background-image: url('https://static.igem.org/mediawiki/2012/c/c9/Giovanni.jpg');
}
.giovanni:hover {
background-image: url('https://static.igem.org/mediawiki/2012/5/5b/Giovanni_bio.jpg');
}
img{ border: 8px solid #e8e8e8; background-color: white;
-moz-box-shadow: 2px 2px 3px #222; -webkit-box-shadow: 2px 2px 3px #222; box-shadow: 2px 2px 3px #222; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#222222')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#222222');
}