|
|
Line 1: |
Line 1: |
| <!-- template base for all sites --> | | <!-- template base for all sites --> |
| <!-- styles --> | | <!-- styles --> |
- | <!--
| |
| <html> | | <html> |
| <style type="text/css"> | | <style type="text/css"> |
Line 7: |
Line 6: |
| @import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700); | | @import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700); |
| | | |
- | | + | #nav { |
- | /* credit goes to Team:LMU-Munich for parts of this stylesheet */
| + | margin: auto; |
- | | + | |
- | /* hide some igem elements */
| + | |
- | | + | |
- | h1.firstHeading, #catlinks {
| + | |
- | display: none;
| + | |
- | font-weight: lighter;
| + | |
| } | | } |
| | | |
- | /* setup own logo */
| |
- | #p-logo {
| |
- | background-image: url(https://static.igem.org/mediawiki/2012/8/85/TuebingenHeader.png);
| |
- | background-repeat: no-repeat;
| |
- | background-position: 0 0;
| |
- | margin: 0;
| |
- | padding: 0;
| |
- | margin-top: 10px;
| |
- | }
| |
- |
| |
- | /* Hide iGEM banner */
| |
- | #p-logo a {
| |
- | display: none;
| |
- | }
| |
- |
| |
- |
| |
- | /* reformat the major elements of the page */
| |
- |
| |
- | body, html, #globalWrapper, #content {
| |
- | background: white;
| |
- | margin: auto;
| |
- | padding: 0;
| |
- | border: 0 none transparent;
| |
- | font-size: 1em;
| |
- | font-family: "Droid Sans", sans-serif;
| |
- | width: auto;
| |
- | max-width: 1000px;
| |
- | border-top: 0px solid white;
| |
- | margin-top: 0px;
| |
- | position: static;
| |
- | }
| |
- |
| |
- | #globalWrapper, #content {
| |
- | margin: 0 0.5em 0.5em 0;
| |
- | }
| |
- |
| |
- | #top-section {
| |
- | border: 0 none transparent;
| |
- | margin: 0;
| |
- | padding: 0;
| |
- | width: auto;
| |
- | height:0;
| |
- | }
| |
- |
| |
- | span.editsection {
| |
- | font-size: 0.4em;
| |
- | }
| |
- |
| |
- | /* search controls are hidden */
| |
- | #search-controls {
| |
- | float: right;
| |
- | width: 15em;
| |
- | position: absolute;
| |
- | right: 5em;
| |
- | top: 6em;
| |
- | display: none;
| |
- | }
| |
- |
| |
- | /* search edit field is hidden */
| |
- | #searchInput {
| |
- | width: 14em;
| |
- | display: none;
| |
- | }
| |
- |
| |
- | #menubar {
| |
- | display: table-cell;
| |
- | background: transparent;
| |
- | }
| |
- |
| |
- | #menubar.right-menu {
| |
- | text-align: right;
| |
- | }
| |
- |
| |
- | #menubar * {
| |
- | color: transparent !important;
| |
- | background: transparent !important;
| |
- | }
| |
- |
| |
- | #top-section:hover #menubar * {
| |
- | color: #bcbcbc !important;
| |
- | }
| |
- |
| |
- | #footer-box {
| |
- | margin-top: 1em;
| |
- | margin-bottom: 10px;
| |
- | border: 1px solid #bcbcbc;
| |
- | font-size: 0.7em;
| |
- | }
| |
- |
| |
- | #footer-box a {
| |
- | color: #bcbcbc;
| |
- | }
| |
- |
| |
- | a[href^="https://"], .link-https {
| |
- | background: none !important;
| |
- | padding-right: 0 !important;
| |
- | }
| |
- |
| |
- | div#bodyContent {
| |
- | margin-left: 1em;
| |
- | margin-right: 1em;
| |
- | }
| |
- |
| |
- | div#bodyContent p {
| |
- | text-align: justify;
| |
- | }
| |
- |
| |
- | .twtr-widget {
| |
- | font-family: "Droid Sans", sans-serif !important;
| |
- | }
| |
- |
| |
- |
| |
- | /* our own navigation */
| |
- | #nav {
| |
- | margin-top: 60px;
| |
- | }
| |
| #nav ul { | | #nav ul { |
- | list-style-type:none;
| + | list-style-type: none; |
- | list-style-image:none;
| + | list-style-image: none; |
- | display: 0;
| + | margin: 0; |
- | margin: 0;
| + | padding: 0; |
- | padding: 0;
| + | height: 2.5em; |
- | background: #A51E37;
| + | |
- | height: 2.5em;
| + | |
- | border-bottom: 0 solid #7b406c;
| + | |
| } | | } |
| | | |
| #nav li { | | #nav li { |
- | display: block;
| + | display: block; |
- | position: relative;
| + | position: relative; |
- | padding: 0;
| + | padding: 0; |
- | margin: 0;
| + | margin: 0 .5em 0 .5em; |
- | float: left;
| + | float: left; |
- | margin-right: 0px;
| + | height: 2.7em; |
- | height: 2.7em;
| + | |
| } | | } |
| | | |
- | #nav li:hover {
| |
- | border-right: 0px solid transparent;
| |
- | border-left: 0px solid transparent;
| |
- | margin-left: 0;
| |
- | margin-right: 0;
| |
- | }
| |
- |
| |
- | #nav li:hover li:hover {
| |
- | border: 0 none transparent;
| |
- | margin: 0;
| |
- | }
| |
- |
| |
- | #nav a, #nav strong, #nav ul li span {
| |
- | display: block;
| |
- | background: #A51E37;
| |
- | padding: .5em;
| |
- | height: 1.5em;
| |
- | color: white;
| |
- | white-space: nowrap;
| |
- | font-variant: small-caps;
| |
- | }
| |
- |
| |
- | #nav a:hover {
| |
- | text-decoration: none;
| |
- | color: white;
| |
- | background: #C5828E;
| |
- | }
| |
- |
| |
- | #nav li ul {
| |
- | display: none;
| |
- | }
| |
- |
| |
- | #nav li:hover ul {
| |
- | display: table;
| |
- | position: absolute;
| |
- | top: 2.5em;
| |
- | left: 0px;
| |
- | width: auto;
| |
- | border: 0px solid white;
| |
- | border-top: 0 none transparent;
| |
- | }
| |
- |
| |
- | #nav li:hover li {
| |
- | float:none;
| |
- | display: table-row;
| |
- | height: 2.5em;
| |
- | }
| |
- |
| |
- | #nav li:hover li a {
| |
- | border-top: 0px solid white;
| |
- | }
| |
- |
| |
- |
| |
- | #nav li ul{
| |
- | display:none;
| |
- | padding-top:3px;
| |
- | }
| |
- |
| |
- | #nav li:hover ul {
| |
- | display:block;
| |
- | }
| |
- |
| |
- | #nav li ul li {
| |
- | background-color:#2F2D49;
| |
- | border-bottom:1px solid #FFFFFF;
| |
- | }
| |
- |
| |
- | #nav li ul li a{
| |
- | color:#FFFFFF;
| |
- | }
| |
- |
| |
- | #nav li ul li:hover {
| |
- | background-color:#232323;
| |
- | }
| |
- |
| |
- | /* for security questions */
| |
- | /*
| |
- | #spoiler {}
| |
- | #spoiler #toclick {
| |
- | color:#000;
| |
- | text-decoration:none;
| |
- | }
| |
- | #spoiler #toclick span {
| |
- | display:none;
| |
- | }
| |
- |
| |
- | #spoiler #toclick:hover span, #spoiler {
| |
- | display:block;
| |
- | }
| |
- | */
| |
- |
| |
- | table#toc {
| |
- | float: right;
| |
- | margin: 0 0 1em 1em;
| |
- | }
| |
- |
| |
- |
| |
- | h1 {
| |
- | font-size: 1.8em;
| |
- | font-weight: normal;
| |
- | margin-top: 0.5em;
| |
- | text-align: center;
| |
- | border: 0;
| |
- | }
| |
- |
| |
- |
| |
- | h2 {
| |
- | border: 0;
| |
- | font-weight: lighter;
| |
- | }
| |
- |
| |
- | h4 {
| |
- | border: 0;
| |
- | font-weight: lighter;
| |
- | }
| |
- |
| |
- | .frontbutton {
| |
- | margin: auto;
| |
- | width: 9em;
| |
- | border: 0px solid #A51E37;
| |
- | font-weight: bold;
| |
- | font-size: 2em;
| |
- | color: #6AA84F;
| |
- | text-align: center;
| |
- | padding: .7em;
| |
- | background-color: #fefefe;
| |
- | }
| |
- |
| |
- | .frontbutton, .frontbutton a {
| |
- | color: #A51E37;
| |
- | }
| |
- |
| |
- | .center {
| |
- | width: auto;
| |
- | margin-left: auto;
| |
- | margin-right: auto;
| |
- | }
| |
| </style> | | </style> |
| </html> | | </html> |
- | -->
| |
| <!-- google analytics --> | | <!-- google analytics --> |
| <html> | | <html> |