|
|
| Line 1: |
Line 1: |
| - | <html>
| |
| | | | |
| - | <style type="text/css">
| |
| - | body {
| |
| - | background-color: ****
| |
| - | }
| |
| - |
| |
| - | /*----------------------------------------------------------------------------*/
| |
| - | /* header area */
| |
| - | /*----------------------------------------------------------------------------*/
| |
| - |
| |
| - | #header {
| |
| - | width: 965px;
| |
| - | height: 153px;
| |
| - | position: relative;
| |
| - | }
| |
| - |
| |
| - | #header_left .plainlinks a {
| |
| - | width: 172px;
| |
| - | height: 153px;
| |
| - | position: absolute;
| |
| - | top: 0px;
| |
| - | left: 5px;
| |
| - | text-decoration: none;
| |
| - | background: url(*****) no-repeat left top !important;
| |
| - | }
| |
| - |
| |
| - | #header_middle .plainlinks a {
| |
| - | width: 325px;
| |
| - | height: 104px;
| |
| - | position: absolute;
| |
| - | top: 0px;
| |
| - | left: 179px;
| |
| - | text-decoration: none;
| |
| - | background: url(****) no-repeat left top !important;
| |
| - | }
| |
| - |
| |
| - | #header_right .plainlinks a {
| |
| - | width: 200px;
| |
| - | height: 94px;
| |
| - | z-index: 100;
| |
| - | position: absolute;
| |
| - | top: 36px;
| |
| - | right: 0px;
| |
| - | text-decoration: none;
| |
| - | background: url(****) no-repeat right top !important;
| |
| - | padding: 0;
| |
| - | }
| |
| - |
| |
| - | #header_bar_empty {
| |
| - | width: 781px;
| |
| - | height: 30px;
| |
| - | position: absolute;
| |
| - | top: 105px;
| |
| - | left: 179px;
| |
| - | background-color: ****
| |
| - | }
| |
| - |
| |
| - | #header_bar_link {
| |
| - | width: 781px;
| |
| - | height: 17px;
| |
| - | position: absolute;
| |
| - | top: 136px;
| |
| - | left: 179px;
| |
| - | background-color: ****
| |
| - | }
| |
| - |
| |
| - | #header_bar_link a, #header_bar_link .selflink {
| |
| - | text-decoration: none;
| |
| - | color:#fff;
| |
| - | position: relative;
| |
| - | float: right;
| |
| - | margin: 0 10px 5px 0;
| |
| - | height: 17px;
| |
| - | font-size: 87%;
| |
| - | font-weight: bolder;
| |
| - | }
| |
| - |
| |
| - | #header_bar_link a:hover {
| |
| - | color: #ccc;
| |
| - | }
| |
| - |
| |
| - | #header_bar_link .selflink {
| |
| - | color: #444;
| |
| - | }
| |
| - |
| |
| - | /*----------------------------------------------------------------------------*/
| |
| - | /* menu left */
| |
| - | /*----------------------------------------------------------------------------*/
| |
| - |
| |
| - | #menu {
| |
| - | width: 158px;
| |
| - | margin: 20px 13px 0 7px;
| |
| - | position: relative;
| |
| - | float: left;
| |
| - | }
| |
| - |
| |
| - | #menu ul {
| |
| - | padding: 0;
| |
| - | margin: 0 0 10px 0;
| |
| - | list-style: none;
| |
| - | }
| |
| - |
| |
| - | #menu li {
| |
| - | margin:0;
| |
| - | }
| |
| - |
| |
| - | #menu a {
| |
| - | display: block;
| |
| - | width: 150px;
| |
| - | height: 19px;
| |
| - | margin-top: 1px;
| |
| - | background: url(****) no-repeat left top;
| |
| - | padding: 2px 4px;
| |
| - | text-decoration: none;
| |
| - | color: #555;
| |
| - | }
| |
| - |
| |
| - | #menu a:hover {
| |
| - | display: block;
| |
| - | width: 150px;
| |
| - | height: 19px;
| |
| - | margin-top: 1px;
| |
| - | background: url(****) no-repeat left top;
| |
| - | padding: 2px 4px;
| |
| - | color: #fff;
| |
| - | }
| |
| - |
| |
| - | #menu .selflink {
| |
| - | display: block;
| |
| - | width: 150px;
| |
| - | height: 19px;
| |
| - | margin-top: 1px;
| |
| - | background: url(****) no-repeat left top;
| |
| - | padding: 2px 4px;
| |
| - | color: #fff;
| |
| - | }
| |
| - |
| |
| - | #menu a.external {
| |
| - | margin: 0;
| |
| - | padding: 0;
| |
| - | width: 156px;
| |
| - | }
| |
| - |
| |
| - | .menu_header {
| |
| - | width: 148px;
| |
| - | border: 1px solid #bbb;
| |
| - | background: url(****) repeat-x bottom;
| |
| - | color: #111;
| |
| - | padding: 2px 4px;
| |
| - | }
| |
| - |
| |
| - | /*----------------------------------------------------------------------------*/
| |
| - | /* content area */
| |
| - | /*----------------------------------------------------------------------------*/
| |
| - |
| |
| - | #tudelft_content_wrapper {
| |
| - | width: 593px;
| |
| - | position: relative;
| |
| - | float: left;
| |
| - | margin-top: 20px;
| |
| - | }
| |
| - |
| |
| - | #tudelft_content_boxtop {
| |
| - | width: 593px;
| |
| - | height: 10px;
| |
| - | background:url(****) no-repeat bottom left;
| |
| - | position: relative;
| |
| - | float: left;
| |
| - | }
| |
| - |
| |
| - | #tudelft_content_boxbottom {
| |
| - | width: 593px;
| |
| - | height: 10px;
| |
| - | background:url(****) no-repeat top left;
| |
| - | position: relative;
| |
| - | float: left;
| |
| - | }
| |
| - |
| |
| - | #tudelft_content {
| |
| - | width: 571px;
| |
| - | padding: 10px;
| |
| - | border-left: 1px solid #ccc;
| |
| - | border-right: 1px solid #ccc;
| |
| - | position: relative;
| |
| - | float: left;
| |
| - | font-size: 9pt;
| |
| - | text-align: justify;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | /*----------------------------------------------------------------------------*/
| |
| - | /* sidebar right */
| |
| - | /*----------------------------------------------------------------------------*/
| |
| - |
| |
| - | #sidebar {
| |
| - | width: 172px;
| |
| - | margin: 20px 7px 0 13px;
| |
| - | position: relative;
| |
| - | float: left;
| |
| - | text-align: right;
| |
| - | }
| |
| - |
| |
| - | #sidebar_extra {
| |
| - | margin-top: 0px;
| |
| - | }
| |
| - |
| |
| - | #sidebar ul {
| |
| - | padding: 0;
| |
| - | margin: 0;
| |
| - | list-style: none;
| |
| - | }
| |
| - |
| |
| - | #sidebar a, #sidebar .selflink {
| |
| - | display: block;
| |
| - | width: 162px;
| |
| - | height: 40px;
| |
| - | margin-bottom: 4px;
| |
| - | padding: 4px !important;
| |
| - | border: 1px solid #555;
| |
| - | color: #fff;
| |
| - | font-size: larger;
| |
| - | text-decoration: none;
| |
| - | }
| |
| - |
| |
| - | #sidebar a:hover {
| |
| - | color: #fff;
| |
| - | }
| |
| - |
| |
| - | #sidebar .selflink {
| |
| - | border: 1px solid #00a7e7;
| |
| - | }
| |
| - |
| |
| - | #sidebar .calendar .selflink, #sidebar .calendar a:hover {
| |
| - | background-image: url(****);
| |
| - | }
| |
| - | #sidebar .calendar a {
| |
| - | background-image: url(****);
| |
| - | }
| |
| - | #sidebar .parts .selflink, #sidebar .parts a:hover {
| |
| - | background-image: url(****);
| |
| - | }
| |
| - | #sidebar .parts a {
| |
| - | background-image: url(****);
| |
| - | }
| |
| - | #sidebar .notebook .selflink, #sidebar .notebook a:hover {
| |
| - | background-image: url(****);
| |
| - | }
| |
| - | #sidebar .notebook a {
| |
| - | background-image: url(****);
| |
| - | }
| |
| - | #sidebar .notebook_modeling .selflink, #sidebar .notebook_modeling a:hover {
| |
| - | background-image: url(****);
| |
| - | }
| |
| - | #sidebar .notebook_modeling a {
| |
| - | background-image: url(****);
| |
| - | }
| |
| - | #sidebar .team .selflink, #sidebar .team a:hover {
| |
| - | background-image: url(****);
| |
| - | }
| |
| - | #sidebar .team a {
| |
| - | background-image: url(****);
| |
| - | }
| |
| - | #sidebar .photos .selflink, #sidebar .photos a:hover {
| |
| - | background-image: url(****);
| |
| - | }
| |
| - | #sidebar .photos a {
| |
| - | background-image: url(****);
| |
| - | }
| |
| - |
| |
| - | #sidebar_extra ul {
| |
| - | padding: 0;
| |
| - | margin: 0;
| |
| - | list-style: none;
| |
| - | border: 1px solid #bbb;
| |
| - | border-top: 0;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | #sidebar_extra a {
| |
| - | display: block;
| |
| - | width: 162px;
| |
| - | padding: 0 4px !important;
| |
| - | text-decoration: none;
| |
| - | margin: 0;
| |
| - | border: 0;
| |
| - | }
| |
| - |
| |
| - | #sidebar_extra li {
| |
| - | margin: 0;
| |
| - | }
| |
| - |
| |
| - | #sidebar_extra li#counter {
| |
| - | border-bottom: 0;
| |
| - | }
| |
| - |
| |
| - | #sidebar_extra .header {
| |
| - | width: 162px;
| |
| - | border: 1px solid #bbb;
| |
| - | background: url(****) repeat-x bottom;
| |
| - | color: #111;
| |
| - | padding: 2px 4px;
| |
| - | margin-top: 10px;
| |
| - | text-align: left;
| |
| - | }
| |
| - |
| |
| - | #sidebar_extra #kluyver a {
| |
| - | background: url(****) no-repeat center !important;
| |
| - | height: 55px;
| |
| - | }
| |
| - |
| |
| - | #sidebar_extra #dsm a {
| |
| - | background: url(****) no-repeat center !important;
| |
| - | height: 55px;
| |
| - | }
| |
| - |
| |
| - | #sidebar_extra #bionano a {
| |
| - | background: url(****) no-repeat center !important;
| |
| - | height: 55px;
| |
| - | }
| |
| - |
| |
| - | #sidebar_extra #biotech a {
| |
| - | background: url(****) no-repeat center !important;
| |
| - | height: 55px;
| |
| - | }
| |
| - |
| |
| - | #sidebar_extra #counter a {
| |
| - | background: url(****) no-repeat center bottom;
| |
| - | height: 27px;
| |
| - | }
| |
| - |
| |
| - | #sidebar_extra #visitors a {
| |
| - | background: url(****) no-repeat center !important;
| |
| - | height: 120px;
| |
| - | }
| |
| - |
| |
| - | /*----------------------------------------------------------------------------*/
| |
| - | /* references */
| |
| - | /*----------------------------------------------------------------------------*/
| |
| - |
| |
| - | ol.references {
| |
| - | text-align: left;
| |
| - | font-size: smaller;
| |
| - | }
| |
| - |
| |
| - | ul.references {
| |
| - | text-align: left;
| |
| - | font-size: smaller;
| |
| - | }
| |
| - |
| |
| - | /* highlight the reference to which is navigated internal */
| |
| - | ol.references > li:target {
| |
| - | background-color: #def;
| |
| - | }
| |
| - |
| |
| - | /*----------------------------------------------------------------------------*/
| |
| - | /* core stuff */
| |
| - | /*----------------------------------------------------------------------------*/
| |
| - |
| |
| - | /*reset*/
| |
| - | p {
| |
| - | margin:0;
| |
| - | }
| |
| - |
| |
| - | .editsection {
| |
| - | font-size: 75%;
| |
| - | font-weight: normal;
| |
| - | }
| |
| - |
| |
| - | body {
| |
| - | font-family: Tahoma,Helvetica,Arial,Verdana,sans-serif;
| |
| - | line-height: 1.5;
| |
| - | color: #222;
| |
| - | }
| |
| - |
| |
| - | /* hide table of contents */
| |
| - | #toc {
| |
| - | display: none;
| |
| - | }
| |
| - |
| |
| - | h1 {
| |
| - | font-size: 160%;
| |
| - | }
| |
| - |
| |
| - | /* put more month on one row in lab notebook */
| |
| - | .month {
| |
| - | position: relative;
| |
| - | float: left;
| |
| - | margin: 7px 7px 27px 7px;
| |
| - | }
| |
| - |
| |
| - | /* add margin beneath a paragraph */
| |
| - | p {
| |
| - | margin-bottom: 10px;
| |
| - | }
| |
| - |
| |
| - | /* colors lab notebook */
| |
| - | .day-empty {
| |
| - | color: red;
| |
| - | }
| |
| - | .day-active {
| |
| - | color: green;
| |
| - | }
| |
| - | .today {
| |
| - | background-color: #ccc;
| |
| - | }
| |
| - | /* link color */
| |
| - | a, a:visited {
| |
| - | color: #27809f;
| |
| - | }
| |
| - | a:hover {
| |
| - | color: #00a7e7;
| |
| - | text-decoration: none;
| |
| - | }
| |
| - | ul {
| |
| - | margin-bottom: 5px;
| |
| - | }
| |
| - |
| |
| - | #element {
| |
| - | overflow: hidden;
| |
| - | }
| |
| - | .gallery {
| |
| - | margin: 10px 2px !important;
| |
| - | }
| |
| - | .gallerytext {
| |
| - | text-align: left;
| |
| - | }
| |
| - | .footnote {
| |
| - | text-align: left;
| |
| - | font-size: smaller;
| |
| - | }
| |
| - | </style>
| |
| - | </html>
| |
| - |
| |
| - | <div id="header">
| |
| - |
| |
| - | <div id="header_left"><span class="plainlinks">[https://2008.igem.org/Team:TUDelft ]</span></div>
| |
| - | <div id="header_middle"><span class="plainlinks">[http://www.tudelft.nl ]</span></div>
| |
| - | <div id="header_right"><span class="plainlinks">[http://www.tudelft.nl ]</span></div>
| |
| - | <div id="header_bar_empty"></div>
| |
| - |
| |
| - | <div id="header_bar_link">
| |
| - | ****
| |
| - | </div>
| |
| - |
| |
| - | </div>
| |
"
