|
|
Line 1: |
Line 1: |
− | /*
| |
− | // 1. Configuration and helpers
| |
− | @import
| |
− | 'abstracts/variables',
| |
− | 'abstracts/functions',
| |
− | 'abstracts/mixins';
| |
− | */
| |
− | /*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
| |
− | /**
| |
− | * 1. Change the default font family in all browsers (opinionated).
| |
− | * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
| |
− | */
| |
− | html {
| |
− | font-family: sans-serif;
| |
− | /* 1 */
| |
− | -ms-text-size-adjust: 100%;
| |
− | /* 2 */
| |
− | -webkit-text-size-adjust: 100%;
| |
− | /* 2 */
| |
− | }
| |
| | | |
− | /**
| |
− | * Remove the margin in all browsers (opinionated).
| |
− | */
| |
− | body {
| |
− | margin: 0;
| |
− | }
| |
− |
| |
− | /* HTML5 display definitions
| |
− | ========================================================================== */
| |
− | /**
| |
− | * Add the correct display in IE 9-.
| |
− | * 1. Add the correct display in Edge, IE, and Firefox.
| |
− | * 2. Add the correct display in IE.
| |
− | */
| |
− | article,
| |
− | aside,
| |
− | details,
| |
− | figcaption,
| |
− | figure,
| |
− | footer,
| |
− | header,
| |
− | main,
| |
− | menu,
| |
− | nav,
| |
− | section,
| |
− | summary {
| |
− | /* 1 */
| |
− | display: block;
| |
− | }
| |
− |
| |
− | /**
| |
− | * Add the correct display in IE 9-.
| |
− | */
| |
− | audio,
| |
− | canvas,
| |
− | progress,
| |
− | video {
| |
− | display: inline-block;
| |
− | }
| |
− |
| |
− | /**
| |
− | * Add the correct display in iOS 4-7.
| |
− | */
| |
− | audio:not([controls]) {
| |
− | display: none;
| |
− | height: 0;
| |
− | }
| |
− |
| |
− | /**
| |
− | * Add the correct vertical alignment in Chrome, Firefox, and Opera.
| |
− | */
| |
− | progress {
| |
− | vertical-align: baseline;
| |
− | }
| |
− |
| |
− | /**
| |
− | * Add the correct display in IE 10-.
| |
− | * 1. Add the correct display in IE.
| |
− | */
| |
− | template,
| |
− | [hidden] {
| |
− | display: none;
| |
− | }
| |
− |
| |
− | /* Links
| |
− | ========================================================================== */
| |
− | /**
| |
− | * 1. Remove the gray background on active links in IE 10.
| |
− | * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
| |
− | */
| |
− | a {
| |
− | background-color: transparent;
| |
− | /* 1 */
| |
− | -webkit-text-decoration-skip: objects;
| |
− | /* 2 */
| |
− | }
| |
− |
| |
− | /**
| |
− | * Remove the outline on focused links when they are also active or hovered
| |
− | * in all browsers (opinionated).
| |
− | */
| |
− | a:active,
| |
− | a:hover {
| |
− | outline-width: 0;
| |
− | }
| |
− |
| |
− | /* Text-level semantics
| |
− | ========================================================================== */
| |
− | /**
| |
− | * 1. Remove the bottom border in Firefox 39-.
| |
− | * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
| |
− | */
| |
− | abbr[title] {
| |
− | border-bottom: none;
| |
− | /* 1 */
| |
− | text-decoration: underline;
| |
− | /* 2 */
| |
− | text-decoration: underline dotted;
| |
− | /* 2 */
| |
− | }
| |
− |
| |
− | /**
| |
− | * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
| |
− | */
| |
− | b,
| |
− | strong {
| |
− | font-weight: inherit;
| |
− | }
| |
− |
| |
− | /**
| |
− | * Add the correct font weight in Chrome, Edge, and Safari.
| |
− | */
| |
− | b,
| |
− | strong {
| |
− | font-weight: bolder;
| |
− | }
| |
− |
| |
− | /**
| |
− | * Add the correct font style in Android 4.3-.
| |
− | */
| |
− | dfn {
| |
− | font-style: italic;
| |
− | }
| |
− |
| |
− | /**
| |
− | * Correct the font size and margin on `h1` elements within `section` and
| |
− | * `article` contexts in Chrome, Firefox, and Safari.
| |
− | */
| |
− | h1 {
| |
− | font-size: 2em;
| |
− | margin: 0.67em 0;
| |
− | }
| |
− |
| |
− | /**
| |
− | * Add the correct background and color in IE 9-.
| |
− | */
| |
− | mark {
| |
− | background-color: #ff0;
| |
− | color: #000;
| |
− | }
| |
− |
| |
− | /**
| |
− | * Add the correct font size in all browsers.
| |
− | */
| |
− | small {
| |
− | font-size: 80%;
| |
− | }
| |
− |
| |
− | /**
| |
− | * Prevent `sub` and `sup` elements from affecting the line height in
| |
− | * all browsers.
| |
− | */
| |
− | sub,
| |
− | sup {
| |
− | font-size: 75%;
| |
− | line-height: 0;
| |
− | position: relative;
| |
− | vertical-align: baseline;
| |
− | }
| |
− |
| |
− | sub {
| |
− | bottom: -0.25em;
| |
− | }
| |
− |
| |
− | sup {
| |
− | top: -0.5em;
| |
− | }
| |
− |
| |
− | /* Embedded content
| |
− | ========================================================================== */
| |
− | /**
| |
− | * Remove the border on images inside links in IE 10-.
| |
− | */
| |
− | img {
| |
− | border-style: none;
| |
− | }
| |
− |
| |
− | /**
| |
− | * Hide the overflow in IE.
| |
− | */
| |
− | svg:not(:root) {
| |
− | overflow: hidden;
| |
− | }
| |
− |
| |
− | /* Grouping content
| |
− | ========================================================================== */
| |
− | /**
| |
− | * 1. Correct the inheritance and scaling of font size in all browsers.
| |
− | * 2. Correct the odd `em` font sizing in all browsers.
| |
− | */
| |
− | code,
| |
− | kbd,
| |
− | pre,
| |
− | samp {
| |
− | font-family: monospace, monospace;
| |
− | /* 1 */
| |
− | font-size: 1em;
| |
− | /* 2 */
| |
− | }
| |
− |
| |
− | /**
| |
− | * Add the correct margin in IE 8.
| |
− | */
| |
− | figure {
| |
− | margin: 1em 40px;
| |
− | }
| |
− |
| |
− | /**
| |
− | * 1. Add the correct box sizing in Firefox.
| |
− | * 2. Show the overflow in Edge and IE.
| |
− | */
| |
− | hr {
| |
− | box-sizing: content-box;
| |
− | /* 1 */
| |
− | height: 0;
| |
− | /* 1 */
| |
− | overflow: visible;
| |
− | /* 2 */
| |
− | }
| |
− |
| |
− | /* Forms
| |
− | ========================================================================== */
| |
− | /**
| |
− | * 1. Change font properties to `inherit` in all browsers (opinionated).
| |
− | * 2. Remove the margin in Firefox and Safari.
| |
− | */
| |
− | button,
| |
− | input,
| |
− | select,
| |
− | textarea {
| |
− | font: inherit;
| |
− | /* 1 */
| |
− | margin: 0;
| |
− | /* 2 */
| |
− | }
| |
− |
| |
− | /**
| |
− | * Restore the font weight unset by the previous rule.
| |
− | */
| |
− | optgroup {
| |
− | font-weight: bold;
| |
− | }
| |
− |
| |
− | /**
| |
− | * Show the overflow in IE.
| |
− | * 1. Show the overflow in Edge.
| |
− | */
| |
− | button,
| |
− | input {
| |
− | /* 1 */
| |
− | overflow: visible;
| |
− | }
| |
− |
| |
− | /**
| |
− | * Remove the inheritance of text transform in Edge, Firefox, and IE.
| |
− | * 1. Remove the inheritance of text transform in Firefox.
| |
− | */
| |
− | button,
| |
− | select {
| |
− | /* 1 */
| |
− | text-transform: none;
| |
− | }
| |
− |
| |
− | /**
| |
− | * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
| |
− | * controls in Android 4.
| |
− | * 2. Correct the inability to style clickable types in iOS and Safari.
| |
− | */
| |
− | button,
| |
− | html [type="button"],
| |
− | [type="reset"],
| |
− | [type="submit"] {
| |
− | -webkit-appearance: button;
| |
− | /* 2 */
| |
− | }
| |
− |
| |
− | /**
| |
− | * Remove the inner border and padding in Firefox.
| |
− | */
| |
− | button::-moz-focus-inner,
| |
− | [type="button"]::-moz-focus-inner,
| |
− | [type="reset"]::-moz-focus-inner,
| |
− | [type="submit"]::-moz-focus-inner {
| |
− | border-style: none;
| |
− | padding: 0;
| |
− | }
| |
− |
| |
− | /**
| |
− | * Restore the focus styles unset by the previous rule.
| |
− | */
| |
− | button:-moz-focusring,
| |
− | [type="button"]:-moz-focusring,
| |
− | [type="reset"]:-moz-focusring,
| |
− | [type="submit"]:-moz-focusring {
| |
− | outline: 1px dotted ButtonText;
| |
− | }
| |
− |
| |
− | /**
| |
− | * Change the border, margin, and padding in all browsers (opinionated).
| |
− | */
| |
− | fieldset {
| |
− | border: 1px solid #c0c0c0;
| |
− | margin: 0 2px;
| |
− | padding: 0.35em 0.625em 0.75em;
| |
− | }
| |
− |
| |
− | /**
| |
− | * 1. Correct the text wrapping in Edge and IE.
| |
− | * 2. Correct the color inheritance from `fieldset` elements in IE.
| |
− | * 3. Remove the padding so developers are not caught out when they zero out
| |
− | * `fieldset` elements in all browsers.
| |
− | */
| |
− | legend {
| |
− | box-sizing: border-box;
| |
− | /* 1 */
| |
− | color: inherit;
| |
− | /* 2 */
| |
− | display: table;
| |
− | /* 1 */
| |
− | max-width: 100%;
| |
− | /* 1 */
| |
− | padding: 0;
| |
− | /* 3 */
| |
− | white-space: normal;
| |
− | /* 1 */
| |
− | }
| |
− |
| |
− | /**
| |
− | * Remove the default vertical scrollbar in IE.
| |
− | */
| |
− | textarea {
| |
− | overflow: auto;
| |
− | }
| |
− |
| |
− | /**
| |
− | * 1. Add the correct box sizing in IE 10-.
| |
− | * 2. Remove the padding in IE 10-.
| |
− | */
| |
− | [type="checkbox"],
| |
− | [type="radio"] {
| |
− | box-sizing: border-box;
| |
− | /* 1 */
| |
− | padding: 0;
| |
− | /* 2 */
| |
− | }
| |
− |
| |
− | /**
| |
− | * Correct the cursor style of increment and decrement buttons in Chrome.
| |
− | */
| |
− | [type="number"]::-webkit-inner-spin-button,
| |
− | [type="number"]::-webkit-outer-spin-button {
| |
− | height: auto;
| |
− | }
| |
− |
| |
− | /**
| |
− | * 1. Correct the odd appearance in Chrome and Safari.
| |
− | * 2. Correct the outline style in Safari.
| |
− | */
| |
− | [type="search"] {
| |
− | -webkit-appearance: textfield;
| |
− | /* 1 */
| |
− | outline-offset: -2px;
| |
− | /* 2 */
| |
− | }
| |
− |
| |
− | /**
| |
− | * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
| |
− | */
| |
− | [type="search"]::-webkit-search-cancel-button,
| |
− | [type="search"]::-webkit-search-decoration {
| |
− | -webkit-appearance: none;
| |
− | }
| |
− |
| |
− | /**
| |
− | * Correct the text style of placeholders in Chrome, Edge, and Safari.
| |
− | */
| |
− | ::-webkit-input-placeholder {
| |
− | color: inherit;
| |
− | opacity: 0.54;
| |
− | }
| |
− |
| |
− | /**
| |
− | * 1. Correct the inability to style clickable types in iOS and Safari.
| |
− | * 2. Change font properties to `inherit` in Safari.
| |
− | */
| |
− | ::-webkit-file-upload-button {
| |
− | -webkit-appearance: button;
| |
− | /* 1 */
| |
− | font: inherit;
| |
− | /* 2 */
| |
− | }
| |
− |
| |
− | button, [type='button'], [type='reset'], [type='submit'] {
| |
− | -webkit-appearance: none;
| |
− | -moz-appearance: none;
| |
− | appearance: none;
| |
− | background-color: #1565c0;
| |
− | border: 0;
| |
− | border-radius: 3px;
| |
− | color: #fff;
| |
− | cursor: pointer;
| |
− | display: inline-block;
| |
− | font-family: "pt_sansregular", "Big Caslon", "Tahoma", "Verdana", "sans-serif";
| |
− | font-size: 1em;
| |
− | -webkit-font-smoothing: antialiased;
| |
− | font-weight: 600;
| |
− | line-height: 1;
| |
− | padding: 0.8em 1.6em;
| |
− | text-align: center;
| |
− | text-decoration: none;
| |
− | -webkit-transition: background-color 150ms ease;
| |
− | transition: background-color 150ms ease;
| |
− | -webkit-user-select: none;
| |
− | -moz-user-select: none;
| |
− | -ms-user-select: none;
| |
− | user-select: none;
| |
− | vertical-align: middle;
| |
− | white-space: nowrap;
| |
− | }
| |
− | button:hover, button:focus, [type='button']:hover, [type='button']:focus, [type='reset']:hover, [type='reset']:focus, [type='submit']:hover, [type='submit']:focus {
| |
− | background-color: #11519a;
| |
− | color: #fff;
| |
− | }
| |
− | button:disabled, [type='button']:disabled, [type='reset']:disabled, [type='submit']:disabled {
| |
− | cursor: not-allowed;
| |
− | opacity: 0.5;
| |
− | }
| |
− | button:disabled:hover, [type='button']:disabled:hover, [type='reset']:disabled:hover, [type='submit']:disabled:hover {
| |
− | background-color: #1565c0;
| |
− | }
| |
− |
| |
− | fieldset {
| |
− | background-color: transparent;
| |
− | border: 0;
| |
− | margin: 0;
| |
− | padding: 0;
| |
− | }
| |
− |
| |
− | legend {
| |
− | font-weight: 600;
| |
− | margin-bottom: 0.4em;
| |
− | padding: 0;
| |
− | }
| |
− |
| |
− | label {
| |
− | display: block;
| |
− | font-weight: 600;
| |
− | margin-bottom: 0.4em;
| |
− | }
| |
− |
| |
− | input,
| |
− | select,
| |
− | textarea {
| |
− | display: block;
| |
− | font-family: "pt_sansregular", "Big Caslon", "Tahoma", "Verdana", "sans-serif";
| |
− | font-size: 1em;
| |
− | }
| |
− |
| |
− | [type='color'], [type='date'], [type='datetime'], [type='datetime-local'], [type='email'], [type='month'], [type='number'], [type='password'], [type='search'], [type='tel'], [type='text'], [type='time'], [type='url'], [type='week'], input:not([type]), textarea {
| |
− | -webkit-appearance: none;
| |
− | -moz-appearance: none;
| |
− | appearance: none;
| |
− | background-color: #fff;
| |
− | border: 1px solid #ddd;
| |
− | border-radius: 3px;
| |
− | box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
| |
− | box-sizing: border-box;
| |
− | margin-bottom: 0.8em;
| |
− | padding: 0.5333333333em;
| |
− | -webkit-transition: border-color 150ms ease;
| |
− | transition: border-color 150ms ease;
| |
− | width: 100%;
| |
− | }
| |
− | [type='color']:hover, [type='date']:hover, [type='datetime']:hover, [type='datetime-local']:hover, [type='email']:hover, [type='month']:hover, [type='number']:hover, [type='password']:hover, [type='search']:hover, [type='tel']:hover, [type='text']:hover, [type='time']:hover, [type='url']:hover, [type='week']:hover, input:not([type]):hover, textarea:hover {
| |
− | border-color: #b1b1b1;
| |
− | }
| |
− | [type='color']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='email']:focus, [type='month']:focus, [type='number']:focus, [type='password']:focus, [type='search']:focus, [type='tel']:focus, [type='text']:focus, [type='time']:focus, [type='url']:focus, [type='week']:focus, input:not([type]):focus, textarea:focus {
| |
− | border-color: #1565c0;
| |
− | box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(18, 89, 169, 0.7);
| |
− | outline: none;
| |
− | }
| |
− | [type='color']:disabled, [type='date']:disabled, [type='datetime']:disabled, [type='datetime-local']:disabled, [type='email']:disabled, [type='month']:disabled, [type='number']:disabled, [type='password']:disabled, [type='search']:disabled, [type='tel']:disabled, [type='text']:disabled, [type='time']:disabled, [type='url']:disabled, [type='week']:disabled, input:not([type]):disabled, textarea:disabled {
| |
− | background-color: #f2f2f2;
| |
− | cursor: not-allowed;
| |
− | }
| |
− | [type='color']:disabled:hover, [type='date']:disabled:hover, [type='datetime']:disabled:hover, [type='datetime-local']:disabled:hover, [type='email']:disabled:hover, [type='month']:disabled:hover, [type='number']:disabled:hover, [type='password']:disabled:hover, [type='search']:disabled:hover, [type='tel']:disabled:hover, [type='text']:disabled:hover, [type='time']:disabled:hover, [type='url']:disabled:hover, [type='week']:disabled:hover, input:not([type]):disabled:hover, textarea:disabled:hover {
| |
− | border: 1px solid #ddd;
| |
− | }
| |
− | [type='color']::-webkit-input-placeholder, [type='date']::-webkit-input-placeholder, [type='datetime']::-webkit-input-placeholder, [type='datetime-local']::-webkit-input-placeholder, [type='email']::-webkit-input-placeholder, [type='month']::-webkit-input-placeholder, [type='number']::-webkit-input-placeholder, [type='password']::-webkit-input-placeholder, [type='search']::-webkit-input-placeholder, [type='tel']::-webkit-input-placeholder, [type='text']::-webkit-input-placeholder, [type='time']::-webkit-input-placeholder, [type='url']::-webkit-input-placeholder, [type='week']::-webkit-input-placeholder, input:not([type])::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
| |
− | color: #8d8a8a;
| |
− | }
| |
− | [type='color']::-moz-placeholder, [type='date']::-moz-placeholder, [type='datetime']::-moz-placeholder, [type='datetime-local']::-moz-placeholder, [type='email']::-moz-placeholder, [type='month']::-moz-placeholder, [type='number']::-moz-placeholder, [type='password']::-moz-placeholder, [type='search']::-moz-placeholder, [type='tel']::-moz-placeholder, [type='text']::-moz-placeholder, [type='time']::-moz-placeholder, [type='url']::-moz-placeholder, [type='week']::-moz-placeholder, input:not([type])::-moz-placeholder, textarea::-moz-placeholder {
| |
− | color: #8d8a8a;
| |
− | }
| |
− | [type='color']:-ms-input-placeholder, [type='date']:-ms-input-placeholder, [type='datetime']:-ms-input-placeholder, [type='datetime-local']:-ms-input-placeholder, [type='email']:-ms-input-placeholder, [type='month']:-ms-input-placeholder, [type='number']:-ms-input-placeholder, [type='password']:-ms-input-placeholder, [type='search']:-ms-input-placeholder, [type='tel']:-ms-input-placeholder, [type='text']:-ms-input-placeholder, [type='time']:-ms-input-placeholder, [type='url']:-ms-input-placeholder, [type='week']:-ms-input-placeholder, input:not([type]):-ms-input-placeholder, textarea:-ms-input-placeholder {
| |
− | color: #8d8a8a;
| |
− | }
| |
− | [type='color']::placeholder, [type='date']::placeholder, [type='datetime']::placeholder, [type='datetime-local']::placeholder, [type='email']::placeholder, [type='month']::placeholder, [type='number']::placeholder, [type='password']::placeholder, [type='search']::placeholder, [type='tel']::placeholder, [type='text']::placeholder, [type='time']::placeholder, [type='url']::placeholder, [type='week']::placeholder, input:not([type])::placeholder, textarea::placeholder {
| |
− | color: #8d8a8a;
| |
− | }
| |
− |
| |
− | textarea {
| |
− | resize: vertical;
| |
− | }
| |
− |
| |
− | [type="checkbox"],
| |
− | [type="radio"] {
| |
− | display: inline;
| |
− | margin-right: 0.4em;
| |
− | }
| |
− |
| |
− | [type="file"] {
| |
− | margin-bottom: 0.8em;
| |
− | width: 100%;
| |
− | }
| |
− |
| |
− | select {
| |
− | margin-bottom: 0.8em;
| |
− | width: 100%;
| |
− | }
| |
− |
| |
− | html {
| |
− | box-sizing: border-box;
| |
− | }
| |
− |
| |
− | *,
| |
− | *::before,
| |
− | *::after {
| |
− | box-sizing: inherit;
| |
− | }
| |
− |
| |
− | html,
| |
− | body {
| |
− | height: 100%;
| |
− | }
| |
− |
| |
− | ul,
| |
− | ol {
| |
− | list-style-type: none;
| |
− | margin: 0;
| |
− | padding: 0;
| |
− | }
| |
− |
| |
− | dl {
| |
− | margin: 0;
| |
− | }
| |
− |
| |
− | dt {
| |
− | font-weight: 600;
| |
− | margin: 0;
| |
− | }
| |
− |
| |
− | dd {
| |
− | margin: 0;
| |
− | }
| |
− |
| |
− | figure {
| |
− | margin: 0;
| |
− | }
| |
− |
| |
− | img,
| |
− | picture {
| |
− | margin: 0;
| |
− | max-width: 100%;
| |
− | }
| |
− |
| |
− | table {
| |
− | border-collapse: collapse;
| |
− | margin: 0.8em 0;
| |
− | table-layout: fixed;
| |
− | width: 100%;
| |
− | }
| |
− |
| |
− | th {
| |
− | border-bottom: 1px solid #a6a6a6;
| |
− | font-weight: 600;
| |
− | padding: 0.8em 0;
| |
− | text-align: left;
| |
− | }
| |
− |
| |
− | td {
| |
− | border-bottom: 1px solid #ddd;
| |
− | padding: 0.8em 0;
| |
− | }
| |
− |
| |
− | tr,
| |
− | td,
| |
− | th {
| |
− | vertical-align: middle;
| |
− | }
| |
− |
| |
− | @font-face {
| |
− | font-family: 'Roboto-black';
| |
− | src: url("https://static.igem.org/mediawiki/2016/1/10/T--Peshawar--Roboto-Black.woff") format("woff"), url("https://static.igem.org/mediawiki/2016/8/82/T--Peshawar--Roboto-Black.ttf") format("truetype");
| |
− | font-weight: normal;
| |
− | font-style: normal;
| |
− | }
| |
− | @font-face {
| |
− | font-family: 'Roboto-bold';
| |
− | src: url("https://static.igem.org/mediawiki/2016/1/16/T--Peshawar--Roboto-Bold.woff") format("woff"), url("https://static.igem.org/mediawiki/2016/6/6c/T--Peshawar--Roboto-Bold.ttf") format("truetype");
| |
− | font-weight: normal;
| |
− | font-style: normal;
| |
− | }
| |
− | @font-face {
| |
− | font-family: 'Roboto-medium';
| |
− | src: url("https://static.igem.org/mediawiki/2016/4/4a/T--Peshawar--Roboto-Medium.woff") format("woff"), url("https://static.igem.org/mediawiki/2016/d/d2/T--Peshawar--Roboto-Medium.ttf") format("truetype");
| |
− | font-weight: normal;
| |
− | font-style: normal;
| |
− | }
| |
− | @font-face {
| |
− | font-family: 'Roboto-regular';
| |
− | src: url("https://static.igem.org/mediawiki/2016/b/bd/T--Peshawar--Roboto-Regular.woff") format("woff"), url("https://static.igem.org/mediawiki/2016/a/a6/T--Peshawar--Roboto-Regular.ttf") format("truetype");
| |
− | font-weight: normal;
| |
− | font-style: normal;
| |
− | }
| |
− | @font-face {
| |
− | font-family: 'Roboto-thin';
| |
− | src: url("https://static.igem.org/mediawiki/2016/4/41/T--Peshawar--Roboto-Thin.woff") format("woff"), url("https://static.igem.org/mediawiki/2016/7/7f/T--Peshawar--Roboto-Thin.ttf") format("truetype");
| |
− | font-weight: normal;
| |
− | font-style: normal;
| |
− | }
| |
− | @font-face {
| |
− | font-family: 'Roboto-light';
| |
− | src: url("https://static.igem.org/mediawiki/2016/c/c1/T--Peshawar--Roboto-Light.woff") format("woff"), url("https://static.igem.org/mediawiki/2016/c/c2/T--Peshawar--Roboto-Light.ttf") format("truetype");
| |
− | font-weight: normal;
| |
− | font-style: normal;
| |
− | }
| |
− | @font-face {
| |
− | font-family: 'Roboto-italic';
| |
− | src: url("https://static.igem.org/mediawiki/2016/6/63/T--Peshawar--Roboto-Italic.woff") format("woff"), url("https://static.igem.org/mediawiki/2016/9/98/T--Peshawar--Roboto-Italic.ttf") format("truetype");
| |
− | font-weight: normal;
| |
− | font-style: normal;
| |
− | }
| |
− | @font-face {
| |
− | font-family: 'Roboto-condensed-regular';
| |
− | src: url("https://static.igem.org/mediawiki/2016/9/91/T--Peshawar--RobotoCondensed-Regular-webfont.woff") format("woff"), url("https://static.igem.org/mediawiki/2016/7/7b/T--Peshawar--RobotoCondensed-Regular-webfont.ttf") format("truetype");
| |
− | font-weight: normal;
| |
− | font-style: normal;
| |
− | }
| |
− | @font-face {
| |
− | font-family: 'Roboto-condensed-bold';
| |
− | src: url("https://static.igem.org/mediawiki/2016/4/4f/T--Peshawar--RobotoCondensed-Bold-webfont.woff") format("woff"), url("https://static.igem.org/mediawiki/2016/c/ca/T--Peshawar--RobotoCondensed-Bold-webfont.ttf") format("truetype");
| |
− | font-weight: normal;
| |
− | font-style: normal;
| |
− | }
| |
− | @font-face {
| |
− | font-family: 'Roboto-condensed-light';
| |
− | src: url("https://static.igem.org/mediawiki/2016/9/95/T--Peshawar--RobotoCondensed-Light-webfont.woff") format("woff"), url("https://static.igem.org/mediawiki/2016/1/1f/T--Peshawar--RobotoCondensed-Light-webfont.ttf") format("truetype");
| |
− | font-weight: normal;
| |
− | font-style: normal;
| |
− | }
| |
− | @font-face {
| |
− | font-family: 'pt_sansbold';
| |
− | src: url("https://static.igem.org/mediawiki/2016/4/44/T--Peshawar--PT-Sans-bold.eot");
| |
− | src: url("https://static.igem.org/mediawiki/2016/4/44/T--Peshawar--PT-Sans-bold.eot?#iefix") format("embedded-opentype"), url("https://static.igem.org/mediawiki/2016/7/78/T--Peshawar--PT-Sans-bold.woff") format("woff"), url("https://static.igem.org/mediawiki/2016/9/97/T--Peshawar--PT-Sans-bold.ttf") format("truetype"), url("https://static.igem.org/mediawiki/2016/f/f7/T--Peshawar--PT-Sans-bold.svg#pt_sansbold") format("svg");
| |
− | font-weight: normal;
| |
− | font-style: normal;
| |
− | }
| |
− | @font-face {
| |
− | font-family: 'pt_sansregular';
| |
− | src: url("https://static.igem.org/mediawiki/2016/b/b8/T--Peshawar--PT-Sans-regular.eot");
| |
− | src: url("https://static.igem.org/mediawiki/2016/b/b8/T--Peshawar--PT-Sans-regular.eot?#iefix") format("embedded-opentype"), url("https://static.igem.org/mediawiki/2016/b/b8/T--Peshawar--PT-Sans-regular.woff") format("woff"), url("https://static.igem.org/mediawiki/2016/e/ed/T--Peshawar--PT-Sans-regular.ttf") format("truetype"), url("https://static.igem.org/mediawiki/2016/6/66/T--Peshawar--PT-Sans-regular.svg#pt_sansregular") format("svg");
| |
− | font-weight: normal;
| |
− | font-style: normal;
| |
− | }
| |
− | @font-face {
| |
− | font-family: 'pt_sans_narrowregular';
| |
− | src: url("https://static.igem.org/mediawiki/2016/0/0c/T--Peshawar--PT-Sans-narrow-regular.eot");
| |
− | src: url("https://static.igem.org/mediawiki/2016/0/0c/T--Peshawar--PT-Sans-narrow-regular.eot?#iefix") format("embedded-opentype"), url("https://static.igem.org/mediawiki/2016/4/48/T--Peshawar--PT-Sans-narrow-regular.woff") format("woff"), url("https://static.igem.org/mediawiki/2016/2/22/T--Peshawar--PT-Sans-narrow-regular.ttf") format("truetype"), url("https://static.igem.org/mediawiki/2016/b/be/T--Peshawar--PT-Sans-narrow-regular.svg#pt_sans_narrowregular") format("svg");
| |
− | font-weight: normal;
| |
− | font-style: normal;
| |
− | }
| |
− | @font-face {
| |
− | font-family: 'pt_sans_narrowbold';
| |
− | src: url("https://static.igem.org/mediawiki/2016/9/9d/T--Peshawar--PT-Sans-narrow-bold.eot");
| |
− | src: url("https://static.igem.org/mediawiki/2016/9/9d/T--Peshawar--PT-Sans-narrow-bold.eot?#iefix") format("embedded-opentype"), url("https://static.igem.org/mediawiki/2016/4/4b/T--Peshawar--PT-Sans-narrow-bold.woff") format("woff"), url("https://static.igem.org/mediawiki/2016/8/8a/T--Peshawar--PT-Sans-narrow-bold.ttf") format("truetype"), url("https://static.igem.org/mediawiki/2016/d/d9/T--Peshawar--PT-Sans-narrow-bold.svg#pt_sans_narrowbold") format("svg");
| |
− | font-weight: normal;
| |
− | font-style: normal;
| |
− | }
| |
− | @font-face {
| |
− | font-family: 'open_sansregular';
| |
− | src: url("https://static.igem.org/mediawiki/2016/d/d5/T--Peshawar--open-sans-regular.eot");
| |
− | src: url("https://static.igem.org/mediawiki/2016/d/d5/T--Peshawar--open-sans-regular.eot?#iefix") format("embedded-opentype"), url("https://static.igem.org/mediawiki/2016/7/73/T--Peshawar--open-sans-regular.woff") format("woff"), url("https://static.igem.org/mediawiki/2016/c/ca/T--Peshawar--open-sans-regular.ttf") format("truetype"), url("https://static.igem.org/mediawiki/2016/a/ac/T--Peshawar--open-sans-regular.svg#open_sansregular") format("svg");
| |
− | font-weight: normal;
| |
− | font-style: normal;
| |
− | }
| |
− | @font-face {
| |
− | font-family: 'open_sansbold';
| |
− | src: url("https://static.igem.org/mediawiki/2016/8/80/T--Peshawar--open-sans-bold.eot");
| |
− | src: url("https://static.igem.org/mediawiki/2016/8/80/T--Peshawar--open-sans-bold.eot?#iefix") format("embedded-opentype"), url("https://static.igem.org/mediawiki/2016/2/20/T--Peshawar--open-sans-bold.woff") format("woff"), url("https://static.igem.org/mediawiki/2016/1/12/T--Peshawar--open-sans-bold.ttf") format("truetype"), url("https://static.igem.org/mediawiki/2016/4/4b/T--Peshawar--open-sans-bold.svg#open_sansbold") format("svg");
| |
− | font-weight: normal;
| |
− | font-style: normal;
| |
− | }
| |
− | @font-face {
| |
− | font-family: 'open_sansbold_italic';
| |
− | src: url("https://static.igem.org/mediawiki/2016/5/53/T--Peshawar--open-sans-bold-italic.eot");
| |
− | src: url("https://static.igem.org/mediawiki/2016/5/53/T--Peshawar--open-sans-bold-italic.eot?#iefix") format("embedded-opentype"), url("https://static.igem.org/mediawiki/2016/7/71/T--Peshawar--open-sans-bold-italic.woff") format("woff"), url("https://static.igem.org/mediawiki/2016/d/db/T--Peshawar--open-sans-bold-italic.ttf") format("truetype"), url("https://static.igem.org/mediawiki/2016/b/bf/T--Peshawar--open-sans-bold-italic.svg#open_sansbold_italic") format("svg");
| |
− | font-weight: normal;
| |
− | font-style: normal;
| |
− | }
| |
− | @font-face {
| |
− | font-family: 'open_sanslight';
| |
− | src: url("https://static.igem.org/mediawiki/2016/0/0e/T--Peshawar--open-sans-light.eot");
| |
− | src: url("https://static.igem.org/mediawiki/2016/0/0e/T--Peshawar--open-sans-light.eot?#iefix") format("embedded-opentype"), url("https://static.igem.org/mediawiki/2016/1/19/T--Peshawar--open-sans-light.woff") format("woff"), url("https://static.igem.org/mediawiki/2016/4/49/T--Peshawar--open-sans-light.ttf") format("truetype"), url("https://static.igem.org/mediawiki/2016/0/07/T--Peshawar--open-sans-light.svg#open_sanslight") format("svg");
| |
− | font-weight: normal;
| |
− | font-style: normal;
| |
− | }
| |
− | @font-face {
| |
− | font-family: 'raleway_bold';
| |
− | src: url("https://static.igem.org/mediawiki/2016/1/13/T--Peshawar--raleway-bold.eot");
| |
− | src: url("https://static.igem.org/mediawiki/2016/1/13/T--Peshawar--raleway-bold.eot?#iefix") format("embedded-opentype"), url("https://static.igem.org/mediawiki/2016/d/d4/T--Peshawar--raleway-bold.woff") format("woff"), url("https://static.igem.org/mediawiki/2016/f/f5/T--Peshawar--raleway-bold.ttf") format("truetype"), url("https://static.igem.org/mediawiki/2016/6/61/T--Peshawar--raleway-bold.svg#raleway_bold") format("svg");
| |
− | font-weight: normal;
| |
− | font-style: normal;
| |
− | }
| |
− | @font-face {
| |
− | font-family: 'raleway_medium';
| |
− | src: url("https://static.igem.org/mediawiki/2016/3/38/T--Peshawar--raleway-medium.eot");
| |
− | src: url("https://static.igem.org/mediawiki/2016/3/38/T--Peshawar--raleway-medium.eot?#iefix") format("embedded-opentype"), url("https://static.igem.org/mediawiki/2016/c/c6/T--Peshawar--raleway-medium.woff") format("woff"), url("https://static.igem.org/mediawiki/2016/8/88/T--Peshawar--raleway-medium.ttf") format("truetype"), url("https://static.igem.org/mediawiki/2016/4/4e/T--Peshawar--raleway-medium.svg#raleway_medium") format("svg");
| |
− | font-weight: normal;
| |
− | font-style: normal;
| |
− | }
| |
− | @font-face {
| |
− | font-family: 'raleway_regular';
| |
− | src: url("https://static.igem.org/mediawiki/2016/c/c9/T--Peshawar--raleway-regular.eot");
| |
− | src: url("https://static.igem.org/mediawiki/2016/c/c9/T--Peshawar--raleway-regular.eot?#iefix") format("embedded-opentype"), url("https://static.igem.org/mediawiki/2016/8/8e/T--Peshawar--raleway-regular.woff") format("woff"), url("https://static.igem.org/mediawiki/2016/8/82/T--Peshawar--raleway-regular.ttf") format("truetype"), url("https://static.igem.org/mediawiki/2016/4/45/T--Peshawar--raleway-regular.svg#raleway_regular") format("svg");
| |
− | font-weight: normal;
| |
− | font-style: normal;
| |
− | }
| |
− | @font-face {
| |
− | font-family: 'raleway_light';
| |
− | src: url("https://static.igem.org/mediawiki/2016/7/70/T--Peshawar--raleway-light.eot");
| |
− | src: url("https://static.igem.org/mediawiki/2016/7/70/T--Peshawar--raleway-light.eot?#iefix") format("embedded-opentype"), url("https://static.igem.org/mediawiki/2016/e/e5/T--Peshawar--raleway-light.woff") format("woff"), url("https://static.igem.org/mediawiki/2016/8/81/T--Peshawar--raleway-light.ttf") format("truetype"), url("https://static.igem.org/mediawiki/2016/3/32/T--Peshawar--raleway-light.svg#raleway_light") format("svg");
| |
− | font-weight: normal;
| |
− | font-style: normal;
| |
− | }
| |
− | body {
| |
− | color: #413c3c;
| |
− | font-family: "pt_sansregular", "Big Caslon", "Tahoma", "Verdana", "sans-serif";
| |
− | font-size: 1em;
| |
− | line-height: 1.6;
| |
− | -webkit-font-smoothing: antialiased;
| |
− | text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
| |
− | }
| |
− |
| |
− | h1,
| |
− | h2,
| |
− | h3,
| |
− | h4,
| |
− | h5,
| |
− | h6 {
| |
− | font-family: "pt_sansbold", "Big Caslon", "Tahoma", "Verdana", "sans-serif";
| |
− | line-height: 1.2;
| |
− | margin: 0 0 0.8em;
| |
− | }
| |
− |
| |
− | p {
| |
− | margin: 0 0 0.8em;
| |
− | }
| |
− |
| |
− | a {
| |
− | color: #1565c0;
| |
− | text-decoration: none;
| |
− | -webkit-transition: color 150ms ease;
| |
− | transition: color 150ms ease;
| |
− | }
| |
− | a:active, a:focus, a:hover {
| |
− | color: #104c90;
| |
− | }
| |
− |
| |
− | .navigation-list {
| |
− | line-height: 1.7em;
| |
− | }
| |
− | .navigation-list li a {
| |
− | font-family: "Roboto-condensed-regular", "Big Caslon", "Tahoma", "Verdana", "sans-serif";
| |
− | }
| |
− |
| |
− | .all-in-one-footer-container {
| |
− | color: #817D74;
| |
− | }
| |
− | .all-in-one-footer-container h3 {
| |
− | font-family: "Roboto-condensed-light", "Big Caslon", "Tahoma", "Verdana", "sans-serif";
| |
− | }
| |
− | .all-in-one-footer-container h4 {
| |
− | font-family: "Roboto-light", "Big Caslon", "Tahoma", "Verdana", "sans-serif";
| |
− | }
| |
− |
| |
− | hr {
| |
− | border-bottom: 1px solid #ddd;
| |
− | border-left: 0;
| |
− | border-right: 0;
| |
− | border-top: 0;
| |
− | margin: 1.6em 0;
| |
− | }
| |
− |
| |
− | body {
| |
− | font-family: "pt_sansregular", "Big Caslon", "Tahoma", "Verdana", "sans-serif";
| |
− | font-weight: 400;
| |
− | font-style: normal;
| |
− | font-size: 17px;
| |
− | line-height: 33px;
| |
− | padding: 33px;
| |
− | margin: 0 auto;
| |
− | }
| |
− |
| |
− | h1 {
| |
− | font-family: "pt_sansbold", "Big Caslon", "Tahoma", "Verdana", "sans-serif";
| |
− | font-weight: 600;
| |
− | font-style: inherit;
| |
− | font-size: 83px;
| |
− | line-height: 99px;
| |
− | margin-top: 33px;
| |
− | margin-bottom: 0px;
| |
− | }
| |
− |
| |
− | h2 {
| |
− | font-family: "pt_sansbold", "Big Caslon", "Tahoma", "Verdana", "sans-serif";
| |
− | font-weight: 600;
| |
− | font-style: inherit;
| |
− | font-size: 49px;
| |
− | line-height: 66px;
| |
− | margin-top: 33px;
| |
− | margin-bottom: 33px;
| |
− | }
| |
− |
| |
− | h3 {
| |
− | font-family: "pt_sansbold", "Big Caslon", "Tahoma", "Verdana", "sans-serif";
| |
− | font-weight: 600;
| |
− | font-style: inherit;
| |
− | font-size: 29px;
| |
− | line-height: 33px;
| |
− | margin-top: 33px;
| |
− | margin-bottom: 0px;
| |
− | }
| |
− |
| |
− | h4 {
| |
− | font-family: "pt_sansbold", "Big Caslon", "Tahoma", "Verdana", "sans-serif";
| |
− | font-weight: 600;
| |
− | font-style: inherit;
| |
− | font-size: 17px;
| |
− | line-height: 33px;
| |
− | margin-top: 33px;
| |
− | margin-bottom: 0px;
| |
− | }
| |
− |
| |
− | h5 {
| |
− | font-family: "pt_sansbold", "Big Caslon", "Tahoma", "Verdana", "sans-serif";
| |
− | font-weight: 400;
| |
− | font-style: italic;
| |
− | font-size: 17px;
| |
− | line-height: 33px;
| |
− | margin-top: 33px;
| |
− | margin-bottom: 0px;
| |
− | }
| |
− |
| |
− | p,
| |
− | ul,
| |
− | ol,
| |
− | pre,
| |
− | table,
| |
− | blockquote {
| |
− | margin-top: 0px;
| |
− | margin-bottom: 33px;
| |
− | }
| |
− |
| |
− | ul ul,
| |
− | ol ol,
| |
− | ul ol,
| |
− | ol ul {
| |
− | margin-top: 0;
| |
− | margin-bottom: 0;
| |
− | }
| |
− |
| |
− | hr {
| |
− | border: 1px solid;
| |
− | margin: -1px 0;
| |
− | }
| |
− |
| |
− | b,
| |
− | strong,
| |
− | em,
| |
− | small,
| |
− | code {
| |
− | line-height: 1;
| |
− | }
| |
− |
| |
− | sup {
| |
− | line-height: 0;
| |
− | position: relative;
| |
− | vertical-align: baseline;
| |
− | top: -0.5em;
| |
− | }
| |
− |
| |
− | sub {
| |
− | bottom: -0.25em;
| |
− | }
| |
− |
| |
− | a {
| |
− | color: #268ED9;
| |
− | }
| |
− |
| |
− | html {
| |
− | box-sizing: border-box;
| |
− | }
| |
− |
| |
− | *, *::after, *::before {
| |
− | box-sizing: inherit;
| |
− | }
| |
− |
| |
− | /*!
| |
− | * Slidebars - A jQuery Framework for Off-Canvas Menus and Sidebars
| |
− | * Version: 2 Development
| |
− | * Url: http://www.adchsm.com/slidebars/
| |
− | * Author: Adam Charles Smith
| |
− | * Author url: http://www.adchsm.com/
| |
− | * License: MIT
| |
− | * License url: http://www.adchsm.com/slidebars/license/
| |
− | */
| |
− | /**
| |
− | * Box Model, Html & Body
| |
− | */
| |
− | html, body, [canvas=container], [off-canvas] {
| |
− | margin: 0;
| |
− | padding: 0;
| |
− | box-sizing: border-box;
| |
− | }
| |
− |
| |
− | html, body {
| |
− | width: 100%;
| |
− | height: 100%;
| |
− | }
| |
− |
| |
− | /**
| |
− | * Canvas
| |
− | */
| |
− | [canvas] {
| |
− | z-index: 1;
| |
− | }
| |
− |
| |
− | [canvas=container] {
| |
− | width: 100%;
| |
− | height: 100%;
| |
− | overflow-y: auto;
| |
− | position: relative;
| |
− | background-color: white;
| |
− | /* Basic background color, overwrite this in your own css. */
| |
− | -webkit-overflow-scrolling: touch;
| |
− | /* Enables momentum scrolling on iOS devices, may be removed by setting to 'auto' in your own CSS. */
| |
− | }
| |
− |
| |
− | [canvas=container]:before, [canvas=container]:after {
| |
− | clear: both;
| |
− | content: '';
| |
− | display: table;
| |
− | }
| |
− |
| |
− | /**
| |
− | * Off-Canavs
| |
− | */
| |
− | [off-canvas] {
| |
− | display: none;
| |
− | position: fixed;
| |
− | overflow: hidden;
| |
− | overflow-y: auto;
| |
− | background-color: black;
| |
− | /* Basic background color, overwrite this in your own css. */
| |
− | color: white;
| |
− | /* Basic colors, overwrite this in your own css. */
| |
− | -webkit-overflow-scrolling: touch;
| |
− | /* Enables momentum scrolling on iOS devices, may be removed by setting to 'auto' in your own CSS. */
| |
− | }
| |
− |
| |
− | [off-canvas*=top] {
| |
− | width: 100%;
| |
− | height: 255px;
| |
− | top: 0;
| |
− | }
| |
− |
| |
− | [off-canvas*=right] {
| |
− | width: 255px;
| |
− | height: 100%;
| |
− | top: 0;
| |
− | right: 0;
| |
− | }
| |
− |
| |
− | [off-canvas*=bottom] {
| |
− | width: 100%;
| |
− | height: 255px;
| |
− | bottom: 0;
| |
− | }
| |
− |
| |
− | [off-canvas*=left] {
| |
− | width: 255px;
| |
− | height: 100%;
| |
− | top: 0;
| |
− | left: 0;
| |
− | }
| |
− |
| |
− | [off-canvas*=reveal] {
| |
− | z-index: 0;
| |
− | }
| |
− |
| |
− | [off-canvas*=push] {
| |
− | z-index: 1;
| |
− | }
| |
− |
| |
− | [off-canvas*=overlay] {
| |
− | z-index: 9999;
| |
− | }
| |
− |
| |
− | [off-canvas*=shift] {
| |
− | z-index: 0;
| |
− | }
| |
− |
| |
− | /**
| |
− | * Animation
| |
− | */
| |
− | [canvas], [off-canvas] {
| |
− | -webkit-transform: translate(0px, 0px);
| |
− | transform: translate(0px, 0px);
| |
− | -webkit-transition: -webkit-transform 300ms;
| |
− | transition: -webkit-transform 300ms;
| |
− | transition: transform 300ms;
| |
− | transition: transform 300ms, -webkit-transform 300ms;
| |
− | -webkit-backface-visibility: hidden;
| |
− | /* Prevents flickering, may be removed if experiencing problems with fixed background images in Chrome. */
| |
− | }
| |
− |
| |
− | [off-canvas*=shift][off-canvas*=top] {
| |
− | -webkit-transform: translate(0px, 50%);
| |
− | transform: translate(0px, 50%);
| |
− | }
| |
− |
| |
− | [off-canvas*=shift][off-canvas*=right] {
| |
− | -webkit-transform: translate(-50%, 0px);
| |
− | transform: translate(-50%, 0px);
| |
− | }
| |
− |
| |
− | [off-canvas*=shift][off-canvas*=bottom] {
| |
− | -webkit-transform: translate(0px, -50%);
| |
− | transform: translate(0px, -50%);
| |
− | }
| |
− |
| |
− | [off-canvas*=shift][off-canvas*=left] {
| |
− | -webkit-transform: translate(50%, 0px);
| |
− | transform: translate(50%, 0px);
| |
− | }
| |
− |
| |
− | /**
| |
− | * Print
| |
− | */
| |
− | @media print {
| |
− | [canvas] {
| |
− | -webkit-transform: translate(0px, 0px) !important;
| |
− | transform: translate(0px, 0px) !important;
| |
− | }
| |
− |
| |
− | [off-canvas] {
| |
− | display: none !important;
| |
− | }
| |
− | }
| |
− | /* http://prismjs.com/download.html?themes=prism&languages=markup+css+clike+javascript+matlab+sass+scss */
| |
− | /**
| |
− | * prism.js default theme for JavaScript, CSS and HTML
| |
− | * Based on dabblet (http://dabblet.com)
| |
− | * @author Lea Verou
| |
− | */
| |
− | code[class*="language-"],
| |
− | pre[class*="language-"] {
| |
− | color: black;
| |
− | background: none;
| |
− | text-shadow: 0 1px white;
| |
− | font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
| |
− | text-align: left;
| |
− | white-space: pre;
| |
− | word-spacing: normal;
| |
− | word-break: normal;
| |
− | word-wrap: normal;
| |
− | line-height: 1.5;
| |
− | -moz-tab-size: 4;
| |
− | -o-tab-size: 4;
| |
− | tab-size: 4;
| |
− | -webkit-hyphens: none;
| |
− | -moz-hyphens: none;
| |
− | -ms-hyphens: none;
| |
− | hyphens: none;
| |
− | }
| |
− |
| |
− | pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
| |
− | code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
| |
− | text-shadow: none;
| |
− | background: #b3d4fc;
| |
− | }
| |
− |
| |
− | pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
| |
− | code[class*="language-"]::selection, code[class*="language-"] ::selection {
| |
− | text-shadow: none;
| |
− | background: #b3d4fc;
| |
− | }
| |
− |
| |
− | @media print {
| |
− | code[class*="language-"],
| |
− | pre[class*="language-"] {
| |
− | text-shadow: none;
| |
− | }
| |
− | }
| |
− | /* Code blocks */
| |
− | pre[class*="language-"] {
| |
− | padding: 1em;
| |
− | margin: .5em 0;
| |
− | overflow: auto;
| |
− | }
| |
− |
| |
− | :not(pre) > code[class*="language-"],
| |
− | pre[class*="language-"] {
| |
− | background: #f5f2f0;
| |
− | }
| |
− |
| |
− | /* Inline code */
| |
− | :not(pre) > code[class*="language-"] {
| |
− | padding: .1em;
| |
− | border-radius: .3em;
| |
− | white-space: normal;
| |
− | }
| |
− |
| |
− | .token.comment,
| |
− | .token.prolog,
| |
− | .token.doctype,
| |
− | .token.cdata {
| |
− | color: slategray;
| |
− | }
| |
− |
| |
− | .token.punctuation {
| |
− | color: #999;
| |
− | }
| |
− |
| |
− | .namespace {
| |
− | opacity: .7;
| |
− | }
| |
− |
| |
− | .token.property,
| |
− | .token.tag,
| |
− | .token.boolean,
| |
− | .token.number,
| |
− | .token.constant,
| |
− | .token.symbol,
| |
− | .token.deleted {
| |
− | color: #905;
| |
− | }
| |
− |
| |
− | .token.selector,
| |
− | .token.attr-name,
| |
− | .token.string,
| |
− | .token.char,
| |
− | .token.builtin,
| |
− | .token.inserted {
| |
− | color: #690;
| |
− | }
| |
− |
| |
− | .token.operator,
| |
− | .token.entity,
| |
− | .token.url,
| |
− | .language-css .token.string,
| |
− | .style .token.string {
| |
− | color: #a67f59;
| |
− | background: rgba(255, 255, 255, 0.5);
| |
− | }
| |
− |
| |
− | .token.atrule,
| |
− | .token.attr-value,
| |
− | .token.keyword {
| |
− | color: #07a;
| |
− | }
| |
− |
| |
− | .token.function {
| |
− | color: #DD4A68;
| |
− | }
| |
− |
| |
− | .token.regex,
| |
− | .token.important,
| |
− | .token.variable {
| |
− | color: #e90;
| |
− | }
| |
− |
| |
− | .token.important,
| |
− | .token.bold {
| |
− | font-weight: bold;
| |
− | }
| |
− |
| |
− | .token.italic {
| |
− | font-style: italic;
| |
− | }
| |
− |
| |
− | .token.entity {
| |
− | cursor: help;
| |
− | }
| |
− |
| |
− | /*
| |
− | // 3. Base stuff
| |
− | @import
| |
− | 'base/base',
| |
− | 'base/fonts',
| |
− | 'base/typography',
| |
− | 'base/helpers';
| |
− | */
| |
− | #sideMenu,
| |
− | #top_title {
| |
− | display: none;
| |
− | }
| |
− |
| |
− | #content {
| |
− | width: 100vw;
| |
− | padding: 0px;
| |
− | border: none;
| |
− | color: black;
| |
− | margin-left: auto;
| |
− | margin-right: auto;
| |
− | background-color: #fff;
| |
− | position: relative;
| |
− | }
| |
− |
| |
− | #globalWrapper {
| |
− | font-size: inherit;
| |
− | padding-bottom: 0;
| |
− | }
| |
− |
| |
− | #top_menu_under {
| |
− | height: 0px;
| |
− | }
| |
− |
| |
− | ul {
| |
− | list-style-image: none;
| |
− | }
| |
− |
| |
− | hr {
| |
− | margin-top: 10px;
| |
− | margin-bottom: 10px;
| |
− | color: #eed369;
| |
− | }
| |
− |
| |
− | [off-canvas*=left] {
| |
− | width: 300px;
| |
− | padding-top: 50px;
| |
− | padding-left: 50px;
| |
− | text-align: right;
| |
− | padding-right: 30px;
| |
− | text-transform: none;
| |
− | z-index: 3;
| |
− | background: #0D111F;
| |
− | }
| |
− |
| |
− | .navigation-list li a {
| |
− | color: #fff;
| |
− | position: relative;
| |
− | }
| |
− | .navigation-list li a:before {
| |
− | content: "";
| |
− | position: absolute;
| |
− | width: 100%;
| |
− | height: 2px;
| |
− | bottom: 0;
| |
− | left: 0;
| |
− | background-color: white;
| |
− | visibility: hidden;
| |
− | -webkit-transform: scaleX(0);
| |
− | transform: scaleX(0);
| |
− | -webkit-transition: all 0.2s ease-in-out 0s;
| |
− | transition: all 0.2s ease-in-out 0s;
| |
− | }
| |
− | .navigation-list li a:hover:before {
| |
− | visibility: visible;
| |
− | -webkit-transform: scaleX(1);
| |
− | transform: scaleX(1);
| |
− | }
| |
− |
| |
− | .header-outer-container .sticky-header {
| |
− | max-width: 100%;
| |
− | margin-left: auto;
| |
− | margin-right: auto;
| |
− | padding: 20px 0px 0px 0px;
| |
− | }
| |
− | .header-outer-container .sticky-header::after {
| |
− | clear: both;
| |
− | content: "";
| |
− | display: block;
| |
− | }
| |
− | .header-outer-container .sticky-header .logo-wrapper {
| |
− | float: left;
| |
− | display: block;
| |
− | margin-right: 2.3576520234%;
| |
− | width: 14.7019566472%;
| |
− | margin-left: 42.6490216764%;
| |
− | }
| |
− | .header-outer-container .sticky-header .logo-wrapper:last-child {
| |
− | margin-right: 0;
| |
− | }
| |
− | .header-outer-container .sticky-header .logo-wrapper::after {
| |
− | clear: both;
| |
− | content: "";
| |
− | display: block;
| |
− | }
| |
− | .header-outer-container .sticky-header .logo-wrapper .logo {
| |
− | -webkit-filter: grayscale(100%);
| |
− | filter: grayscale(100%);
| |
− | }
| |
− | .header-outer-container .sticky-header .logo-wrapper .logo:hover {
| |
− | -webkit-filter: grayscale(0%);
| |
− | filter: grayscale(0%);
| |
− | }
| |
− |
| |
− | .js-toggle-left-slidebar {
| |
− | position: fixed;
| |
− | float: left;
| |
− | z-index: 1;
| |
− | height: 80px;
| |
− | width: 100px;
| |
− | background: url(https://static.igem.org/mediawiki/2016/1/1d/T--Peshawar--hamburger-icon.png) no-repeat;
| |
− | background-size: 100% 100%;
| |
− | background-position: center;
| |
− | }
| |
− |
| |
− | .js-toggle-left-slidebar:hover {
| |
− | -webkit-filter: brightness(0);
| |
− | filter: brightness(0);
| |
− | }
| |
− |
| |
− | /* FILL COLOR */
| |
− | .social-main-footer-svg {
| |
− | height: 30px;
| |
− | width: 30px;
| |
− | margin: 2px;
| |
− | }
| |
− | .social-main-footer-svg #facebook-circle,
| |
− | .social-main-footer-svg #twitter-circle,
| |
− | .social-main-footer-svg #instagram-circle,
| |
− | .social-main-footer-svg #blog-circle {
| |
− | opacity: 0;
| |
− | filter: alpha(opacity=0);
| |
− | }
| |
− | .social-main-footer-svg #facebook,
| |
− | .social-main-footer-svg #twitter,
| |
− | .social-main-footer-svg #instagram,
| |
− | .social-main-footer-svg #blog {
| |
− | fill: white;
| |
− | }
| |
− |
| |
− | a svg:hover #facebook {
| |
− | fill: #3b5998;
| |
− | }
| |
− |
| |
− | a svg:hover #twitter {
| |
− | fill: #1da1f2;
| |
− | }
| |
− |
| |
− | a svg:hover #instagram {
| |
− | fill: #c13584;
| |
− | }
| |
− |
| |
− | a svg:hover #blog {
| |
− | fill: #f57d00;
| |
− | }
| |
− |
| |
− | /* Hover transitions */
| |
− | a svg #facebook,
| |
− | a svg #twitter,
| |
− | a svg #instagram,
| |
− | a svg #blog {
| |
− | transition: 200ms;
| |
− | transition-timing-function: ease-in-out;
| |
− | -webkit-transition: 200ms;
| |
− | -webkit-transition-timing-function: ease-in-out;
| |
− | }
| |
− |
| |
− | .social-page-footer-svg {
| |
− | height: 45px;
| |
− | width: 45px;
| |
− | margin: 10px;
| |
− | }
| |
− | .social-page-footer-svg #facebook-circle,
| |
− | .social-page-footer-svg #twitter-circle,
| |
− | .social-page-footer-svg #instagram-circle,
| |
− | .social-page-footer-svg #blog-circle {
| |
− | opacity: 0;
| |
− | filter: alpha(opacity=0);
| |
− | }
| |
− | .social-page-footer-svg #facebook,
| |
− | .social-page-footer-svg #twitter,
| |
− | .social-page-footer-svg #instagram,
| |
− | .social-page-footer-svg #blog {
| |
− | fill: #6A6A6A;
| |
− | }
| |
− |
| |
− | .social-page-footer-container {
| |
− | max-width: 100%;
| |
− | margin-left: auto;
| |
− | margin-right: auto;
| |
− | padding: 2.3576520234%;
| |
− | text-align: center;
| |
− | }
| |
− | .social-page-footer-container::after {
| |
− | clear: both;
| |
− | content: "";
| |
− | display: block;
| |
− | }
| |
− |
| |
− | @media screen and (max-width: 6400px) {
| |
− | .full-content-wrapper-container {
| |
− | max-width: 100%;
| |
− | margin-left: auto;
| |
− | margin-right: auto;
| |
− | }
| |
− | .full-content-wrapper-container::after {
| |
− | clear: both;
| |
− | content: "";
| |
− | display: block;
| |
− | }
| |
− | .full-content-wrapper-container .full-width-content-wrapper {
| |
− | float: left;
| |
− | display: block;
| |
− | margin-right: 2.3576520234%;
| |
− | width: 100%;
| |
− | }
| |
− | .full-content-wrapper-container .full-width-content-wrapper:last-child {
| |
− | margin-right: 0;
| |
− | }
| |
− |
| |
− | .centered-content-wrapper-container {
| |
− | max-width: 1200px;
| |
− | margin-left: auto;
| |
− | margin-right: auto;
| |
− | }
| |
− | .centered-content-wrapper-container::after {
| |
− | clear: both;
| |
− | content: "";
| |
− | display: block;
| |
− | }
| |
− | .centered-content-wrapper-container .centered-content-wrapper {
| |
− | float: left;
| |
− | display: block;
| |
− | margin-right: 2.3576520234%;
| |
− | width: 65.8807826589%;
| |
− | margin-left: 17.0596086706%;
| |
− | }
| |
− | .centered-content-wrapper-container .centered-content-wrapper:last-child {
| |
− | margin-right: 0;
| |
− | }
| |
− |
| |
− | .all-in-one-footer-container {
| |
− | color: rgba(255, 255, 255, 0.8);
| |
− | width: 100%;
| |
− | display: table;
| |
− | width: 100%;
| |
− | table-layout: fixed;
| |
− | background-color: red;
| |
− | text-align: center;
| |
− | }
| |
− | .all-in-one-footer-container .all-in-one-footer-address {
| |
− | display: table-cell;
| |
− | width: 33.3333333333%;
| |
− | padding: 2.3576520234%;
| |
− | background-color: #1C1D2C;
| |
− | }
| |
− | .all-in-one-footer-container .all-in-one-footer-social {
| |
− | display: table-cell;
| |
− | width: 33.3333333333%;
| |
− | padding: 2.3576520234%;
| |
− | background-color: #1C1D2C;
| |
− | }
| |
− | .all-in-one-footer-container .all-in-one-sponsors {
| |
− | display: table-cell;
| |
− | width: 33.3333333333%;
| |
− | padding: 2.3576520234%;
| |
− | text-align: center;
| |
− | background-color: #000;
| |
− | }
| |
− | .all-in-one-footer-container .all-in-one-sponsors .govt-kpk {
| |
− | float: left;
| |
− | display: block;
| |
− | margin-right: 7.4229717578%;
| |
− | width: 46.2885141211%;
| |
− | text-align: right;
| |
− | padding: 2.3576520234%;
| |
− | }
| |
− | .all-in-one-footer-container .all-in-one-sponsors .govt-kpk:last-child {
| |
− | margin-right: 0;
| |
− | }
| |
− | .all-in-one-footer-container .all-in-one-sponsors .dost {
| |
− | float: left;
| |
− | display: block;
| |
− | margin-right: 7.4229717578%;
| |
− | width: 46.2885141211%;
| |
− | text-align: left;
| |
− | padding: 2.3576520234%;
| |
− | margin-right: 0;
| |
− | }
| |
− | .all-in-one-footer-container .all-in-one-sponsors .dost:last-child {
| |
− | margin-right: 0;
| |
− | }
| |
− | .all-in-one-footer-container .all-in-one-sponsors .cecos {
| |
− | float: left;
| |
− | display: block;
| |
− | margin-right: 7.4229717578%;
| |
− | width: 46.2885141211%;
| |
− | text-align: right;
| |
− | padding: 2.3576520234%;
| |
− | }
| |
− | .all-in-one-footer-container .all-in-one-sponsors .cecos:last-child {
| |
− | margin-right: 0;
| |
− | }
| |
− | .all-in-one-footer-container .all-in-one-sponsors .iib {
| |
− | float: left;
| |
− | display: block;
| |
− | margin-right: 7.4229717578%;
| |
− | width: 46.2885141211%;
| |
− | text-align: left;
| |
− | padding: 2.3576520234%;
| |
− | }
| |
− | .all-in-one-footer-container .all-in-one-sponsors .iib:last-child {
| |
− | margin-right: 0;
| |
− | }
| |
− | .all-in-one-footer-container .all-in-one-sponsors .govt-kpk img {
| |
− | max-width: 90%;
| |
− | }
| |
− | .all-in-one-footer-container .all-in-one-sponsors .govt-kpk img:hover {
| |
− | content: url(https://static.igem.org/mediawiki/2016/2/23/T--Peshawar--govt-of-kpk-logo-small-compressed.png);
| |
− | }
| |
− | .all-in-one-footer-container .all-in-one-sponsors .dost img {
| |
− | max-width: 90%;
| |
− | }
| |
− | .all-in-one-footer-container .all-in-one-sponsors .dost img:hover {
| |
− | content: url(https://static.igem.org/mediawiki/2016/f/f0/T--peshawar--dost-logo-small-compresed2.png);
| |
− | }
| |
− | .all-in-one-footer-container .all-in-one-sponsors .cecos img {
| |
− | max-width: 85%;
| |
− | }
| |
− | .all-in-one-footer-container .all-in-one-sponsors .cecos img:hover {
| |
− | content: url(https://static.igem.org/mediawiki/2016/5/58/T--Peshawar--cecos-logo-small-compressed.png);
| |
− | }
| |
− | .all-in-one-footer-container .all-in-one-sponsors .iib img {
| |
− | max-width: 85%;
| |
− | }
| |
− | .all-in-one-footer-container .all-in-one-sponsors .iib img:hover {
| |
− | content: url(https://static.igem.org/mediawiki/2016/f/f7/T--Peshawar--iib-logo-small-compressed.png);
| |
− | }
| |
− | }
| |
− | @media screen and (max-width: 1000px) {
| |
− | p {
| |
− | font-size: 20px;
| |
− | line-height: 37px;
| |
− | }
| |
− |
| |
− | .full-content-wrapper-container {
| |
− | max-width: 100%;
| |
− | margin-left: auto;
| |
− | margin-right: auto;
| |
− | }
| |
− | .full-content-wrapper-container::after {
| |
− | clear: both;
| |
− | content: "";
| |
− | display: block;
| |
− | }
| |
− | .full-content-wrapper-container .full-width-content-wrapper {
| |
− | float: left;
| |
− | display: block;
| |
− | margin-right: 2.3576520234%;
| |
− | width: 100%;
| |
− | }
| |
− | .full-content-wrapper-container .full-width-content-wrapper:last-child {
| |
− | margin-right: 0;
| |
− | }
| |
− |
| |
− | .centered-content-wrapper-container {
| |
− | max-width: 1200px;
| |
− | margin-left: auto;
| |
− | margin-right: auto;
| |
− | }
| |
− | .centered-content-wrapper-container::after {
| |
− | clear: both;
| |
− | content: "";
| |
− | display: block;
| |
− | }
| |
− | .centered-content-wrapper-container .centered-content-wrapper {
| |
− | float: left;
| |
− | display: block;
| |
− | margin-right: 2.3576520234%;
| |
− | width: 82.9403913294%;
| |
− | margin-left: 8.5298043353%;
| |
− | }
| |
− | .centered-content-wrapper-container .centered-content-wrapper:last-child {
| |
− | margin-right: 0;
| |
− | }
| |
− |
| |
− | .all-in-one-footer-container {
| |
− | max-width: 1200px;
| |
− | margin-left: auto;
| |
− | margin-right: auto;
| |
− | background-color: red;
| |
− | text-align: center;
| |
− | }
| |
− | .all-in-one-footer-container::after {
| |
− | clear: both;
| |
− | content: "";
| |
− | display: block;
| |
− | }
| |
− | .all-in-one-footer-container .all-in-one-footer-address {
| |
− | float: left;
| |
− | display: block;
| |
− | margin-right: 2.3576520234%;
| |
− | width: 100%;
| |
− | background-color: #1C1D2C;
| |
− | }
| |
− | .all-in-one-footer-container .all-in-one-footer-address:last-child {
| |
− | margin-right: 0;
| |
− | }
| |
− | .all-in-one-footer-container .all-in-one-footer-social {
| |
− | float: left;
| |
− | display: block;
| |
− | margin-right: 2.3576520234%;
| |
− | width: 100%;
| |
− | background-color: #1C1D2C;
| |
− | }
| |
− | .all-in-one-footer-container .all-in-one-footer-social:last-child {
| |
− | margin-right: 0;
| |
− | }
| |
− | .all-in-one-footer-container .all-in-one-sponsors {
| |
− | float: left;
| |
− | display: block;
| |
− | margin-right: 2.3576520234%;
| |
− | width: 100%;
| |
− | background-color: #000;
| |
− | }
| |
− | .all-in-one-footer-container .all-in-one-sponsors:last-child {
| |
− | margin-right: 0;
| |
− | }
| |
− | .all-in-one-footer-container .all-in-one-sponsors .cecos {
| |
− | float: left;
| |
− | display: block;
| |
− | margin-right: 2.3576520234%;
| |
− | width: 48.8211739883%;
| |
− | text-align: right;
| |
− | padding: 2.3576520234%;
| |
− | }
| |
− | .all-in-one-footer-container .all-in-one-sponsors .cecos:last-child {
| |
− | margin-right: 0;
| |
− | }
| |
− | .all-in-one-footer-container .all-in-one-sponsors .govt-kpk {
| |
− | float: left;
| |
− | display: block;
| |
− | margin-right: 2.3576520234%;
| |
− | width: 48.8211739883%;
| |
− | text-align: right;
| |
− | padding: 2.3576520234%;
| |
− | }
| |
− | .all-in-one-footer-container .all-in-one-sponsors .govt-kpk:last-child {
| |
− | margin-right: 0;
| |
− | }
| |
− | .all-in-one-footer-container .all-in-one-sponsors .dost {
| |
− | float: left;
| |
− | display: block;
| |
− | margin-right: 2.3576520234%;
| |
− | width: 48.8211739883%;
| |
− | text-align: left;
| |
− | margin-right: 0;
| |
− | padding: 2.3576520234%;
| |
− | }
| |
− | .all-in-one-footer-container .all-in-one-sponsors .dost:last-child {
| |
− | margin-right: 0;
| |
− | }
| |
− | .all-in-one-footer-container .all-in-one-sponsors .iib {
| |
− | float: left;
| |
− | display: block;
| |
− | margin-right: 2.3576520234%;
| |
− | width: 48.8211739883%;
| |
− | text-align: left;
| |
− | padding: 2.3576520234%;
| |
− | }
| |
− | .all-in-one-footer-container .all-in-one-sponsors .iib:last-child {
| |
− | margin-right: 0;
| |
− | }
| |
− | .all-in-one-footer-container .all-in-one-sponsors .govt-kpk img {
| |
− | max-width: 50%;
| |
− | }
| |
− | .all-in-one-footer-container .all-in-one-sponsors .dost img {
| |
− | max-width: 50%;
| |
− | }
| |
− | .all-in-one-footer-container .all-in-one-sponsors .cecos img {
| |
− | max-width: 50%;
| |
− | }
| |
− | .all-in-one-footer-container .all-in-one-sponsors .iib img {
| |
− | max-width: 50%;
| |
− | }
| |
− | .all-in-one-footer-container .all-in-one-sponsors .social-page-footer-svg {
| |
− | height: 35px;
| |
− | width: 35px;
| |
− | margin: 7px;
| |
− | }
| |
− | }
| |
− | .bourbon {
| |
− | -webkit-filter: grayscale(1);
| |
− | filter: grayscale(1);
| |
− | }
| |
− |
| |
− | .bourbon img:hover {
| |
− | content: url(https://static.igem.org/mediawiki/2016/3/3d/T--Peshawar--bourbon.png);
| |
− | }
| |
− |
| |
− | .neat img:hover {
| |
− | content: url(https://static.igem.org/mediawiki/2016/9/9d/T--Peshawar--neat.png);
| |
− | }
| |
− |
| |
− | .bitters img:hover {
| |
− | content: url(https://static.igem.org/mediawiki/2016/1/1a/T--Peshawar--bitters.png);
| |
− | }
| |
− |
| |
− | .refills img:hover {
| |
− | content: url(https://static.igem.org/mediawiki/2016/8/87/T--Peshawar--refills.png);
| |
− | }
| |
− |
| |
− | #email {
| |
− | width: 15px;
| |
− | }
| |
− |
| |
− | #location {
| |
− | width: 10px;
| |
− | }
| |
− |
| |
− | #phone {
| |
− | width: 10px;
| |
− | }
| |
− |
| |
− | #email,
| |
− | #location,
| |
− | #phone {
| |
− | -webkit-filter: brightness(5) contrast(0);
| |
− | margin-right: 4px;
| |
− | }
| |
− |
| |
− | .all-in-one-footer-address a,
| |
− | .all-in-one-footer-social a {
| |
− | text-decoration: none;
| |
− | color: inherit;
| |
− | }
| |
− | .all-in-one-footer-address #h4-email,
| |
− | .all-in-one-footer-social #h4-email {
| |
− | margin-top: 25px;
| |
− | }
| |
− | .all-in-one-footer-address #h4-phone,
| |
− | .all-in-one-footer-social #h4-phone {
| |
− | margin-top: 2px;
| |
− | }
| |
− | .all-in-one-footer-address a,
| |
− | .all-in-one-footer-social a {
| |
− | position: relative;
| |
− | }
| |
− | .all-in-one-footer-address a:before,
| |
− | .all-in-one-footer-social a:before {
| |
− | content: "";
| |
− | position: absolute;
| |
− | width: 100%;
| |
− | height: 2px;
| |
− | bottom: 0;
| |
− | left: 0;
| |
− | background-color: white;
| |
− | visibility: hidden;
| |
− | -webkit-transform: scaleX(0);
| |
− | transform: scaleX(0);
| |
− | -webkit-transition: all 0.2s ease-in-out 0s;
| |
− | transition: all 0.2s ease-in-out 0s;
| |
− | }
| |
− | .all-in-one-footer-address a:hover:before,
| |
− | .all-in-one-footer-social a:hover:before {
| |
− | visibility: visible;
| |
− | -webkit-transform: scaleX(1);
| |
− | transform: scaleX(1);
| |
− | }
| |
− |
| |
− | .all-in-one-footer-container h3 {
| |
− | color: white;
| |
− | }
| |
− | .all-in-one-footer-container h4 {
| |
− | color: #6A6A6A;
| |
− | }
| |
− |
| |
− | .wiki-design h4 {
| |
− | margin-top: 5px;
| |
− | }
| |
− | .wiki-design button {
| |
− | background-color: transparent;
| |
− | border: 3px solid #6A6A6A;
| |
− | border-radius: 0px;
| |
− | }
| |
− | .wiki-design button:hover {
| |
− | background-color: white;
| |
− | border: 3px solid white;
| |
− | color: #1C1D2C;
| |
− | }
| |
− | .wiki-design a {
| |
− | color: #6A6A6A;
| |
− | }
| |
− | .wiki-design a:hover {
| |
− | visibility: none;
| |
− | }
| |
− |
| |
− | body {
| |
− | background: #000;
| |
− | background-size: cover;
| |
− | }
| |
− |
| |
− | video {
| |
− | position: absolute;
| |
− | top: 0;
| |
− | left: 0;
| |
− | width: 100vw;
| |
− | height: 100vh;
| |
− | -o-object-fit: cover;
| |
− | object-fit: cover;
| |
− | -o-object-position: center;
| |
− | object-position: center;
| |
− | z-index: -1;
| |
− | }
| |
− |
| |
− | #video-title-home-page {
| |
− | min-height: 100vh;
| |
− | display: -webkit-box;
| |
− | display: -webkit-flex;
| |
− | display: -ms-flexbox;
| |
− | display: flex;
| |
− | -webkit-box-align: center;
| |
− | -webkit-align-items: center;
| |
− | -ms-flex-align: center;
| |
− | align-items: center;
| |
− | -webkit-box-pack: center;
| |
− | -webkit-justify-content: center;
| |
− | -ms-flex-pack: center;
| |
− | justify-content: center;
| |
− | text-align: center;
| |
− | }
| |
− | #video-title-home-page h2 {
| |
− | margin: 0;
| |
− | max-width: 750px;
| |
− | }
| |
− |
| |
− | .team-container {
| |
− | max-width: 100%;
| |
− | margin-left: auto;
| |
− | margin-right: auto;
| |
− | padding: 2.3576520234%;
| |
− | }
| |
− | .team-container::after {
| |
− | clear: both;
| |
− | content: "";
| |
− | display: block;
| |
− | }
| |
− | .team-container .team-wrapper .picture,
| |
− | .team-container .team-wrapper .picture-advisor {
| |
− | float: left;
| |
− | display: block;
| |
− | margin-right: 2.3576520234%;
| |
− | width: 23.2317609825%;
| |
− | text-align: center;
| |
− | }
| |
− | .team-container .team-wrapper .picture:last-child,
| |
− | .team-container .team-wrapper .picture-advisor:last-child {
| |
− | margin-right: 0;
| |
− | }
| |
− | .team-container .team-wrapper .bio {
| |
− | float: left;
| |
− | display: block;
| |
− | margin-right: 2.3576520234%;
| |
− | width: 74.4105869942%;
| |
− | }
| |
− | .team-container .team-wrapper .bio:last-child {
| |
− | margin-right: 0;
| |
− | }
| |
− | .team-container .team-wrapper .bio h4 {
| |
− | margin-bottom: 0px;
| |
− | margin-top: 0px;
| |
− | color: white;
| |
− | }
| |
− | .team-container .team-wrapper .bio h3 {
| |
− | margin-top: 0px;
| |
− | margin-bottom: 0px;
| |
− | color: white;
| |
− | }
| |
− | .team-container .team-wrapper .bio p:last-child {
| |
− | margin-bottom: 0;
| |
− | }
| |
− | .team-container .team-wrapper .bio p {
| |
− | color: rgba(255, 255, 255, 0.8);
| |
− | margin-top: 25px;
| |
− | }
| |
− |
| |
− | .ali {
| |
− | background-color: #000000;
| |
− | }
| |
− |
| |
− | .asif {
| |
− | background-color: #4b1437;
| |
− | }
| |
− |
| |
− | .hadi {
| |
− | background-color: #062140;
| |
− | }
| |
− |
| |
− | .ismail {
| |
− | background-color: #024667;
| |
− | }
| |
− |
| |
− | .maleeha {
| |
− | background-color: #18121E;
| |
− | }
| |
− |
| |
− | .mansoor {
| |
− | background-color: #155765;
| |
− | }
| |
− |
| |
− | .masoom {
| |
− | background-color: #5e0231;
| |
− | }
| |
− |
| |
− | .rabia {
| |
− | background-color: #1B0529;
| |
− | }
| |
− |
| |
− | .rayyan {
| |
− | background-color: #00303F;
| |
− | }
| |
− |
| |
− | .sami {
| |
− | background-color: #34223b;
| |
− | }
| |
− |
| |
− | .sarah {
| |
− | background-color: #192231;
| |
− | }
| |
− |
| |
− | .sidra {
| |
− | background-color: #083C5D;
| |
− | }
| |
− |
| |
− | .faisal {
| |
− | background-color: #000000;
| |
− | }
| |
− |
| |
− | .adil {
| |
− | background-color: #252839;
| |
− | }
| |
− |
| |
− | .adnan {
| |
− | background-color: #4D505B;
| |
− | }
| |
− |
| |
− | .ali:hover img {
| |
− | content: url("https://static.igem.org/mediawiki/2016/8/8f/T--Peshawar--ali-2.jpg");
| |
− | }
| |
− |
| |
− | .asif:hover img {
| |
− | content: url("https://static.igem.org/mediawiki/2016/a/a2/T--Peshawar--asif-2.jpg");
| |
− | }
| |
− |
| |
− | .hadi:hover img {
| |
− | content: url("https://static.igem.org/mediawiki/2016/8/83/T--Peshawar--hadi-2.jpg");
| |
− | }
| |
− |
| |
− | .ismail:hover img {
| |
− | content: url("https://static.igem.org/mediawiki/2016/b/ba/T--Peshawar--ismail-2.jpg");
| |
− | }
| |
− |
| |
− | .maleeha:hover img {
| |
− | content: url("https://static.igem.org/mediawiki/2016/e/e8/T--Peshawar--maleeha-2.jpg");
| |
− | }
| |
− |
| |
− | .mansoor:hover img {
| |
− | content: url("https://static.igem.org/mediawiki/2016/3/3d/T--Peshawar--mansoor-2.jpg");
| |
− | }
| |
− |
| |
− | .masoom:hover img {
| |
− | content: url("https://static.igem.org/mediawiki/2016/e/e9/T--Peshawar--masoom-2.jpg");
| |
− | }
| |
− |
| |
− | .rabia:hover img {
| |
− | content: url("https://static.igem.org/mediawiki/2016/e/ea/T--Peshawar--rabia-2.jpg");
| |
− | }
| |
− |
| |
− | .rayyan:hover img {
| |
− | content: url("https://static.igem.org/mediawiki/2016/7/7e/T--Peshawar--rayan-2.jpg");
| |
− | }
| |
− |
| |
− | .sami:hover img {
| |
− | content: url("https://static.igem.org/mediawiki/2016/0/09/T--Peshawar--sami-2.jpg");
| |
− | }
| |
− |
| |
− | .sarah:hover img {
| |
− | content: url("https://static.igem.org/mediawiki/2016/b/b8/T--Peshawar--sarah-2.jpg");
| |
− | }
| |
− |
| |
− | .sidra:hover img {
| |
− | content: url("https://static.igem.org/mediawiki/2016/1/17/T--Peshawar--sidra-2.jpg");
| |
− | }
| |
− |
| |
− | .picture img:hover {
| |
− | -webkit-animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
| |
− | animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
| |
− | -webkit-transform: translate3d(0, 0, 0);
| |
− | transform: translate3d(0, 0, 0);
| |
− | -webkit-backface-visibility: hidden;
| |
− | backface-visibility: hidden;
| |
− | -webkit-perspective: 1000px;
| |
− | perspective: 1000px;
| |
− | }
| |
− |
| |
− | @-webkit-keyframes shake {
| |
− | 10%,
| |
− | 90% {
| |
− | -webkit-transform: translate3d(-1px, 0, 0);
| |
− | transform: translate3d(-1px, 0, 0);
| |
− | }
| |
− | 20%,
| |
− | 80% {
| |
− | -webkit-transform: translate3d(2px, 0, 0);
| |
− | transform: translate3d(2px, 0, 0);
| |
− | }
| |
− | 30%,
| |
− | 50%,
| |
− | 70% {
| |
− | -webkit-transform: translate3d(-4px, 0, 0);
| |
− | transform: translate3d(-4px, 0, 0);
| |
− | }
| |
− | 40%,
| |
− | 60% {
| |
− | -webkit-transform: translate3d(4px, 0, 0);
| |
− | transform: translate3d(4px, 0, 0);
| |
− | }
| |
− | }
| |
− | @keyframes shake {
| |
− | 10%,
| |
− | 90% {
| |
− | -webkit-transform: translate3d(-1px, 0, 0);
| |
− | transform: translate3d(-1px, 0, 0);
| |
− | }
| |
− | 20%,
| |
− | 80% {
| |
− | -webkit-transform: translate3d(2px, 0, 0);
| |
− | transform: translate3d(2px, 0, 0);
| |
− | }
| |
− | 30%,
| |
− | 50%,
| |
− | 70% {
| |
− | -webkit-transform: translate3d(-4px, 0, 0);
| |
− | transform: translate3d(-4px, 0, 0);
| |
− | }
| |
− | 40%,
| |
− | 60% {
| |
− | -webkit-transform: translate3d(4px, 0, 0);
| |
− | transform: translate3d(4px, 0, 0);
| |
− | }
| |
− | }
| |
− | @media screen and (max-width: 1000px) {
| |
− | .team-container {
| |
− | max-width: 100%;
| |
− | margin-left: auto;
| |
− | margin-right: auto;
| |
− | padding: 2.3576520234%;
| |
− | }
| |
− | .team-container::after {
| |
− | clear: both;
| |
− | content: "";
| |
− | display: block;
| |
− | }
| |
− | .team-container .team-wrapper .picture,
| |
− | .team-container .team-wrapper .picture-advisor {
| |
− | float: left;
| |
− | display: block;
| |
− | margin-right: 2.3576520234%;
| |
− | width: 100%;
| |
− | text-align: center;
| |
− | }
| |
− | .team-container .team-wrapper .picture:last-child,
| |
− | .team-container .team-wrapper .picture-advisor:last-child {
| |
− | margin-right: 0;
| |
− | }
| |
− | .team-container .team-wrapper .bio {
| |
− | float: left;
| |
− | display: block;
| |
− | margin-right: 2.3576520234%;
| |
− | width: 100%;
| |
− | }
| |
− | .team-container .team-wrapper .bio:last-child {
| |
− | margin-right: 0;
| |
− | }
| |
− | .team-container .team-wrapper .bio h4,
| |
− | .team-container .team-wrapper .bio h3 {
| |
− | margin-top: 0;
| |
− | margin-bottom: 10px;
| |
− | text-align: center;
| |
− | }
| |
− | .team-container .team-wrapper .bio p:last-child {
| |
− | margin-bottom: 0;
| |
− | }
| |
− | }
| |
− | .social-team-footer {
| |
− | height: 30px;
| |
− | width: 30px;
| |
− | margin: 2px;
| |
− | }
| |
− | .social-team-footer #facebook-circle,
| |
− | .social-team-footer #twitter-circle,
| |
− | .social-team-footer #instagram-circle,
| |
− | .social-team-footer #web-circle,
| |
− | .social-team-footer #wordpress-circle,
| |
− | .social-team-footer #email-circle,
| |
− | .social-team-footer #linkedin-circle {
| |
− | opacity: 0;
| |
− | filter: alpha(opacity=0);
| |
− | }
| |
− | .social-team-footer #facebook,
| |
− | .social-team-footer #twitter,
| |
− | .social-team-footer #instagram,
| |
− | .social-team-footer #Shape,
| |
− | .social-team-footer #wordpress,
| |
− | .social-team-footer #envelope,
| |
− | .social-team-footer #linkedin {
| |
− | fill: white;
| |
− | }
| |
− |
| |
− | a svg:hover #facebook {
| |
− | fill: #3b5998;
| |
− | }
| |
− |
| |
− | a svg:hover #twitter {
| |
− | fill: #1da1f2;
| |
− | }
| |
− |
| |
− | a svg:hover #instagram {
| |
− | fill: #c13584;
| |
− | }
| |
− |
| |
− | a svg:hover #Shape {
| |
− | fill: #365ebf;
| |
− | }
| |
− |
| |
− | a svg:hover #wordpress {
| |
− | fill: #d54e21;
| |
− | }
| |
− |
| |
− | a svg:hover #envelope {
| |
− | fill: #C73524;
| |
− | }
| |
− |
| |
− | a svg:hover #linkedin {
| |
− | fill: #0077b5;
| |
− | }
| |
− |
| |
− | /* Hover transitions */
| |
− | a svg #facebook,
| |
− | a svg #twitter,
| |
− | a svg #instagram,
| |
− | a svg #Shape,
| |
− | a svg #wordpress,
| |
− | a svg #envelope,
| |
− | a svg #linkedin {
| |
− | transition: 200ms;
| |
− | transition-timing-function: ease-in-out;
| |
− | -webkit-transition: 200ms;
| |
− | -webkit-transition-timing-function: ease-in-out;
| |
− | }
| |
− |
| |
− | .adnan .picture-advisor img,
| |
− | .faisal .picture-advisor img,
| |
− | .adil .picture-advisor img {
| |
− | width: 200px;
| |
− | }
| |
− |
| |
− | .attributions-container {
| |
− | max-width: 100%;
| |
− | margin-left: auto;
| |
− | margin-right: auto;
| |
− | padding: 2.3576520234%;
| |
− | color: white;
| |
− | }
| |
− | .attributions-container::after {
| |
− | clear: both;
| |
− | content: "";
| |
− | display: block;
| |
− | }
| |
− | .attributions-container .attributions-wrapper .picture-attributions {
| |
− | float: left;
| |
− | display: block;
| |
− | margin-right: 2.3576520234%;
| |
− | width: 23.2317609825%;
| |
− | text-align: center;
| |
− | }
| |
− | .attributions-container .attributions-wrapper .picture-attributions:last-child {
| |
− | margin-right: 0;
| |
− | }
| |
− | .attributions-container .attributions-wrapper .bio {
| |
− | float: left;
| |
− | display: block;
| |
− | margin-right: 2.3576520234%;
| |
− | width: 74.4105869942%;
| |
− | }
| |
− | .attributions-container .attributions-wrapper .bio:last-child {
| |
− | margin-right: 0;
| |
− | }
| |
− | .attributions-container .attributions-wrapper .bio h4,
| |
− | .attributions-container .attributions-wrapper .bio h3 {
| |
− | margin-top: 0;
| |
− | margin-bottom: 10px;
| |
− | }
| |
− | .attributions-container .attributions-wrapper .bio p:last-child {
| |
− | margin-bottom: 0;
| |
− | }
| |
− |
| |
− | @media screen and (max-width: 1000px) {
| |
− | .attributions-container {
| |
− | max-width: 100%;
| |
− | margin-left: auto;
| |
− | margin-right: auto;
| |
− | padding: 2.3576520234%;
| |
− | }
| |
− | .attributions-container::after {
| |
− | clear: both;
| |
− | content: "";
| |
− | display: block;
| |
− | }
| |
− | .attributions-container .attributions-wrapper .picture-attributions {
| |
− | float: left;
| |
− | display: block;
| |
− | margin-right: 2.3576520234%;
| |
− | width: 100%;
| |
− | text-align: center;
| |
− | }
| |
− | .attributions-container .attributions-wrapper .picture-attributions:last-child {
| |
− | margin-right: 0;
| |
− | }
| |
− | .attributions-container .attributions-wrapper .picture-attributions img {
| |
− | width: 200px;
| |
− | }
| |
− | .attributions-container .attributions-wrapper .bio {
| |
− | float: left;
| |
− | display: block;
| |
− | margin-right: 2.3576520234%;
| |
− | width: 100%;
| |
− | }
| |
− | .attributions-container .attributions-wrapper .bio:last-child {
| |
− | margin-right: 0;
| |
− | }
| |
− | .attributions-container .attributions-wrapper .bio h4,
| |
− | .attributions-container .attributions-wrapper .bio h3 {
| |
− | margin-top: 0;
| |
− | margin-bottom: 10px;
| |
− | text-align: center;
| |
− | }
| |
− | .attributions-container .attributions-wrapper .bio p:last-child {
| |
− | margin-bottom: 0;
| |
− | }
| |
− | }
| |
− | .waqas {
| |
− | background-color: #4b1437;
| |
− | }
| |
− |
| |
− | .zabta {
| |
− | background-color: #173041;
| |
− | }
| |
− |
| |
− | .zaman {
| |
− | background-color: #291d33;
| |
− | }
| |
− |
| |
− | .siraj {
| |
− | background-color: #09132f;
| |
− | }
| |
− |
| |
− | .andrew {
| |
− | background-color: #002a33;
| |
− | }
| |
− |
| |
− | .fahim {
| |
− | background-color: #4c5456;
| |
− | }
| |
− |
| |
− | .illyas {
| |
− | background-color: #062140;
| |
− | }
| |
− |
| |
− | .johar {
| |
− | background-color: #024667;
| |
− | }
| |
− |
| |
− | .natasha {
| |
− | background-color: #18121E;
| |
− | }
| |
− |
| |
− | .mukhtar {
| |
− | background-color: #155765;
| |
− | }
| |
− |
| |
− | .rabail {
| |
− | background-color: #21263b;
| |
− | }
| |
− |
| |
− | .uzair {
| |
− | background-color: #1B0529;
| |
− | }
| |
− |
| |
− | .salman {
| |
− | background-color: #00303F;
| |
− | }
| |
− |
| |
− | .faaiz {
| |
− | background-color: #311c39;
| |
− | }
| |
− |
| |
− | .carlos {
| |
− | background-color: #192231;
| |
− | }
| |
− |
| |
− | .abida {
| |
− | background-color: #083C5D;
| |
− | }
| |
− |
| |
− | .waqas {
| |
− | background-color: #000000;
| |
− | }
| |
− |
| |
− | .vilnius {
| |
− | background-color: #252839;
| |
− | }
| |
− |
| |
− | .technion {
| |
− | background-color: #4D505B;
| |
− | }
| |
− |
| |
− | .iit {
| |
− | background-color: #331632;
| |
− | }
| |
− |
| |
− | .notebook-timeline {
| |
− | width: 100vw;
| |
− | height: 100vh;
| |
− | }
| |
− |
| |
− | .MathJax nobr > span.math > span {
| |
− | border-left-width: 0 !important;
| |
− | }
| |
− |
| |
− | .table-minimal {
| |
− | border-collapse: separate;
| |
− | border-spacing: 0;
| |
− | width: 100%;
| |
− | }
| |
− | .table-minimal tbody tr:hover > td, .table-minimal tbody tr:hover > th {
| |
− | background-color: #fafafa;
| |
− | }
| |
− | .table-minimal tbody tr:first-child td {
| |
− | border-top: 4px solid #ddd;
| |
− | }
| |
− | .table-minimal thead th {
| |
− | background-color: white;
| |
− | border-bottom: 0;
| |
− | padding: 0.75em 1em;
| |
− | text-align: left;
| |
− | }
| |
− | .table-minimal tbody {
| |
− | background-color: #fff;
| |
− | }
| |
− | .table-minimal tbody td {
| |
− | border-bottom: 0;
| |
− | border-top: 1px solid #ddd;
| |
− | line-height: 1.6;
| |
− | padding: 0.75em 1em;
| |
− | }
| |
− | .table-minimal tbody td button {
| |
− | display: inline-block;
| |
− | font-size: 0.7em;
| |
− | line-height: 1.6;
| |
− | margin-bottom: 0.3em;
| |
− | margin-right: 0.5em;
| |
− | outline: none;
| |
− | padding: 0.3em 1em;
| |
− | width: 100%;
| |
− | }
| |
− | @media screen and (min-width: 600px) {
| |
− | .table-minimal tbody td button {
| |
− | margin-bottom: 0;
| |
− | width: auto;
| |
− | }
| |
− | }
| |
− |
| |
− | .wiki img {
| |
− | display: block;
| |
− | margin: 0 auto;
| |
− | -webkit-filter: drop-shadow(5px 5px 5px #222);
| |
− | filter: drop-shadow(5px 5px 5px #222);
| |
− | }
| |