|
|
| (26 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| | <html> | | <html> |
| | <style> | | <style> |
| − | @import url(font-awesome.min.css);
| |
| | @font-face { | | @font-face { |
| | font-family: 'Calibri'; | | font-family: 'Calibri'; |
| Line 25: |
Line 24: |
| | /* Reset */ | | /* Reset */ |
| | | | |
| − | html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, ../../images/banner.jpgimg, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, style="position: center center;"dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { | + | html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, style="position: center center;"dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, output, ruby, section, summary, time, mark, audio, video { |
| | margin: 0; | | margin: 0; |
| | padding: 0; | | padding: 0; |
| Line 34: |
Line 33: |
| | } | | } |
| | | | |
| − | article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { | + | article, aside, details, figcaption, figure, footer, header, hgroup, menu, section { |
| | display: block; | | display: block; |
| | } | | } |
| Line 42: |
Line 41: |
| | } | | } |
| | | | |
| − | ol, ul { | + | ol { |
| | list-style: none; | | list-style: none; |
| | } | | } |
| Line 63: |
Line 62: |
| | -webkit-text-size-adjust: none; | | -webkit-text-size-adjust: none; |
| | } | | } |
| | + | |
| | + | /* ul */ |
| | + | |
| | + | .navbar ol, ul { list-style: none; |
| | + | text-decoration: none; |
| | + | } |
| | + | |
| | + | ul, ol, dl, table, blockquote { margin: 0 0 0 0; } |
| | + | |
| | + | .navbar ul li a:active, .navbar ul li a:hover { |
| | + | font-weight:600; |
| | + | color:white; |
| | + | } |
| | | | |
| | /* HQ-Stuff*/ | | /* HQ-Stuff*/ |
| Line 105: |
Line 117: |
| | | | |
| | /* HQ Top-Menu */ | | /* HQ Top-Menu */ |
| | + | |
| | + | #user_item{ |
| | + | height: 1em; |
| | + | } |
| | | | |
| | #top_menu_under{ | | #top_menu_under{ |
| Line 1,549: |
Line 1,565: |
| | | | |
| | h1, h2, h3, h4, h5, h6 { | | h1, h2, h3, h4, h5, h6 { |
| − | color: #fff; | + | color: #fffff; |
| | font-weight: 800; | | font-weight: 800; |
| | letter-spacing: 0.225em; | | letter-spacing: 0.225em; |
| Line 1,697: |
Line 1,713: |
| | margin: 0 0 3.5em 0; | | margin: 0 0 3.5em 0; |
| | position: relative; | | position: relative; |
| | + | } |
| | + | header.major h2{ |
| | + | vertical-align: top; |
| | + | } |
| | + | header.major h3{ |
| | + | vertical-align: bottom; |
| | } | | } |
| | | | |
| Line 1,779: |
Line 1,801: |
| | } | | } |
| | | | |
| − | /* List */
| |
| | | | |
| − | ol {
| |
| − | list-style: decimal;
| |
| − | margin: 0 0 2em 0;
| |
| − | padding-left: 1.25em;
| |
| − | }
| |
| − |
| |
| − | ol li {
| |
| − | padding-left: 0.25em;
| |
| − | }
| |
| − |
| |
| − | ul {
| |
| − | list-style: disc;
| |
| − | margin: 0 0 2em 0;
| |
| − | padding-left: 1em;
| |
| − | }
| |
| − |
| |
| − | ul li {
| |
| − | padding-left: 0.5em;
| |
| − | }
| |
| − |
| |
| − | ul.alt {
| |
| − | list-style: none;
| |
| − | padding-left: 0;
| |
| − | }
| |
| − |
| |
| − | ul.alt li {
| |
| − | border-top: solid 1px #fff;
| |
| − | padding: 0.5em 0;
| |
| − | }
| |
| − |
| |
| − | ul.alt li:first-child {
| |
| − | border-top: 0;
| |
| − | padding-top: 0;
| |
| − | }
| |
| − |
| |
| − | ul.icons {
| |
| − | cursor: default;
| |
| − | list-style: none;
| |
| − | padding-left: 0;
| |
| − | }
| |
| − |
| |
| − | ul.icons li {
| |
| − | display: inline-block;
| |
| − | padding: 0 1em 0 0;
| |
| − | }
| |
| − |
| |
| − | ul.icons li:last-child {
| |
| − | padding-right: 0 !important;
| |
| − | }
| |
| − |
| |
| − | ul.icons.major {
| |
| − | padding: 1em 0;
| |
| − | }
| |
| − |
| |
| − | ul.icons.major li {
| |
| − | padding-right: 3.5em;
| |
| − | }
| |
| − |
| |
| − | @media screen and (max-width: 736px) {
| |
| − |
| |
| − | ul.icons.major li {
| |
| − | padding: 0 1em !important;
| |
| − | }
| |
| − |
| |
| − | }
| |
| − |
| |
| − | ul.actions {
| |
| − | cursor: default;
| |
| − | list-style: none;
| |
| − | padding-left: 0;
| |
| − | }
| |
| − |
| |
| − | ul.actions li {
| |
| − | display: inline-block;
| |
| − | padding: 0 1.5em 0 0;
| |
| − | vertical-align: middle;
| |
| − | }
| |
| − |
| |
| − | ul.actions li:last-child {
| |
| − | padding-right: 0;
| |
| − | }
| |
| − |
| |
| − | ul.actions.small li {
| |
| − | padding: 0 0.75em 0 0;
| |
| − | }
| |
| − |
| |
| − | ul.actions.vertical li {
| |
| − | display: block;
| |
| − | padding: 1.5em 0 0 0;
| |
| − | }
| |
| − |
| |
| − | ul.actions.vertical li:first-child {
| |
| − | padding-top: 0;
| |
| − | }
| |
| − |
| |
| − | ul.actions.vertical li > * {
| |
| − | margin-bottom: 0;
| |
| − | }
| |
| − |
| |
| − | ul.actions.vertical.small li {
| |
| − | padding: 0.75em 0 0 0;
| |
| − | }
| |
| − |
| |
| − | ul.actions.vertical.small li:first-child {
| |
| − | padding-top: 0;
| |
| − | }
| |
| − |
| |
| − | ul.actions.fit {
| |
| − | display: table;
| |
| − | margin-left: -1.5em;
| |
| − | padding: 0;
| |
| − | table-layout: fixed;
| |
| − | width: calc(100% + 1.5em);
| |
| − | }
| |
| − |
| |
| − | ul.actions.fit li {
| |
| − | display: table-cell;
| |
| − | padding: 0 0 0 1.5em;
| |
| − | }
| |
| − |
| |
| − | ul.actions.fit li > * {
| |
| − | margin-bottom: 0;
| |
| − | }
| |
| − |
| |
| − | ul.actions.fit.small {
| |
| − | margin-left: -0.75em;
| |
| − | width: calc(100% + 0.75em);
| |
| − | }
| |
| − |
| |
| − | ul.actions.fit.small li {
| |
| − | padding: 0 0 0 0.75em;
| |
| − | }
| |
| − |
| |
| − | @media screen and (max-width: 736px) {
| |
| − |
| |
| − | ul.actions li {
| |
| − | display: block;
| |
| − | padding: 1em 0 0 0;
| |
| − | text-align: center;
| |
| − | width: 100%;
| |
| − | }
| |
| − |
| |
| − | ul.actions li:first-child {
| |
| − | padding-top: 0;
| |
| − | }
| |
| − |
| |
| − | ul.actions li > * {
| |
| − | margin: 0 auto !important;
| |
| − | max-width: 30em;
| |
| − | width: 100%;
| |
| − | }
| |
| − |
| |
| − | ul.actions li > *.icon:before {
| |
| − | margin-left: -1em;
| |
| − | }
| |
| − |
| |
| − | ul.actions.small li {
| |
| − | padding: 0.5em 0 0 0;
| |
| − | }
| |
| − |
| |
| − | ul.actions.small li:first-child {
| |
| − | padding-top: 0;
| |
| − | }
| |
| − |
| |
| − | }
| |
| − |
| |
| − | dl {
| |
| − | margin: 0 0 2em 0;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | /* Button */
| |
| − |
| |
| − | input[type="submit"],
| |
| − | input[type="reset"],
| |
| − | input[type="button"],
| |
| − | button,
| |
| − | .button {
| |
| − | -moz-appearance: none;
| |
| − | -webkit-appearance: none;
| |
| − | -ms-appearance: none;
| |
| − | appearance: none;
| |
| − | -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
| |
| − | -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
| |
| − | -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
| |
| − | transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
| |
| − | background-color: transparent;
| |
| − | border-radius: 3px;
| |
| − | border: 0;
| |
| − | box-shadow: inset 0 0 0 2px #fff;
| |
| − | color: #fff;
| |
| − | cursor: pointer;
| |
| − | display: inline-block;
| |
| − | font-size: 0.8em;
| |
| − | font-weight: 600;
| |
| − | height: 3.125em;
| |
| − | letter-spacing: 0.225em;
| |
| − | line-height: 3.125em;
| |
| − | padding: 0 2.75em;
| |
| − | text-align: center;
| |
| − | text-decoration: none;
| |
| − | text-transform: uppercase;
| |
| − | white-space: nowrap;
| |
| − | overflow: hidden;
| |
| − | text-overflow: ellipsis;
| |
| − | }
| |
| − |
| |
| − | input[type="submit"]:hover,
| |
| − | input[type="reset"]:hover,
| |
| − | input[type="button"]:hover,
| |
| − | button:hover,
| |
| − | .button:hover {
| |
| − | background-color: rgba(144, 144, 144, 0.25);
| |
| − | }
| |
| − |
| |
| − | input[type="submit"]:active,
| |
| − | input[type="reset"]:active,
| |
| − | input[type="button"]:active,
| |
| − | button:active,
| |
| − | .button:active {
| |
| − | background-color: rgba(144, 144, 144, 0.5);
| |
| − | }
| |
| − |
| |
| − | input[type="submit"].icon:before,
| |
| − | input[type="reset"].icon:before,
| |
| − | input[type="button"].icon:before,
| |
| − | button.icon:before,
| |
| − | .button.icon:before {
| |
| − | margin-right: 0.5em;
| |
| − | }
| |
| − |
| |
| − | input[type="submit"].fit,
| |
| − | input[type="reset"].fit,
| |
| − | input[type="button"].fit,
| |
| − | button.fit,
| |
| − | .button.fit {
| |
| − | display: block;
| |
| − | margin: 0 0 1em 0;
| |
| − | width: 100%;
| |
| − | }
| |
| − |
| |
| − | input[type="submit"].small,
| |
| − | input[type="reset"].small,
| |
| − | input[type="button"].small,
| |
| − | button.small,
| |
| − | .button.small {
| |
| − | font-size: 0.8em;
| |
| − | }
| |
| − |
| |
| − | input[type="submit"].big,
| |
| − | input[type="reset"].big,
| |
| − | input[type="button"].big,
| |
| − | button.big,
| |
| − | .button.big {
| |
| − | font-size: 1.35em;
| |
| − | }
| |
| − |
| |
| − | input[type="submit"].special,
| |
| − | input[type="reset"].special,
| |
| − | input[type="button"].special,
| |
| − | button.special,
| |
| − | .button.special {
| |
| − | background-color: #ed4933;
| |
| − | box-shadow: none !important;
| |
| − | color: #ffffff !important;
| |
| − | }
| |
| − |
| |
| − | input[type="submit"].special:hover,
| |
| − | input[type="reset"].special:hover,
| |
| − | input[type="button"].special:hover,
| |
| − | button.special:hover,
| |
| − | .button.special:hover {
| |
| − | background-color: #ef5e4a !important;
| |
| − | }
| |
| − |
| |
| − | input[type="submit"].special:active,
| |
| − | input[type="reset"].special:active,
| |
| − | input[type="button"].special:active,
| |
| − | button.special:active,
| |
| − | .button.special:active {
| |
| − | background-color: #eb341c !important;
| |
| − | }
| |
| − |
| |
| − | input[type="submit"].disabled, input[type="submit"]:disabled,
| |
| − | input[type="reset"].disabled,
| |
| − | input[type="reset"]:disabled,
| |
| − | input[type="button"].disabled,
| |
| − | input[type="button"]:disabled,
| |
| − | button.disabled,
| |
| − | button:disabled,
| |
| − | .button.disabled,
| |
| − | .button:disabled {
| |
| − | -moz-pointer-events: none;
| |
| − | -webkit-pointer-events: none;
| |
| − | -ms-pointer-events: none;
| |
| − | pointer-events: none;
| |
| − | opacity: 0.25;
| |
| − | }
| |
| − |
| |
| − | @media screen and (max-width: 736px) {
| |
| − |
| |
| − | input[type="submit"],
| |
| − | input[type="reset"],
| |
| − | input[type="button"],
| |
| − | button,
| |
| − | .button {
| |
| − | height: 3.75em;
| |
| − | line-height: 3.75em;
| |
| − | }
| |
| − |
| |
| − | }
| |
| | | | |
| | /* Features */ | | /* Features */ |
| Line 2,331: |
Line 2,041: |
| | .spotlight .image { | | .spotlight .image { |
| | width: 100%; | | width: 100%; |
| | + | max-height: 10em; |
| | } | | } |
| | | | |
| Line 2,473: |
Line 2,184: |
| | } | | } |
| | | | |
| − | .wrapper.style1 .icon.major {
| |
| − | border-color: rgba(0, 0, 0, 0.125);
| |
| − | }
| |
| | | | |
| | .wrapper.style1 ul.alt li { | | .wrapper.style1 ul.alt li { |
| Line 2,633: |
Line 2,341: |
| | .wrapper.style3 .formerize-placeholder { | | .wrapper.style3 .formerize-placeholder { |
| | color: #b9bad3 !important; | | color: #b9bad3 !important; |
| − | }
| |
| − |
| |
| − | .wrapper.style3 .icon.major {
| |
| − | border-color: rgba(0, 0, 0, 0.125);
| |
| | } | | } |
| | | | |
| Line 2,791: |
Line 2,495: |
| | .wrapper.style5 .formerize-placeholder { | | .wrapper.style5 .formerize-placeholder { |
| | color: #8E8892 !important; | | color: #8E8892 !important; |
| − | }
| |
| − |
| |
| − | .wrapper.style5 .icon.major {
| |
| − | border-color: #dfdfdf;
| |
| | } | | } |
| | | | |
| Line 2,896: |
Line 2,596: |
| | position: relative; | | position: relative; |
| | text-align: center; | | text-align: center; |
| − | background-color: black; | + | |
| − | background-image: url(""); | + | background-image: url("https://static.igem.org/mediawiki/2016/7/74/T--TU_Darmstadt--logo_no_bg.png"); |
| | background-position: center center; | | background-position: center center; |
| | background-repeat: no-repeat; | | background-repeat: no-repeat; |
| − | background-size: 35%; | + | background-size: 25%; |
| | } | | } |
| | | | |
| Line 2,988: |
Line 2,688: |
| | | | |
| | #banner .more:after { | | #banner .more:after { |
| | + | color: #fffff; |
| | background-image: url("images/arrow.svg"); | | background-image: url("images/arrow.svg"); |
| | background-position: center; | | background-position: center; |
| Line 3,087: |
Line 2,788: |
| | -ms-order: 1; | | -ms-order: 1; |
| | order: 1; | | order: 1; |
| − | padding-right: 3em;
| |
| | width: 70%; | | width: 70%; |
| | } | | } |
