Skip to content

Instantly share code, notes, and snippets.

@HDVinnie
Created July 6, 2021 05:01
Show Gist options
  • Save HDVinnie/51477762ead5e03a1dccf9cf51a6bdc4 to your computer and use it in GitHub Desktop.
Save HDVinnie/51477762ead5e03a1dccf9cf51a6bdc4 to your computer and use it in GitHub Desktop.
/* ==========================================================================
++++++++++ [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