|
|
Line 1: |
Line 1: |
- | <html>
| |
| | | |
- | <style>
| |
- | body {
| |
- | background: #99CCFF;
| |
- | font-family: Verdana;
| |
- | color: #707070;
| |
- | }
| |
- |
| |
- | .leftsecondary {
| |
- | float: left;
| |
- | clear: none;
| |
- | width: 200px;
| |
- | padding: 20px;
| |
- | border-left: 1px solid #f3f3f3;
| |
- | height: 120px;
| |
- | }
| |
- | #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
| |
- | display:none;}
| |
- |
| |
- | #top-section {
| |
- | background-image:url('https://static.igem.org/mediawiki/2012/a/a8/Caltech_Header.png');
| |
- | background-repeat: no-repeat;
| |
- | background-position: center top;
| |
- | height:275px ! important;
| |
- |
| |
- | }
| |
- | #bodyContent { padding: 10px auto; width: 910px; margin: auto; clear: none; color:black}
| |
- |
| |
- |
| |
- | /* This sets the orange background of the screen. */
| |
- | body {background: #EBA243}
| |
- |
| |
- | /* Removes "teams" option from the menubar */
| |
- | #menubar > ul > li:last-child {
| |
- | display: none;}
| |
- | /* Resizes the menubar to fik the links (default is 400px) */
| |
- | #menubar {
| |
- | width: auto;}
| |
- |
| |
- | /* Font style and general */
| |
- | /**************************/
| |
- | #content {
| |
- | font-family: 'Lucida Sans Unicode',sans-serif;
| |
- | font-size: 14px;
| |
- | color: #444444;}
| |
- | p {
| |
- | margin: 0; color: #000000; text-align:left;}
| |
- | #innercontent p {
| |
- | margin: 0.6em 0;}
| |
- | h3, h4, h5, h6 {
| |
- | border: none;
| |
- | font-weight: lighter;
| |
- | color: #E56717; text-align:left}
| |
- | h1 {
| |
- | border: none;
| |
- | color: #383838;
| |
- | text-shadow: 0 1px rgba(255, 255, 255, 0.5);
| |
- | font-size: 30px;
| |
- | margin: 5px 0 0 0;
| |
- | font-weight: bold;}
| |
- | h2 {
| |
- | color: #383838;
| |
- | border: none;
| |
- | padding: 25px 0 5px;
| |
- | font-family: Arial;
| |
- | font-size: 24px;
| |
- | font-weight: bold;
| |
- | margin-bottom: 0;}
| |
- | #bodyContent h1, #bodyContent h2 {
| |
- | margin-bottom: 0;}
| |
- | h3 {
| |
- | font-size: 20px;
| |
- | padding: 15px 0 5px 0;
| |
- | font-weight: bold;}
| |
- | h4 {
| |
- | font-weight: bold;}
| |
- |
| |
- | a:link { color: #E56717; text-decoration: none}
| |
- | a:visited { color:#E56717; text-decoration: none}
| |
- | a:hover { color:#E56717; text-decoration: none}
| |
- | a:active { color:#E56717; text-decoration: none}
| |
- |
| |
- | ul {
| |
- | text-align:justify;
| |
- | font-style: normal;
| |
- | line-height: 2em;
| |
- | font-weight: normal;
| |
- | font-variant: normal;
| |
- | color: #000000;
| |
- | text-decoration: none;
| |
- | text-indent: 3px;
| |
- | list-style-position: inside;
| |
- | list-style-image: url(bullet.gif);
| |
- | list-style-type: circle;
| |
- | margin-left: 0; padding-left: 20px;
| |
- | }
| |
- |
| |
- |
| |
- | .clear {
| |
- | height: 0;
| |
- | padding: 0;
| |
- | margin: 0;
| |
- | border: none;
| |
- | visibility: hidden;}
| |
- |
| |
- | .tab {text-indent: 30pt;}
| |
- |
| |
- |
| |
- | /************************************************************/
| |
- | /* Main menu settings */
| |
- | #nav {
| |
- | /* clear:both; */
| |
- | float:left;
| |
- | margin:0;
| |
- | padding:0;
| |
- | border-bottom:1px solid #000; /* black line below menu */
| |
- | width: auto;
| |
- | /* width:100%; */
| |
- | /* font-family: Verdana, Geneva, sans-serif; Menu font */
| |
- | /* font-size:100%; Menu text size */
| |
- | z-index:1000; /* This makes the dropdown menus appear above the page content below */
| |
- | position:relative;
| |
- | }
| |
- |
| |
- | /* Top menu items */
| |
- | #nav ul {
| |
- | margin:0;
| |
- | padding:0;
| |
- | list-style:none;
| |
- | float:right;
| |
- | position:relative;
| |
- | right:50%;
| |
- | }
| |
- | #nav ul li {
| |
- | margin:0 0 0 5px;
| |
- | padding:0;
| |
- | float:left;
| |
- | position:relative;
| |
- | left:50%;
| |
- | top:1px;
| |
- | }
| |
- | #nav ul li a {
| |
- | display:block;
| |
- | margin:0;
| |
- | padding:.6em .5em .4em;
| |
- | /* font-size:1em; */
| |
- | line-height:1em;
| |
- | /* background:#A9A9A9;
| |
- | text-decoration:none;
| |
- | color:##E56717;
| |
- | font-weight:bold; */
| |
- | background: #000000;
| |
- | border-bottom:1px solid #000;
| |
- | }
| |
- | #nav ul li.active a {
| |
- | color:#fff;
| |
- | background:#000;
| |
- | }
| |
- | #nav ul li a:hover {
| |
- | background:#36f; /* Top menu items background colour */
| |
- | color:#fff;
| |
- | border-bottom:1px solid #03f;
| |
- | }
| |
- | #nav ul li:hover a,
| |
- | #nav ul li.hover a { /* This line is required for IE 6 and below */
| |
- | background:#36f; /* Top menu items background colour */
| |
- | color:#fff;
| |
- | border-bottom:1px solid #03f;
| |
- | }
| |
- |
| |
- | /* Submenu items */
| |
- | #nav ul ul {
| |
- | display:none; /* Sub menus are hiden by default */
| |
- | position:absolute;
| |
- | top:2em;
| |
- | left:0;
| |
- | right:auto; /*resets the right:50% on the parent ul */
| |
- | width:auto /* 10em */; /* width of the drop-down menus */
| |
- | }
| |
- | #nav ul ul li {
| |
- | left:auto; /*resets the left:50% on the parent li */
| |
- | margin:0; /* Reset the 1px margin from the top menu */
| |
- | clear:left;
| |
- | width:100%;
| |
- | }
| |
- | #nav ul ul li a,
| |
- | #nav ul li.active li a,
| |
- | #nav ul li:hover ul li a,
| |
- | #nav ul li.hover ul li a { /* This line is required for IE 6 and below */
| |
- | /*font-size:.8em; .8em; */
| |
- | font-weight:normal; /* resets the bold set for the top level menu items */
| |
- | background:#eee;
| |
- | color:#444;
| |
- | line-height:1.4em; /* overwrite line-height value from top menu */
| |
- | border-bottom:1px solid #ddd; /* sub menu item horizontal lines */
| |
- | }
| |
- | #nav ul ul li a:hover,
| |
- | #nav ul li.active ul li a:hover,
| |
- | #nav ul li:hover ul li a:hover,
| |
- | #nav ul li.hover ul li a:hover { /* This line is required for IE 6 and below */
| |
- | background:#36f; /* Sub menu items background colour */
| |
- | color:#fff;
| |
- | }
| |
- |
| |
- | /* Flip the last submenu so it stays within the page */
| |
- | #nav ul ul.last {
| |
- | left:auto; /* reset left:0; value */
| |
- | right:0; /* Set right value instead */
| |
- | }
| |
- |
| |
- | /* Make the sub menus appear on hover */
| |
- | #nav ul li:hover ul,
| |
- | #nav ul li.hover ul { /* This line is required for IE 6 and below */
| |
- | display:block; /* Show the sub menus */
| |
- | }
| |
- | </style>
| |
- |
| |
- | <body bgcolor="99FFFF">
| |
- | <!--This is a really rough attempt to approximate the design given. Really bad coding practices will be present.--!>
| |
- | <p>Blah blah blah.</p>
| |
- | </body>
| |
- | </html>
| |