body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, select, textarea, p, blockquote, th, td, iframe { margin: 0; padding: 0; } :focus { outline: 0; } input::-webkit-search-cancel-button { /* Remove default */ -webkit-appearance: none; } table { border-collapse: collapse; border-spacing: 0; } fieldset, img, iframe { border: 0; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } ol, ul { list-style-position: inside; } ol > li, ul > li { list-style-position: inside; } input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; border: 0 none; } img { width: auto\9; height: auto; vertical-align: middle; -ms-interpolation-mode: bicubic; } a { color: inherit; text-decoration: none; } @font-face { font-family: 'FontAwesome'; src: url("../font/fontawesome-webfont.eot?v=4.3.0"); src: url("../font/fontawesome-webfont.eot?#iefix&v=4.3.0") format("embedded-opentype"), url("../font/fontawesome-webfont.woff2?v=4.3.0") format("woff2"), url("../font/fontawesome-webfont.woff?v=4.3.0") format("woff"), url("../font/fontawesome-webfont.ttf?v=4.3.0") format("truetype"), url("../font/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; } [class*="icon-"] { display: inline-block; text-align: center; font-family: "FontAwesome"; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: inherit; text-rendering: auto; transform: translate(0, 0); } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .icon-glass:before { content: "\f000"; } .icon-music:before { content: "\f001"; } .icon-search:before { content: "\f002"; } .icon-envelope-o:before { content: "\f003"; } .icon-heart:before { content: "\f004"; } .icon-star:before { content: "\f005"; } .icon-star-o:before { content: "\f006"; } .icon-user:before { content: "\f007"; } .icon-film:before { content: "\f008"; } .icon-th-large:before { content: "\f009"; } .icon-th:before { content: "\f00a"; } .icon-th-list:before { content: "\f00b"; } .icon-check:before { content: "\f00c"; } .icon-remove:before, .icon-close:before, .icon-times:before { content: "\f00d"; } .icon-search-plus:before { content: "\f00e"; } .icon-search-minus:before { content: "\f010"; } .icon-power-off:before { content: "\f011"; } .icon-signal:before { content: "\f012"; } .icon-gear:before, .icon-cog:before { content: "\f013"; } .icon-trash-o:before { content: "\f014"; } .icon-home:before { content: "\f015"; } .icon-file-o:before { content: "\f016"; } .icon-clock-o:before { content: "\f017"; } .icon-road:before { content: "\f018"; } .icon-download:before { content: "\f019"; } .icon-arrow-circle-o-down:before { content: "\f01a"; } .icon-arrow-circle-o-up:before { content: "\f01b"; } .icon-inbox:before { content: "\f01c"; } .icon-play-circle-o:before { content: "\f01d"; } .icon-rotate-right:before, .icon-repeat:before { content: "\f01e"; } .icon-refresh:before { content: "\f021"; } .icon-list-alt:before { content: "\f022"; } .icon-lock:before { content: "\f023"; } .icon-flag:before { content: "\f024"; } .icon-headphones:before { content: "\f025"; } .icon-volume-off:before { content: "\f026"; } .icon-volume-down:before { content: "\f027"; } .icon-volume-up:before { content: "\f028"; } .icon-qrcode:before { content: "\f029"; } .icon-barcode:before { content: "\f02a"; } .icon-tag:before { content: "\f02b"; } .icon-tags:before { content: "\f02c"; } .icon-book:before { content: "\f02d"; } .icon-bookmark:before { content: "\f02e"; } .icon-print:before { content: "\f02f"; } .icon-camera:before { content: "\f030"; } .icon-font:before { content: "\f031"; } .icon-bold:before { content: "\f032"; } .icon-italic:before { content: "\f033"; } .icon-text-height:before { content: "\f034"; } .icon-text-width:before { content: "\f035"; } .icon-align-left:before { content: "\f036"; } .icon-align-center:before { content: "\f037"; } .icon-align-right:before { content: "\f038"; } .icon-align-justify:before { content: "\f039"; } .icon-list:before { content: "\f03a"; } .icon-dedent:before, .icon-outdent:before { content: "\f03b"; } .icon-indent:before { content: "\f03c"; } .icon-video-camera:before { content: "\f03d"; } .icon-photo:before, .icon-image:before, .icon-picture-o:before { content: "\f03e"; } .icon-pencil:before { content: "\f040"; } .icon-map-marker:before { content: "\f041"; } .icon-adjust:before { content: "\f042"; } .icon-tint:before { content: "\f043"; } .icon-edit:before, .icon-pencil-square-o:before { content: "\f044"; } .icon-share-square-o:before { content: "\f045"; } .icon-check-square-o:before { content: "\f046"; } .icon-arrows:before { content: "\f047"; } .icon-step-backward:before { content: "\f048"; } .icon-fast-backward:before { content: "\f049"; } .icon-backward:before { content: "\f04a"; } .icon-play:before { content: "\f04b"; } .icon-pause:before { content: "\f04c"; } .icon-stop:before { content: "\f04d"; } .icon-forward:before { content: "\f04e"; } .icon-fast-forward:before { content: "\f050"; } .icon-step-forward:before { content: "\f051"; } .icon-eject:before { content: "\f052"; } .icon-chevron-left:before { content: "\f053"; } .icon-chevron-right:before { content: "\f054"; } .icon-plus-circle:before { content: "\f055"; } .icon-minus-circle:before { content: "\f056"; } .icon-times-circle:before { content: "\f057"; } .icon-check-circle:before { content: "\f058"; } .icon-question-circle:before { content: "\f059"; } .icon-info-circle:before { content: "\f05a"; } .icon-crosshairs:before { content: "\f05b"; } .icon-times-circle-o:before { content: "\f05c"; } .icon-check-circle-o:before { content: "\f05d"; } .icon-ban:before { content: "\f05e"; } .icon-arrow-left:before { content: "\f060"; } .icon-arrow-right:before { content: "\f061"; } .icon-arrow-up:before { content: "\f062"; } .icon-arrow-down:before { content: "\f063"; } .icon-mail-forward:before, .icon-share:before { content: "\f064"; } .icon-expand:before { content: "\f065"; } .icon-compress:before { content: "\f066"; } .icon-plus:before { content: "\f067"; } .icon-minus:before { content: "\f068"; } .icon-asterisk:before { content: "\f069"; } .icon-exclamation-circle:before { content: "\f06a"; } .icon-gift:before { content: "\f06b"; } .icon-leaf:before { content: "\f06c"; } .icon-fire:before { content: "\f06d"; } .icon-eye:before { content: "\f06e"; } .icon-eye-slash:before { content: "\f070"; } .icon-warning:before, .icon-exclamation-triangle:before { content: "\f071"; } .icon-plane:before { content: "\f072"; } .icon-calendar:before { content: "\f073"; } .icon-random:before { content: "\f074"; } .icon-comment:before { content: "\f075"; } .icon-magnet:before { content: "\f076"; } .icon-chevron-up:before { content: "\f077"; } .icon-chevron-down:before { content: "\f078"; } .icon-retweet:before { content: "\f079"; } .icon-shopping-cart:before { content: "\f07a"; } .icon-folder:before { content: "\f07b"; } .icon-folder-open:before { content: "\f07c"; } .icon-arrows-v:before { content: "\f07d"; } .icon-arrows-h:before { content: "\f07e"; } .icon-bar-chart-o:before, .icon-bar-chart:before { content: "\f080"; } .icon-twitter-square:before { content: "\f081"; } .icon-facebook-square:before { content: "\f082"; } .icon-camera-retro:before { content: "\f083"; } .icon-key:before { content: "\f084"; } .icon-gears:before, .icon-cogs:before { content: "\f085"; } .icon-comments:before { content: "\f086"; } .icon-thumbs-o-up:before { content: "\f087"; } .icon-thumbs-o-down:before { content: "\f088"; } .icon-star-half:before { content: "\f089"; } .icon-heart-o:before { content: "\f08a"; } .icon-sign-out:before { content: "\f08b"; } .icon-linkedin-square:before { content: "\f08c"; } .icon-thumb-tack:before { content: "\f08d"; } .icon-external-link:before { content: "\f08e"; } .icon-sign-in:before { content: "\f090"; } .icon-trophy:before { content: "\f091"; } .icon-github-square:before { content: "\f092"; } .icon-upload:before { content: "\f093"; } .icon-lemon-o:before { content: "\f094"; } .icon-phone:before { content: "\f095"; } .icon-square-o:before { content: "\f096"; } .icon-bookmark-o:before { content: "\f097"; } .icon-phone-square:before { content: "\f098"; } .icon-twitter:before { content: "\f099"; } .icon-facebook-f:before, .icon-facebook:before { content: "\f09a"; } .icon-github:before { content: "\f09b"; } .icon-unlock:before { content: "\f09c"; } .icon-credit-card:before { content: "\f09d"; } .icon-rss:before { content: "\f09e"; } .icon-hdd-o:before { content: "\f0a0"; } .icon-bullhorn:before { content: "\f0a1"; } .icon-bell:before { content: "\f0f3"; } .icon-certificate:before { content: "\f0a3"; } .icon-hand-o-right:before { content: "\f0a4"; } .icon-hand-o-left:before { content: "\f0a5"; } .icon-hand-o-up:before { content: "\f0a6"; } .icon-hand-o-down:before { content: "\f0a7"; } .icon-arrow-circle-left:before { content: "\f0a8"; } .icon-arrow-circle-right:before { content: "\f0a9"; } .icon-arrow-circle-up:before { content: "\f0aa"; } .icon-arrow-circle-down:before { content: "\f0ab"; } .icon-globe:before { content: "\f0ac"; } .icon-wrench:before { content: "\f0ad"; } .icon-tasks:before { content: "\f0ae"; } .icon-filter:before { content: "\f0b0"; } .icon-briefcase:before { content: "\f0b1"; } .icon-arrows-alt:before { content: "\f0b2"; } .icon-group:before, .icon-users:before { content: "\f0c0"; } .icon-chain:before, .icon-link:before { content: "\f0c1"; } .icon-cloud:before { content: "\f0c2"; } .icon-flask:before { content: "\f0c3"; } .icon-cut:before, .icon-scissors:before { content: "\f0c4"; } .icon-copy:before, .icon-files-o:before { content: "\f0c5"; } .icon-paperclip:before { content: "\f0c6"; } .icon-save:before, .icon-floppy-o:before { content: "\f0c7"; } .icon-square:before { content: "\f0c8"; } .icon-navicon:before, .icon-reorder:before, .icon-bars:before { content: "\f0c9"; } .icon-list-ul:before { content: "\f0ca"; } .icon-list-ol:before { content: "\f0cb"; } .icon-strikethrough:before { content: "\f0cc"; } .icon-underline:before { content: "\f0cd"; } .icon-table:before { content: "\f0ce"; } .icon-magic:before { content: "\f0d0"; } .icon-truck:before { content: "\f0d1"; } .icon-pinterest:before { content: "\f0d2"; } .icon-pinterest-square:before { content: "\f0d3"; } .icon-google-plus-square:before { content: "\f0d4"; } .icon-google-plus:before { content: "\f0d5"; } .icon-money:before { content: "\f0d6"; } .icon-caret-down:before { content: "\f0d7"; } .icon-caret-up:before { content: "\f0d8"; } .icon-caret-left:before { content: "\f0d9"; } .icon-caret-right:before { content: "\f0da"; } .icon-columns:before { content: "\f0db"; } .icon-unsorted:before, .icon-sort:before { content: "\f0dc"; } .icon-sort-down:before, .icon-sort-desc:before { content: "\f0dd"; } .icon-sort-up:before, .icon-sort-asc:before { content: "\f0de"; } .icon-envelope:before { content: "\f0e0"; } .icon-linkedin:before { content: "\f0e1"; } .icon-rotate-left:before, .icon-undo:before { content: "\f0e2"; } .icon-legal:before, .icon-gavel:before { content: "\f0e3"; } .icon-dashboard:before, .icon-tachometer:before { content: "\f0e4"; } .icon-comment-o:before { content: "\f0e5"; } .icon-comments-o:before { content: "\f0e6"; } .icon-flash:before, .icon-bolt:before { content: "\f0e7"; } .icon-sitemap:before { content: "\f0e8"; } .icon-umbrella:before { content: "\f0e9"; } .icon-paste:before, .icon-clipboard:before { content: "\f0ea"; } .icon-lightbulb-o:before { content: "\f0eb"; } .icon-exchange:before { content: "\f0ec"; } .icon-cloud-download:before { content: "\f0ed"; } .icon-cloud-upload:before { content: "\f0ee"; } .icon-user-md:before { content: "\f0f0"; } .icon-stethoscope:before { content: "\f0f1"; } .icon-suitcase:before { content: "\f0f2"; } .icon-bell-o:before { content: "\f0a2"; } .icon-coffee:before { content: "\f0f4"; } .icon-cutlery:before { content: "\f0f5"; } .icon-file-text-o:before { content: "\f0f6"; } .icon-building-o:before { content: "\f0f7"; } .icon-hospital-o:before { content: "\f0f8"; } .icon-ambulance:before { content: "\f0f9"; } .icon-medkit:before { content: "\f0fa"; } .icon-fighter-jet:before { content: "\f0fb"; } .icon-beer:before { content: "\f0fc"; } .icon-h-square:before { content: "\f0fd"; } .icon-plus-square:before { content: "\f0fe"; } .icon-angle-double-left:before { content: "\f100"; } .icon-angle-double-right:before { content: "\f101"; } .icon-angle-double-up:before { content: "\f102"; } .icon-angle-double-down:before { content: "\f103"; } .icon-angle-left:before { content: "\f104"; } .icon-angle-right:before { content: "\f105"; } .icon-angle-up:before { content: "\f106"; } .icon-angle-down:before { content: "\f107"; } .icon-desktop:before { content: "\f108"; } .icon-laptop:before { content: "\f109"; } .icon-tablet:before { content: "\f10a"; } .icon-mobile-phone:before, .icon-mobile:before { content: "\f10b"; } .icon-circle-o:before { content: "\f10c"; } .icon-quote-left:before { content: "\f10d"; } .icon-quote-right:before { content: "\f10e"; } .icon-spinner:before { content: "\f110"; } .icon-circle:before { content: "\f111"; } .icon-mail-reply:before, .icon-reply:before { content: "\f112"; } .icon-github-alt:before { content: "\f113"; } .icon-folder-o:before { content: "\f114"; } .icon-folder-open-o:before { content: "\f115"; } .icon-smile-o:before { content: "\f118"; } .icon-frown-o:before { content: "\f119"; } .icon-meh-o:before { content: "\f11a"; } .icon-gamepad:before { content: "\f11b"; } .icon-keyboard-o:before { content: "\f11c"; } .icon-flag-o:before { content: "\f11d"; } .icon-flag-checkered:before { content: "\f11e"; } .icon-terminal:before { content: "\f120"; } .icon-code:before { content: "\f121"; } .icon-mail-reply-all:before, .icon-reply-all:before { content: "\f122"; } .icon-star-half-empty:before, .icon-star-half-full:before, .icon-star-half-o:before { content: "\f123"; } .icon-location-arrow:before { content: "\f124"; } .icon-crop:before { content: "\f125"; } .icon-code-fork:before { content: "\f126"; } .icon-unlink:before, .icon-chain-broken:before { content: "\f127"; } .icon-question:before { content: "\f128"; } .icon-info:before { content: "\f129"; } .icon-exclamation:before { content: "\f12a"; } .icon-superscript:before { content: "\f12b"; } .icon-subscript:before { content: "\f12c"; } .icon-eraser:before { content: "\f12d"; } .icon-puzzle-piece:before { content: "\f12e"; } .icon-microphone:before { content: "\f130"; } .icon-microphone-slash:before { content: "\f131"; } .icon-shield:before { content: "\f132"; } .icon-calendar-o:before { content: "\f133"; } .icon-fire-extinguisher:before { content: "\f134"; } .icon-rocket:before { content: "\f135"; } .icon-maxcdn:before { content: "\f136"; } .icon-chevron-circle-left:before { content: "\f137"; } .icon-chevron-circle-right:before { content: "\f138"; } .icon-chevron-circle-up:before { content: "\f139"; } .icon-chevron-circle-down:before { content: "\f13a"; } .icon-html5:before { content: "\f13b"; } .icon-css3:before { content: "\f13c"; } .icon-anchor:before { content: "\f13d"; } .icon-unlock-alt:before { content: "\f13e"; } .icon-bullseye:before { content: "\f140"; } .icon-ellipsis-h:before { content: "\f141"; } .icon-ellipsis-v:before { content: "\f142"; } .icon-rss-square:before { content: "\f143"; } .icon-play-circle:before { content: "\f144"; } .icon-ticket:before { content: "\f145"; } .icon-minus-square:before { content: "\f146"; } .icon-minus-square-o:before { content: "\f147"; } .icon-level-up:before { content: "\f148"; } .icon-level-down:before { content: "\f149"; } .icon-check-square:before { content: "\f14a"; } .icon-pencil-square:before { content: "\f14b"; } .icon-external-link-square:before { content: "\f14c"; } .icon-share-square:before { content: "\f14d"; } .icon-compass:before { content: "\f14e"; } .icon-toggle-down:before, .icon-caret-square-o-down:before { content: "\f150"; } .icon-toggle-up:before, .icon-caret-square-o-up:before { content: "\f151"; } .icon-toggle-right:before, .icon-caret-square-o-right:before { content: "\f152"; } .icon-euro:before, .icon-eur:before { content: "\f153"; } .icon-gbp:before { content: "\f154"; } .icon-dollar:before, .icon-usd:before { content: "\f155"; } .icon-rupee:before, .icon-inr:before { content: "\f156"; } .icon-cny:before, .icon-rmb:before, .icon-yen:before, .icon-jpy:before { content: "\f157"; } .icon-ruble:before, .icon-rouble:before, .icon-rub:before { content: "\f158"; } .icon-won:before, .icon-krw:before { content: "\f159"; } .icon-bitcoin:before, .icon-btc:before { content: "\f15a"; } .icon-file:before { content: "\f15b"; } .icon-file-text:before { content: "\f15c"; } .icon-sort-alpha-asc:before { content: "\f15d"; } .icon-sort-alpha-desc:before { content: "\f15e"; } .icon-sort-amount-asc:before { content: "\f160"; } .icon-sort-amount-desc:before { content: "\f161"; } .icon-sort-numeric-asc:before { content: "\f162"; } .icon-sort-numeric-desc:before { content: "\f163"; } .icon-thumbs-up:before { content: "\f164"; } .icon-thumbs-down:before { content: "\f165"; } .icon-youtube-square:before { content: "\f166"; } .icon-youtube:before { content: "\f167"; } .icon-xing:before { content: "\f168"; } .icon-xing-square:before { content: "\f169"; } .icon-youtube-play:before { content: "\f16a"; } .icon-dropbox:before { content: "\f16b"; } .icon-stack-overflow:before { content: "\f16c"; } .icon-instagram:before { content: "\f16d"; } .icon-flickr:before { content: "\f16e"; } .icon-adn:before { content: "\f170"; } .icon-bitbucket:before { content: "\f171"; } .icon-bitbucket-square:before { content: "\f172"; } .icon-tumblr:before { content: "\f173"; } .icon-tumblr-square:before { content: "\f174"; } .icon-long-arrow-down:before { content: "\f175"; } .icon-long-arrow-up:before { content: "\f176"; } .icon-long-arrow-left:before { content: "\f177"; } .icon-long-arrow-right:before { content: "\f178"; } .icon-apple:before { content: "\f179"; } .icon-windows:before { content: "\f17a"; } .icon-android:before { content: "\f17b"; } .icon-linux:before { content: "\f17c"; } .icon-dribbble:before { content: "\f17d"; } .icon-skype:before { content: "\f17e"; } .icon-foursquare:before { content: "\f180"; } .icon-trello:before { content: "\f181"; } .icon-female:before { content: "\f182"; } .icon-male:before { content: "\f183"; } .icon-gittip:before, .icon-gratipay:before { content: "\f184"; } .icon-sun-o:before { content: "\f185"; } .icon-moon-o:before { content: "\f186"; } .icon-archive:before { content: "\f187"; } .icon-bug:before { content: "\f188"; } .icon-vk:before { content: "\f189"; } .icon-weibo:before { content: "\f18a"; } .icon-renren:before { content: "\f18b"; } .icon-pagelines:before { content: "\f18c"; } .icon-stack-exchange:before { content: "\f18d"; } .icon-arrow-circle-o-right:before { content: "\f18e"; } .icon-arrow-circle-o-left:before { content: "\f190"; } .icon-toggle-left:before, .icon-caret-square-o-left:before { content: "\f191"; } .icon-dot-circle-o:before { content: "\f192"; } .icon-wheelchair:before { content: "\f193"; } .icon-vimeo-square:before { content: "\f194"; } .icon-turkish-lira:before, .icon-try:before { content: "\f195"; } .icon-plus-square-o:before { content: "\f196"; } .icon-space-shuttle:before { content: "\f197"; } .icon-slack:before { content: "\f198"; } .icon-envelope-square:before { content: "\f199"; } .icon-wordpress:before { content: "\f19a"; } .icon-openid:before { content: "\f19b"; } .icon-institution:before, .icon-bank:before, .icon-university:before { content: "\f19c"; } .icon-mortar-board:before, .icon-graduation-cap:before { content: "\f19d"; } .icon-yahoo:before { content: "\f19e"; } .icon-google:before { content: "\f1a0"; } .icon-reddit:before { content: "\f1a1"; } .icon-reddit-square:before { content: "\f1a2"; } .icon-stumbleupon-circle:before { content: "\f1a3"; } .icon-stumbleupon:before { content: "\f1a4"; } .icon-delicious:before { content: "\f1a5"; } .icon-digg:before { content: "\f1a6"; } .icon-pied-piper:before { content: "\f1a7"; } .icon-pied-piper-alt:before { content: "\f1a8"; } .icon-drupal:before { content: "\f1a9"; } .icon-joomla:before { content: "\f1aa"; } .icon-language:before { content: "\f1ab"; } .icon-fax:before { content: "\f1ac"; } .icon-building:before { content: "\f1ad"; } .icon-child:before { content: "\f1ae"; } .icon-paw:before { content: "\f1b0"; } .icon-spoon:before { content: "\f1b1"; } .icon-cube:before { content: "\f1b2"; } .icon-cubes:before { content: "\f1b3"; } .icon-behance:before { content: "\f1b4"; } .icon-behance-square:before { content: "\f1b5"; } .icon-steam:before { content: "\f1b6"; } .icon-steam-square:before { content: "\f1b7"; } .icon-recycle:before { content: "\f1b8"; } .icon-automobile:before, .icon-car:before { content: "\f1b9"; } .icon-cab:before, .icon-taxi:before { content: "\f1ba"; } .icon-tree:before { content: "\f1bb"; } .icon-spotify:before { content: "\f1bc"; } .icon-deviantart:before { content: "\f1bd"; } .icon-soundcloud:before { content: "\f1be"; } .icon-database:before { content: "\f1c0"; } .icon-file-pdf-o:before { content: "\f1c1"; } .icon-file-word-o:before { content: "\f1c2"; } .icon-file-excel-o:before { content: "\f1c3"; } .icon-file-powerpoint-o:before { content: "\f1c4"; } .icon-file-photo-o:before, .icon-file-picture-o:before, .icon-file-image-o:before { content: "\f1c5"; } .icon-file-zip-o:before, .icon-file-archive-o:before { content: "\f1c6"; } .icon-file-sound-o:before, .icon-file-audio-o:before { content: "\f1c7"; } .icon-file-movie-o:before, .icon-file-video-o:before { content: "\f1c8"; } .icon-file-code-o:before { content: "\f1c9"; } .icon-vine:before { content: "\f1ca"; } .icon-codepen:before { content: "\f1cb"; } .icon-jsfiddle:before { content: "\f1cc"; } .icon-life-bouy:before, .icon-life-buoy:before, .icon-life-saver:before, .icon-support:before, .icon-life-ring:before { content: "\f1cd"; } .icon-circle-o-notch:before { content: "\f1ce"; } .icon-ra:before, .icon-rebel:before { content: "\f1d0"; } .icon-ge:before, .icon-empire:before { content: "\f1d1"; } .icon-git-square:before { content: "\f1d2"; } .icon-git:before { content: "\f1d3"; } .icon-hacker-news:before { content: "\f1d4"; } .icon-tencent-weibo:before { content: "\f1d5"; } .icon-qq:before { content: "\f1d6"; } .icon-wechat:before, .icon-weixin:before { content: "\f1d7"; } .icon-send:before, .icon-paper-plane:before { content: "\f1d8"; } .icon-send-o:before, .icon-paper-plane-o:before { content: "\f1d9"; } .icon-history:before { content: "\f1da"; } .icon-genderless:before, .icon-circle-thin:before { content: "\f1db"; } .icon-header:before { content: "\f1dc"; } .icon-paragraph:before { content: "\f1dd"; } .icon-sliders:before { content: "\f1de"; } .icon-share-alt:before { content: "\f1e0"; } .icon-share-alt-square:before { content: "\f1e1"; } .icon-bomb:before { content: "\f1e2"; } .icon-soccer-ball-o:before, .icon-futbol-o:before { content: "\f1e3"; } .icon-tty:before { content: "\f1e4"; } .icon-binoculars:before { content: "\f1e5"; } .icon-plug:before { content: "\f1e6"; } .icon-slideshare:before { content: "\f1e7"; } .icon-twitch:before { content: "\f1e8"; } .icon-yelp:before { content: "\f1e9"; } .icon-newspaper-o:before { content: "\f1ea"; } .icon-wifi:before { content: "\f1eb"; } .icon-calculator:before { content: "\f1ec"; } .icon-paypal:before { content: "\f1ed"; } .icon-google-wallet:before { content: "\f1ee"; } .icon-cc-visa:before { content: "\f1f0"; } .icon-cc-mastercard:before { content: "\f1f1"; } .icon-cc-discover:before { content: "\f1f2"; } .icon-cc-amex:before { content: "\f1f3"; } .icon-cc-paypal:before { content: "\f1f4"; } .icon-cc-stripe:before { content: "\f1f5"; } .icon-bell-slash:before { content: "\f1f6"; } .icon-bell-slash-o:before { content: "\f1f7"; } .icon-trash:before { content: "\f1f8"; } .icon-copyright:before { content: "\f1f9"; } .icon-at:before { content: "\f1fa"; } .icon-eyedropper:before { content: "\f1fb"; } .icon-paint-brush:before { content: "\f1fc"; } .icon-birthday-cake:before { content: "\f1fd"; } .icon-area-chart:before { content: "\f1fe"; } .icon-pie-chart:before { content: "\f200"; } .icon-line-chart:before { content: "\f201"; } .icon-lastfm:before { content: "\f202"; } .icon-lastfm-square:before { content: "\f203"; } .icon-toggle-off:before { content: "\f204"; } .icon-toggle-on:before { content: "\f205"; } .icon-bicycle:before { content: "\f206"; } .icon-bus:before { content: "\f207"; } .icon-ioxhost:before { content: "\f208"; } .icon-angellist:before { content: "\f209"; } .icon-cc:before { content: "\f20a"; } .icon-shekel:before, .icon-sheqel:before, .icon-ils:before { content: "\f20b"; } .icon-meanpath:before { content: "\f20c"; } .icon-buysellads:before { content: "\f20d"; } .icon-connectdevelop:before { content: "\f20e"; } .icon-dashcube:before { content: "\f210"; } .icon-forumbee:before { content: "\f211"; } .icon-leanpub:before { content: "\f212"; } .icon-sellsy:before { content: "\f213"; } .icon-shirtsinbulk:before { content: "\f214"; } .icon-simplybuilt:before { content: "\f215"; } .icon-skyatlas:before { content: "\f216"; } .icon-cart-plus:before { content: "\f217"; } .icon-cart-arrow-down:before { content: "\f218"; } .icon-diamond:before { content: "\f219"; } .icon-ship:before { content: "\f21a"; } .icon-user-secret:before { content: "\f21b"; } .icon-motorcycle:before { content: "\f21c"; } .icon-street-view:before { content: "\f21d"; } .icon-heartbeat:before { content: "\f21e"; } .icon-venus:before { content: "\f221"; } .icon-mars:before { content: "\f222"; } .icon-mercury:before { content: "\f223"; } .icon-transgender:before { content: "\f224"; } .icon-transgender-alt:before { content: "\f225"; } .icon-venus-double:before { content: "\f226"; } .icon-mars-double:before { content: "\f227"; } .icon-venus-mars:before { content: "\f228"; } .icon-mars-stroke:before { content: "\f229"; } .icon-mars-stroke-v:before { content: "\f22a"; } .icon-mars-stroke-h:before { content: "\f22b"; } .icon-neuter:before { content: "\f22c"; } .icon-facebook-official:before { content: "\f230"; } .icon-pinterest-p:before { content: "\f231"; } .icon-whatsapp:before { content: "\f232"; } .icon-server:before { content: "\f233"; } .icon-user-plus:before { content: "\f234"; } .icon-user-times:before { content: "\f235"; } .icon-hotel:before, .icon-bed:before { content: "\f236"; } .icon-viacoin:before { content: "\f237"; } .icon-train:before { content: "\f238"; } .icon-subway:before { content: "\f239"; } .icon-medium:before { content: "\f23a"; } html { height: 100%; font-size: 16px; } body { font-family: 'Source Sans Pro', sans-serif; line-height: 1.3333; } #window { min-height: 100vh; background: #f5f5f5; } .badge { background: #216C2A; display: inline-block; padding: 2px; color: white; border-radius: 2px; } .credit-amount--indicator { font-weight: bold; color: #216C2A; } #main-content { padding: 24px; margin-top: 60px; display: flex; flex-direction: column; } #main-content main { margin-left: auto; margin-right: auto; max-width: 100%; } #main-content main.main--single-column { width: 800px; } main.main--refreshing:before { position: absolute; background: url("../img/busy.gif") no-repeat center center; width: 30px; height: 24px; content: ""; left: 50%; margin-left: -15px; display: inline-block; } .icon-fixed-width { /* This borrowed is from a component of Font Awesome we're not using, maybe add it? */ width: 1.28571em; text-align: center; } h2 { font-size: 1.75em; } h3 { font-size: 1.4em; } h4 { font-size: 1.2em; } h5 { font-size: 1.1em; } sup, sub { vertical-align: baseline; position: relative; } sup { top: -0.4em; } sub { top: 0.4em; } code { font: 0.8em Consolas, 'Lucida Console', 'Source Sans', monospace; background-color: #eee; } p { margin-bottom: 0.8em; } p:last-child { margin-bottom: 0; } .hidden { display: none; } .disabled { pointer-events: none; opacity: 0.7; } .truncated-text { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; } .busy-indicator { background: url("../img/busy.gif") no-repeat center center; display: inline-block; margin: -1em 0; min-width: 16px; min-height: 8px; vertical-align: middle; padding: 0 30px; } .busy-indicator:last-child { padding-right: 2px; } .busy-indicator:first-child { padding-left: 2px; } /*should this be here or work this way? had to hack additional rule below*/ .icon:only-child { position: relative; top: 0.16em; } .icon-featured > .icon { top: 0; } .help { font-size: .85em; color: rgba(0, 0, 0, 0.6); } .meta { font-size: 0.9em; color: #505050; } .empty { color: #505050; font-style: italic; } /*should be redone/moved*/ .file-list__header .busy-indicator { float: left; margin-top: 12px; } .sort-section { display: block; margin-bottom: 16px; text-align: right; line-height: 1; font-size: 0.85em; color: rgba(0, 0, 0, 0.6); } section.section-spaced { margin-bottom: 24px; } .text-center { text-align: center; } table.table-standard { word-wrap: break-word; max-width: 100%; } table.table-standard th, table.table-standard td { padding: 12px 8px; } table.table-standard th { font-weight: bold; font-size: 0.9em; } table.table-standard td { vertical-align: top; } table.table-standard thead th, table.table-standard > tr:first-child th { vertical-align: bottom; font-weight: bold; font-size: 0.9em; padding: 7px 8px 4px; text-align: left; border-bottom: 1px solid #e2e2e2; } table.table-standard thead th img, table.table-standard > tr:first-child th img { vertical-align: text-bottom; } table.table-standard tr.thead:not(:first-child) th { border-top: 1px solid #e2e2e2; } table.table-standard tfoot td { padding: 12px 8px; font-size: .85em; } table.table-standard tbody tr:nth-child(even):not(.odd) { background-color: #f4f4f4; } table.table-standard tbody tr:nth-child(odd):not(.even) { background-color: white; } table.table-standard tbody tr.thead { background: none; } table.table-standard tbody tr td { border: 0 none; } table.table-stretch { width: 100%; } .button-set-item { position: relative; display: inline-block; } .button-set-item + .button-set-item { margin-left: 12px; } .button-block, .faux-button-block { display: inline-block; height: 36px; line-height: 36px; text-decoration: none; border: 0 none; text-align: center; border-radius: 2px; text-transform: uppercase; } .button-block .icon, .faux-button-block .icon { top: 0em; } .button-block .icon:first-child, .faux-button-block .icon:first-child { padding-right: 5px; } .button-block .icon:last-child, .faux-button-block .icon:last-child { padding-left: 5px; } .button-block .icon:only-child, .faux-button-block .icon:only-child { padding-left: 0; padding-right: 0; } .button-block { cursor: pointer; } .button__content { margin: 0 12px; } .button-primary { color: #f0f0f0; background-color: #155B4A; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .button-primary:focus { color: white; background-color: #125041; } .button-alt { background-color: #D9D9D9; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .button-text { color: #155B4A; cursor: pointer; display: inline-block; } .button-text .icon:first-child { padding-right: 5px; } .button-text .icon:last-child:not(:only-child) { padding-left: 5px; } .button-text:not(.no-underline) { text-decoration: underline; } .button-text:not(.no-underline) .icon { text-decoration: none; } .button-text:hover { opacity: 0.7; transition: opacity 0.225s ease; text-decoration: underline; } .button-text:hover .icon { text-decoration: none; } .button-text .button__content { margin: 0 4px; } .button-text-help { color: #aaa; cursor: pointer; font-size: 0.8em; } .button-text-help .icon:first-child { padding-right: 5px; } .button-text-help .icon:last-child:not(:only-child) { padding-left: 5px; } .button-text-help:not(.no-underline) { text-decoration: underline; } .button-text-help:not(.no-underline) .icon { text-decoration: none; } .button-text-help:hover { opacity: 0.7; transition: opacity 0.225s ease; text-decoration: underline; } .button-text-help:hover .icon { text-decoration: none; } .button--flat { box-shadow: none !important; } .card { margin-left: auto; margin-right: auto; max-width: 800px; background: #ffffff; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); border-radius: 2px; margin-bottom: 16px; overflow: auto; } .card--obscured { position: relative; } .card--obscured .card__inner { filter: blur(20px); } .card__title-primary, .card__title-identity, .card__actions, .card__content, .card__subtext { padding: 0 16px; } .card--small .card__title-primary, .card--small .card__title-identity, .card--small .card__actions, .card--small .card__content, .card--small .card__subtext { padding: 0 8px; } .card__title-primary { margin-top: 16px; } .card__title-identity { margin-top: 8px; margin-bottom: 8px; } .card__actions { margin-top: 16px; } .card__actions--bottom { margin-top: 8px; margin-bottom: 8px; } .card__actions--form-submit { margin-top: 24px; margin-bottom: 16px; } .card__content { margin-top: 16px; margin-bottom: 16px; } .card__subtext { color: #505050; font-size: 0.82em; margin-top: 8px; margin-bottom: 8px; } .card__subtext--allow-newlines { white-space: pre-wrap; } .card__subtext--two-lines { height: 34.98579px; /*this is so one line text still has the proper height*/ } .card-overlay { position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; padding: 20px; background-color: rgba(128, 128, 128, 0.8); color: #fff; display: flex; align-items: center; font-weight: 600; } .card__link { display: block; } .card--link { transition: transform 120ms ease-in-out; } .card--link:hover { position: relative; z-index: 1; box-shadow: 2px 4px 4px 0 rgba(0, 0, 0, 0.14), 2px 5px 3px -2px rgba(0, 0, 0, 0.2), 2px 3px 7px 0 rgba(0, 0, 0, 0.12); transform: scale(1.1) translateX(10px); transform-origin: 50% 50%; overflow-x: visible; overflow-y: visible; } .card--link:hover ~ .card--link { transform: translateX(20px); } .card__media { background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; } .card__media--autothumb { position: relative; } .card__media--autothumb.purple { background-color: #9c27b0; } .card__media--autothumb.red { background-color: #e53935; } .card__media--autothumb.pink { background-color: #e91e63; } .card__media--autothumb.indigo { background-color: #3f51b5; } .card__media--autothumb.blue { background-color: #2196f3; } .card__media--autothumb.light-blue { background-color: #039be5; } .card__media--autothumb.cyan { background-color: #00acc1; } .card__media--autothumb.teal { background-color: #009688; } .card__media--autothumb.green { background-color: #43a047; } .card__media--autothumb.yellow { background-color: #ffeb3b; } .card__media--autothumb.orange { background-color: #ffa726; } .card__media--autothumb .card__autothumb__text { font-size: 2.0em; width: 100%; color: #ffffff; text-align: center; position: absolute; top: 36%; } .card--small { width: 240px; overflow-x: hidden; white-space: normal; } .card--small .card__media { height: 135px; } .card--form { width: 362px; } .card__subtitle { color: rgba(0, 0, 0, 0.6); font-size: 0.85em; line-height: 1.56859; } .card-series-submit { margin-left: auto; margin-right: auto; max-width: 800px; padding: 12px; } .card-row + .card-row { margin-top: 8px; } .card-row__items { width: 100%; overflow: hidden; /*hacky way to give space for hover */ padding-top: 20px; margin-top: -20px; padding-right: 30px; margin-right: -30px; } .card-row__items > .card { vertical-align: top; display: inline-block; } .card-row__items > .card + .card { margin-left: 8px; } .card-row--small { overflow: hidden; white-space: nowrap; /*hacky way to give space for hover */ padding-right: 30px; } .card-row__header { margin-bottom: 8px; } .card-row__scrollhouse { position: relative; } .card-row__nav { position: absolute; padding: 0 16px; height: 100%; top: 4px; } .card-row__nav .card-row__scroll-button { background: #ffffff; color: rgba(0, 0, 0, 0.6); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); padding: 24px 12px; position: absolute; cursor: pointer; left: 0; top: 36%; z-index: 2; opacity: 0.8; transition: transform 60ms ease-in-out; } .card-row__nav .card-row__scroll-button:hover { opacity: 1.0; transform: scale(1.21); } .card-row__nav--left { left: 0; } .card-row__nav--right { right: -30px; } .card__icon-featured-content { color: orangered; } .file-actions { line-height: 36px; min-height: 36px; } .file-actions__download-status-bar .button__content, .file-actions__download-status-bar-overlay .button__content { margin: 0 4px; } .file-actions__download-status-bar { position: relative; color: #444; } .file-actions__download-status-bar-overlay { background: #444; color: white; position: absolute; white-space: nowrap; overflow: hidden; z-index: 1; top: 0px; left: 0px; } .file-selector__choose-button { font-size: 13px; } .file-selector__path { font-size: 14px; } .file-tile__row { overflow: hidden; height: 144px; } .file-tile__row .credit-amount { float: right; } .file-tile__row .icon-featured { float: right; } .file-tile__row .card__media { height: 144px; max-width: 144px; width: 144px; margin-right: 12px; float: left; } .file-tile__row .file-tile__content { padding-top: 8px; margin-left: 156px; } .file-tile__row .card__title-primary { margin-top: 0; } .form-row-submit { margin-top: 24px; } .form-row-submit--with-footer { margin-bottom: 24px; } .form-row__label-row { margin-top: 20px; margin-bottom: 4px; line-height: 1; font-size: 14.4px; } .form-row__label-row--prefix { float: left; margin-right: 5px; } input[type="text"].input-copyable { border: 1px solid rgba(160, 160, 160, 0.5); line-height: 1; padding-top: 8px; padding-bottom: 8px; width: 330px; padding-left: 5px; padding-right: 5px; width: 100%; } input[type="text"].input-copyable:focus { border-color: black; } .form-field { display: inline-block; } .form-field input[type="checkbox"], .form-field input[type="radio"] { cursor: pointer; } .form-field select { transition: outline 0.225s ease; cursor: pointer; box-sizing: border-box; padding-left: 5px; padding-right: 5px; height: 24px; } .form-field select:focus { outline: 2px solid #155B4A; } .form-field textarea, .form-field input[type="text"], .form-field input[type="password"], .form-field input[type="email"], .form-field input[type="number"], .form-field input[type="search"], .form-field input[type="date"] { transition: all 0.225s ease; cursor: pointer; padding-left: 1px; padding-right: 1px; box-sizing: border-box; -webkit-appearance: none; } .form-field textarea::-webkit-input-placeholder, .form-field input[type="text"]::-webkit-input-placeholder, .form-field input[type="password"]::-webkit-input-placeholder, .form-field input[type="email"]::-webkit-input-placeholder, .form-field input[type="number"]::-webkit-input-placeholder, .form-field input[type="search"]::-webkit-input-placeholder, .form-field input[type="date"]::-webkit-input-placeholder { color: #999999; } .form-field textarea:-moz-placeholder, .form-field input[type="text"]:-moz-placeholder, .form-field input[type="password"]:-moz-placeholder, .form-field input[type="email"]:-moz-placeholder, .form-field input[type="number"]:-moz-placeholder, .form-field input[type="search"]:-moz-placeholder, .form-field input[type="date"]:-moz-placeholder { color: #999999; } .form-field textarea:-ms-input-placeholder, .form-field input[type="text"]:-ms-input-placeholder, .form-field input[type="password"]:-ms-input-placeholder, .form-field input[type="email"]:-ms-input-placeholder, .form-field input[type="number"]:-ms-input-placeholder, .form-field input[type="search"]:-ms-input-placeholder, .form-field input[type="date"]:-ms-input-placeholder { color: #999999; } .form-field textarea[readonly], .form-field input[type="text"][readonly], .form-field input[type="password"][readonly], .form-field input[type="email"][readonly], .form-field input[type="number"][readonly], .form-field input[type="search"][readonly], .form-field input[type="date"][readonly] { background-color: #bbb; } .form-field input[type="text"], .form-field input[type="password"], .form-field input[type="email"], .form-field input[type="number"], .form-field input[type="search"], .form-field input[type="date"] { border-bottom: 2px solid rgba(160, 160, 160, 0.5); line-height: 1; padding-top: 8px; padding-bottom: 8px; } .form-field input[type="text"].form-field__input--error, .form-field input[type="password"].form-field__input--error, .form-field input[type="email"].form-field__input--error, .form-field input[type="number"].form-field__input--error, .form-field input[type="search"].form-field__input--error, .form-field input[type="date"].form-field__input--error { border-color: #a94442; } .form-field input[type="text"].form-field__input--inline, .form-field input[type="password"].form-field__input--inline, .form-field input[type="email"].form-field__input--inline, .form-field input[type="number"].form-field__input--inline, .form-field input[type="search"].form-field__input--inline, .form-field input[type="date"].form-field__input--inline { padding-top: 0; padding-bottom: 0; border-bottom-width: 1px; margin-left: 8px; margin-right: 8px; } .form-field textarea:focus, .form-field input[type="text"]:focus, .form-field input[type="password"]:focus, .form-field input[type="email"]:focus, .form-field input[type="number"]:focus, .form-field input[type="search"]:focus, .form-field input[type="date"]:focus { border-color: #155B4A; } .form-field textarea { padding: 2px; border: 2px solid rgba(160, 160, 160, 0.5); } .form-field--SimpleMDE { display: block; } .form-field__label[for] { cursor: pointer; } .form-field__label > input[type="checkbox"], .form-field__label input[type="radio"] { margin-right: 6px; } .form-field__label--error { color: #a94442; } .form-field__input-text { width: 330px; } .form-field__prefix { margin-right: 4px; } .form-field__postfix { margin-left: 4px; } .form-field__input-number { width: 70px; text-align: right; } .form-field--textarea { width: 100%; } .form-field__input-textarea { width: 100%; } .form-field__error, .form-field__helper { margin-top: 8px; font-size: 0.8em; transition: opacity 0.225s ease; } .form-field__error { color: #a94442; } .form-field__helper { color: rgba(0, 0, 0, 0.6); } .form-field__input.form-field__input-SimpleMDE .CodeMirror-scroll { height: auto; } #header { color: #666; background: #fff; display: flex; position: fixed; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); top: 0; left: 0; width: 100%; z-index: 3; padding: 12px; box-sizing: border-box; } .header__item { flex: 0 0 content; padding-left: 6px; padding-right: 6px; } .header__item--wunderbar { flex-grow: 1; } .wunderbar { position: relative; } .wunderbar .icon { position: absolute; left: 10px; top: 8px; } .wunderbar--active .icon-search { color: #155B4A; } .wunderbar__input { background: rgba(255, 255, 255, 0.7); width: 100%; color: #666; height: 36px; line-height: 36px; padding-left: 38px; padding-right: 5px; border: 1px solid #000; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; border: 1px solid #ccc; } .wunderbar__input:focus { color: #333333; box-shadow: 2px 4px 4px 0 rgba(0, 0, 0, 0.14), 2px 5px 3px -2px rgba(0, 0, 0, 0.2), 2px 3px 7px 0 rgba(0, 0, 0, 0.12); border-color: #155B4A; } nav.sub-header { text-transform: uppercase; padding: 0 0 24px; max-width: 800px; margin-left: auto; margin-right: auto; } nav.sub-header > a { display: inline-block; margin: 0 15px; padding: 0 5px; line-height: 34px; color: #666; } nav.sub-header > a:first-child { margin-left: 0; } nav.sub-header > a:last-child { margin-right: 0; } nav.sub-header > a.sub-header-selected { border-bottom: 2px solid #333333; color: #333333; } nav.sub-header > a:hover { color: #333333; } .menu-container { display: inline-block; } .menu { position: absolute; white-space: nowrap; background-color: white; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); border-radius: 2px; padding-top: 4.8px 0px; z-index: 1; } .menu__menu-item { display: block; padding: 6px 12px; } .menu__menu-item:hover { background: #D9D9D9; } .tooltip { position: relative; } .tooltip__link { color: #155B4A; cursor: pointer; } .tooltip__link .icon:first-child { padding-right: 5px; } .tooltip__link .icon:last-child:not(:only-child) { padding-left: 5px; } .tooltip__link:not(.no-underline) { text-decoration: underline; } .tooltip__link:not(.no-underline) .icon { text-decoration: none; } .tooltip__link:hover { opacity: 0.7; transition: opacity 0.225s ease; text-decoration: underline; } .tooltip__link:hover .icon { text-decoration: none; } .tooltip__body { position: absolute; z-index: 1; left: 50%; margin-left: -150px; white-space: normal; box-sizing: border-box; padding: 12px; width: 300px; border: 1px solid #aaa; color: #000; background-color: #ffffff; font-size: 14px; line-height: 1.3333; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .tooltip--header .tooltip__link { color: #aaa; cursor: pointer; font-size: 12px; margin-left: 12px; vertical-align: middle; } .tooltip--header .tooltip__link .icon:first-child { padding-right: 5px; } .tooltip--header .tooltip__link .icon:last-child:not(:only-child) { padding-left: 5px; } .tooltip--header .tooltip__link:not(.no-underline) { text-decoration: underline; } .tooltip--header .tooltip__link:not(.no-underline) .icon { text-decoration: none; } .tooltip--header .tooltip__link:hover { opacity: 0.7; transition: opacity 0.225s ease; text-decoration: underline; } .tooltip--header .tooltip__link:hover .icon { text-decoration: none; } .load-screen { color: white; background: #155B4A; background-size: cover; min-height: 100vh; min-width: 100vw; display: flex; flex-direction: column; align-items: center; justify-content: center; } .load-screen__message { margin-top: 24px; width: 325px; text-align: center; } .load-screen__details { color: #c3c3c3; } .load-screen__details--warning { color: white; } .load-screen__cancel-link { color: white; } .channel-indicator__icon--invalid { color: #a94442; } .notice { padding: 10px 20px; border: 1px solid #000; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); border-radius: 5px; color: #468847; background-color: #dff0d8; border-color: #d6e9c6; } .notice--error { color: #b94a48; background-color: #f2dede; border-color: #eed3d7; } .modal-overlay, .error-modal-overlay { position: fixed; display: flex; justify-content: center; align-items: center; top: 0px; left: 0px; right: 0px; bottom: 0px; background-color: rgba(255, 255, 255, 0.74902); z-index: 9999; } .modal-overlay--clear { background-color: transparent; } .modal { display: flex; flex-direction: column; justify-content: center; align-items: center; border: 1px solid #cccccc; background: white; overflow: auto; border-radius: 4px; padding: 24px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); max-width: 400px; word-break: break-word; } .modal__header { margin-bottom: 16px; text-align: center; } .modal__buttons { display: flex; flex-direction: row; justify-content: center; margin-top: 16px; } .modal__button { margin: 0px 6px; } .error-modal-overlay { background: rgba(0, 0, 0, 0.88); } .error-modal__content { display: flex; padding: 0px 8px 10px 10px; } .error-modal__warning-symbol { margin-top: 6px; margin-right: 7px; } .download-started-modal__file-path { word-break: break-all; } .error-modal { max-width: none; width: 400px; } .error-modal__error-list { /*shitty hack/temp fix for long errors making modals unusable*/ border: 1px solid #eee; padding: 8px; list-style: none; max-height: 400px; max-width: 400px; overflow-y: hidden; } .snack-bar { line-height: 36px; padding: 6px 24px; position: fixed; top: 24px; left: 0; right: 0; margin-left: auto; margin-right: auto; min-width: 300px; max-width: 500px; background: rgba(32, 32, 32, 0.9); color: #f0f0f0; display: flex; justify-content: space-between; align-items: center; border-radius: 2px; transition: all 0.225s ease; z-index: 10000; /*hack to get it over react modal */ } .snack-bar__action { display: inline-block; text-transform: uppercase; color: #7df2d6; margin: 0px 0px 0px 24px; min-width: min-content; } .snack-bar__action:hover { text-decoration: underline; } video { object-fit: contain; box-sizing: border-box; max-height: 100%; max-width: 100%; background-size: contain; background-position: center center; background-repeat: no-repeat; } .video { background: #000; color: white; } .video-embedded { max-width: 800px; max-height: 450px; height: 450px; position: relative; } .video-embedded video { height: 100%; position: absolute; left: 0; top: 0; } .video-embedded.video--hidden { height: 450px; } .video-embedded.video--active { /*background: none;*/ } .video--obscured .video__cover { position: relative; filter: blur(20px); } .video__loading-screen { height: 100%; display: flex; justify-content: center; align-items: center; } .video__loading-spinner { position: relative; width: 11em; height: 11em; margin: 20px auto; font-size: 3px; border-radius: 50%; background: linear-gradient(to right, #ffffff 10%, rgba(255, 255, 255, 0) 50%); animation: spin 1.4s infinite linear; transform: translateZ(0); } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .video__loading-spinner:before, .video__loading-spinner:after { content: ''; position: absolute; top: 0; left: 0; } .video__loading-spinner:before { width: 50%; height: 50%; background: #ffffff; border-radius: 100% 0 0 0; } .video__loading-spinner:after { height: 75%; width: 75%; margin: auto; bottom: 0; right: 0; background: black; border-radius: 50%; } .video__loading-status { padding-top: 20px; color: white; } .video__cover { text-align: center; height: 100%; width: 100%; background-size: auto 100%; background-position: center center; background-repeat: no-repeat; position: relative; } .video__cover .video__play-button { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .video__play-button { position: absolute; width: 100%; height: 100%; cursor: pointer; display: none; font-size: 72px; color: white; z-index: 1; background: rgba(32, 32, 32, 0.9); opacity: 0.6; left: 0; top: 0; } .video__play-button:hover { opacity: 1; transition: opacity 0.225s ease; } .pagination { display: block; padding: 0; margin: 0 auto; text-align: center; } .pagination__item { display: inline-block; line-height: 36px; height: 36px; border-radius: 2px; } .pagination__item:not(.pagination__item--selected):hover { background: rgba(0, 0, 0, 0.2); } .pagination__item:not(.pagination__item--selected):hover > a { cursor: hand; } .pagination__item > a { display: inline-block; padding: 0 16px; } .pagination__item--previous, .pagination__item--next { font-size: 1.2em; } .pagination__item--selected { color: white; background: #155B4A; } .developer-page__custom-lighthouse-servers { font: 0.8em monospace; width: 30em; height: 10em; } .reward-page__details { background-color: #f9f9f9; } .show-page-media { text-align: center; margin-bottom: 24px; } .show-page-media img { max-width: 100%; } .show-page-media iframe { width: 100%; min-height: 500px; }