|
|
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');
| |
- |
| |
- | }
| |