/* // 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; 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;
}
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() 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(); } .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(
); } .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(
); } .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(
); }
} @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();
}
.neat img:hover {
content: url();
}
.bitters img:hover {
content: url();
}
.refills img:hover {
content: url();
}
- 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("");
}
.asif:hover img {
content: url("");
}
.hadi:hover img {
content: url("");
}
.ismail:hover img {
content: url("");
}
.maleeha:hover img {
content: url("");
}
.mansoor:hover img {
content: url("");
}
.masoom:hover img {
content: url("");
}
.rabia:hover img {
content: url("");
}
.rayyan:hover img {
content: url("");
}
.sami:hover img {
content: url("");
}
.sarah:hover img {
content: url("");
}
.sidra:hover img {
content: url("");
}
.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);
}