|
|
(16 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 66: |
Line 65: |
| /* ul */ | | /* ul */ |
| | | |
− | .navbar ol, ul { list-style: none; } | + | .navbar ol, ul { list-style: none; |
| + | text-decoration: none; |
| + | } |
| | | |
| ul, ol, dl, table, blockquote { margin: 0 0 0 0; } | | ul, ol, dl, table, blockquote { margin: 0 0 0 0; } |
Line 116: |
Line 117: |
| | | |
| /* HQ Top-Menu */ | | /* HQ Top-Menu */ |
| + | |
| + | #user_item{ |
| + | height: 1em; |
| + | } |
| | | |
| #top_menu_under{ | | #top_menu_under{ |
Line 144: |
Line 149: |
| } | | } |
| | | |
− | .has_submenu{
| |
− | height: 18px;
| |
− | }
| |
| /* Grid */ | | /* Grid */ |
| | | |
Line 1,563: |
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,711: |
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,794: |
Line 1,802: |
| | | |
| | | |
− |
| |
− | /* 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,317: |
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,477: |
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,635: |
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,740: |
Line 2,596: |
| position: relative; | | position: relative; |
| text-align: center; | | text-align: center; |
− | background-color: black; | + | |
| background-image: url("https://static.igem.org/mediawiki/2016/7/74/T--TU_Darmstadt--logo_no_bg.png"); | | 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%; |
| } | | } |
| | | |