Created
July 6, 2021 05:01
-
-
Save HDVinnie/51477762ead5e03a1dccf9cf51a6bdc4 to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* ========================================================================== | |
| ++++++++++ [Blue Night Theme for PTP - by @PuNkFuSe] ++++++++++ | |
| ========================================================================== */ | |
| /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ | |
| ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ | |
| TABLE OF CONTENTS | |
| ++++++++++++++++++++++++++++++++ | |
| 1.0 - Reset CSS | |
| 1.1 - Normalize.css | |
| 1.2 - Custom Reset | |
| 2.0 - Typography | |
| 3.0 - Globals | |
| 3.1 - Inputs & Buttons | |
| 3.2 - Tables | |
| 4.0 - Utilities | |
| 4.1 - CSS Animation/Keyframes | |
| 5.0 - Header | |
| 6.0 - Body | |
| 6.1 - User Profile | |
| 7.0 - Footer | |
| 8.0 - Media Queries/Responsive Layout | |
| ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ | |
| ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ | |
| /**************************************************************************** | |
| 1.0 - Reset CSS */ | |
| /************************************************************************ | |
| 1.1 - Normalize.css (8.0.1) */ | |
| html { | |
| line-height: 1.15; | |
| -webkit-text-size-adjust: 100%; | |
| -ms-text-size-adjust: 100%; | |
| } | |
| body { | |
| margin: 0; | |
| } | |
| main { | |
| display: block; | |
| } | |
| h1 { | |
| font-size: 2em; | |
| margin: 0.67em 0; | |
| } | |
| hr { | |
| box-sizing: content-box; | |
| height: 0; | |
| overflow: visible; | |
| } | |
| pre { | |
| font-family: monospace, monospace; | |
| font-size: 1em; | |
| } | |
| a { | |
| background-color: transparent; | |
| } | |
| abbr[title] { | |
| border-bottom: none; | |
| text-decoration: underline; | |
| -webkit-text-decoration: underline dotted; | |
| text-decoration: underline dotted; | |
| } | |
| b, | |
| strong { | |
| font-weight: 700; | |
| } | |
| code, | |
| kbd, | |
| samp { | |
| font-family: monospace, monospace; | |
| font-size: 1em; | |
| } | |
| small { | |
| font-size: 80%; | |
| } | |
| sub, | |
| sup { | |
| font-size: 75%; | |
| line-height: 0; | |
| position: relative; | |
| vertical-align: baseline; | |
| } | |
| sub { | |
| bottom: -0.25em; | |
| } | |
| sup { | |
| top: -0.5em; | |
| } | |
| img { | |
| border-style: none; | |
| } | |
| button, | |
| input, | |
| optgroup, | |
| select, | |
| textarea { | |
| font-family: inherit; | |
| font-size: 100%; | |
| line-height: 1.15; | |
| margin: 0; | |
| } | |
| button, | |
| input { | |
| overflow: visible; | |
| } | |
| button, | |
| select { | |
| text-transform: none; | |
| } | |
| button, | |
| [type="button"], | |
| [type="reset"], | |
| [type="submit"] { | |
| -webkit-appearance: button; | |
| } | |
| button::-moz-focus-inner, | |
| [type="button"]::-moz-focus-inner, | |
| [type="reset"]::-moz-focus-inner, | |
| [type="submit"]::-moz-focus-inner { | |
| border-style: none; | |
| padding: 0; | |
| } | |
| button:-moz-focusring, | |
| [type="button"]:-moz-focusring, | |
| [type="reset"]:-moz-focusring, | |
| [type="submit"]:-moz-focusring { | |
| outline: 1px dotted ButtonText; | |
| } | |
| fieldset { | |
| padding: 0.35em 0.75em 0.625em; | |
| } | |
| legend { | |
| box-sizing: border-box; | |
| color: inherit; | |
| display: table; | |
| max-width: 100%; | |
| padding: 0; | |
| white-space: normal; | |
| } | |
| progress { | |
| vertical-align: baseline; | |
| } | |
| textarea { | |
| overflow: auto; | |
| } | |
| [type="checkbox"], | |
| [type="radio"] { | |
| box-sizing: border-box; | |
| padding: 0; | |
| } | |
| [type="number"]::-webkit-inner-spin-button, | |
| [type="number"]::-webkit-outer-spin-button { | |
| height: auto; | |
| } | |
| [type="search"] { | |
| -webkit-appearance: textfield; | |
| outline-offset: -2px; | |
| } | |
| [type="search"]::-webkit-search-decoration { | |
| -webkit-appearance: none; | |
| } | |
| ::-webkit-file-upload-button { | |
| -webkit-appearance: button; | |
| font: inherit; | |
| } | |
| details { | |
| display: block; | |
| } | |
| summary { | |
| display: list-item; | |
| } | |
| template { | |
| display: none; | |
| } | |
| [hidden] { | |
| display: none; | |
| } | |
| /************************************************************************ | |
| 1.2 - Custom Reset */ | |
| *, | |
| :after, | |
| :before { | |
| box-sizing: border-box; | |
| } | |
| hr { | |
| display: block; | |
| height: 1px; | |
| border: 0; | |
| border-top: 1px solid #ccc; | |
| margin: 1em 0; | |
| padding: 0; | |
| } | |
| pre { | |
| margin: 0; | |
| } | |
| pre br { | |
| display: none; | |
| line-height: 0; | |
| } | |
| audio, | |
| canvas, | |
| iframe, | |
| img, | |
| svg, | |
| video { | |
| vertical-align: middle; | |
| } | |
| fieldset { | |
| border: 0; | |
| margin: 0; | |
| padding: 0; | |
| } | |
| textarea { | |
| resize: vertical; | |
| } | |
| .clearfix:before, | |
| .clearfix:after { | |
| content: " "; | |
| display: table; | |
| } | |
| .clearfix:after { | |
| clear: both; | |
| } | |
| /**************************************************************************** | |
| 2.0 - Typography */ | |
| @font-face { | |
| font-family: "Bebas Neue"; | |
| font-style: normal; | |
| font-weight: 400; | |
| src: local("Bebas Neue Regular"), local("BebasNeue-Regular"), | |
| url("https://rawcdn.githack.com/datFunc/ptp__blue-night-theme/8a904a35f9f9d414bdc9d492cd37b50bff613a44/fonts/bebas-neue/bebas-neue-v1-latin-ext_latin-regular.woff2") | |
| format("woff2"), | |
| url("https://rawcdn.githack.com/datFunc/ptp__blue-night-theme/8a904a35f9f9d414bdc9d492cd37b50bff613a44/fonts/bebas-neue/bebas-neue-v1-latin-ext_latin-regular.woff") | |
| format("woff"); | |
| } | |
| @font-face { | |
| font-family: "Open Sans"; | |
| font-style: normal; | |
| font-weight: 300; | |
| src: local("Open Sans Light"), local("OpenSans-Light"), | |
| url("https://rawcdn.githack.com/datFunc/ptp__blue-night-theme/8a904a35f9f9d414bdc9d492cd37b50bff613a44/fonts/open-sans/open-sans-v17-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.woff2") | |
| format("woff2"), | |
| url("https://rawcdn.githack.com/datFunc/ptp__blue-night-theme/8a904a35f9f9d414bdc9d492cd37b50bff613a44/fonts/open-sans/open-sans-v17-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.woff") | |
| format("woff"); | |
| } | |
| @font-face { | |
| font-family: "Open Sans"; | |
| font-style: italic; | |
| font-weight: 300; | |
| src: local("Open Sans Light Italic"), local("OpenSans-LightItalic"), | |
| url("https://github.com/datFunc/ptp__blue-night-theme/blob/master/fonts/open-sans/open-sans-v17-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300italic.woff2") | |
| format("woff2"), | |
| url("https://rawcdn.githack.com/datFunc/ptp__blue-night-theme/8a904a35f9f9d414bdc9d492cd37b50bff613a44/fonts/open-sans/open-sans-v17-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300italic.woff") | |
| format("woff"); | |
| } | |
| @font-face { | |
| font-family: "Open Sans"; | |
| font-style: normal; | |
| font-weight: 400; | |
| src: local("Open Sans Regular"), local("OpenSans-Regular"), | |
| url("https://rawcdn.githack.com/datFunc/ptp__blue-night-theme/8a904a35f9f9d414bdc9d492cd37b50bff613a44/fonts/open-sans/open-sans-v17-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff2") | |
| format("woff2"), | |
| url("https://rawcdn.githack.com/datFunc/ptp__blue-night-theme/8a904a35f9f9d414bdc9d492cd37b50bff613a44/fonts/open-sans/open-sans-v17-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff") | |
| format("woff"); | |
| } | |
| @font-face { | |
| font-family: "Open Sans"; | |
| font-style: italic; | |
| font-weight: 400; | |
| src: local("Open Sans Italic"), local("OpenSans-Italic"), | |
| url("https://rawcdn.githack.com/datFunc/ptp__blue-night-theme/8a904a35f9f9d414bdc9d492cd37b50bff613a44/fonts/open-sans/open-sans-v17-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-italic.woff2") | |
| format("woff2"), | |
| url("https://rawcdn.githack.com/datFunc/ptp__blue-night-theme/8a904a35f9f9d414bdc9d492cd37b50bff613a44/fonts/open-sans/open-sans-v17-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-italic.woff") | |
| format("woff"); | |
| } | |
| @font-face { | |
| font-family: "Open Sans"; | |
| font-style: normal; | |
| font-weight: 600; | |
| src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), | |
| url("https://rawcdn.githack.com/datFunc/ptp__blue-night-theme/8a904a35f9f9d414bdc9d492cd37b50bff613a44/fonts/open-sans/open-sans-v17-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-600.woff2") | |
| format("woff2"), | |
| url("https://rawcdn.githack.com/datFunc/ptp__blue-night-theme/8a904a35f9f9d414bdc9d492cd37b50bff613a44/fonts/open-sans/open-sans-v17-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-600.woff") | |
| format("woff"); | |
| } | |
| @font-face { | |
| font-family: "Open Sans"; | |
| font-style: italic; | |
| font-weight: 600; | |
| src: local("Open Sans SemiBold Italic"), local("OpenSans-SemiBoldItalic"), | |
| url("https://rawcdn.githack.com/datFunc/ptp__blue-night-theme/8a904a35f9f9d414bdc9d492cd37b50bff613a44/fonts/open-sans/open-sans-v17-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-600italic.woff2") | |
| format("woff2"), | |
| url("https://rawcdn.githack.com/datFunc/ptp__blue-night-theme/8a904a35f9f9d414bdc9d492cd37b50bff613a44/fonts/open-sans/open-sans-v17-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-600italic.woff") | |
| format("woff"); | |
| } | |
| @font-face { | |
| font-family: "Open Sans"; | |
| font-style: normal; | |
| font-weight: 700; | |
| src: local("Open Sans Bold"), local("OpenSans-Bold"), | |
| url("https://rawcdn.githack.com/datFunc/ptp__blue-night-theme/8a904a35f9f9d414bdc9d492cd37b50bff613a44/fonts/open-sans/open-sans-v17-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.woff2") | |
| format("woff2"), | |
| url("https://rawcdn.githack.com/datFunc/ptp__blue-night-theme/8a904a35f9f9d414bdc9d492cd37b50bff613a44/fonts/open-sans/open-sans-v17-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.woff") | |
| format("woff"); | |
| } | |
| @font-face { | |
| font-family: "Open Sans"; | |
| font-style: italic; | |
| font-weight: 700; | |
| src: local("Open Sans Bold Italic"), local("OpenSans-BoldItalic"), | |
| url("https://rawcdn.githack.com/datFunc/ptp__blue-night-theme/8a904a35f9f9d414bdc9d492cd37b50bff613a44/fonts/open-sans/open-sans-v17-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700italic.woff2") | |
| format("woff2"), | |
| url("https://rawcdn.githack.com/datFunc/ptp__blue-night-theme/8a904a35f9f9d414bdc9d492cd37b50bff613a44/fonts/open-sans/open-sans-v17-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700italic.woff") | |
| format("woff"); | |
| } | |
| @font-face { | |
| font-family: "Open Sans"; | |
| font-style: normal; | |
| font-weight: 800; | |
| src: local("Open Sans ExtraBold"), local("OpenSans-ExtraBold"), | |
| url("https://rawcdn.githack.com/datFunc/ptp__blue-night-theme/8a904a35f9f9d414bdc9d492cd37b50bff613a44/fonts/open-sans/open-sans-v17-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-800.woff2") | |
| format("woff2"), | |
| url("https://rawcdn.githack.com/datFunc/ptp__blue-night-theme/8a904a35f9f9d414bdc9d492cd37b50bff613a44/fonts/open-sans/open-sans-v17-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-800.woff") | |
| format("woff"); | |
| } | |
| @font-face { | |
| font-family: "Open Sans"; | |
| font-style: italic; | |
| font-weight: 800; | |
| src: local("Open Sans ExtraBold Italic"), local("OpenSans-ExtraBoldItalic"), | |
| url("https://rawcdn.githack.com/datFunc/ptp__blue-night-theme/8a904a35f9f9d414bdc9d492cd37b50bff613a44/fonts/open-sans/open-sans-v17-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-800italic.woff2") | |
| format("woff2"), | |
| url("https://rawcdn.githack.com/datFunc/ptp__blue-night-theme/8a904a35f9f9d414bdc9d492cd37b50bff613a44/fonts/open-sans/open-sans-v17-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-800italic.woff") | |
| format("woff"); | |
| } | |
| body { | |
| color: #fff; | |
| font-family: "Open Sans", Helvetica, Tahoma, Arial, sans-serif; | |
| font-weight: 400; | |
| font-size: 1rem; | |
| line-height: normal; | |
| word-wrap: break-word; | |
| -webkit-text-size-adjust: 100%; | |
| font-variant-ligatures: normal; | |
| -webkit-font-variant-ligatures: normal; | |
| text-rendering: optimizeLegibility !important; | |
| -moz-osx-font-smoothing: greyscale !important; | |
| -webkit-font-smoothing: antialiased !important; | |
| } | |
| .page__title { | |
| text-align: center; | |
| } | |
| .label { | |
| font-weight: 700; | |
| text-align: right; | |
| } | |
| .encoding-history-status--finished, | |
| .missing-torrent-status--exists, | |
| .torrent-info__reported { | |
| font-weight: 700; | |
| } | |
| .missing-torrent-status--trumpable, | |
| .torrent-info__trumpable { | |
| box-sizing: border-box; | |
| display: inline-block; | |
| font-weight: 700; | |
| font-size: 0.6rem; | |
| vertical-align: baseline; | |
| color: #dfa02d; | |
| background: rgba(223, 160, 45, 0.15) !important; | |
| padding: 0.2rem 0.6rem; | |
| border: none !important; | |
| border-radius: 1rem; | |
| transition: all 0.3s; | |
| } | |
| .torrent-info__trumpable:hover { | |
| background: rgba(223, 160, 45, 0.25) !important; | |
| } | |
| .encoding-history-status--canceled, | |
| .bonus-point-history--sent .encoding-history-status--expired, | |
| .log__message--deleted, | |
| .no-seeders, | |
| .missing-torrent-status--missing, | |
| .torrent-info__reported { | |
| color: #f44336; | |
| } | |
| .torrent-info__reported, | |
| .missing-torrent-status--missing, | |
| .missing-torrent-status--no-source, | |
| .missing-torrent-status--dead-source { | |
| box-sizing: border-box; | |
| display: inline-block; | |
| font-weight: 700; | |
| font-size: 0.6rem; | |
| vertical-align: baseline; | |
| color: #f05555; | |
| background: rgba(240, 85, 85, 0.15) !important; | |
| padding: 0.2rem 0.6rem; | |
| border: none !important; | |
| border-radius: 1rem; | |
| transition: all 0.3s; | |
| } | |
| .torrent-info__reported:hover, | |
| .missing-torrent-status--no-source { | |
| background: rgba(240, 85, 85, 0.25) !important; | |
| } | |
| .encoding-history-status--expired, | |
| .missing-torrent-status--missing, | |
| .torrent-info-link--user-downloaded, | |
| .torrent-info-link--user-snatched { | |
| font-weight: 700; | |
| } | |
| .bonus-point-history--received, | |
| .log__message--uploaded, | |
| .missing-torrent-status--exists, | |
| .encoding-history-status--finished, | |
| .torrent-info-link--user-downloaded, | |
| .snatchlist-status--not-hnr, | |
| .snatchlist-status--seeding { | |
| color: #418b00; | |
| } | |
| .torrent-info__download-modifier--free, | |
| .torrent-info__download-modifier--half, | |
| .torrent-info__download-modifier--neutral, | |
| .movie-page__torrent-reports-title, | |
| .movie-tooltip__rating__title { | |
| font-weight: 700; | |
| } | |
| .torrent-info-link--user-snatched { | |
| color: #4281da; | |
| } | |
| .torrent-info__download-modifier--free, | |
| .missing-torrent-status--exists { | |
| box-sizing: border-box; | |
| display: inline-block; | |
| font-weight: 700; | |
| font-size: 0.6rem; | |
| vertical-align: baseline; | |
| color: #55b160; | |
| background: rgba(85, 177, 96, 0.15) !important; | |
| padding: 0.2rem 0.6rem; | |
| border: none !important; | |
| border-radius: 1rem; | |
| transition: all 0.3s; | |
| } | |
| .torrent-info__download-modifier--free:hover { | |
| background: rgba(85, 177, 96, 0.25) !important; | |
| } | |
| #missing .missing-torrent-status--trumpable, | |
| #missing .torrent-info__trumpable, | |
| #missing .torrent-info__reported, | |
| #missing .missing-torrent-status--missing, | |
| #missing .missing-torrent-status--no-source, | |
| #missing .missing-torrent-status--dead-source, | |
| #missing .torrent-info__download-modifier--free, | |
| #missing .missing-torrent-status--exists { | |
| display: table-cell; | |
| border-radius: initial; | |
| padding: 0.2rem 0.6rem !important; | |
| vertical-align: middle; | |
| } | |
| .log__message--edited { | |
| color: #949aac; | |
| } | |
| .form__label { | |
| font-weight: 700; | |
| } | |
| #uploadtoken { | |
| font-size: 0.65rem !important; | |
| } | |
| optgroup { | |
| font-weight: 700; | |
| } | |
| .simple-tabs__link--active { | |
| color: #fff !important; | |
| } | |
| .ratio-00, | |
| .snatchlist-status--hnr, | |
| .snatchlist-status--not-seeding { | |
| color: #f44336; | |
| } | |
| .ratio-01 { | |
| color: #ff1300; | |
| } | |
| .ratio-02 { | |
| color: #ff1300; | |
| } | |
| .ratio-03 { | |
| color: #ff2600; | |
| } | |
| .ratio-04 { | |
| color: #ff4c00; | |
| } | |
| .ratio-05 { | |
| color: #ff5e00; | |
| } | |
| .ratio-06, | |
| .snatchlist-status--removed-hnr { | |
| color: #ff5e00; | |
| } | |
| .ratio-07 { | |
| color: #ff7100; | |
| } | |
| .ratio-08 { | |
| color: #ff9700; | |
| } | |
| .ratio-09 { | |
| color: #fa0; | |
| } | |
| .ratio-10 { | |
| color: #74c42e; | |
| } | |
| .ratio-20 { | |
| color: #418b00; | |
| } | |
| .ratio-50 { | |
| color: #418b00; | |
| } | |
| .ratio-infinite { | |
| color: #418b00; | |
| } | |
| /**************************************************************************** | |
| 3.0 - Globals */ | |
| html.busy-cursor, | |
| html.busy-cursor * { | |
| cursor: wait !important; | |
| } | |
| body { | |
| background: #191d2a | |
| url("https://rawcdn.githack.com/datFunc/ptp__blue-night-theme/73a9bdf1ec9fae3a48fbb282e7f29a11c54f5891/imgs/body_bg.svg"); | |
| margin: 0 auto; | |
| } | |
| #wrapper { | |
| display: block; | |
| margin: 0 auto; | |
| } | |
| a { | |
| text-decoration: none; | |
| color: #a0a6b7; | |
| border: none; | |
| transition: all 0.3s; | |
| } | |
| a:hover { | |
| text-decoration: none; | |
| color: #fff; | |
| border: none; | |
| } | |
| a[href*="report"]:hover { | |
| color: #f05555; | |
| } | |
| .clearfix:after, | |
| .forum-post__heading:after, | |
| .grid:after, | |
| .huge-movie-list__movie:after, | |
| .poll__bar:after, | |
| .sidebar:after, | |
| .tabs__bar__list:after { | |
| content: ""; | |
| display: table; | |
| clear: both; | |
| } | |
| blockquote { | |
| margin: 10px; | |
| padding: 10px; | |
| border: 1px dashed #4e556b; | |
| border-radius: 5px; | |
| background-color: #181c27; | |
| } | |
| .list > li { | |
| margin-top: 2px; | |
| } | |
| .heading:first-child { | |
| margin-top: 0; | |
| } | |
| p:first-child { | |
| margin-top: 0; | |
| } | |
| p:last-child { | |
| margin-bottom: 0; | |
| } | |
| mark { | |
| background: #ff0; | |
| color: #000; | |
| } | |
| figure { | |
| margin: 1.5em 40px; | |
| } | |
| .alert:first-child { | |
| margin-top: 0; | |
| } | |
| .alert:last-child { | |
| margin-bottom: 0; | |
| } | |
| .site-debug { | |
| margin-bottom: 15px; | |
| } | |
| .stylesheet-preview-container { | |
| margin-top: 4px; | |
| margin-bottom: 20px; | |
| } | |
| .lightbox { | |
| position: fixed; | |
| text-align: center; | |
| top: 5%; | |
| left: 5%; | |
| width: 90%; | |
| height: 90%; | |
| padding: 0; | |
| z-index: 1002; | |
| overflow: auto; | |
| outline: 0; | |
| } | |
| .lightbox__shroud { | |
| position: fixed; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| background-color: rgba(7, 11, 22, 0.9); | |
| z-index: 1001; | |
| } | |
| body.lightbox__scroll-lock { | |
| position: fixed; | |
| overflow: hidden; | |
| width: 100%; | |
| height: 100%; | |
| left: 0; | |
| top: 0; | |
| right: 0; | |
| bottom: 0; | |
| } | |
| .lightbox img { | |
| max-width: 100%; | |
| max-height: 100%; | |
| display: block; | |
| margin: 0 auto; | |
| position: absolute; | |
| top: 50%; | |
| left: 50%; | |
| transform: translate(-50%, -50%); | |
| } | |
| /* qTip */ | |
| .qtip { | |
| position: absolute; | |
| left: -28000px; | |
| top: -28000px; | |
| display: none; | |
| max-width: 280px; | |
| min-width: 50px; | |
| font-size: 1.5px; | |
| line-height: 12px; | |
| border-width: 1px; | |
| border-style: solid; | |
| } | |
| .qtip-content { | |
| position: relative; | |
| padding: 9px; | |
| overflow: hidden; | |
| text-align: left; | |
| font-size: 0.75rem; | |
| line-height: 1rem; | |
| box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); | |
| } | |
| .qtip-content label { | |
| display: block; | |
| } | |
| .qtip-shadow { | |
| box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); | |
| } | |
| .qtip:not(.ie9haxors) div.qtip-content, | |
| .qtip:not(.ie9haxors) div.qtip-titlebar { | |
| -webkit-filter: none; | |
| filter: none; | |
| -ms-filter: none; | |
| } | |
| .qtip .qtip-tip { | |
| margin: 0 auto; | |
| overflow: hidden; | |
| z-index: 10; | |
| } | |
| .qtip .qtip-tip, | |
| .qtip .qtip-tip * { | |
| position: absolute; | |
| color: #123456; | |
| background: 0 0; | |
| border: none dashed transparent; | |
| } | |
| .qtip .qtip-tip canvas { | |
| top: 0; | |
| left: 0; | |
| } | |
| .qtip-ptp { | |
| background: #070b16; | |
| background-color: rgba(7, 11, 22, 0.9); | |
| line-height: normal !important; | |
| max-width: none !important; | |
| color: #fff; | |
| border: 1px solid transparent !important; | |
| border-radius: 5px; | |
| border-style: solid; | |
| border-width: 1px !important; | |
| } | |
| .light-youtube-embed { | |
| display: inline-block; | |
| position: relative; | |
| width: 480px; | |
| height: 360px; | |
| } | |
| .light-youtube-embed__image { | |
| width: 480px; | |
| height: 360px; | |
| } | |
| .light-youtube-embed::after, | |
| .light-youtube-embed:hover::after { | |
| content: ""; | |
| position: absolute; | |
| width: 56px; | |
| height: 56px; | |
| left: 0; | |
| right: 0; | |
| top: 0; | |
| bottom: 0; | |
| margin: auto; | |
| pointer-events: none; | |
| background-image: url("https://rawcdn.githack.com/datFunc/ptp__blue-night-theme/bc1b070b5b46fc99430891d68be728ef97b93095/icons/play-trailer.svg"); | |
| } | |
| .light-youtube-embed:hover::after { | |
| background-image: url("https://rawcdn.githack.com/datFunc/ptp__blue-night-theme/050fe6d5a0751f460010d80e6185f98878b83cd1/icons/yt_icon_rgb.svg"); | |
| max-width: 80px; | |
| } | |
| /* Modal */ | |
| #simplemodal-overlay { | |
| background-color: #000; | |
| cursor: wait; | |
| } | |
| #simplemodal-overlay-pointer { | |
| background-color: #000; | |
| cursor: pointer; | |
| } | |
| #simplemodal-container a.modalCloseImg { | |
| background: url("https://rawcdn.githack.com/datFunc/ptp__blue-night-theme/d1f4ef7653822612f9645bc1f72bfd2cfde909fc/icons/close.svg") | |
| no-repeat center center !important; | |
| background-size: 26px !important; | |
| max-width: 26px; | |
| display: inline; | |
| z-index: 3200; | |
| position: absolute; | |
| top: 0; | |
| right: -8px; | |
| cursor: pointer; | |
| } | |
| a[title="Close"] { | |
| width: 26px !important; | |
| height: 26px !important; | |
| box-sizing: border-box !important; | |
| padding-left: 26px !important; | |
| background: url("https://rawcdn.githack.com/datFunc/ptp__blue-night-theme/d1f4ef7653822612f9645bc1f72bfd2cfde909fc/icons/close.svg") | |
| no-repeat center center !important; | |
| background-size: contain !important; | |
| } | |
| a[title="Close"]:hover { | |
| transform: scale(1.2); | |
| } | |
| /* BBCode */ | |
| .bbcode-size-1 { | |
| font-size: 0.75em; | |
| } | |
| .bbcode-size-2 { | |
| font-size: 1em; | |
| } | |
| .bbcode-size-3 { | |
| font-size: 1.25em; | |
| } | |
| .bbcode-size-4 { | |
| font-size: 1.5em; | |
| } | |
| .bbcode-size-5 { | |
| font-size: 1.75em; | |
| } | |
| .bbcode-size-6 { | |
| font-size: 2em; | |
| } | |
| .bbcode-size-7 { | |
| font-size: 2.25em; | |
| } | |
| .bbcode-size-8 { | |
| font-size: 2.5em; | |
| } | |
| .bbcode-size-9 { | |
| font-size: 2.75em; | |
| } | |
| .bbcode-size-10 { | |
| font-size: 3em; | |
| } | |
| .bbcode__image { | |
| max-width: 500px; | |
| border-radius: 5px; | |
| cursor: pointer; | |
| } | |
| .sidebar .bbcode__image { | |
| max-width: 100%; | |
| } | |
| .bbcode-text-preview { | |
| border: 1px solid #1e2233; | |
| padding: 0.5em; | |
| } | |
| .bbcode-table-guard { | |
| display: table; | |
| width: 100%; | |
| table-layout: fixed; | |
| } | |
| .bbcode-toolbar__button { | |
| width: 24px; | |
| height: 24px; | |
| float: left; | |
| border: none; | |
| box-shadow: none; | |
| margin-bottom: 10px; | |
| opacity: 0.55; | |
| transition: all 0.3s; | |
| } | |
| .bbcode-toolbar__button:hover { | |
| opacity: 1; | |
| transform: translateY(-0.1rem); | |
| } | |
| .form__input #Bbcode_Toolbar { | |
| margin-top: 0.4rem; | |
| } | |
| /* BBCode Icons */ | |
| .js-bbcode-toolbar__bold-button { | |
| background: url("https://gitcdn.link/cdn/datFunc/ptp__blue-night-theme/c4c75fbf7eb1027bab58f3d25eeac86589c3e42d/icons/toolbar/bold_alt.svg") | |
| no-repeat; | |
| } | |
| .js-bbcode-toolbar__italic-button { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/toolbar/italic.svg") | |
| no-repeat; | |
| } | |
| .js-bbcode-toolbar__underline-button { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/toolbar/underline.svg") | |
| no-repeat; | |
| } | |
| .js-bbcode-toolbar__strikethrough-button { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/toolbar/strikethrough.svg") | |
| no-repeat; | |
| } | |
| .js-bbcode-toolbar__link-button { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/toolbar/link.svg") | |
| no-repeat; | |
| } | |
| .js-bbcode-toolbar__image-button { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/toolbar/image.svg") | |
| no-repeat; | |
| } | |
| .js-bbcode-toolbar__hide-button { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/toolbar/hide.svg") | |
| no-repeat; | |
| } | |
| .js-bbcode-toolbar__spoiler-button { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/toolbar/spoiler.svg") | |
| no-repeat; | |
| } | |
| .js-bbcode-toolbar__quote-button { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/toolbar/quote.svg") | |
| no-repeat; | |
| } | |
| .js-bbcode-toolbar__size-button { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/toolbar/font-size.svg") | |
| no-repeat; | |
| } | |
| .js-bbcode-toolbar__color-button { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/toolbar/color.svg") | |
| no-repeat; | |
| } | |
| .js-bbcode-toolbar__youtube-button { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/toolbar/vid-ut.svg") | |
| no-repeat; | |
| } | |
| .js-bbcode-toolbar__mediainfo-button { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/toolbar/mediainfo.svg") | |
| no-repeat; | |
| } | |
| .js-bbcode-toolbar__align-center-button { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/toolbar/align.svg") | |
| no-repeat; | |
| } | |
| .js-bbcode-toolbar__align-right-button { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/toolbar/align-right.svg") | |
| no-repeat; | |
| } | |
| .js-bbcode-toolbar__code-button { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/toolbar/code.svg") | |
| no-repeat; | |
| } | |
| .js-bbcode-toolbar__list-button { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/toolbar/bullet-list.svg") | |
| no-repeat; | |
| } | |
| .js-bbcode-toolbar__emoticon-button { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/toolbar/emojis.svg") | |
| no-repeat; | |
| } | |
| .js-bbcode-toolbar__comparison-button { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/toolbar/compare.svg") | |
| no-repeat; | |
| } | |
| a[title="BBCode help"] .bbcode-toolbar__button { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/toolbar/question.svg") | |
| no-repeat; | |
| } | |
| .js-bbcode-toolbar__align-center-button, | |
| .js-bbcode-toolbar__align-right-button, | |
| .js-bbcode-toolbar__bold-button, | |
| .js-bbcode-toolbar__code-button, | |
| .js-bbcode-toolbar__color-button, | |
| .js-bbcode-toolbar__comparison-button, | |
| .js-bbcode-toolbar__emoticon-button, | |
| .js-bbcode-toolbar__hide-button, | |
| .js-bbcode-toolbar__image-button, | |
| .js-bbcode-toolbar__italic-button, | |
| .js-bbcode-toolbar__link-button, | |
| .js-bbcode-toolbar__list-button, | |
| .js-bbcode-toolbar__mediainfo-button, | |
| .js-bbcode-toolbar__quote-button, | |
| .js-bbcode-toolbar__size-button, | |
| .js-bbcode-toolbar__spoiler-button, | |
| .js-bbcode-toolbar__strikethrough-button, | |
| .js-bbcode-toolbar__underline-button, | |
| .js-bbcode-toolbar__youtube-button, | |
| a[title="BBCode help"] .bbcode-toolbar__button { | |
| background-size: contain; | |
| background-position: center center !important; | |
| width: 12px !important; | |
| height: 12px !important; | |
| cursor: pointer; | |
| margin-right: 0.5rem; | |
| } | |
| .bbcode-toolbar__size-popup-row { | |
| cursor: pointer; | |
| padding: 0 4px; | |
| } | |
| .bbcode-toolbar__size-popup-row:hover { | |
| background: #2f3547; | |
| } | |
| .bbcode-toolbar__color-popup-color { | |
| cursor: pointer; | |
| display: inline-block; | |
| width: 16px; | |
| height: 16px; | |
| } | |
| .bbcode-toolbar__color-popup-color:hover { | |
| border: solid 2px #ff8040; | |
| } | |
| .bbcode-toolbar__emoticon-popup-item { | |
| cursor: pointer; | |
| display: inline-block; | |
| border: none; | |
| padding: 2px; | |
| margin: 2px; | |
| transition: all 0.3s; | |
| } | |
| .bbcode-toolbar__emoticon-popup-item:hover { | |
| transform: scale(1.2); | |
| } | |
| /* BBCode Emojis */ | |
| img[src="https://static.passthepopcorn.me/static/common/smileys/angry.gif"], | |
| img[src="https://static.passthepopcorn.me/static/common/smileys/biggrin.gif"], | |
| img[src="https://static.passthepopcorn.me/static/common/smileys/blank.gif"], | |
| img[src="https://static.passthepopcorn.me/static/common/smileys/blush.gif"], | |
| img[src="https://static.passthepopcorn.me/static/common/smileys/cool.gif"], | |
| img[src="https://static.passthepopcorn.me/static/common/smileys/creepy.gif"], | |
| img[src="https://static.passthepopcorn.me/static/common/smileys/crom.gif"], | |
| img[src="https://static.passthepopcorn.me/static/common/smileys/crying.gif"], | |
| img[src="https://static.passthepopcorn.me/static/common/smileys/eyesright.gif"], | |
| img[src="https://static.passthepopcorn.me/static/common/smileys/frown.gif"], | |
| img[src="https://static.passthepopcorn.me/static/common/smileys/heart.gif"], | |
| img[src="https://static.passthepopcorn.me/static/common/smileys/hmm.gif"], | |
| img[src="https://static.passthepopcorn.me/static/common/smileys/laughing.gif"], | |
| img[src="https://static.passthepopcorn.me/static/common/smileys/ninja.gif"], | |
| img[src="https://static.passthepopcorn.me/static/common/smileys/no.gif"], | |
| img[src="https://static.passthepopcorn.me/static/common/smileys/nod.gif"], | |
| img[src="https://static.passthepopcorn.me/static/common/smileys/ohnoes.gif"], | |
| img[src="https://static.passthepopcorn.me/static/common/smileys/ohshit.gif"], | |
| img[src="https://static.passthepopcorn.me/static/common/smileys/omg.gif"], | |
| img[src="https://static.passthepopcorn.me/static/common/smileys/paddle.gif"], | |
| img[src="https://static.passthepopcorn.me/static/common/smileys/sad.gif"], | |
| img[src="https://static.passthepopcorn.me/static/common/smileys/shifty.gif"], | |
| img[src="https://static.passthepopcorn.me/static/common/smileys/sick.gif"], | |
| img[src="https://static.passthepopcorn.me/static/common/smileys/smile.gif"], | |
| img[src="https://static.passthepopcorn.me/static/common/smileys/sorry.gif"], | |
| img[src="https://static.passthepopcorn.me/static/common/smileys/thanks.gif"], | |
| img[src="https://static.passthepopcorn.me/static/common/smileys/tongue.gif"], | |
| img[src="https://static.passthepopcorn.me/static/common/smileys/wave.gif"], | |
| img[src="https://static.passthepopcorn.me/static/common/smileys/wink.gif"], | |
| img[src="https://static.passthepopcorn.me/static/common/smileys/worried.gif"], | |
| img[src="https://static.passthepopcorn.me/static/common/smileys/wtf.gif"], | |
| img[src="https://static.passthepopcorn.me/static/common/smileys/wub.gif"], | |
| img[src="static/common/smileys/angry.gif"], | |
| img[src="static/common/smileys/biggrin.gif"], | |
| img[src="static/common/smileys/blank.gif"], | |
| img[src="static/common/smileys/blush.gif"], | |
| img[src="static/common/smileys/cool.gif"], | |
| img[src="static/common/smileys/creepy.gif"], | |
| img[src="static/common/smileys/crom.gif"], | |
| img[src="static/common/smileys/crying.gif"], | |
| img[src="static/common/smileys/eyesright.gif"], | |
| img[src="static/common/smileys/frown.gif"], | |
| img[src="static/common/smileys/heart.gif"], | |
| img[src="static/common/smileys/hmm.gif"], | |
| img[src="static/common/smileys/laughing.gif"], | |
| img[src="static/common/smileys/ninja.gif"], | |
| img[src="static/common/smileys/no.gif"], | |
| img[src="static/common/smileys/nod.gif"], | |
| img[src="static/common/smileys/ohnoes.gif"], | |
| img[src="static/common/smileys/ohshit.gif"], | |
| img[src="static/common/smileys/omg.gif"], | |
| img[src="static/common/smileys/paddle.gif"], | |
| img[src="static/common/smileys/sad.gif"], | |
| img[src="static/common/smileys/shifty.gif"], | |
| img[src="static/common/smileys/sick.gif"], | |
| img[src="static/common/smileys/smile.gif"], | |
| img[src="static/common/smileys/sorry.gif"], | |
| img[src="static/common/smileys/thanks.gif"], | |
| img[src="static/common/smileys/tongue.gif"], | |
| img[src="static/common/smileys/wave.gif"], | |
| img[src="static/common/smileys/wink.gif"], | |
| img[src="static/common/smileys/worried.gif"], | |
| img[src="static/common/smileys/wtf.gif"], | |
| img[src="static/common/smileys/wub.gif"] { | |
| width: 16px !important; | |
| height: 16px !important; | |
| box-sizing: border-box !important; | |
| padding-left: 20px !important; | |
| background-size: contain !important; | |
| } | |
| img[src="https://static.passthepopcorn.me/static/common/smileys/smile.gif"], | |
| img[src="static/common/smileys/smile.gif"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/emojis/smile.svg") | |
| no-repeat center center; | |
| } | |
| img[src="https://static.passthepopcorn.me/static/common/smileys/sad.gif"], | |
| img[src="static/common/smileys/sad.gif"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/emojis/sad.svg") | |
| no-repeat center center; | |
| } | |
| img[src="https://static.passthepopcorn.me/static/common/smileys/biggrin.gif"], | |
| img[src="static/common/smileys/biggrin.gif"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/emojis/big-grin.svg") | |
| no-repeat center center; | |
| } | |
| img[src="https://static.passthepopcorn.me/static/common/smileys/ohshit.gif"], | |
| img[src="static/common/smileys/ohshit.gif"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/emojis/oh-shit.svg") | |
| no-repeat center center; | |
| } | |
| img[src="https://static.passthepopcorn.me/static/common/smileys/tongue.gif"], | |
| img[src="static/common/smileys/tongue.gif"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/emojis/tongue.svg") | |
| no-repeat center center; | |
| } | |
| img[src="https://static.passthepopcorn.me/static/common/smileys/blank.gif"], | |
| img[src="static/common/smileys/blank.gif"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/emojis/blank-straight-face.svg") | |
| no-repeat center center; | |
| } | |
| img[src="https://static.passthepopcorn.me/static/common/smileys/angry.gif"], | |
| img[src="static/common/smileys/angry.gif"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/emojis/angry.svg") | |
| no-repeat center center; | |
| } | |
| img[src="https://static.passthepopcorn.me/static/common/smileys/blush.gif"], | |
| img[src="static/common/smileys/blush.gif"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/emojis/blush.svg") | |
| no-repeat center center; | |
| } | |
| img[src="https://static.passthepopcorn.me/static/common/smileys/cool.gif"], | |
| img[src="static/common/smileys/cool.gif"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/emojis/cool.svg") | |
| no-repeat center center; | |
| } | |
| img[src="https://static.passthepopcorn.me/static/common/smileys/creepy.gif"], | |
| img[src="static/common/smileys/creepy.gif"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/emojis/creepy.svg") | |
| no-repeat center center; | |
| } | |
| img[src="https://static.passthepopcorn.me/static/common/smileys/crying.gif"], | |
| img[src="static/common/smileys/crying.gif"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/emojis/crying.svg") | |
| no-repeat center center; | |
| } | |
| img[src="https://static.passthepopcorn.me/static/common/smileys/eyesright.gif"], | |
| img[src="static/common/smileys/eyesright.gif"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/emojis/eyes-right.svg") | |
| no-repeat center center; | |
| } | |
| img[src="https://static.passthepopcorn.me/static/common/smileys/frown.gif"], | |
| img[src="static/common/smileys/frown.gif"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/emojis/frown.svg") | |
| no-repeat center center; | |
| } | |
| img[src="https://static.passthepopcorn.me/static/common/smileys/hmm.gif"], | |
| img[src="static/common/smileys/hmm.gif"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/emojis/hmm.svg") | |
| no-repeat center center; | |
| } | |
| img[src="https://static.passthepopcorn.me/static/common/smileys/laughing.gif"], | |
| img[src="static/common/smileys/laughing.gif"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/emojis/laughing.svg") | |
| no-repeat center center; | |
| } | |
| img[src="https://static.passthepopcorn.me/static/common/smileys/ninja.gif"], | |
| img[src="static/common/smileys/ninja.gif"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/emojis/ninja.svg") | |
| no-repeat center center; | |
| } | |
| img[src="https://static.passthepopcorn.me/static/common/smileys/no.gif"], | |
| img[src="static/common/smileys/no.gif"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/emojis/no.svg") | |
| no-repeat center center; | |
| } | |
| img[src="https://static.passthepopcorn.me/static/common/smileys/nod.gif"], | |
| img[src="static/common/smileys/nod.gif"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/emojis/nod.svg") | |
| no-repeat center center; | |
| } | |
| img[src="https://static.passthepopcorn.me/static/common/smileys/ohnoes.gif"], | |
| img[src="static/common/smileys/ohnoes.gif"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/emojis/oh-noes.svg") | |
| no-repeat center center; | |
| } | |
| img[src="https://static.passthepopcorn.me/static/common/smileys/omg.gif"], | |
| img[src="static/common/smileys/omg.gif"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/emojis/omg.svg") | |
| no-repeat center center; | |
| } | |
| img[src="https://static.passthepopcorn.me/static/common/smileys/shifty.gif"], | |
| img[src="static/common/smileys/shifty.gif"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/emojis/shifty.svg") | |
| no-repeat center center; | |
| } | |
| img[src="https://static.passthepopcorn.me/static/common/smileys/sick.gif"], | |
| img[src="static/common/smileys/sick.gif"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/emojis/sick.svg") | |
| no-repeat center center; | |
| } | |
| img[src="https://static.passthepopcorn.me/static/common/smileys/wink.gif"], | |
| img[src="static/common/smileys/wink.gif"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/emojis/wink.svg") | |
| no-repeat center center; | |
| } | |
| img[src="https://static.passthepopcorn.me/static/common/smileys/worried.gif"], | |
| img[src="static/common/smileys/worried.gif"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/emojis/worried.svg") | |
| no-repeat center center; | |
| } | |
| img[src="https://static.passthepopcorn.me/static/common/smileys/wtf.gif"], | |
| img[src="static/common/smileys/wtf.gif"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/emojis/wtf.svg") | |
| no-repeat center center; | |
| } | |
| img[src="https://static.passthepopcorn.me/static/common/smileys/wub.gif"], | |
| img[src="static/common/smileys/wub.gif"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/emojis/wub.svg") | |
| no-repeat center center; | |
| } | |
| img[src="https://static.passthepopcorn.me/static/common/smileys/paddle.gif"], | |
| img[src="static/common/smileys/paddle.gif"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/emojis/paddle-alt.svg") | |
| no-repeat center center; | |
| } | |
| img[src="https://static.passthepopcorn.me/static/common/smileys/wave.gif"], | |
| img[src="static/common/smileys/wave.gif"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/emojis/wave-hug.svg") | |
| no-repeat center center; | |
| } | |
| img[src="https://static.passthepopcorn.me/static/common/smileys/heart.gif"], | |
| img[src="static/common/smileys/heart.gif"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/emojis/heart.svg") | |
| no-repeat center center; | |
| } | |
| img[src="https://static.passthepopcorn.me/static/common/smileys/thanks.gif"], | |
| img[src="static/common/smileys/thanks.gif"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/emojis/thanks.svg") | |
| no-repeat center center; | |
| } | |
| img[src="static/common/smileys/thanks.gif"] { | |
| width: 48px !important; | |
| height: 48px !important; | |
| box-sizing: border-box !important; | |
| padding-left: 48px !important; | |
| } | |
| img[src="https://static.passthepopcorn.me/static/common/smileys/crom.gif"], | |
| img[src="static/common/smileys/crom.gif"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/emojis/crom-thanks.svg") | |
| no-repeat center center; | |
| } | |
| img[src="https://static.passthepopcorn.me/static/common/smileys/sorry.gif"], | |
| img[src="static/common/smileys/sorry.gif"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/emojis/sorry.svg") | |
| no-repeat center center; | |
| } | |
| /* Forum Post Heading Icons */ | |
| img[src="static/common/symbols/donor.png"], | |
| img[src="static/common/symbols/miner.png"], | |
| img[src="static/common/symbols/badge_checker.png"], | |
| img[src="https://passthepopcorn.me/static/common/symbols/badge_checker.png"], | |
| img[src="static/common/symbols/badge_gpchecker.png"], | |
| img[src="https://passthepopcorn.me/static/common/symbols/badge_gpchecker.png"] | |
| { | |
| width: 13px; | |
| height: 13px; | |
| padding-left: 13px; | |
| } | |
| img[src="static/common/symbols/donor.png"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/donor.svg") | |
| no-repeat center center; | |
| } | |
| img[src="static/common/symbols/miner.png"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/miner-alt.svg") | |
| no-repeat center center; | |
| } | |
| img[src="static/common/symbols/badge_checker.png"], | |
| img[src="https://passthepopcorn.me/static/common/symbols/badge_checker.png"] | |
| { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/badge-checker.svg") | |
| no-repeat center center; | |
| } | |
| img[src="static/common/symbols/badge_gpchecker.png"], | |
| img[src="https://passthepopcorn.me/static/common/symbols/badge_gpchecker.png"] | |
| { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/badge_gpchecker.svg") | |
| no-repeat center center; | |
| } | |
| img[src="static/common/symbols/filmclub.png"] { | |
| width: 20px; | |
| height: 20px; | |
| padding-left: 20px; | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/film-club-icon.svg") | |
| no-repeat center center; | |
| } | |
| img[src="static/common/symbols/encoder.png"], | |
| img[src="static/common/quality.gif"], | |
| img[src="https://passthepopcorn.me/static/common/quality.gif"], | |
| img[src="static/common/symbols/encoder_gp.png"], | |
| img[src="https://static.passthepopcorn.me/static/common/symbols/encoder_gp.png"], | |
| img[src="https://passthepopcorn.me/static/common/symbols/disabled.png"], | |
| img[src="static/common/symbols/disabled.png"], | |
| img[src="https://passthepopcorn.me/static/common/symbols/warned.png"], | |
| img[src="static/common/symbols/warned.png"] { | |
| width: 12px; | |
| height: 12px; | |
| padding-left: 12px; | |
| } | |
| img[src="static/common/symbols/encoder.png"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/encoder.svg") | |
| no-repeat center center; | |
| } | |
| img[src="static/common/quality.gif"], | |
| img[src="https://passthepopcorn.me/static/common/quality.gif"], | |
| img[src="static/common/symbols/encoder_gp.png"], | |
| img[src="https://static.passthepopcorn.me/static/common/symbols/encoder_gp.png"] | |
| { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/gold-encode-checker.svg") | |
| no-repeat center center; | |
| } | |
| img[src="https://passthepopcorn.me/static/common/symbols/disabled.png"], | |
| img[src="static/common/symbols/disabled.png"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/banned.svg") | |
| no-repeat center center; | |
| } | |
| img[src="https://passthepopcorn.me/static/common/symbols/warned.png"], | |
| img[src="static/common/symbols/warned.png"] { | |
| background: url("https://rawcdn.githack.com/datFunc/ptp__blue-night-theme/bc1b070b5b46fc99430891d68be728ef97b93095/icons/topic-sticky-unread.svg") | |
| no-repeat center center; | |
| } | |
| img[src="static/common/symbols/donor.png"], | |
| img[src="static/common/symbols/miner.png"], | |
| img[src="static/common/symbols/badge_checker.png"], | |
| img[src="https://passthepopcorn.me/static/common/symbols/badge_checker.png"], | |
| img[src="static/common/symbols/badge_gpchecker.png"], | |
| img[src="https://passthepopcorn.me/static/common/symbols/badge_gpchecker.png"], | |
| img[src="static/common/symbols/filmclub.png"], | |
| img[src="static/common/symbols/encoder.png"], | |
| img[src="static/common/quality.gif"], | |
| img[src="https://passthepopcorn.me/static/common/quality.gif"], | |
| img[src="static/common/symbols/encoder_gp.png"], | |
| img[src="https://static.passthepopcorn.me/static/common/symbols/encoder_gp.png"], | |
| img[src="https://passthepopcorn.me/static/common/symbols/disabled.png"], | |
| img[src="static/common/symbols/disabled.png"], | |
| img[src="https://passthepopcorn.me/static/common/symbols/warned.png"], | |
| img[src="static/common/symbols/warned.png"] { | |
| box-sizing: border-box; | |
| background-size: contain; | |
| } | |
| .golden-popcorn-character { | |
| display: inline-block; | |
| margin: 0 auto; | |
| text-indent: -3000px; | |
| font: 0/0 Arial; | |
| overflow: hidden; | |
| color: rgba(255, 255, 255, 0); | |
| width: 12px; | |
| height: 12px; | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/gold-encode-checker.svg") | |
| no-repeat center center; | |
| background-size: 12px; | |
| } | |
| /* Rank Icons */ | |
| img[src="static/common/symbols/Rank1.png"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/rank-1.svg") | |
| no-repeat center center; | |
| } | |
| img[src="static/common/symbols/Rank2.png"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/rank-2.svg") | |
| no-repeat center center; | |
| } | |
| img[src="static/common/symbols/Rank3.png"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/rank-3.svg") | |
| no-repeat center center; | |
| } | |
| img[src="static/common/symbols/Rank4.png"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/rank-4.svg") | |
| no-repeat center center; | |
| } | |
| img[src="static/common/symbols/Rank5.png"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/rank-5.svg") | |
| no-repeat center center; | |
| } | |
| img[src="static/common/symbols/Rank6.png"], | |
| img[src="https://static.passthepopcorn.me/static/common/symbols/Rank6.png"] | |
| { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/rank-6.svg") | |
| no-repeat center center; | |
| } | |
| img[src="static/common/symbols/Rank1.png"], | |
| img[src="static/common/symbols/Rank2.png"], | |
| img[src="static/common/symbols/Rank3.png"], | |
| img[src="static/common/symbols/Rank4.png"], | |
| img[src="static/common/symbols/Rank5.png"], | |
| img[src="static/common/symbols/Rank6.png"], | |
| img[src="https://static.passthepopcorn.me/static/common/symbols/Rank6.png"] | |
| { | |
| width: 10px; | |
| height: 10px; | |
| box-sizing: border-box; | |
| padding-left: 10px; | |
| background-size: contain; | |
| } | |
| .staff-toolbar { | |
| display: table; | |
| margin-left: auto; | |
| margin-right: auto; | |
| margin-bottom: 5px; | |
| padding: 6px; | |
| text-align: center; | |
| font-weight: 700; | |
| background-color: #2f3547; | |
| } | |
| .staff-toolbar__link { | |
| padding: 2px; | |
| } | |
| .staff-toolbar__link--important { | |
| display: inline-block; | |
| border-radius: 4px; | |
| padding: 4px; | |
| background-color: #ca2a43; | |
| color: #fff; | |
| } | |
| .film-club-discuss-link { | |
| text-align: center; | |
| font-size: 0.71rem; | |
| padding-top: 0.5em; | |
| } | |
| /************************************************************************ | |
| 3.1 - Forms */ | |
| .form--horizontal .form__label { | |
| float: right; | |
| } | |
| .form__checkbox-label, | |
| .form__input, | |
| .form__radio-label { | |
| padding-right: 0.9em; | |
| margin-bottom: 0.5em; | |
| font-size: 0.735rem !important; | |
| } | |
| .form__checkbox-label, | |
| .form__radio-label { | |
| display: inline-block; | |
| } | |
| .form__checkbox-label--with-note, | |
| .form__radio-label--with-note { | |
| margin-right: 0; | |
| margin-bottom: 0; | |
| } | |
| .generic-form, | |
| .search-form { | |
| max-width: 800px; | |
| margin-left: auto; | |
| margin-right: auto; | |
| margin-bottom: 15px; | |
| } | |
| .generic-form--narrow, | |
| .search-form--narrow { | |
| max-width: 684px; | |
| } | |
| .generic-form--full-width { | |
| width: 100%; | |
| } | |
| .search-form--toggleable { | |
| margin-bottom: 0; | |
| } | |
| .toggleable-search-form__toggler-container { | |
| text-align: center; | |
| } | |
| .toggleable-search-form__search-form { | |
| margin-bottom: 15px; | |
| } | |
| .search-form__advanced-basic-toggler { | |
| text-align: center; | |
| padding-bottom: 8px; | |
| } | |
| .generic-form__footer, | |
| .search-form__footer { | |
| border-top: 1px solid #3a4055; | |
| padding-top: 8px; | |
| } | |
| .generic-form__footer--right-aligned, | |
| .search-form__footer--right-aligned { | |
| text-align: right; | |
| } | |
| .generic-form__footer--no-border, | |
| .search-form__footer--no-border { | |
| border-top-style: none; | |
| } | |
| .search-form__footer__results { | |
| float: left; | |
| } | |
| /************************************************************************ | |
| 3.1 - Inputs & Buttons */ | |
| .input-group { | |
| display: flex; | |
| } | |
| .input-group__field { | |
| flex: 1; | |
| } | |
| input[type="checkbox"], | |
| input[type="radio"], | |
| select { | |
| background: #191d2a; | |
| border: 1px solid #3e414c; | |
| color: #fff; | |
| } | |
| button, | |
| input[type="button"], | |
| input[type="reset"], | |
| input[type="submit"] { | |
| -webkit-appearance: button; | |
| cursor: pointer; | |
| font-family: "Open Sans", Tahoma, Helvetica, sans-serif; | |
| font-weight: 700; | |
| background: #586279; | |
| color: #fff; | |
| border: 1px solid transparent; | |
| padding: 0.4rem 1rem; | |
| margin: 0.1rem; | |
| border-radius: 5px; | |
| line-height: 1; | |
| transition: all 0.3s; | |
| } | |
| button, | |
| input[type="button"]:hover, | |
| input[type="reset"]:hover, | |
| input[type="submit"]:hover, | |
| button:focus, | |
| input[type="button"]:focus, | |
| input[type="reset"]:focus, | |
| input[type="submit"]:focus { | |
| background: #4281da; | |
| box-shadow: 0 0 40px #4281da; | |
| outline: 0; | |
| } | |
| button:focus, | |
| input[type="button"]:focus, | |
| input[type="reset"]:focus, | |
| input[type="submit"]:focus { | |
| border: 1px solid #88b4f3; | |
| box-shadow: 0 0 40px #4281da; | |
| } | |
| input[type="checkbox"]:focus, | |
| input[type="radio"]:focus { | |
| outline-color: #88b4f3; | |
| } | |
| #inbox label { | |
| vertical-align: baseline; | |
| } | |
| #inbox #messageformtable tr td img { | |
| margin: 0 2.5px; | |
| vertical-align: middle; | |
| } | |
| #inbox input[type="submit"] { | |
| margin: 0.55rem 0.15rem 0.55rem 0; | |
| } | |
| button[disabled], | |
| input[disabled] { | |
| cursor: default; | |
| } | |
| button::-moz-focus-inner, | |
| input::-moz-focus-inner { | |
| border: none; | |
| padding: 0; | |
| } | |
| input[value="Delete"], | |
| input[value="Delete conversation"], | |
| input[value="Defriend"] { | |
| background: #9c4e4e; | |
| } | |
| input[value="Delete"]:hover, | |
| input[value="Delete"]:focus, | |
| input[value="Delete conversation"]:hover, | |
| input[value="Delete conversation"]:focus, | |
| input[value="Defriend"]:hover, | |
| input[value="Defriend"]:focus { | |
| background: #da4242; | |
| box-shadow: 0 0 40px #da4242; | |
| } | |
| input[value="Delete"]:focus { | |
| border: 1px solid #f57878; | |
| } | |
| button, | |
| input[type="button"], | |
| input[type="reset"], | |
| input[type="submit"], | |
| input[value="Delete"] { | |
| font-size: inherit; | |
| font-family: inherit; | |
| padding: 0.5em 1em; | |
| } | |
| button:hover, | |
| input[type="button"]:hover, | |
| input[type="reset"]:hover, | |
| input[type="submit"]:hover, | |
| input[value="Delete"]:hover { | |
| cursor: pointer; | |
| -webkit-animation: jelly-effect 0.5s; | |
| animation: jelly-effect 0.5s; | |
| } | |
| input, | |
| textarea { | |
| border: 1px solid transparent; | |
| border-radius: 5px; | |
| transition: all 0.3s ease-in-out; | |
| } | |
| input { | |
| line-height: normal; | |
| background: #171d2a; | |
| color: #fff; | |
| font-size: 0.75rem; | |
| padding-left: 0.4rem; | |
| height: 28px; | |
| } | |
| input[type="checkbox"], | |
| input[type="radio"] { | |
| box-sizing: border-box; | |
| padding: 0; | |
| margin: -7px 2px; | |
| vertical-align: inherit; | |
| vertical-align: text-top; | |
| } | |
| input[type="number"]::-webkit-inner-spin-button, | |
| input[type="number"]::-webkit-outer-spin-button { | |
| height: auto; | |
| } | |
| input[type="search"] { | |
| -webkit-appearance: textfield; | |
| box-sizing: content-box; | |
| } | |
| input[type="search"]::-webkit-search-cancel-button, | |
| input[type="search"]::-webkit-search-decoration { | |
| -webkit-appearance: none; | |
| } | |
| input[type="text"]:focus, | |
| textarea:focus { | |
| outline: 0; | |
| box-shadow: 0 0 40px #4281da; | |
| border: 1px solid #3463a7; | |
| } | |
| input[value="Search log"] { | |
| margin-top: 0.5rem; | |
| } | |
| textarea { | |
| overflow: auto; | |
| background: #191d2a; | |
| border: none; | |
| color: #fff; | |
| padding: 0.8rem; | |
| } | |
| input, | |
| select, | |
| textarea { | |
| border: 1px solid #3a4056; | |
| background: #0b0d19; | |
| padding: 0.2rem 0.4rem; | |
| border-radius: 5px; | |
| } | |
| select, | |
| select option, | |
| select option:first-child { | |
| color: #949aac; | |
| padding: 0.3rem; | |
| } | |
| select:focus { | |
| box-shadow: none; | |
| outline: 0; | |
| } | |
| input[name="runtime"] { | |
| width: 152px; | |
| max-width: 152px; | |
| } | |
| select[name="checked"] ~ input[name="runtime"] { | |
| margin-left: 0.66rem; | |
| } | |
| input::-webkit-input-placeholder, | |
| textarea::-webkit-input-placeholder { | |
| color: #586278; | |
| } | |
| input::-moz-placeholder, | |
| textarea::-moz-placeholder { | |
| color: #586278; | |
| } | |
| input:-ms-input-placeholder, | |
| textarea:-ms-input-placeholder { | |
| color: #586278; | |
| } | |
| input::-ms-input-placeholder, | |
| textarea::-ms-input-placeholder { | |
| color: #586278; | |
| } | |
| input::-webkit-input-placeholder, | |
| textarea::-webkit-input-placeholder { | |
| color: #586278; | |
| } | |
| input::-moz-placeholder, | |
| textarea::-moz-placeholder { | |
| color: #586278; | |
| } | |
| input:-ms-input-placeholder, | |
| textarea:-ms-input-placeholder { | |
| color: #586278; | |
| } | |
| input::-ms-input-placeholder, | |
| textarea::-ms-input-placeholder { | |
| color: #586278; | |
| } | |
| input::placeholder, | |
| textarea::placeholder { | |
| color: #586278; | |
| } | |
| /* Validation */ | |
| .bvalidator_errmsg { | |
| display: none; | |
| white-space: nowrap; | |
| color: #fff; | |
| font-size: 11px; | |
| font-weight: 700; | |
| padding: 4px 10px; | |
| box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); | |
| position: relative; | |
| background: #d51111; | |
| border: 3px solid #ddd; | |
| } | |
| .bvalidator_errmsg:after, | |
| .bvalidator_errmsg:before { | |
| top: 100%; | |
| border: solid transparent; | |
| content: ""; | |
| height: 0; | |
| width: 0; | |
| position: absolute; | |
| pointer-events: none; | |
| } | |
| .bvalidator_errmsg:after { | |
| border-top-color: #d51111; | |
| border-width: 8px; | |
| left: 14px; | |
| margin-left: -8px; | |
| } | |
| .bvalidator_errmsg:before { | |
| border-top-color: #ddd; | |
| border-width: 12px; | |
| left: 14px; | |
| margin-left: -12px; | |
| } | |
| .bvalidator_errmsg .bvalidator_close_icon { | |
| margin-left: 5px; | |
| margin-top: -2px; | |
| font-family: Verdana, Geneva, sans-serif; | |
| font-weight: 700; | |
| color: #000; | |
| cursor: pointer; | |
| font-size: 12px; | |
| } | |
| .bvalidator_errmsg em { | |
| display: none; | |
| } | |
| /* Custom Input Styling */ | |
| @supports (-webkit-appearance: none) or (-moz-appearance: none) { | |
| input[type="checkbox"], | |
| input[type="radio"] { | |
| --active: #0b0d19; | |
| --active-inner: #fff; | |
| --focus: 2px rgba(39, 94, 254, 0.3); | |
| --border: #3a4055; | |
| --border-hover: #4281da; | |
| --background: #0a0e19; | |
| --disabled: #f6f8ff; | |
| --disabled-inner: #e1e6f9; | |
| -webkit-appearance: none; | |
| -moz-appearance: none; | |
| height: 16px; | |
| outline: none; | |
| display: inline-block; | |
| vertical-align: top; | |
| position: relative; | |
| margin: 0; | |
| cursor: pointer; | |
| border: 1px solid var(--bc, var(--border)); | |
| background: var(--b, var(--background)); | |
| transition: background 0.3s, border-color 0.3s, box-shadow 0.2s; | |
| } | |
| input[type="checkbox"]:after, | |
| input[type="radio"]:after { | |
| content: ""; | |
| display: block; | |
| left: -1px; | |
| top: -1px; | |
| position: absolute; | |
| transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), | |
| opacity var(--d-o, 0.2s); | |
| } | |
| input[type="checkbox"]:checked, | |
| input[type="radio"]:checked { | |
| --b: var(--active); | |
| --bc: var(--active); | |
| --d-o: 0.3s; | |
| --d-t: 0.6s; | |
| --d-t-e: cubic-bezier(0.2, 0.85, 0.32, 1.2); | |
| } | |
| input[type="checkbox"]:disabled, | |
| input[type="radio"]:disabled { | |
| --b: var(--disabled); | |
| cursor: not-allowed; | |
| opacity: 0.9; | |
| } | |
| input[type="checkbox"]:disabled:checked, | |
| input[type="radio"]:disabled:checked { | |
| --b: var(--disabled-inner); | |
| --bc: var(--border); | |
| } | |
| input[type="checkbox"]:disabled + label, | |
| input[type="radio"]:disabled + label { | |
| cursor: not-allowed; | |
| } | |
| input[type="checkbox"]:hover:not(:checked):not(:disabled), | |
| input[type="radio"]:hover:not(:checked):not(:disabled) { | |
| --bc: var(--border-hover); | |
| } | |
| input[type="checkbox"]:focus, | |
| input[type="radio"]:focus { | |
| box-shadow: 0 0 0 var(--focus); | |
| } | |
| input[type="checkbox"]:not(.switch), | |
| input[type="radio"]:not(.switch) { | |
| width: 16px; | |
| } | |
| input[type="checkbox"]:not(.switch):after, | |
| input[type="radio"]:not(.switch):after { | |
| opacity: var(--o, 0); | |
| } | |
| input[type="checkbox"]:not(.switch):checked, | |
| input[type="radio"]:not(.switch):checked { | |
| --o: 1; | |
| } | |
| input[type="checkbox"] + label, | |
| input[type="radio"] + label { | |
| vertical-align: top; | |
| cursor: pointer; | |
| } | |
| input[type="checkbox"]:not(.switch) { | |
| border-radius: 5px; | |
| vertical-align: middle; | |
| } | |
| input[type="checkbox"]:not(.switch):after { | |
| width: 5px; | |
| height: 9px; | |
| border: 2px solid var(--active-inner); | |
| border-top: 0; | |
| border-left: 0; | |
| left: 5px; | |
| top: 2px; | |
| transform: rotate(var(--r, 20deg)); | |
| } | |
| input[type="checkbox"]:not(.switch):checked { | |
| --r: 43deg; | |
| } | |
| input[type="checkbox"].switch { | |
| width: 38px; | |
| border-radius: 11px; | |
| } | |
| input[type="checkbox"].switch:after { | |
| left: 2px; | |
| top: 2px; | |
| border-radius: 50%; | |
| width: 15px; | |
| height: 15px; | |
| background: var(--ab, var(--border)); | |
| transform: translateX(var(--x, 0)); | |
| } | |
| input[type="checkbox"].switch:checked { | |
| --ab: var(--active-inner); | |
| --x: 17px; | |
| } | |
| input[type="checkbox"].switch:disabled:not(:checked):after { | |
| opacity: 0.6; | |
| } | |
| input[type="radio"] { | |
| border-radius: 50%; | |
| } | |
| input[type="radio"]:after { | |
| width: 16px; | |
| height: 16px; | |
| border-radius: 50%; | |
| background: var(--active-inner); | |
| opacity: 0; | |
| transform: scale(var(--s, 0.7)); | |
| } | |
| input[type="radio"]:checked { | |
| --s: 0.5; | |
| } | |
| } | |
| /************************************************************************ | |
| 3.2 - Tables */ | |
| .page__main-content { | |
| background: #1e2333; | |
| margin: 0 auto; | |
| overflow: auto; | |
| padding: 2.5rem; | |
| font-size: 0.75rem; | |
| border-top: none; | |
| box-shadow: 0 0.6rem 2rem rgba(0, 0, 0, 0.6); | |
| } | |
| table { | |
| border-collapse: collapse; | |
| border-spacing: 0; | |
| } | |
| td, | |
| th { | |
| padding: 0; | |
| } | |
| th { | |
| text-align: left; | |
| } | |
| .table { | |
| width: 100%; | |
| margin: 0 0 1em 0; | |
| box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); | |
| } | |
| .table:last-child { | |
| margin-bottom: 0; | |
| } | |
| .table > tbody > tr, | |
| .table > thead > tr { | |
| background-color: #2f3546; | |
| font-size: 0.75rem; | |
| } | |
| .table > tbody > tr > td, | |
| .table > tbody > tr > th, | |
| .table > tfoot > tr > td, | |
| .table > tfoot > tr > th, | |
| .table > thead > tr > td, | |
| .table > thead > tr > th { | |
| line-height: 1.42857; | |
| } | |
| .table thead:first-child tr:first-child th { | |
| border-top: 0 none; | |
| padding-left: 0.4rem; | |
| } | |
| .table--bordered > tbody > tr > td, | |
| .table--bordered > tbody > tr > th, | |
| .table--bordered > tfoot > tr > td, | |
| .table--bordered > tfoot > tr > th, | |
| .table--bordered > thead > tr > td, | |
| .table--bordered > thead > tr > th { | |
| padding: 0.4rem; | |
| border: 1px solid #3a4056; | |
| } | |
| .table > tbody > tr { | |
| border-left: 1px solid #3a4056; | |
| border-right: 1px solid #3a4056; | |
| } | |
| .table--panel-like > thead > tr > td > a { | |
| font-weight: 700; | |
| } | |
| .table--panel-like > thead > tr > td { | |
| border: none; | |
| font-weight: 700; | |
| } | |
| #torrents .main-column table thead tr a { | |
| color: #a0a6b7 !important; | |
| } | |
| #torrents .main-column table thead tr a:hover { | |
| color: #ffffff !important; | |
| } | |
| #index .table--panel-like > tbody > tr > td { | |
| border-left: none; | |
| border-right: none; | |
| border-top: none; | |
| } | |
| .table > tbody > tr.inbox-message--unread > td { | |
| background-color: #586179 !important; | |
| } | |
| .table--centered th { | |
| text-align: center; | |
| } | |
| .table--no-border > tbody > tr > td, | |
| .table--no-border > tbody > tr > th, | |
| .table--no-border > tfoot > tr > td, | |
| .table--no-border > tfoot > tr > th, | |
| .table--no-border > thead > tr > td, | |
| .table--no-border > thead > tr > th { | |
| border: none; | |
| } | |
| .table--striped > tbody > tr:nth-child(odd) > td, | |
| .table--striped > tbody > tr:nth-child(odd) > th, | |
| .table > tbody > tr.movie-page__torrent--highlighted { | |
| background-color: #2f3547; | |
| } | |
| .table--panel-like > thead > tr { | |
| background: rgba(7, 11, 22, 0.9); | |
| } | |
| .table--panel-like > thead > tr, | |
| .table--panel-like > thead > tr a { | |
| color: #fff; | |
| } | |
| .table--panel-like > thead > tr > th { | |
| padding: 4px; | |
| font-size: 0.8rem; | |
| } | |
| .table--panel-like > thead > tr > th { | |
| padding: 7px; | |
| } | |
| .table--panel-like > thead > tr > th:first-child { | |
| border: none; | |
| border-top-left-radius: 5px !important; | |
| } | |
| .table--panel-like > thead > tr > th:last-child { | |
| border: none; | |
| border-top-right-radius: 5px !important; | |
| } | |
| .table--inplace-sortable > thead > tr > th { | |
| cursor: pointer; | |
| } | |
| .table--inplace-sortable:last-child { | |
| margin-bottom: 1em; | |
| } | |
| .table > tbody > tr.basic-movie-list__details-row { | |
| font-size: 0.75rem; | |
| } | |
| .table > tbody > tr.basic-movie-list__details-row, | |
| .table > tbody > tr.compact-movie-list__details-row--odd { | |
| background-color: #1e2233; | |
| } | |
| .table > tbody > tr.release-name-movie-list__details-row { | |
| background-color: #2f3546; | |
| } | |
| #top10 .table tr th, | |
| #top10 .table tr td { | |
| text-align: left !important; | |
| } | |
| #forums .form__input tr[style="vertical-align: top;"] { | |
| border: none; | |
| } | |
| #forums .form__input { | |
| box-shadow: none; | |
| } | |
| .movie-page__actor-column { | |
| text-align: left !important; | |
| padding-left: 1rem !important; | |
| } | |
| #trumpable .release-name-movie-list__movie__release-name { | |
| color: #ffffff; | |
| } | |
| #trumpable .release-name-movie-list__movie__release-name:hover { | |
| color: #4281da; | |
| } | |
| .tabs__bar__list { | |
| display: block; | |
| margin-top: 0; | |
| margin-bottom: 14px; | |
| border-bottom: 1px solid #2f3446; | |
| padding: 0; | |
| list-style: none; | |
| } | |
| .tabs__bar__list--centered { | |
| display: flex; | |
| justify-content: center; | |
| } | |
| .tabs__bar__item { | |
| display: block; | |
| float: left; | |
| margin-right: 4px; | |
| } | |
| .tabs__bar__item:first-child { | |
| margin-left: 10px; | |
| } | |
| .tabs__bar__link, | |
| .tabs__bar__link:active, | |
| .tabs__bar__link:focus, | |
| .tabs__bar__link:hover { | |
| display: block; | |
| margin-top: 6px; | |
| border: none; | |
| border-radius: 4px 4px 0 0; | |
| padding: 8px; | |
| background-color: #2f3447; | |
| outline: 0; | |
| } | |
| .tabs__bar__link--page-title-like { | |
| font-size: 1em; | |
| font-weight: 700; | |
| } | |
| .tabs__bar__item--active > .tabs__bar__link, | |
| .tabs__bar__item--active > .tabs__bar__link:active, | |
| .tabs__bar__item--active > .tabs__bar__link:focus, | |
| .tabs__bar__item--active > .tabs__bar__link:hover { | |
| border: none; | |
| background-color: rgba(7, 11, 22, 0.9); | |
| color: #fff; | |
| } | |
| .tabs__bar__link:hover { | |
| background-color: #444a63; | |
| } | |
| .tabs__panel { | |
| display: none; | |
| } | |
| .tabs__panel--active { | |
| display: block; | |
| } | |
| .torrent-info-link--user-seeding { | |
| font-weight: 700; | |
| color: #ffa10c; | |
| } | |
| .torrent-info-link--user-leeching { | |
| font-weight: 700; | |
| color: #ff3232; | |
| } | |
| .torrent-info-link--user-uploaded { | |
| font-weight: 700; | |
| color: #f432c9; | |
| } | |
| .l_movie { | |
| color: #ffffff; | |
| } | |
| .l_movie:hover { | |
| color: #4281da; | |
| } | |
| .tags { | |
| color: #a0a6b7; | |
| } | |
| /* Search bar */ | |
| .search-bar { | |
| background: #2f3447; | |
| font-size: 0.8rem; | |
| padding: 0.6em; | |
| margin-left: auto; | |
| margin-right: auto; | |
| margin-top: 0; | |
| text-align: center; | |
| border-top-right-radius: 10px; | |
| border-top-left-radius: 10px; | |
| border-bottom: 1px solid #3a4056; | |
| } | |
| .search-bar__search-field__input::-moz-placeholder { | |
| color: #586278; | |
| } | |
| .search-bar__search-field__input:-ms-input-placeholder { | |
| color: #586278; | |
| } | |
| .search-bar__search-field__input::-webkit-input-placeholder { | |
| color: #586278; | |
| } | |
| .search-bar__search-field__input::-ms-input-placeholder { | |
| color: #586278; | |
| } | |
| .search-bar__search-field__input::placeholder { | |
| color: #586278; | |
| } | |
| .search-bar__list, | |
| .search-bar__search-field, | |
| .search-bar__search-field__form, | |
| .search-bar__search-field__input { | |
| display: inline; | |
| } | |
| .search-bar__list { | |
| margin: 0 6px; | |
| padding: 0; | |
| } | |
| .search-bar__search-field { | |
| margin: 0; | |
| position: relative; | |
| } | |
| .search-bar__search-field__input { | |
| position: relative; | |
| top: -1px; | |
| background-color: #0b0e1a; | |
| font-size: 0.8em; | |
| color: #b5b5b5; | |
| border: 1px solid #3a4056; | |
| border-radius: 5px; | |
| padding: 2px 3px; | |
| text-align: center; | |
| margin: 0.4rem; | |
| } | |
| .search-bar__results, | |
| .search-bar__results__list-item, | |
| .search-bar__results__link { | |
| display: block; | |
| } | |
| .search-bar__results { | |
| background-color: rgba(7, 11, 22, 0.9); | |
| position: absolute; | |
| left: 0; | |
| width: 232px; | |
| margin: 0; | |
| padding: 0; | |
| border: none; | |
| z-index: 1000; | |
| border-radius: 5px; | |
| box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); | |
| } | |
| .search-bar__results__list-item { | |
| margin: 0; | |
| padding: 0; | |
| text-align: center; | |
| font-size: 0.9em; | |
| line-height: 15px; | |
| border-bottom: 1px solid #2f3447; | |
| } | |
| .search-bar__results__list-item:last-of-type { | |
| border-bottom: none; | |
| } | |
| .search-bar__results__link { | |
| padding: 5px 8px; | |
| } | |
| .search-bar__results__link, | |
| .search-bar__results__link:hover { | |
| color: #949aac; | |
| } | |
| .search-bar__results__list-item--is-highlighted > .search-bar__results__link, | |
| .search-bar__results__list-item--is-highlighted | |
| > .search-bar__results__link:hover { | |
| color: #fff; | |
| background-color: #4281da; | |
| } | |
| #log input[type="checkbox"], | |
| #log select[name="limit"] { | |
| vertical-align: text-top; | |
| margin-left: 0.55rem; | |
| } | |
| #log select[name="limit"] { | |
| position: relative; | |
| top: -6px; | |
| margin-right: 0.55rem; | |
| } | |
| .sidebar { | |
| float: right; | |
| width: 250px; | |
| } | |
| .sidebar-cover-image { | |
| display: block; | |
| max-width: 100%; | |
| margin-left: auto; | |
| margin-right: auto; | |
| border-radius: 5px; | |
| cursor: pointer; | |
| box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); | |
| transition: all 0.3s; | |
| } | |
| #user .sidebar-cover-image[alt*="avatar"]:hover { | |
| transform: scale(1); | |
| cursor: initial; | |
| box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); | |
| } | |
| .release-name-movie-list__name { | |
| font-size: 14px; | |
| } | |
| .release-name-movie-list__movie__release-category { | |
| vertical-align: middle; | |
| text-align: center; | |
| background-color: #1e2233; | |
| } | |
| .release-name-movie-list__movie__release-category__link, | |
| .release-name-movie-list__movie__release-name, | |
| .release-name-movie-list__movie__new, | |
| .release-name-movie-list__movie__rating__title { | |
| font-weight: 700; | |
| } | |
| .release-name-movie-list__movie__release-category__link { | |
| white-space: nowrap; | |
| font-size: 11px; | |
| text-shadow: 1px 1px 1px rgba(5, 5, 5, 0.5); | |
| margin-left: 3px; | |
| margin-right: 3px; | |
| } | |
| .release-name-movie-list__movie__new { | |
| font-size: 10px; | |
| color: #4281da; | |
| padding-left: 2px; | |
| text-transform: uppercase; | |
| } | |
| .release-name-movie-list__movie__action-container { | |
| float: right; | |
| } | |
| .release-name-movie-list__movie__ratings-and-tags { | |
| padding-top: 2px; | |
| } | |
| .release-name-movie-list__movie__rating-container { | |
| display: inline; | |
| padding: 1px 4px; | |
| margin-right: 4px; | |
| background-color: #2f3446; | |
| } | |
| .release-name-movie-list__movie__tags { | |
| padding: 2px; | |
| font-style: italic; | |
| } | |
| .panel { | |
| background-color: #2f3547; | |
| border: none; | |
| margin-bottom: 1em; | |
| box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); | |
| } | |
| .panel__heading { | |
| background-color: rgba(7, 11, 22, 0.9); | |
| border: none; | |
| padding: 7px; | |
| } | |
| .panel__heading__title, | |
| .panel__heading__title a { | |
| font-weight: 700; | |
| color: #ffffff; | |
| } | |
| .panel .panel__body { | |
| border: 1px solid #3a4056; | |
| } | |
| #last5t #last5-tab-control a { | |
| color: #a0a6b7; | |
| } | |
| #last5t #last5-tab-control a:hover { | |
| color: #ffffff; | |
| } | |
| .panel__heading img { | |
| margin: 0 2.5px; | |
| } | |
| .panel__heading__toggler, | |
| .toggle { | |
| float: right; | |
| font-size: 0.75em; | |
| font-weight: 400; | |
| color: #a0a6b7 !important; | |
| } | |
| .panel__heading__toggler:hover, | |
| .toggle:hover { | |
| color: #ffffff !important; | |
| } | |
| .panel, | |
| .panel__heading { | |
| border-top-left-radius: 5px; | |
| border-top-right-radius: 5px; | |
| } | |
| .panel__body, | |
| .panel tbody { | |
| padding: 0.75rem 1rem; | |
| } | |
| .main-column { | |
| margin: 0 255px 10px 0; | |
| width: 715px; | |
| overflow: hidden; | |
| } | |
| #messageformtable .username { | |
| margin-right: 2px; | |
| } | |
| #messageformtable img[title="Donor"] { | |
| margin-right: 0.25rem; | |
| } | |
| /* Movie List */ | |
| .small-cover-movie-list__movie { | |
| position: relative; | |
| margin: 0 auto 1.5rem; | |
| } | |
| .small-cover-movie-list__movie__link { | |
| width: 147px; | |
| height: 220px; | |
| display: block; | |
| border-radius: 5px; | |
| box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); | |
| } | |
| .small-cover-movie-list__movie__link--smaller { | |
| width: 140px; | |
| height: 214px; | |
| border-radius: 5px; | |
| box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); | |
| } | |
| .small-cover-movie-list__movie__link--seen::after { | |
| content: ""; | |
| position: absolute; | |
| right: 5px; | |
| top: 5px; | |
| background-image: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/seen.svg"); | |
| background-size: cover; | |
| width: 20px; | |
| height: 20px; | |
| } | |
| .small-cover-movie-list__movie__title { | |
| text-align: center; | |
| margin-top: 5px; | |
| margin-bottom: 15px; | |
| } | |
| .basic-movie-list__torrent__action__link:hover { | |
| color: #4281da; | |
| } | |
| .basic-movie-list__details-row { | |
| vertical-align: top; | |
| } | |
| .basic-movie-list__movie__cover { | |
| width: 116px; | |
| border-radius: 5px; | |
| box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); | |
| transition: all 0.3s; | |
| } | |
| .basic-movie-list__movie__cover-link { | |
| position: relative; | |
| display: block; | |
| } | |
| .basic-movie-list__movie__cover-link--seen::after { | |
| content: ""; | |
| position: absolute; | |
| right: 3px; | |
| top: 3px; | |
| background-image: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/seen.svg"); | |
| background-size: cover; | |
| width: 20px; | |
| height: 20px; | |
| } | |
| .basic-movie-list__movie__category-icon { | |
| width: 28px; | |
| height: 28px; | |
| } | |
| .basic-movie-list__number { | |
| text-align: center; | |
| font-weight: 700; | |
| } | |
| .basic-movie-list__movie__new, | |
| .basic-movie-list__movie__title-row { | |
| font-weight: 700; | |
| } | |
| .basic-movie-list__movie__title { | |
| color: #fff; | |
| } | |
| .basic-movie-list__movie__new, | |
| .basic-movie-list__movie__title:hover { | |
| color: #4281da; | |
| } | |
| .basic-movie-list__movie__new { | |
| visibility: hidden; | |
| display: inline; | |
| } | |
| .basic-movie-list__movie__new:before { | |
| visibility: visible; | |
| content: "New"; | |
| box-sizing: border-box; | |
| display: inline-block; | |
| font-weight: 700; | |
| font-size: 0.6rem; | |
| vertical-align: baseline; | |
| color: #4281da; | |
| background: rgba(66, 129, 218, 0.15); | |
| padding: 0.2rem 0.6rem; | |
| border-radius: 1rem; | |
| margin-bottom: 0.1rem; | |
| transition: all 0.3s; | |
| } | |
| .basic-movie-list__movie__new:hover:before { | |
| background: rgba(66, 129, 218, 0.25); | |
| color: #4281da; | |
| } | |
| .basic-movie-list__movie__bookmark { | |
| float: right; | |
| } | |
| .basic-movie-list__movie__ratings-and-tags { | |
| padding-top: 2px; | |
| } | |
| .basic-movie-list__movie__rating-container { | |
| background-color: #2f3446; | |
| display: inline-block; | |
| padding: 1px 4px; | |
| margin: 0.1rem 0 0; | |
| border: 1px solid #3a4055; | |
| border-radius: 2.5px; | |
| transition: all 0.3s; | |
| } | |
| .basic-movie-list__movie__rating-container:hover { | |
| background-color: #3c4258; | |
| border: 1px solid #474e69; | |
| } | |
| .basic-movie-list__movie__rating__title, | |
| .basic-movie-list__movie__rating__rating, | |
| .basic-torrent-list__movie__torrent-opener-link, | |
| .basic-movie-list__torrent-edition__main { | |
| font-weight: 700; | |
| } | |
| .basic-movie-list__torrent-edition { | |
| background-color: #3a4055; | |
| } | |
| .basic-movie-list__movie__rating__title a { | |
| color: #ffffff; | |
| } | |
| .basic-movie-list__movie__tags { | |
| padding: 2px; | |
| font-style: italic; | |
| } | |
| .basic-torrent-list__movie__torrent-opener-link { | |
| font-style: normal; | |
| padding-left: 5px; | |
| } | |
| .basic-torrent-list__movie__additional-info { | |
| margin-top: 15px; | |
| } | |
| .basic-movie-list__torrent-row { | |
| height: 1em; | |
| } | |
| .basic-movie-list__torrent__action { | |
| float: right; | |
| } | |
| .cover-movie-list { | |
| display: flex; | |
| flex-wrap: wrap; | |
| margin: 0 auto; | |
| justify-content: space-evenly; | |
| } | |
| .cover-movie-list--narrow { | |
| margin: 0 0 -10px -12px; | |
| } | |
| .cover-movie-list__movie { | |
| position: relative; | |
| width: 191px; | |
| height: 340px; | |
| margin: 1rem auto; | |
| text-align: left; | |
| } | |
| .cover-movie-list--narrow > .cover-movie-list__movie { | |
| width: 168px; | |
| margin: 0 0 10px 12px; | |
| } | |
| .cover-movie-list__movie__cover-link { | |
| display: block; | |
| width: 191px; | |
| height: 296px; | |
| border-radius: 5px; | |
| box-shadow: 0 0.5rem 1rem rgba(7, 11, 22, 0.55); | |
| transition-timing-function: cubic-bezier(0.68, -0.55, 0.27, 1.55); | |
| transition: all 0.3s; | |
| } | |
| .cover-movie-list--narrow | |
| > .cover-movie-list__movie | |
| > .cover-movie-list__movie__cover-link { | |
| display: block; | |
| height: 234px; | |
| width: 168px; | |
| } | |
| .cover-movie-list__movie__undercover { | |
| padding: 0.5rem; | |
| background: 0 0; | |
| border-radius: 0 0 6px 6px; | |
| } | |
| .cover-movie-list__movie__title, | |
| .cover-movie-list__movie__new, | |
| .cover-movie-list__movie__rating { | |
| font-weight: 700; | |
| } | |
| .cover-movie-list__movie__title { | |
| color: #fff; | |
| display: inline-block; | |
| max-width: 113px; | |
| white-space: nowrap; | |
| overflow: hidden; | |
| text-overflow: ellipsis; | |
| } | |
| .cover-movie-list__movie__new, | |
| .cover-movie-list__movie__title:hover { | |
| color: #4281da; | |
| } | |
| .cover-movie-list__movie__year { | |
| display: inline-block; | |
| vertical-align: super; | |
| } | |
| .cover-movie-list__movie__new { | |
| font-size: 10px; | |
| padding-left: 2px; | |
| text-transform: uppercase; | |
| display: inline-block; | |
| vertical-align: super; | |
| } | |
| .cover-movie-list__movie__rating-and-tags { | |
| margin-top: 0.2rem; | |
| overflow: hidden; | |
| text-overflow: ellipsis; | |
| white-space: nowrap; | |
| } | |
| .cover-movie-list__movie__rating { | |
| box-sizing: border-box; | |
| background-color: #2f3446; | |
| color: #ffffff; | |
| display: inline-block; | |
| padding: 1px 6px; | |
| margin-right: 0.3rem; | |
| border: 1px solid #3a4055; | |
| border-radius: 5px; | |
| } | |
| .cover-movie-list__movie__rating:hover { | |
| background-color: #3c4258; | |
| border: 1px solid #474e69; | |
| } | |
| .cover-movie-list__movie__cover-link--seen::after { | |
| content: ""; | |
| position: absolute; | |
| right: 5px; | |
| top: 5px; | |
| background-image: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/seen.svg"); | |
| background-size: cover; | |
| width: 20px; | |
| height: 20px; | |
| } | |
| .huge-movie-list__movie { | |
| background-color: #2f3546; | |
| border: none; | |
| margin-bottom: 30px; | |
| } | |
| .huge-movie-list__movie:not(:first-child) { | |
| margin-top: 15px; | |
| } | |
| .huge-movie-list__movie__cover { | |
| position: relative; | |
| float: left; | |
| width: 256px; | |
| } | |
| .huge-movie-list__movie__cover__link { | |
| display: block; | |
| height: 360px; | |
| width: 256px; | |
| border-radius: 5px; | |
| box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); | |
| } | |
| .huge-movie-list__movie__cover__link--seen::after { | |
| content: ""; | |
| position: absolute; | |
| right: 3px; | |
| top: 3px; | |
| background-image: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/seen.svg"); | |
| background-size: cover; | |
| width: 20px; | |
| height: 20px; | |
| } | |
| .huge-movie-list__movie__details { | |
| margin-left: 256px; | |
| position: relative; | |
| padding: 10px 10px 0 10px; | |
| } | |
| .huge-movie-list__movie__title { | |
| font-size: 1.5em; | |
| font-weight: 700; | |
| color: #fff; | |
| } | |
| .huge-movie-list__movie__new, | |
| .huge-movie-list__movie__title:hover { | |
| color: #4281da; | |
| } | |
| .huge-movie-list__movie__year { | |
| font-size: 1.4em; | |
| } | |
| .huge-movie-list__movie__new { | |
| font-size: 10px; | |
| font-weight: 700; | |
| padding-left: 2px; | |
| text-transform: uppercase; | |
| } | |
| .huge-movie-list__movie__tag-list { | |
| font-size: 1em; | |
| font-style: italic; | |
| margin-top: 2px; | |
| } | |
| .huge-movie-list__movie__additional-info { | |
| margin-top: 15px; | |
| } | |
| .huge-movie-list__movie__director-list { | |
| font-size: 1em; | |
| } | |
| .huge-movie-list__movie__ratings-and-synopsis { | |
| margin-top: 25px; | |
| } | |
| .huge-movie-list__movie__ratings-and-synopsis > tbody > tr > td { | |
| background-color: #181c27; | |
| border: none; | |
| } | |
| .huge-movie-list__movie__ratings { | |
| width: 130px; | |
| margin: auto; | |
| } | |
| .huge-movie-list__movie__ratings__icon-column { | |
| padding: 1px 6px 1px 5px; | |
| } | |
| .huge-movie-list__movie__ratings__votes-column { | |
| padding: 1px 2px 1px 2px; | |
| } | |
| .huge-movie-list__movie__ratings img[src="https://static.passthepopcorn.me/static/common/ratings/x1_imdb.png"] | |
| { | |
| width: 42px; | |
| height: 42px; | |
| box-sizing: border-box; | |
| padding-left: 42px; | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/imdb-logo.svg") | |
| no-repeat center center; | |
| background-size: contain; | |
| } | |
| .huge-movie-list__movie__ratings img[src="https://static.passthepopcorn.me/static/common/ratings/x2_metacritic.png"], | |
| .huge-movie-list__movie__ratings img[src="https://static.passthepopcorn.me/static/common/ratings/x3_tomatoes.png"], | |
| .huge-movie-list__movie__ratings img[src="https://static.passthepopcorn.me/static/common/ratings/x4_ptp.png"] | |
| { | |
| width: 32px; | |
| height: 32px; | |
| box-sizing: border-box; | |
| padding-left: 32px; | |
| } | |
| .huge-movie-list__movie__ratings img[src="https://static.passthepopcorn.me/static/common/ratings/x2_metacritic.png"] | |
| { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/metacritic-logo.svg") | |
| no-repeat center center; | |
| background-size: contain; | |
| } | |
| .huge-movie-list__movie__ratings img[src="https://static.passthepopcorn.me/static/common/ratings/x3_tomatoes.png"] | |
| { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/rt_alt.svg") | |
| no-repeat center center; | |
| background-size: contain; | |
| } | |
| .huge-movie-list__movie__ratings img[src="https://static.passthepopcorn.me/static/common/ratings/x4_ptp.png"], | |
| img[src="static/common/ratings/x4_ptp.png"] { | |
| width: 28px !important; | |
| height: 28px !important; | |
| box-sizing: border-box; | |
| padding-left: 28px !important; | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/popcorn-colored.svg") | |
| no-repeat center center; | |
| background-size: contain; | |
| } | |
| .huge-movie-list__movie__synopsis { | |
| padding: 5px; | |
| font-size: 1.2em; | |
| } | |
| .huge-movie-list__movie__action-row { | |
| margin-top: 10px; | |
| font-size: 1.2em; | |
| } | |
| .huge-movie-list__movie__torrent-summary { | |
| margin-top: 25px; | |
| } | |
| .large-torrent-list-group-opener { | |
| background: url("images/show.png") no-repeat center center; | |
| width: 28px; | |
| height: 28px; | |
| } | |
| .large-torrent-list-group-opener__link { | |
| display: block; | |
| width: 28px; | |
| height: 28px; | |
| border: none; | |
| } | |
| .basic-movie-list__movie__cover-link--seen, | |
| .cover-movie-list__movie__cover-link--seen, | |
| .huge-movie-list__movie__cover__link--seen, | |
| .small-cover-movie-list__movie__link--seen { | |
| opacity: 0.75; | |
| background-color: rgba(24, 28, 42, 0.4) !important; | |
| background-blend-mode: darken; | |
| } | |
| .basic-movie-list__movie__cover-link--seen:hover, | |
| .cover-movie-list__movie__cover-link--seen:hover, | |
| .huge-movie-list__movie__cover__link--seen:hover, | |
| .small-cover-movie-list__movie__link--seen:hover { | |
| opacity: 1; | |
| background-color: none !important; | |
| background-blend-mode: initial; | |
| } | |
| .basic-movie-list__movie__cover:hover, | |
| .cover-movie-list__movie__cover-link:hover, | |
| .huge-movie-list__movie__cover__link:hover, | |
| .small-cover-movie-list__movie__link:hover, | |
| .small-cover-movie-list__movie__link--smaller:hover, | |
| .sidebar-cover-image:hover, | |
| .user-recommendation__image:hover, | |
| .last5-movies__link:hover { | |
| transform: scale(1.04, 1.04); | |
| box-shadow: 0 0 40px #31517d; | |
| } | |
| /* Torrents table icons */ | |
| #browse_settings, | |
| img[src="static/common/symbols/settings.png"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/settings.svg") | |
| no-repeat center center; | |
| transition: all 2s ease-in-out; | |
| } | |
| #browse_settings:hover, | |
| img[src="static/common/symbols/settings.png"]:hover { | |
| transform: rotate(360deg); | |
| -webkit-filter: invert(0) sepia(0) saturate(1) hue-rotate(0) brightness(5); | |
| filter: invert(0) sepia(0) saturate(1) hue-rotate(0) brightness(5); | |
| } | |
| img[title="Time"], | |
| img[src="static/common/time.png"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/time.svg") | |
| no-repeat center center; | |
| } | |
| img[title="Snatches"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/snatched.svg") | |
| no-repeat center center; | |
| } | |
| img[title="Seeders"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/arrow-up-white.svg") | |
| no-repeat center center; | |
| } | |
| img[title="Leechers"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/arrow-down-white.svg") | |
| no-repeat center center; | |
| } | |
| #browse_settings, | |
| img[src="static/common/symbols/settings.png"], | |
| img[title="Time"], | |
| img[src="static/common/time.png"], | |
| img[title="Snatches"], | |
| img[title="Seeders"], | |
| img[title="Leechers"] { | |
| width: 14px; | |
| height: 14px; | |
| box-sizing: border-box; | |
| padding-left: 14px; | |
| background-size: contain; | |
| } | |
| #bprate img[src="static/common/time.png"] { | |
| display: block; | |
| margin: 0 auto; | |
| } | |
| /* Torrent Single Table */ | |
| .movie-page__torrent__panel { | |
| background-color: #181c27; | |
| margin: 10px; | |
| padding: 10px; | |
| border: 1px dashed #4a4e5b; | |
| border-radius: 5px; | |
| } | |
| img[src="static/common/symbols/uploader.png"] { | |
| width: 12px; | |
| height: 12px; | |
| box-sizing: border-box; | |
| padding-left: 12px; | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/arrow-up.svg") | |
| no-repeat center center; | |
| background-size: contain; | |
| } | |
| .movie-page__torrent__panel img { | |
| margin-left: 0.3rem; | |
| vertical-align: baseline; | |
| } | |
| .movie-page__torrent-report-container { | |
| margin-top: 8px; | |
| background-color: #1d2333; | |
| } | |
| .movie-page__torrent-report-date-and-reason { | |
| padding: 5px; | |
| border-bottom: 1px dotted #666; | |
| } | |
| .movie-page__torrent-report-description { | |
| padding: 5px 1rem; | |
| } | |
| .movie-page__torrent-report-staff-comment { | |
| padding: 5px 1rem; | |
| border-top: 1px dotted #666; | |
| background-color: #1e1e1e; | |
| } | |
| .release-description-preview { | |
| background-color: #242a3c; | |
| padding: 10px; | |
| border: 1px solid #3d4356; | |
| } | |
| .screenshot-comparison__container { | |
| position: fixed; | |
| overflow: auto; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| background-color: #000; | |
| text-align: center; | |
| z-index: 99; | |
| display: block; | |
| margin: 0 auto; | |
| } | |
| .screenshot-comparison__row { | |
| position: relative; | |
| left: 0; | |
| top: 0; | |
| } | |
| .screenshot-comparison__image-container { | |
| display: inline-block; | |
| position: absolute; | |
| left: 0; | |
| top: 0; | |
| width: 100%; | |
| } | |
| .screenshot-comparison__image { | |
| border: 4px solid #4281da; | |
| } | |
| .screenshot-comparison__label { | |
| position: fixed; | |
| top: 0; | |
| z-index: 2000; | |
| color: #fff; | |
| font-size: 18px; | |
| font-weight: 700; | |
| text-shadow: 0 0 4px #000, 0 0 4px #000, 0 0 4px #000, 0 0 4px #000; | |
| } | |
| .screenshot-comparison__old-school-toggler-container { | |
| margin: 20px; | |
| } | |
| .screenshot-comparison__help { | |
| display: inline-block; | |
| margin-bottom: 20px; | |
| max-width: 800px; | |
| color: #fff; | |
| text-align: left; | |
| } | |
| .screenshot-comparison__old-school-image { | |
| width: 20%; | |
| } | |
| .movie-page__trailer { | |
| margin-bottom: 14px; | |
| box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); | |
| } | |
| .movie-page__actor-column { | |
| width: 180px; | |
| text-align: right; | |
| } | |
| .movie-tooltip__title-row { | |
| font-weight: 700; | |
| font-size: 1rem; | |
| } | |
| .movie-tooltip__title { | |
| color: #fff; | |
| } | |
| .movie-tooltip__director-list { | |
| margin-top: 3px; | |
| } | |
| .movie-tooltip__ratings { | |
| margin: 3px 0 3px 0; | |
| } | |
| .movie-tooltip__rating-container { | |
| background-color: #2f3446; | |
| display: inline; | |
| margin-right: 4px; | |
| padding: 1px 4px; | |
| border: 1px solid #3a4055; | |
| border-radius: 0.25rem; | |
| } | |
| .movie-tooltip__rating__title > a, | |
| .movie-tooltip__tag, | |
| .movie-tooltip__rating__rating { | |
| font-weight: 700; | |
| color: #ffffff; | |
| } | |
| .movie-tooltip__rating__title > a:hover, | |
| .movie-tooltip__tag:hover { | |
| text-decoration: none; | |
| color: #fff; | |
| } | |
| .movie-tooltip__additional-info { | |
| margin-top: 10px; | |
| } | |
| .movie-tooltip__trailer { | |
| position: relative; | |
| margin-top: 10px; | |
| width: 150px; | |
| height: 120px; | |
| cursor: pointer; | |
| transition: all 0.3s; | |
| } | |
| .movie-tooltip__trailer:hover { | |
| opacity: 0.75; | |
| } | |
| .movie-tooltip__trailer__image { | |
| max-width: 100%; | |
| border: none; | |
| border-radius: 0.25rem; | |
| cursor: pointer; | |
| width: 100%; | |
| border: 1px solid #3a4055; | |
| box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); | |
| } | |
| .movie-tooltip__trailer__play { | |
| position: absolute; | |
| top: 50%; | |
| left: 50%; | |
| transform: translate(-50%, -50%); | |
| cursor: pointer; | |
| width: 50px; | |
| height: 50px; | |
| box-sizing: border-box; | |
| padding-left: 50px; | |
| background: url("https://rawcdn.githack.com/datFunc/ptp__blue-night-theme/bc1b070b5b46fc99430891d68be728ef97b93095/icons/play-trailer.svg") | |
| no-repeat center center; | |
| background-size: contain; | |
| opacity: 0.75; | |
| transition: all 0.3s; | |
| } | |
| .movie-tooltip__trailer:hover .movie-tooltip__trailer__play { | |
| opacity: 1; | |
| transform: translate(-50%, -50%) scale(1.1); | |
| } | |
| .movie-tooltip__synopsis { | |
| margin-top: 10px; | |
| line-height: 1rem; | |
| } | |
| .movie-tooltip__torrents { | |
| margin-top: 10px; | |
| } | |
| .movie-tooltip__action-row { | |
| margin-top: 5px; | |
| padding-top: 10px; | |
| padding-bottom: 4px; | |
| font-weight: 700; | |
| border-top: 1px solid #2f3347; | |
| } | |
| .mediainfo { | |
| margin: 0; | |
| width: auto; | |
| } | |
| .mediainfo > tbody > tr, | |
| .mediainfo__section > tbody > tr { | |
| background-color: #242a3c; | |
| vertical-align: top; | |
| } | |
| .mediainfo > tbody > tr > td { | |
| border: 1px solid #3d4356; | |
| padding: 5px; | |
| } | |
| .mediainfo__section { | |
| margin: 0; | |
| width: 100%; | |
| border-top: 1px solid #3d4356; | |
| border-collapse: collapse; | |
| } | |
| .mediainfo__section__caption { | |
| font-weight: 700; | |
| } | |
| .mediainfo__section > tbody > td { | |
| border: none; | |
| padding: 2px; | |
| } | |
| .mediainfo--in-release-description { | |
| width: 100%; | |
| } | |
| .mediainfo--in-release-description .mediainfo__section > tbody > tr, | |
| .mediainfo--in-release-description > tbody > tr { | |
| background-color: #242a3c; | |
| border-top: 1px solid #3d4356; | |
| } | |
| .torrent_table img[src="static/common/check.png"], | |
| img[src="https://passthepopcorn.me/static/common/check.png"], | |
| .torrent_table img[src="static/common/x.png"], | |
| img[src="https://passthepopcorn.me/static/common/x.png"] | |
| { | |
| width: 12px !important; | |
| height: 12px !important; | |
| box-sizing: border-box; | |
| padding-left: 12px !important; | |
| background-size: cover !important; | |
| } | |
| .torrent_table img[src="static/common/check.png"], | |
| img[src="https://passthepopcorn.me/static/common/check.png"] | |
| { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/badge-checker.svg") | |
| no-repeat center center; | |
| } | |
| .torrent_table img[src="static/common/x.png"], | |
| img[src="https://passthepopcorn.me/static/common/x.png"] | |
| { | |
| background: url("https://rawcdn.githack.com/datFunc/ptp__blue-night-theme/baca928290b62658e2d1cb73521351ea9a331ff9/icons/not-approved_alt.svg") | |
| no-repeat center center; | |
| margin-right: 1px; | |
| } | |
| img[src="static/common/Poppy1.png"] { | |
| width: 70px; | |
| height: 70px; | |
| box-sizing: border-box; | |
| padding-left: 70px; | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/poppy.svg") | |
| no-repeat center center; | |
| background-size: contain; | |
| margin-right: 10px; | |
| } | |
| .forum-post__movie-vote { | |
| color: #ffffff; | |
| background: #1e2233 !important; | |
| padding: 0.2rem; | |
| } | |
| .forum-post__movie-vote img { | |
| width: 20px !important; | |
| height: 20px !important; | |
| box-sizing: border-box; | |
| padding-left: 20px !important; | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/popcorn-colored.svg") | |
| no-repeat center center; | |
| background-size: contain; | |
| margin-right: 0.2rem; | |
| } | |
| /* Spoiler Tag */ | |
| span.spoiler a { | |
| color: black; | |
| } | |
| span.spoiler img { | |
| visibility: hidden; | |
| } | |
| span.spoiler-show a { | |
| color: #a0a6b7; | |
| } | |
| span.spoiler-show a:hover { | |
| color: #ffffff; | |
| } | |
| span.spoiler ul { | |
| background-color: black; | |
| } | |
| span.spoiler-show a:hover { | |
| color: #fff; | |
| } | |
| span.spoiler-show img { | |
| visibility: visible; | |
| } | |
| span.spoiler:hover, | |
| span.spoiler-show * { | |
| background-color: transparent !important; | |
| } | |
| #movie-ratings-table #imdb-title-link img { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/imdb-logo.svg") | |
| no-repeat center center; | |
| width: 64px !important; | |
| height: 64px !important; | |
| } | |
| #movie-ratings-table img[src="static/common/ratings/x2_metacritic.png"], | |
| #movie-ratings-table img[src="static/common/ratings/x4_ptp.png"], | |
| #movie-ratings-table #imdb-title-link img { | |
| width: 42px !important; | |
| height: 42px !important; | |
| padding-left: 48px; | |
| } | |
| #movie-ratings-table img[src="static/common/ratings/x2_metacritic.png"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/metacritic-logo.svg") | |
| no-repeat center center; | |
| } | |
| #movie-ratings-table img[src="static/common/ratings/x4_ptp.png"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/popcorn-colored.svg") | |
| no-repeat center center; | |
| } | |
| #movie-ratings-table img[src="static/common/ratings/x3_tomatoes.png"], | |
| img[title="Rotten Tomatoes"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/rt_alt.svg") | |
| no-repeat center center; | |
| } | |
| #movie-ratings-table #imdb-title-link img, | |
| #movie-ratings-table img[src="static/common/ratings/x2_metacritic.png"], | |
| #movie-ratings-table img[src="static/common/ratings/x3_tomatoes.png"], | |
| img[title="Rotten Tomatoes"], | |
| #movie-ratings-table img[src="static/common/ratings/x4_ptp.png"] { | |
| box-sizing: border-box; | |
| background-size: contain; | |
| } | |
| #movie-ratings-table #imdb-title-link img { | |
| width: 35px !important; | |
| height: 35px !important; | |
| padding-left: 54px; | |
| } | |
| #movie-ratings-table img[src="static/common/ratings/x4_ptp.png"] { | |
| width: 42px !important; | |
| height: 42px !important; | |
| padding-left: 64px !important; | |
| } | |
| #movie-ratings-table img[src="static/common/ratings/x3_tomatoes.png"], | |
| img[title="Rotten Tomatoes"] { | |
| width: 64px !important; | |
| height: 64px !important; | |
| padding-left: 64px; | |
| } | |
| .star-rating-container { | |
| display: inline-block; | |
| padding-right: 5px; | |
| margin: 10px 0 0; | |
| cursor: pointer; | |
| } | |
| .star-rating { | |
| display: inline-block; | |
| width: 170px; | |
| height: 17px; | |
| margin: 0; | |
| padding: 0; | |
| list-style: none; | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/star-rating.svg"); | |
| background-size: 17px; | |
| background-position: left center; | |
| background-repeat: repeat-x; | |
| cursor: pointer; | |
| } | |
| .star-rating, | |
| .star-rating--popup-starter, | |
| .star-rating-container, | |
| .star-rating-container--big { | |
| transition: all 0.3s; | |
| } | |
| .star-rating--popup-starter:hover { | |
| transform: scale(1.1); | |
| } | |
| .star-rating--with-inline-rating-display { | |
| vertical-align: middle; | |
| } | |
| .star-rating--voting-disabled { | |
| cursor: default; | |
| } | |
| .star-rating__current-user, | |
| .star-rating__site { | |
| display: block; | |
| position: absolute; | |
| float: left; | |
| width: 170px; | |
| height: 20px; | |
| padding: 0; | |
| margin: 0; | |
| text-decoration: none; | |
| text-indent: -9000px; | |
| font-size: 1px; | |
| z-index: 20; | |
| } | |
| .star-rating__current-user { | |
| height: 17px; | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/star-rating-user.svg"); | |
| background-size: 17px; | |
| background-position: left center; | |
| background-repeat: repeat-x; | |
| z-index: 19; | |
| } | |
| .star-rating__site { | |
| height: 17px !important; | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/star-rating-site.svg"); | |
| background-size: 17px; | |
| background-position: left center; | |
| background-repeat: repeat-x; | |
| z-index: 18; | |
| } | |
| .star-rating__inline-rating-display { | |
| margin-left: 10px; | |
| } | |
| .star-rating--big, | |
| .star-rating__current-user--big { | |
| width: 300px; | |
| height: 30px; | |
| } | |
| .star-rating--big { | |
| background: url("https://rawcdn.githack.com/datFunc/ptp__blue-night-theme/7319d87c79c9809cccd73517e85603d298667732/icons/star-rating-big.svg"); | |
| background-size: 30px; | |
| background-position: left center; | |
| background-repeat: repeat-x; | |
| } | |
| .star-rating__current-user--big { | |
| background: url("https://rawcdn.githack.com/datFunc/ptp__blue-night-theme/7319d87c79c9809cccd73517e85603d298667732/icons/star-rating-user-big.svg"); | |
| background-size: 30px; | |
| background-position: left center; | |
| background-repeat: repeat-x; | |
| } | |
| .star-rating-container--big { | |
| padding: 4px; | |
| cursor: pointer; | |
| } | |
| .user-recommendation { | |
| display: flex; | |
| align-items: flex-start; | |
| } | |
| .user-recommendation:not(:first-child) { | |
| margin-top: 10px; | |
| } | |
| .user-recommendation__image-container { | |
| margin-right: 10px; | |
| } | |
| .user-recommendation__image { | |
| max-width: 64px; | |
| border-radius: 5px; | |
| box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); | |
| transition: all 0.3s; | |
| } | |
| .last5-movies__link { | |
| border-radius: 5px !important; | |
| } | |
| .user-recommendation__body { | |
| flex: 1; | |
| } | |
| .wiki__diff--added { | |
| color: green; | |
| background: #dfd; | |
| text-decoration: none; | |
| } | |
| .wiki__diff--deleted { | |
| color: #f44336; | |
| background: #fdd; | |
| text-decoration: none; | |
| } | |
| /* Flags/Subs Icons */ | |
| .languageselector li { | |
| margin-bottom: 0.25em; | |
| } | |
| img[src="static/common/flags/none.png"], | |
| img[src="static/common/flags/usa.gif"], | |
| img[src="static/common/flags/usa_f.gif"], | |
| img[src="static/common/flags/usa_i.gif"], | |
| img[src="static/common/flags/spain.gif"], | |
| img[src="static/common/flags/france.gif"], | |
| img[src="static/common/flags/arabic.gif"], | |
| img[src="static/common/flags/pt_br.png"], | |
| img[src="static/common/flags/bulgaria.png"], | |
| img[src="static/common/flags/china.gif"], | |
| img[src="static/common/flags/croatia.gif"], | |
| img[src="static/common/flags/czech.png"], | |
| img[src="static/common/flags/denmark.gif"], | |
| img[src="static/common/flags/netherlands.gif"], | |
| img[src="static/common/flags/estonia.png"], | |
| img[src="static/common/flags/finland.gif"], | |
| img[src="static/common/flags/germany.gif"], | |
| img[src="static/common/flags/greece.gif"], | |
| img[src="static/common/flags/hebrew.png"], | |
| img[src="static/common/flags/hindi.png"], | |
| img[src="static/common/flags/hungary.gif"], | |
| img[src="static/common/flags/icelandic.png"], | |
| img[src="static/common/flags/indonesian.png"], | |
| img[src="static/common/flags/italy.gif"], | |
| img[src="static/common/flags/japan.gif"], | |
| img[src="static/common/flags/south_korea.gif"], | |
| img[src="static/common/flags/latvia.png"], | |
| img[src="static/common/flags/lithuania.png"], | |
| img[src="static/common/flags/norway.gif"], | |
| img[src="static/common/flags/iran.png"], | |
| img[src="static/common/flags/poland.gif"], | |
| img[src="static/common/flags/portugal.gif"], | |
| img[src="static/common/flags/romania.gif"], | |
| img[src="static/common/flags/russia.gif"], | |
| img[src="static/common/flags/serbia.png"], | |
| img[src="static/common/flags/slovak.png"], | |
| img[src="static/common/flags/slovenia.png"], | |
| img[src="static/common/flags/sweden.gif"], | |
| img[src="static/common/flags/thailand.gif"], | |
| img[src="static/common/flags/turkey.gif"], | |
| img[src="static/common/flags/ukraine.png"], | |
| img[src="static/common/flags/vietnam.gif"] { | |
| width: 20px; | |
| height: 20px; | |
| box-sizing: border-box; | |
| padding-left: 20px; | |
| background-size: contain !important; | |
| vertical-align: bottom; | |
| } | |
| img[src="static/common/flags/none.png"] { | |
| background: url("https://rawcdn.githack.com/datFunc/ptp__blue-night-theme/d3969fd16d3b56136c1c88af31796e1eff4d9532/icons/flags/no-subs.svg") | |
| no-repeat center center; | |
| } | |
| img[src="static/common/flags/usa.gif"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/flags/usa.svg") | |
| no-repeat center center; | |
| } | |
| img[src="static/common/flags/usa_f.gif"] { | |
| background: url("https://rawcdn.githack.com/datFunc/ptp__blue-night-theme/a2772a2e860756999b3200b29719ae66d09400c8/icons/flags/usa_f.svg") | |
| no-repeat center center; | |
| } | |
| img[src="static/common/flags/usa_i.gif"] { | |
| background: url("https://rawcdn.githack.com/datFunc/ptp__blue-night-theme/ad4c3cfa2011ac72da04c4026fe2c0350c6254b9/icons/flags/usa_i.svg") | |
| no-repeat center center; | |
| } | |
| img[src="static/common/flags/spain.gif"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/flags/spain.svg") | |
| no-repeat center center; | |
| } | |
| img[src="static/common/flags/france.gif"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/flags/france.svg") | |
| no-repeat center center; | |
| } | |
| img[src="static/common/flags/arabic.gif"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/flags/uae.svg") | |
| no-repeat center center; | |
| } | |
| img[src="static/common/flags/pt_br.png"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/flags/brazil.svg") | |
| no-repeat center center; | |
| } | |
| img[src="static/common/flags/bulgaria.png"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/flags/bulgaria.svg") | |
| no-repeat center center; | |
| } | |
| img[src="static/common/flags/china.gif"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/flags/china.svg") | |
| no-repeat center center; | |
| } | |
| img[src="static/common/flags/croatia.gif"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/flags/croatia.svg") | |
| no-repeat center center; | |
| } | |
| img[src="static/common/flags/czech.png"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/flags/czech-republic.svg") | |
| no-repeat center center; | |
| } | |
| img[src="static/common/flags/denmark.gif"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/flags/denmark.svg") | |
| no-repeat center center; | |
| } | |
| img[src="static/common/flags/netherlands.gif"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/flags/netherlands.svg") | |
| no-repeat center center; | |
| } | |
| img[src="static/common/flags/estonia.png"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/flags/estonia.svg") | |
| no-repeat center center; | |
| } | |
| img[src="static/common/flags/finland.gif"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/flags/finland.svg") | |
| no-repeat center center; | |
| } | |
| img[src="static/common/flags/germany.gif"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/flags/germany.svg") | |
| no-repeat center center; | |
| } | |
| img[src="static/common/flags/greece.gif"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/flags/greece.svg") | |
| no-repeat center center; | |
| } | |
| img[src="static/common/flags/hebrew.png"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/flags/israel.svg") | |
| no-repeat center center; | |
| } | |
| img[src="static/common/flags/hindi.png"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/flags/india.svg") | |
| no-repeat center center; | |
| } | |
| img[src="static/common/flags/hungary.gif"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/flags/hungary.svg") | |
| no-repeat center center; | |
| } | |
| img[src="static/common/flags/icelandic.png"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/flags/iceland.svg") | |
| no-repeat center center; | |
| } | |
| img[src="static/common/flags/indonesian.png"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/flags/indonesia.svg") | |
| no-repeat center center; | |
| } | |
| img[src="static/common/flags/italy.gif"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/flags/italy.svg") | |
| no-repeat center center; | |
| } | |
| img[src="static/common/flags/japan.gif"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/flags/japan.svg") | |
| no-repeat center center; | |
| } | |
| img[src="static/common/flags/south_korea.gif"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/flags/south-korea.svg") | |
| no-repeat center center; | |
| } | |
| img[src="static/common/flags/latvia.png"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/flags/latvia.svg") | |
| no-repeat center center; | |
| } | |
| img[src="static/common/flags/lithuania.png"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/flags/lithuania.svg") | |
| no-repeat center center; | |
| } | |
| img[src="static/common/flags/norway.gif"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/flags/norway.svg") | |
| no-repeat center center; | |
| } | |
| img[src="static/common/flags/iran.png"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/flags/iran.svg") | |
| no-repeat center center; | |
| } | |
| img[src="static/common/flags/poland.gif"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/flags/poland.svg") | |
| no-repeat center center; | |
| } | |
| img[src="static/common/flags/portugal.gif"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/flags/portugal.svg") | |
| no-repeat center center; | |
| } | |
| img[src="static/common/flags/romania.gif"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/flags/romania.svg") | |
| no-repeat center center; | |
| } | |
| img[src="static/common/flags/russia.gif"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/flags/russia.svg") | |
| no-repeat center center; | |
| } | |
| img[src="static/common/flags/serbia.png"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/flags/serbia.svg") | |
| no-repeat center center; | |
| } | |
| img[src="static/common/flags/slovak.png"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/flags/slovakia.svg") | |
| no-repeat center center; | |
| } | |
| img[src="static/common/flags/slovenia.png"] { | |
| background: url("https://rawcdn.githack.com/datFunc/ptp__blue-night-theme/a2772a2e860756999b3200b29719ae66d09400c8/icons/flags/slovenia.svg") | |
| no-repeat center center; | |
| } | |
| img[src="static/common/flags/sweden.gif"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/flags/sweden.svg") | |
| no-repeat center center; | |
| } | |
| img[src="static/common/flags/thailand.gif"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/flags/thailand.svg") | |
| no-repeat center center; | |
| } | |
| img[src="static/common/flags/turkey.gif"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/flags/turkey.svg") | |
| no-repeat center center; | |
| } | |
| img[src="static/common/flags/ukraine.png"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/flags/ukraine.svg") | |
| no-repeat center center; | |
| } | |
| img[src="static/common/flags/vietnam.gif"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/flags/vietnam.svg") | |
| no-repeat center center; | |
| } | |
| /* Last 5 Movies */ | |
| .last5-movies { | |
| padding: 1em 0 1em 0; | |
| font-size: 8pt; | |
| } | |
| .last5-movies__table { | |
| margin: 0; | |
| width: 100%; | |
| } | |
| .last5-movies__table > tbody > tr > td { | |
| padding: 0 10px; | |
| } | |
| .last5-movies__link { | |
| display: inline-block; | |
| width: 106px; | |
| height: 150px; | |
| margin-bottom: 5px; | |
| background-position: center; | |
| background-repeat: no-repeat; | |
| background-size: contain; | |
| border-radius: 5px; | |
| } | |
| .last5-movies__show-all-row { | |
| text-align: right; | |
| } | |
| .last5-movies__show-all-link { | |
| display: inline-block; | |
| margin-top: 8px; | |
| } | |
| /* Forum table */ | |
| .forum-post { | |
| background-color: #2f3546; | |
| border: none; | |
| border-top-left-radius: 5px; | |
| border-top-right-radius: 5px; | |
| margin-bottom: 10px; | |
| box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); | |
| } | |
| .forum-post--unread { | |
| border: 1px solid #4281da; | |
| } | |
| .forum-post--is-reply { | |
| margin-top: 2rem; | |
| } | |
| .forum-post__id--staff-post { | |
| color: #4281da; | |
| } | |
| .forum-post--heading-only { | |
| margin-bottom: 0; | |
| } | |
| .forum-post__heading { | |
| background-color: rgba(7, 11, 22, 0.9); | |
| padding: 7px; | |
| border-top-left-radius: 5px; | |
| border-top-right-radius: 5px; | |
| } | |
| .forum-post__heading .l_movie, | |
| .forum-post__heading .username, | |
| .panel .username { | |
| color: #fff; | |
| margin-right: 2px; | |
| font-weight: 700; | |
| } | |
| .forum-post__heading .time { | |
| color: #949aac; | |
| } | |
| .forum-post__heading img, | |
| .panel .username + img { | |
| margin: 0 2.5px; | |
| } | |
| .forum-post__avatar-and-body { | |
| display: table; | |
| width: 100%; | |
| table-layout: fixed; | |
| border: 1px solid #3a4056; | |
| } | |
| .forum-post__avatar { | |
| display: table-cell; | |
| position: relative; | |
| border-right: 1px solid #3a4056; | |
| padding: 5px; | |
| width: 161px; | |
| } | |
| .forum-post__avatar__image { | |
| display: block; | |
| width: auto; | |
| max-width: 150px; | |
| height: auto; | |
| max-height: 400px; | |
| border-radius: 5px; | |
| } | |
| img[alt="Default avatar"] { | |
| width: 150px; | |
| height: 150px; | |
| box-sizing: border-box; | |
| padding-left: 150px; | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/imgs/defualt_avatar_colored.svg") | |
| no-repeat center center; | |
| background-size: contain; | |
| } | |
| /* Friends Page */ | |
| #friends .panel form { | |
| margin-bottom: 0.4rem; | |
| border-bottom: 1px solid #3a4056; | |
| } | |
| #friends .panel form span, | |
| #friends .panel input:last-of-type { | |
| margin-bottom: 0.5rem; | |
| } | |
| #friends .panel form .username, | |
| #friends .panel form img { | |
| margin: 0 2.5px; | |
| } | |
| #friends .panel form img, | |
| #friends .panel form a { | |
| vertical-align: unset; | |
| } | |
| #friends .panel form img[alt="Default avatar"] { | |
| width: 50px; | |
| height: 50px; | |
| padding-left: 50px; | |
| } | |
| #friends .panel input[type="submit"] { | |
| width: 78px; | |
| margin-bottom: 0.2rem; | |
| } | |
| #friends textarea { | |
| margin-right: 0.5rem; | |
| width: 96%; | |
| } | |
| #friends .forum_post td[colspan="3"] span:nth-child(1), | |
| #friends .forum_post td[colspan="3"] span:nth-child(2) { | |
| float: none !important; | |
| } | |
| #friends .forum_post td[colspan="3"] span:nth-child(1) { | |
| display: inline-block; | |
| margin-bottom: 0.1rem; | |
| } | |
| #friends .forum_post .time { | |
| display: block !important; | |
| margin: 0 0.2rem 0.5rem !important; | |
| font-size: 0.65rem; | |
| } | |
| #friends .forum_post .time:before { | |
| content: ""; | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/time.svg") | |
| no-repeat center center; | |
| background-size: 10px !important; | |
| width: 10px !important; | |
| height: 10px !important; | |
| display: inline-block; | |
| margin-right: 0.15rem; | |
| } | |
| .forum-post__body { | |
| display: table-cell; | |
| vertical-align: top; | |
| padding: 10px; | |
| } | |
| .forum-post__edited { | |
| margin-top: 20px; | |
| font-style: italic; | |
| color: #949aac; | |
| } | |
| .forum-post__textarea { | |
| width: 100%; | |
| resize: vertical; | |
| } | |
| .forum-post--is-previewing .forum-post__preview { | |
| padding-bottom: 20px; | |
| } | |
| .forum-post__heading .username { | |
| position: relative; | |
| padding-bottom: 0.1rem; | |
| } | |
| .forum-post__heading .username:before { | |
| content: ""; | |
| position: absolute; | |
| bottom: 0; | |
| left: 0; | |
| right: 0; | |
| height: 2px; | |
| background-color: #4281da; | |
| transform-origin: center; | |
| transform: scaleX(0); | |
| transition: transform 0.3s ease; | |
| } | |
| .forum-post__heading .username:hover:before { | |
| transform-origin: center; | |
| transform: scaleX(1); | |
| } | |
| /* Forum table icons */ | |
| .forum-topic--is-read, | |
| .forum-topic--is-unread, | |
| .forum-topic--is-read-locked-sticky, | |
| .forum-topic--is-read-sticky, | |
| .forum-topic--is-read-locked, | |
| img[src="static/forums/locked_read.png"], | |
| .forum-topic--is-unread-locked-sticky, | |
| .forum-topic--is-unread-sticky { | |
| width: 30px; | |
| height: 30px; | |
| box-sizing: border-box; | |
| padding-left: 30px; | |
| } | |
| .forum-topic--is-read { | |
| display: inline-block; | |
| width: 11px !important; | |
| padding: 11px !important; | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/post-topic-read.svg") | |
| no-repeat left center; | |
| background-size: contain; | |
| } | |
| .forum-topic--is-unread { | |
| display: inline-block; | |
| width: 11px !important; | |
| padding: 11px !important; | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/post-topic-unread.svg") | |
| no-repeat left center; | |
| background-size: contain; | |
| } | |
| .forum-topic--is-read-locked-sticky { | |
| display: inline-block; | |
| width: 10px !important; | |
| padding: 10px !important; | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/topic-locked-read.svg") | |
| no-repeat left center; | |
| background-size: contain; | |
| } | |
| .forum-topic--is-read-sticky { | |
| display: inline-block; | |
| width: 10px !important; | |
| padding: 10px !important; | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/topic-sticky-read.svg") | |
| no-repeat center center; | |
| background-size: contain; | |
| } | |
| .forum-topic--is-read-locked, | |
| img[src="static/forums/locked_read.png"] { | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/topic-locked-read.svg") | |
| no-repeat left center; | |
| background-size: contain; | |
| } | |
| #collages img[src="static/forums/locked_read.png"] { | |
| width: 13px; | |
| height: 13px; | |
| padding-left: 13px; | |
| } | |
| .forum-topic--is-unread-locked-sticky { | |
| display: inline-block; | |
| width: 10px !important; | |
| padding: 10px !important; | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/topic-locked-unread.svg") | |
| no-repeat center center; | |
| background-size: contain; | |
| } | |
| .forum-topic--is-unread-sticky { | |
| display: inline-block; | |
| width: 9px; | |
| padding: 9px !important; | |
| background: url("https://rawcdn.githack.com/datFunc/ptp__blue-night-theme/bc1b070b5b46fc99430891d68be728ef97b93095/icons/topic-sticky-unread.svg") | |
| no-repeat center center; | |
| background-size: contain !important; | |
| } | |
| .forum-topic--is-unread-locked { | |
| width: 32px; | |
| height: 32px; | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/topic-locked-unread.svg") | |
| no-repeat center center; | |
| background-size: contain; | |
| -webkit-background-size: contain; | |
| } | |
| .forum-topic__new { | |
| color: #4281da; | |
| } | |
| .forum-topic__go-to-last-read { | |
| float: left; | |
| width: 15px; | |
| height: 15px; | |
| box-sizing: border-box; | |
| padding-left: 15px; | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/arrow-right.svg") | |
| no-repeat center center; | |
| background-size: contain; | |
| margin-left: 5px; | |
| } | |
| .forum-topic__go-to-last-read:hover { | |
| transform: translate(3px); | |
| -webkit-filter: invert(0) sepia(0) saturate(1) hue-rotate(0) brightness(5); | |
| filter: invert(0) sepia(0) saturate(1) hue-rotate(0) brightness(5); | |
| } | |
| .view_post { | |
| width: 12px !important; | |
| height: 12px !important; | |
| box-sizing: border-box; | |
| padding-left: 12px; | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/view-post.svg") | |
| no-repeat center center; | |
| background-size: contain; | |
| } | |
| .view_post:hover { | |
| -webkit-filter: invert(0) sepia(0) saturate(1) hue-rotate(0) brightness(5); | |
| filter: invert(0) sepia(0) saturate(1) hue-rotate(0) brightness(5); | |
| } | |
| .poll__title { | |
| display: inline-block; | |
| margin-bottom: 10px; | |
| font-weight: 700; | |
| } | |
| .poll__list { | |
| list-style: none outside none; | |
| padding-left: 0; | |
| margin-top: 0; | |
| } | |
| .poll__option--blank { | |
| margin-top: 1em; | |
| } | |
| .poll__bar { | |
| margin-bottom: 0.75em; | |
| background: #1e2233; | |
| } | |
| .poll__bar--no-margin { | |
| margin-bottom: 0; | |
| } | |
| .poll__bar__left { | |
| background-position: center center; | |
| } | |
| .poll__bar__left, | |
| .poll__bar__right { | |
| background-repeat: no-repeat; | |
| width: 2px; | |
| } | |
| .poll__bar__left, | |
| .poll__bar__center, | |
| .poll__bar__right { | |
| float: left; | |
| background: #4281da; | |
| height: 9px; | |
| margin: 0; | |
| padding: 0; | |
| } | |
| /**************************************************************************** | |
| 4.0 - Utilities */ | |
| .hidden { | |
| display: none; | |
| } | |
| .text--left { | |
| background: #191d2a; | |
| border: 1px solid #3e414c; | |
| color: #fff; | |
| text-align: left !important; | |
| } | |
| .text--center { | |
| text-align: center !important; | |
| } | |
| .text--right { | |
| text-align: right !important; | |
| } | |
| .nobr { | |
| white-space: nowrap; | |
| } | |
| .grid { | |
| margin-left: -1em; | |
| } | |
| .grid__item { | |
| float: left; | |
| padding-left: 1em; | |
| } | |
| .grid-u-1 { | |
| width: 100%; | |
| } | |
| .grid-u-1-3 { | |
| width: 33.3%; | |
| } | |
| .grid-u-1-10 { | |
| width: 10%; | |
| } | |
| .grid-u-2-10 { | |
| width: 20%; | |
| } | |
| .grid-u-3-10 { | |
| width: 30%; | |
| } | |
| .grid-u-4-10 { | |
| width: 40%; | |
| } | |
| .grid-u-5-10 { | |
| width: 50%; | |
| } | |
| .grid-u-6-10 { | |
| width: 60%; | |
| } | |
| .grid-u-7-10 { | |
| width: 70%; | |
| } | |
| .grid-u-8-10 { | |
| width: 80%; | |
| } | |
| .grid-u-9-10 { | |
| width: 90%; | |
| } | |
| .grid-offset-u-1-10 { | |
| margin-left: 10%; | |
| } | |
| .grid-offset-u-2-10 { | |
| margin-left: 20%; | |
| } | |
| .grid-offset-u-3-10 { | |
| margin-left: 30%; | |
| } | |
| .grid-offset-u-4-10 { | |
| margin-left: 40%; | |
| } | |
| .grid-offset-u-5-10 { | |
| margin-left: 50%; | |
| } | |
| .grid-offset-u-6-10 { | |
| margin-left: 60%; | |
| } | |
| .grid-offset-u-7-10 { | |
| margin-left: 70%; | |
| } | |
| .grid-offset-u-8-10 { | |
| margin-left: 80%; | |
| } | |
| .grid-offset-u-9-10 { | |
| margin-left: 90%; | |
| } | |
| .list { | |
| margin: 0 0 1em 0; | |
| } | |
| .list:last-child { | |
| margin-bottom: 0; | |
| } | |
| .list--unstyled { | |
| list-style: none outside none; | |
| padding-left: 0; | |
| } | |
| .list--max-count9 { | |
| padding-left: 1em; | |
| } | |
| .list--max-count99 { | |
| padding-left: 2em; | |
| } | |
| .list--max-count999 { | |
| padding-left: 3em; | |
| } | |
| .list--max-count9999 { | |
| padding-left: 4em; | |
| } | |
| .list--bulleted { | |
| list-style-type: disc; | |
| } | |
| .list--sublist { | |
| margin-bottom: 0; | |
| } | |
| .list--small-padding { | |
| padding-left: 2em; | |
| } | |
| .list--form-column { | |
| float: left; | |
| margin-top: 0; | |
| margin-bottom: 0; | |
| margin-right: 1.5em; | |
| } | |
| .list--inline { | |
| padding-left: 0; | |
| list-style: none; | |
| } | |
| .list--inline > li { | |
| display: inline-block; | |
| padding-right: 5px; | |
| padding-left: 5px; | |
| } | |
| .list--inline > li:first-child { | |
| padding-left: 0; | |
| } | |
| .list--inline-full-width { | |
| display: table; | |
| width: 100%; | |
| text-align: center; | |
| } | |
| .list--inline-full-width > li { | |
| display: table-cell; | |
| } | |
| .preformatted-text--scrolled { | |
| white-space: pre; | |
| overflow-x: auto; | |
| word-wrap: normal; | |
| } | |
| .table--no-border { | |
| border: none; | |
| } | |
| .table--no-margin { | |
| margin-bottom: 0; | |
| } | |
| .panel--no-margin { | |
| margin-bottom: 0; | |
| } | |
| .table__background-color--alternative { | |
| background-color: #2f3547 !important; | |
| } | |
| .heading--no-margin { | |
| margin: 0; | |
| } | |
| .heading--small-bottom-margin { | |
| margin-bottom: 0.25em; | |
| } | |
| .alert--centered-content { | |
| display: flex; | |
| justify-content: center; | |
| align-items: center; | |
| } | |
| .alert, | |
| .alert-bar, | |
| .alert--warning, | |
| .alert--error { | |
| max-width: 512px; | |
| padding: 0.75rem; | |
| font-size: 0.75rem; | |
| font-weight: 700; | |
| text-align: center; | |
| border-radius: 4px; | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/topic-sticky-unread.svg") | |
| no-repeat 20px center, | |
| rgba(7, 11, 22, 0.65); | |
| background-size: 20px; | |
| border: none; | |
| margin: 1rem auto 1rem; | |
| box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); | |
| } | |
| @supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) { | |
| .alert, | |
| .alert-bar, | |
| .alert--warning, | |
| .alert--error { | |
| -webkit-backdrop-filter: blur(10px) !important; | |
| backdrop-filter: blur(10px) !important; | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/topic-sticky-unread.svg") | |
| no-repeat 20px center, | |
| rgba(7, 11, 22, 0.65); | |
| background-size: 20px; | |
| } | |
| } | |
| .alert a, | |
| .alert-bar a, | |
| .alert--warning a, | |
| .alert--error a { | |
| color: #a0a6b7; | |
| } | |
| .alert a:hover, | |
| .alert-bar a:hover, | |
| .alert--warning a:hover, | |
| .alert--error a:hover { | |
| color: #ffffff; | |
| } | |
| .linkbox { | |
| text-align: center; | |
| margin: 5px 5px 10px 5px; | |
| font-size: 0.75rem; | |
| } | |
| .linkbox__link--current { | |
| font-weight: 700; | |
| } | |
| /**************************************************************************** | |
| 4.1 CSS Animation/Keyframes */ | |
| @-webkit-keyframes jelly-effect { | |
| 0%, | |
| 100% { | |
| transform: scale(1, 1); | |
| } | |
| 25% { | |
| transform: scale(0.9, 1.1); | |
| } | |
| 50% { | |
| transform: scale(1.1, 0.9); | |
| } | |
| 75% { | |
| transform: scale(0.95, 1.05); | |
| } | |
| } | |
| @keyframes jelly-effect { | |
| 0%, | |
| 100% { | |
| transform: scale(1, 1); | |
| } | |
| 25% { | |
| transform: scale(0.9, 1.1); | |
| } | |
| 50% { | |
| transform: scale(1.1, 0.9); | |
| } | |
| 75% { | |
| transform: scale(0.95, 1.05); | |
| } | |
| } | |
| @keyframes flickerAnimation { | |
| 0% { | |
| opacity: 1; | |
| } | |
| 50% { | |
| opacity: 0; | |
| } | |
| 100% { | |
| opacity: 1; | |
| } | |
| } | |
| @-webkit-keyframes flickerAnimation { | |
| 0% { | |
| opacity: 1; | |
| } | |
| 50% { | |
| opacity: 0; | |
| } | |
| 100% { | |
| opacity: 1; | |
| } | |
| } | |
| /**************************************************************************** | |
| 5.0 - Header */ | |
| /**************************************************************************** | |
| /* User Info Bar */ | |
| .ratio-bar { | |
| position: fixed; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: auto; | |
| background-color: rgba(7, 11, 22, 0.9); | |
| padding: 0.5rem 0; | |
| margin: 0 auto; | |
| text-align: center; | |
| color: #fff; | |
| z-index: 20; | |
| font-size: 0.75rem; | |
| box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); | |
| } | |
| .ratio-bar__text--hnr { | |
| color: #ff2600; | |
| } | |
| .ratio-bar__link { | |
| text-decoration: none; | |
| color: #949aac; | |
| transition: all 0.3s; | |
| } | |
| .ratio-bar__item--drop-down-menu-opener a:hover, | |
| #nav_more .ratio-bar__link:hover:after { | |
| transition: all 0.3s; | |
| } | |
| #nav_more .ratio-bar__link:after { | |
| content: "\25be"; | |
| color: #949aac; | |
| padding-left: 0.2rem; | |
| } | |
| .ratio-bar__link:hover, | |
| #nav_more .ratio-bar__link:hover:after { | |
| text-decoration: none; | |
| color: #ffffff; | |
| cursor: pointer; | |
| } | |
| .ratio-bar__link--important { | |
| font-weight: 700; | |
| } | |
| .ratio-bar__link--highlighted { | |
| color: #fff; | |
| font-weight: 700; | |
| } | |
| .ratio-bar__link--highlighted::after { | |
| content: " \2022"; | |
| color: #96c72c; | |
| text-shadow: 0 0 4px #79f725, 0 0 10px #25ef61, 0 0 20px #5dec32, | |
| 0 0 30px #32ec40, 0 0 40px #5dec32, 0 0 55px #5dec32, 0 0 75px #5dec32; | |
| -webkit-animation: flickerAnimation 3s infinite; | |
| animation: flickerAnimation 3s infinite; | |
| } | |
| .ratio-bar__link--donations-behind { | |
| color: #ff2600; | |
| } | |
| .ratio-bar__list { | |
| display: inline; | |
| margin: 0; | |
| padding: 0; | |
| } | |
| .ratio-bar__item { | |
| position: relative; | |
| display: inline; | |
| vertical-align: middle; | |
| margin: 0 1px; | |
| padding: 0; | |
| line-height: 20px; | |
| } | |
| .ratio-bar__drop-down-menu { | |
| background-color: rgba(7, 11, 22, 0.9); | |
| visibility: hidden; | |
| position: absolute; | |
| z-index: 10; | |
| left: auto; | |
| right: 0; | |
| padding: 0; | |
| margin: 0; | |
| border-bottom-left-radius: 5px; | |
| border-bottom-right-radius: 5px; | |
| box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); | |
| } | |
| .ratio-bar__drop-down-menu__item { | |
| display: block; | |
| float: none; | |
| border-bottom: 1px solid #2f3447; | |
| } | |
| .ratio-bar__drop-down-menu__item:last-of-type { | |
| border-bottom: none; | |
| } | |
| .ratio-bar__item--drop-down-menu-opener:hover | |
| > .ratio-bar__drop-down-menu { | |
| visibility: visible; | |
| top: 100%; | |
| } | |
| .ratio-bar__item--drop-down-menu-opener a { | |
| color: #949aac; | |
| transition: all 0s; | |
| } | |
| .ratio-bar__drop-down-menu__link { | |
| text-align: left; | |
| text-decoration: none; | |
| padding: 0.4em 1.5em; | |
| display: block; | |
| position: relative; | |
| white-space: nowrap; | |
| } | |
| .ratio-bar__drop-down-menu__link:hover { | |
| text-decoration: none; | |
| color: #fff; | |
| background-color: #4281da; | |
| } | |
| #nav_more:hover { | |
| cursor: pointer; | |
| } | |
| /* Main Menu */ | |
| .main-menu { | |
| background-color: rgba(7, 11, 22, 0.9); | |
| width: 100%; | |
| height: 28px; | |
| margin: 5px auto 10px auto; | |
| font-size: 10pt; | |
| text-align: left; | |
| z-index: 7; | |
| border-radius: 5px; | |
| box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); | |
| } | |
| .main-menu__list { | |
| padding: 5px 0 0 0; | |
| text-align: center; | |
| } | |
| .main-menu__item { | |
| display: inline; | |
| padding: 1%; | |
| margin: 0; | |
| text-align: center; | |
| font-size: 12px; | |
| } | |
| .main-menu__link { | |
| padding: 0.5em; | |
| color: #949aac; | |
| position: relative; | |
| } | |
| .main-menu__link:before { | |
| content: ""; | |
| position: absolute; | |
| bottom: 0; | |
| left: 0; | |
| right: 0; | |
| height: 2px; | |
| background-color: #4281da; | |
| transform-origin: center; | |
| transform: scaleX(0); | |
| transition: transform 0.3s ease; | |
| } | |
| .main-menu__link:hover:before { | |
| transform-origin: center; | |
| transform: scaleX(1); | |
| } | |
| .main-menu__link:hover, | |
| .ratio-bar__link:hover { | |
| color: #ffffff; | |
| } | |
| @supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) { | |
| .qtip-ptp, | |
| .lightbox__shroud, | |
| .main-menu, | |
| .search-bar__results, | |
| .ratio-bar { | |
| -webkit-backdrop-filter: blur(10px) !important; | |
| backdrop-filter: blur(10px) !important; | |
| background-color: rgba(7, 11, 22, 0.65) !important; | |
| } | |
| } | |
| /* Site Logo */ | |
| .site-logo { | |
| position: relative; | |
| top: 0; | |
| width: 100%; | |
| max-width: -webkit-fit-content; | |
| max-width: -moz-fit-content; | |
| max-width: fit-content; | |
| height: auto; | |
| margin: 0 auto -1.4rem; | |
| } | |
| .site-logo__link:after { | |
| font-family: "Bebas Neue", Helvetica, Tahoma, Geneva, sans-serif; | |
| content: "PassThePopcorn"; | |
| display: block; | |
| margin: 0 auto; | |
| font-size: 6rem; | |
| text-align: center !important; | |
| background-color: #4281da; | |
| background-image: linear-gradient( | |
| 90deg, | |
| #e66534 4%, | |
| #e69734 19%, | |
| #e2d956 39%, | |
| #62e080 60%, | |
| #d195cb 80%, | |
| #e646dd 100% | |
| ); | |
| -webkit-background-clip: text; | |
| background-clip: text; | |
| -webkit-text-fill-color: transparent; | |
| -webkit-filter: brightness(110%); | |
| filter: brightness(110%); | |
| text-shadow: 0 0 15px rgba(230, 101, 52, 0.55); | |
| transition: all 0.3s; | |
| } | |
| .site-logo__link:hover:after { | |
| text-shadow: 0 0 25px rgba(230, 101, 52, 0.72); | |
| -webkit-filter: brightness(120%); | |
| filter: brightness(120%); | |
| } | |
| .site-logo__link { | |
| display: block; | |
| width: 100%; | |
| height: auto; | |
| margin-top: 2.5rem; | |
| border: none; | |
| } | |
| .site-logo, | |
| .site-logo__link, | |
| .site-logo__link:after { | |
| word-wrap: normal; | |
| white-space: nowrap; | |
| } | |
| /**************************************************************************** | |
| 6.0 - Body */ | |
| /************************************************************************ | |
| 6.1 - User Profile */ | |
| /* Awards */ | |
| img[src="static/common/stars/AwardRating.png"] { | |
| width: 17px; | |
| height: 17px; | |
| box-sizing: border-box; | |
| padding-left: 17px; | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/popcorn-colored.svg") | |
| no-repeat center center; | |
| background-size: contain; | |
| } | |
| img[src="static/common/stars/NoAwardRating.png"] { | |
| width: 17px; | |
| height: 17px; | |
| box-sizing: border-box; | |
| padding-left: 17px; | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/popcorn-uncolored.svg") | |
| no-repeat center center; | |
| background-size: contain; | |
| } | |
| img[src="static/common/stars/AwardUploads.png"] { | |
| width: 17px; | |
| height: 17px; | |
| box-sizing: border-box; | |
| padding-left: 17px; | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/arrow-up.svg") | |
| no-repeat center center; | |
| background-size: contain; | |
| } | |
| img[src="static/common/stars/AwardMetaUploads.png"] { | |
| width: 17px; | |
| height: 17px; | |
| box-sizing: border-box; | |
| padding-left: 17px; | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/arrow-up-met.svg") | |
| no-repeat center center; | |
| background-size: contain; | |
| } | |
| img[src="static/common/stars/NoAwardUploads.png"] { | |
| width: 17px; | |
| height: 17px; | |
| box-sizing: border-box; | |
| padding-left: 17px; | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/arrow-up-uncolored.svg") | |
| no-repeat center center; | |
| background-size: contain; | |
| } | |
| img[src="static/common/stars/AwardDownloads.png"] { | |
| width: 17px; | |
| height: 17px; | |
| box-sizing: border-box; | |
| padding-left: 17px; | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/arrow-down.svg") | |
| no-repeat center center; | |
| background-size: contain; | |
| } | |
| img[src="static/common/stars/AwardMetaDownloads.png"] { | |
| width: 17px; | |
| height: 17px; | |
| box-sizing: border-box; | |
| padding-left: 17px; | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/arrow-down-met.svg") | |
| no-repeat center center; | |
| background-size: contain; | |
| } | |
| img[src="static/common/stars/NoAwardDownloads.png"] { | |
| width: 17px; | |
| height: 17px; | |
| box-sizing: border-box; | |
| padding-left: 17px; | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/arrow-down-uncolored.svg") | |
| no-repeat center center; | |
| background-size: contain; | |
| } | |
| img[src="static/common/stars/AwardData Transfer.png"] { | |
| width: 17px; | |
| height: 17px; | |
| box-sizing: border-box; | |
| padding-left: 17px; | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/two-way-arrows.svg") | |
| no-repeat center center; | |
| background-size: contain; | |
| } | |
| img[src="static/common/stars/AwardMetaData Transfer.png"] { | |
| width: 17px; | |
| height: 17px; | |
| box-sizing: border-box; | |
| padding-left: 17px; | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/two-way-arrows-met.svg") | |
| no-repeat center center; | |
| background-size: contain; | |
| } | |
| img[src="static/common/stars/NoAwardData Transfer.png"] { | |
| width: 17px; | |
| height: 17px; | |
| box-sizing: border-box; | |
| padding-left: 17px; | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/two-way-arrows-uncolored.svg") | |
| no-repeat center center; | |
| background-size: contain; | |
| } | |
| img[src="static/common/stars/AwardRequests.png"] { | |
| width: 17px; | |
| height: 17px; | |
| box-sizing: border-box; | |
| padding-left: 17px; | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/requests-meta-colored.svg") | |
| no-repeat center center; | |
| background-size: contain; | |
| } | |
| img[src="static/common/stars/AwardMetaRequests.png"] { | |
| width: 17px; | |
| height: 17px; | |
| box-sizing: border-box; | |
| padding-left: 17px; | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/requests-meta-met.svg") | |
| no-repeat center center; | |
| background-size: contain; | |
| } | |
| img[src="static/common/stars/NoAwardRequests.png"] { | |
| width: 17px; | |
| height: 17px; | |
| box-sizing: border-box; | |
| padding-left: 17px; | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/requests-meta-uncolored.svg") | |
| no-repeat center center; | |
| background-size: contain; | |
| } | |
| img[src="static/common/stars/AwardChat.png"] { | |
| width: 17px; | |
| height: 17px; | |
| box-sizing: border-box; | |
| padding-left: 17px; | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/chat-colored.svg") | |
| no-repeat center center; | |
| background-size: contain; | |
| } | |
| img[src="static/common/stars/AwardMetaChat.png"] { | |
| width: 17px; | |
| height: 17px; | |
| box-sizing: border-box; | |
| padding-left: 17px; | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/chat-met.svg") | |
| no-repeat center center; | |
| background-size: contain; | |
| } | |
| img[src="static/common/stars/NoAwardChat.png"] { | |
| width: 17px; | |
| height: 17px; | |
| box-sizing: border-box; | |
| padding-left: 17px; | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/chat-uncolored.svg") | |
| no-repeat center center; | |
| background-size: contain; | |
| } | |
| img[src="static/common/stars/NoAwardMeta Awards.png"] { | |
| width: 17px; | |
| height: 17px; | |
| box-sizing: border-box; | |
| padding-left: 17px; | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/star-uncolored.svg") | |
| no-repeat center center; | |
| background-size: contain; | |
| } | |
| img[src="static/common/stars/AwardMetaMeta Awards1.png"] { | |
| width: 17px; | |
| height: 17px; | |
| box-sizing: border-box; | |
| padding-left: 17px; | |
| background: url("https://gitcdn.link/repo/datFunc/ptp__blue-night-theme/master/icons/star-colored.svg") | |
| no-repeat center center; | |
| background-size: contain; | |
| } | |
| /* Stats */ | |
| .highcharts-container .highcharts-background { | |
| fill: #1f2333; | |
| } | |
| .highcharts-grid-line, | |
| .highcharts-crosshair, | |
| .highcharts-axis path { | |
| stroke: #3a4055; | |
| } | |
| #ratings th { | |
| background: #0c0e1b; | |
| border: none; | |
| } | |
| #ratings th:nth-child(1) { | |
| border-top-left-radius: 5px; | |
| } | |
| #ratings th:nth-child(2) { | |
| border-top-right-radius: 5px; | |
| border-left: 1px solid #3a4055; | |
| } | |
| #ratings .panel__body td { | |
| padding: 0.4rem; | |
| } | |
| #ratings .panel__body tr td { | |
| text-align: left; | |
| } | |
| /************************************************************************ | |
| 7.0 - Footer */ | |
| /*****************************************************************************/ | |
| .pagination { | |
| margin: 5px; | |
| text-align: center; | |
| color: #a0a6b7; | |
| } | |
| .pagination__current-page, | |
| .pagination__link { | |
| font-weight: 700; | |
| font-size: 0.75rem; | |
| } | |
| .pagination__current-page { | |
| color: #a0a6b7; | |
| opacity: 0.4; | |
| } | |
| .pagination__current-page:hover { | |
| cursor: not-allowed; | |
| } | |
| .footer { | |
| text-align: center; | |
| margin: 1rem; | |
| font-size: 0.7rem; | |
| display: block; | |
| margin: 1.5rem auto 1.5rem; | |
| } | |
| .footer__disclaimer { | |
| display: block; | |
| margin: 0 auto; | |
| width: 90%; | |
| margin-bottom: 10px; | |
| text-align: center; | |
| } | |
| .footer__load { | |
| color: #a0a6b7; | |
| font-size: 0.65rem; | |
| } | |
| /************************************************************************ | |
| 8.0 - Media Queries */ | |
| body { | |
| width: 100%; | |
| padding-right: 15px; | |
| padding-left: 15px; | |
| margin-right: auto; | |
| margin-left: auto; | |
| } | |
| #torrents-movie-view { | |
| width: 100%; | |
| padding-right: 15px; | |
| padding-left: 15px; | |
| margin-right: auto; | |
| margin-left: auto; | |
| } | |
| #torrents-movie-view > div { | |
| display: flex; | |
| flex-wrap: wrap; | |
| margin-right: -15px; | |
| margin-left: -15px; | |
| } | |
| .torrent_table { | |
| position: relative; | |
| width: 100%; | |
| padding-right: 15px; | |
| padding-left: 15px; | |
| flex: 0 0 100%; | |
| max-width: 100%; | |
| } | |
| .ratio-bar { | |
| width: 100%; | |
| padding-right: 5px; | |
| padding-left: 5px; | |
| flex: 0 0 100%; | |
| max-width: 100%; | |
| } | |
| .main-menu { | |
| position: relative; | |
| width: 100%; | |
| padding-right: 15px; | |
| padding-left: 15px; | |
| flex: 0 0 100%; | |
| max-width: 100%; | |
| } | |
| .small-cover-movie-list__container { | |
| display: flex; | |
| flex-wrap: wrap; | |
| margin-right: -15px; | |
| margin-left: -15px; | |
| justify-content: space-evenly; | |
| } | |
| @media (min-width: 576px) { | |
| body, | |
| #torrents-movie-view { | |
| max-width: 540px; | |
| } | |
| .search-bar__list, | |
| .search-bar__search-field, | |
| .search-bar__search-field__form, | |
| .search-bar__search-field__input { | |
| width: 21%; | |
| } | |
| .last_poster { | |
| display: none; | |
| } | |
| .sidebar-cover-image { | |
| max-width: 50%; | |
| } | |
| } | |
| @media (min-width: 768px) { | |
| body, | |
| #torrents-movie-view { | |
| max-width: 720px; | |
| } | |
| .search-bar__list, | |
| .search-bar__search-field, | |
| .search-bar__search-field__form, | |
| .search-bar__search-field__input { | |
| width: 11%; | |
| } | |
| .last_poster { | |
| display: none; | |
| } | |
| .sidebar-cover-image { | |
| max-width: 45%; | |
| } | |
| } | |
| @media (min-width: 992px) { | |
| body, | |
| #torrents-movie-view { | |
| max-width: 960px; | |
| } | |
| .main-column { | |
| flex: 0 0 75%; | |
| max-width: 75%; | |
| } | |
| .sidebar { | |
| flex: 0 0 25%; | |
| max-width: 25%; | |
| } | |
| .sidebar-cover-image { | |
| max-width: 100%; | |
| } | |
| .last_poster { | |
| display: inline-block; | |
| } | |
| .search-bar__list, | |
| .search-bar__search-field, | |
| .search-bar__search-field__form, | |
| .search-bar__search-field__input { | |
| width: 12%; | |
| } | |
| } | |
| @media (min-width: 1200px) { | |
| body, | |
| #torrents-movie-view { | |
| max-width: 1140px; | |
| } | |
| .main-column { | |
| flex: 0 0 75%; | |
| max-width: 75%; | |
| } | |
| .sidebar { | |
| flex: 0 0 25%; | |
| max-width: 25%; | |
| } | |
| .sidebar-cover-image { | |
| max-width: 100%; | |
| } | |
| .last_poster { | |
| display: inline-block; | |
| } | |
| .search-bar__list, | |
| .search-bar__search-field, | |
| .search-bar__search-field__form, | |
| .search-bar__search-field__input { | |
| width: 12%; | |
| } | |
| .small-cover-movie-list__movie__link--smaller { | |
| width: 140px; | |
| height: 214px; | |
| } | |
| } | |
| @media (min-width: 2048px) { | |
| body, | |
| #torrents-movie-view { | |
| max-width: 1440px; | |
| } | |
| .cover-movie-list__movie, | |
| .cover-movie-list__movie__cover-link { | |
| width: 236px; | |
| } | |
| .cover-movie-list__movie__cover-link--seen::after { | |
| top: 10px; | |
| right: 10px; | |
| width: 40px; | |
| height: 40px; | |
| } | |
| .small-cover-movie-list__movie__link--smaller { | |
| width: 171px; | |
| height: 256px; | |
| } | |
| } | |
| @media (min-width: 3840px) { | |
| body, | |
| #torrents-movie-view { | |
| max-width: 1600px; | |
| } | |
| .cover-movie-list__movie, | |
| .cover-movie-list__movie__cover-link { | |
| width: 356px; | |
| height: auto; | |
| } | |
| .cover-movie-list__movie__cover-link { | |
| height: 524px; | |
| } | |
| .small-cover-movie-list__movie__link--smaller { | |
| width: 261px; | |
| height: 364px; | |
| } | |
| } | |
| #wrapper { | |
| display: flex; | |
| flex-wrap: wrap; | |
| margin-right: -15px; | |
| margin-left: -15px; | |
| } | |
| #content { | |
| flex: 0 0 100%; | |
| max-width: 100%; | |
| position: relative; | |
| width: 100%; | |
| padding-right: 15px; | |
| padding-left: 15px; | |
| } | |
| .header { | |
| position: relative; | |
| width: 100%; | |
| padding-right: 0; | |
| padding-left: 0; | |
| flex: 0 0 100%; | |
| max-width: 100%; | |
| } | |
| .main-column, | |
| .sidebar { | |
| position: relative; | |
| width: 100%; | |
| padding-right: 15px; | |
| padding-left: 15px; | |
| } | |
| @media (max-width: 576px) { | |
| /* Main */ | |
| .site-logo__link:after { | |
| font-size: 4rem; | |
| margin-top: 4.6rem; | |
| } | |
| .main-menu__link { | |
| font-size: 0.65rem; | |
| padding: 0; | |
| } | |
| .ratio-bar ul, | |
| .ratio-bar .ratio-bar__link { | |
| font-size: 0.7rem; | |
| } | |
| .ratio-bar ul { | |
| padding-left: 0; | |
| } | |
| /* Forums */ | |
| #forums .last_poster { | |
| display: none; | |
| } | |
| .table--panel-like > thead > tr > th, | |
| .table > tbody > tr, | |
| .table > thead > tr { | |
| font-size: 0.7rem; | |
| } | |
| .generic-form--narrow, | |
| .search-form--narrow { | |
| max-width: 80%; | |
| } | |
| .sidebar-cover-image { | |
| max-width: 50%; | |
| } | |
| .small-cover-movie-list__movie__link--smaller { | |
| width: 186px; | |
| height: 286px; | |
| } | |
| } | |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment