|
|
| (One intermediate revision not shown) |
| Line 1: |
Line 1: |
| - | <html>
| + | delete |
| - | <!--
| + | |
| - | Landing page
| + | |
| - | Contains links to all other pages of the site as well as a quick introduction to the projects
| + | |
| - | The aim of this page was to be visually appealing and contain a very small amount of text so that the user would be given a quick introduction to the project. The user has only to read several lines to get a good grasp of what we did. This will encourage them to explore deeper.
| + | |
| - | -->
| + | |
| - | <head>
| + | |
| - | <!--
| + | |
| - | Cascading Style Sheet (CSS) component
| + | |
| - | in plain html style sheets are completely independent of the HTML page but are included in this page to simplify design within a wiki script environment.
| + | |
| - | This section describes the layout, colors and images displayed on the page
| + | |
| - | -->
| + | |
| - | <style>
| + | |
| - | | + | |
| - | #globalWrapper {
| + | |
| - | background-image: url("https://static.igem.org/mediawiki/2008/e/e4/Bglogo.png") !important;
| + | |
| - | background-repeat: repeat;
| + | |
| - | }
| + | |
| - | | + | |
| - | .ideasList{
| + | |
| - | margin-bottom:30px
| + | |
| - | }
| + | |
| - | | + | |
| - | ul#sub {
| + | |
| - | margin:0px;
| + | |
| - | padding:0px;
| + | |
| - | font-size:12px;
| + | |
| - | list-style-image:none;
| + | |
| - | list-style-type:none;
| + | |
| - | | + | |
| - | }
| + | |
| - | | + | |
| - | #sub li { margin-bottom:20px;}
| + | |
| - | | + | |
| - | #sub li a {
| + | |
| - | color:#3300FF;
| + | |
| - | text-decoration:underline;
| + | |
| - | }
| + | |
| - | | + | |
| - | #sub li a:hover {
| + | |
| - | text-decoration:none;
| + | |
| - | }
| + | |
| - | | + | |
| - | .links {
| + | |
| - | width:100%;
| + | |
| - | background-color:#000;
| + | |
| - | margin-bottom:30px;
| + | |
| - | }
| + | |
| - | | + | |
| - | .links tr {
| + | |
| - | background-color: rgb(155, 230, 159);
| + | |
| - | }
| + | |
| - | | + | |
| - | .links td:hover {
| + | |
| - | background-color: rgb(37,169,113);
| + | |
| - | }
| + | |
| - | | + | |
| - | | + | |
| - | .links a{
| + | |
| - | text-decoration:none;
| + | |
| - | font-size:14px;
| + | |
| - | color: #000;
| + | |
| - | }
| + | |
| - | | + | |
| - | .links a:active {
| + | |
| - | }
| + | |
| - | | + | |
| - | .links a:hover {
| + | |
| - | }
| + | |
| - | | + | |
| - | | + | |
| - | #header {
| + | |
| - | width: 100%;
| + | |
| - | text-align: center;
| + | |
| - | }
| + | |
| - | | + | |
| - | h4 {
| + | |
| - | font-size: 14pt;
| + | |
| - | font-weight: normal;
| + | |
| - | }
| + | |
| - | | + | |
| - | dt {
| + | |
| - | font-size: 12pt;
| + | |
| - | }
| + | |
| - | | + | |
| - | #projectnav h4 {
| + | |
| - | padding: .4ex;
| + | |
| - | }
| + | |
| - | | + | |
| - | #projectnav dt {
| + | |
| - | font-weight: normal;
| + | |
| - | margin: 1.5ex 0 0 0;
| + | |
| - | }
| + | |
| - | | + | |
| - | #projectnav h4, #projectnav dt, #projectnav dd {
| + | |
| - | text-align: center;
| + | |
| - | text-indent: 0;
| + | |
| - | margin-left: 0;
| + | |
| - | }
| + | |
| - | | + | |
| - | #hbnav dd {
| + | |
| - | background-color: rgb(0,80,200);
| + | |
| - | border-left: dashed #FFF 3px;
| + | |
| - | border-right: dashed #FFF 3px;
| + | |
| - | padding: .8ex;
| + | |
| - | }
| + | |
| - | | + | |
| - | #denav dd{
| + | |
| - | background-color: rgb(37,170,113);
| + | |
| - | border-left: dashed #FFF 3px;
| + | |
| - | border-right: dashed #FFF 3px;
| + | |
| - | padding: 1ex;
| + | |
| - | margin-top: 0;
| + | |
| - | }
| + | |
| - | | + | |
| - | #projectnav a {
| + | |
| - | color: #fff;
| + | |
| - | }
| + | |
| - | | + | |
| - | #pagecontent p {
| + | |
| - | text-indent: 1.25em;
| + | |
| - | }
| + | |
| - | </style>
| + | |
| - | <! -- END of style sheet -->
| + | |
| - | | + | |
| - | </head>
| + | |
| - | <body>
| + | |
| - | | + | |
| - | </body>
| + | |
| - | </html>
| + | |
"
