in by username of mouseover mode */
section.gallery figure > figcaption p,
section.gallery b figcaption p:nth-of-type(2) {
/* row height */
line-height: 14px;
font-size: 10px;
}
/* first of normal mode */
section.gallery figure > figcaption p:nth-of-type(1) {
max-height: 28px;
}
/* first of mouseover mode */
section.gallery b figcaption p:nth-of-type(1) {
line-height: 16px;
font-size: 12px;
max-height: 32px;
/* 2x line height */
}
/* */
}
section.gallery.no-artistname figcaption p:nth-of-type(2) {
display: none;
}
/* thumbnail size modifier */
/* 150 px */
section.gallery.s-150 figure {
height: 156px;
min-width: 96px;
/* +6px borders/paddings */
}
/* 200 px */
section.gallery.s-200 figure {
height: 206px;
/* +10px to fit borders and shadows */
}
/* 250 px */
section.gallery.s-250 figure {
height: 256px;
}
/* 300 px */
section.gallery.s-300 figure {
height: 306px;
}
section.gallery.with-checkboxes figure {
padding-bottom: 78px;
}
section.gallery.with-checkboxes.nodesc figure {
padding-bottom: 0;
}
section.gallery.with-checkboxes figure > figcaption {
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
}
section.gallery.with-checkboxes b figcaption {
padding: 6px 2px 8px 2px;
}
section.gallery.with-checkboxes b figcaption div {
display: none;
}
section.gallery label {
padding: 4px 0 4px 0;
}
section.gallery figure > figcaption label {
height: 70px;
}
section.gallery b figcaption label {
padding: 0;
}
section.gallery figure > figcaption input {
height: 21px;
}
section.gallery.with-checkboxes p {
box-sizing: border-box;
padding: 0 3px;
}
section.gallery.with-checkboxes b p {
line-height: 18px !important;
}
section.gallery.with-checkboxes b p:nth-of-type(1) {
max-height: 36px;
}
section.gallery.with-checkboxes b input {
float: right;
margin: 3px 1px 2px 6px;
}
#page-controls-submissions section.gallery.with-checkboxes figure {
padding-bottom: 62px;
}
#page-controls-submissions section.gallery figure > figcaption label {
height: 54px;
}
section.gallery figure.disabled u > a::after {
content: "\2297";
font-size: 150px;
color: red;
vertical-align: top;
position: absolute;
top: 40%;
left: 50%;
transform: translate(-50%, -50%);
}
.lightbox {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.8);
z-index: 100000000;
}
.lightbox img {
margin: auto;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
box-sizing: border-box;
-webkit-box-shadow: 0 0 50px 12px #000000;
box-shadow: 0 0 50px 12px #000000;
max-height: 99%;
max-width: 99%;
}
.bbcode.bbcode_quote {
display: block;
border-left: 2px gray solid;
font-style: italic;
padding: 5px;
margin: 5px;
}
.bbcode.bbcode_quote .bbcode_quote_name {
display: block;
font-weight: bold;
padding-bottom: 2px;
margin-bottom: 5px;
}
.bbcode.bbcode_hr {
width: 95%;
margin: 6px !important;
}
.bbcode.bbcode_left,
.bbcode.bbcode_center,
.bbcode.bbcode_right {
display: block;
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
}
.bbcode.bbcode_left {
text-align: left;
}
.bbcode.bbcode_center {
text-align: center;
}
.bbcode.bbcode_center .youtubeWrapper {
margin: 0 auto;
}
.bbcode.bbcode_right {
text-align: right;
}
.bbcode.bbcode_spoiler {
color: transparent;
background: #000;
-webkit-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
-webkit-transition: color 0.5s, background-color 0.5s;
transition: color 0.5s, background-color 0.5s;
}
.bbcode.bbcode_spoiler:hover,
.bbcode.bbcode_spoiler:focus {
color: inherit;
background: none;
-webkit-user-select: text;
-moz-user-select: text;
-khtml-user-select: text;
-ms-user-select: text;
user-select: text;
}
.bbcode.bbcode_img {
max-width: 99%;
}
.smilie {
display: inline-block;
background: url(/themes/beta/img/sprite_smilies.png) no-repeat;
width: 26px;
height: 23px;
}
.smilie.crying {
background-position: -27px -147px;
}
.smilie.derp {
background-position: -108px -123px;
}
.smilie.dunno {
background-position: -81px -123px;
}
.smilie.embarrassed {
background-position: -54px -123px;
}
.smilie.evil {
background-position: 0 -147px;
height: 28px;
}
.smilie.gift {
background-position: -27px -123px;
}
.smilie.huh {
background-position: 0 -123px;
}
.smilie.lmao {
background-position: -108px -99px;
}
.smilie.love {
background-position: -81px -99px;
}
.smilie.nerd {
background-position: -54px -99px;
}
.smilie.note {
background-position: -55px -148px;
width: 22px;
}
.smilie.oooh {
background-position: -27px -99px;
}
.smilie.pleased {
background-position: 0 -99px;
}
.smilie.rollingeyes {
background-position: -108px -75px;
}
.smilie.sad {
background-position: -81px -75px;
}
.smilie.sarcastic {
background-position: -54px -75px;
}
.smilie.serious {
background-position: -27px -75px;
}
.smilie.sleepy {
background-position: 0 -75px;
}
.smilie.smile {
background-position: -108px -47px;
}
.smilie.teeth {
background-position: -81px -47px;
}
.smilie.tongue {
background-position: -54px -47px;
}
.smilie.veryhappy {
background-position: -108px -24px;
}
.smilie.wink {
background-position: -81px -24px;
}
.smilie.yelling {
background-position: -54px -24px;
}
.smilie.zipped {
background-position: -27px -24px;
}
.smilie.angel {
background-position: -27px -47px;
height: 28px;
}
.smilie.badhairday {
background-position: 0 -47px;
height: 27px;
}
.smilie.cd {
background-position: 0 -24px;
height: 22px;
}
.smilie.coffee {
background-position: -27px 0;
height: 20px;
}
.smilie.cool {
background-position: 0 0;
}
.smilie.whatever {
background-position: -79px -148px;
}
.bbcodeformat {
display: inline-block;
background: url(/themes/beta/img/sprite_bbcode.png) no-repeat;
width: 25px;
height: 25px;
}
.bbcodeformat.align_right {
background-position: 0 -78px;
}
.bbcodeformat.align_center {
background-position: -52px -52px;
}
.bbcodeformat.align_left {
background-position: -26px -52px;
}
.bbcodeformat.url {
background-position: 0 -52px;
}
.bbcodeformat.b {
background-position: -52px -26px;
}
.bbcodeformat.email {
background-position: -26px -26px;
}
.bbcodeformat.i {
background-position: 0 -26px;
}
.bbcodeformat.icon {
background-position: -52px 0;
}
.bbcodeformat.img {
background-position: -26px 0;
}
.bbcodeformat.u {
background-position: 0 0;
}
.link-button {
display: inline-block;
}
.link-button button {
display: inline-block;
background: none;
color: inherit;
border: none;
padding: 0;
font: inherit;
cursor: pointer;
}
.link-button button:hover {
color: #ffffff !important;
}
form.postlink {
display: inline !important;
margin: 0;
padding: 0;
position: relative;
top: -1px;
}
form.postlink input,
form.postlink button {
background: none !important;
border: none;
padding: 0;
cursor: pointer;
font-size: 7.5pt;
color: #e3e2e2;
}
.popup_date {
cursor: help;
border-bottom: 1px dotted #6A7283;
}
#pageid-controls-troubletickets-list .tickets-table th {
font-weight: bold;
}
#pageid-controls-troubletickets-list .tickets-table td {
padding-bottom: 6px;
}
#pageid-controls-troubletickets-list .tickets-table th {
padding-bottom: 12px;
}
#pageid-controls-troubletickets-list .tickets-table tbody tr:hover {
background-color: #1C1C1E;
}
#pageid-controls-troubletickets-list .tickets-table td {
text-align: center;
}
#pageid-controls-troubletickets-list .tickets-table .ticket-title {
text-align: left;
padding-left: 6px;
}
#pageid-controls-troubletickets-list .create-ticket-row {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding-top: 10px;
line-height: 20px !important;
}
#pageid-controls-troubletickets-list .create-ticket-row .section-options input {
margin: 6px 1px;
}
#pageid-controls-troubletickets-view .back-to-list-link {
float: left;
}
#pageid-controls-troubletickets-view .comment_container {
margin-top: 12px;
}
#pageid-controls-troubletickets-view .section-options {
margin-top: 8px;
}
#pageid-controls-troubletickets-view .reply-form {
margin-top: 30px;
}
#pageid-controls-troubletickets-view label {
cursor: pointer;
line-height: 24px;
}
#alert-notification-blade {
text-align: center;
background-color: lightslategray;
padding: 12px 0;
font-size: large;
font-family: Verdana, Geneva, sans-serif;
}
#alert-notification-blade.warning {
background-color: #ff2c2c !important;
color: white !important;
}
#alert-notification-blade.alert {
background-color: goldenrod !important;
color: #222 !important;
}
#alert-notification-blade.success {
background-color: #42d674 !important;
color: #222 !important;
}
#alert-notification-blade span {
margin: 0 12px;
}
#cookie-notification {
display: table;
text-align: center;
font-size: 16px;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: 9999;
background-color: rgba(0, 0, 0, 0.8);
}
#cookie-notification.default-hidden {
display: none;
}
#cookie-notification .button-container {
padding: 10px;
display: table-cell;
vertical-align: middle;
}
#cookie-notification .button-container button {
min-width: 120px;
border-radius: 8px;
font-size: 16px;
border: 0px none;
font-weight: bold;
cursor: pointer;
background-color: #ADADFF;
}
#cookie-notification .button-container button:hover {
background-color: #FFFFFF;
}
#cookie-notification .text-container {
display: table-cell;
vertical-align: middle;
font-weight: bold;
padding: 10px 0 10px 10px;
}
#cookie-notification .text-container a {
text-decoration: underline;
font-weight: normal;
white-space: nowrap;
color: #ADADFF;
}
.floating-message-block {
position: fixed;
top: 60px;
left: 7px;
margin-right: 7px;
border: 2px solid #FFAFAF;
background-color: #4E3B41;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
max-width: 500px;
z-index: 100001;
font-size: 12px;
}
.floating-message-block .content {
margin: 0;
list-style-type: none;
padding: 10px;
}
.floating-message-block .content li {
margin: 8px 0;
}
.floating-message-block .close-button {
float: right;
margin: 4px;
border: 2px solid #6A7283;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
width: 20px;
height: 20px;
line-height: 16px;
cursor: pointer;
font-size: 16px;
text-align: center;
font-weight: bold;
}
.floating-message-block .close-button:hover {
background-color: #6A7283;
color: #2E3B41;
}
@media screen and (max-width: 799px) {
.floating-message-block {
top: 90px;
}
}
#pageid-controls-account-delete button.button {
cursor: pointer;
}
#pageid-controls-account-delete #delete-account ol {
padding: 0 0 0 40px;
}
#pageid-controls-account-delete #delete-account ol li {
list-style-type: decimal;
}
#pageid-controls-account-delete #delete-account ul {
padding: 0 0 0 40px;
}
#pageid-controls-account-delete #delete-account ul li {
list-style-type: disc;
}
#pageid-controls-account-delete #delete-account p {
margin: 10px;
}
.comment-deleted .font-highlight {
color: orange;
}
.error-message-box {
max-width: 700px;
margin: 40px auto;
}
.error-message-box h3 {
margin: 10px 0;
}
span.user-name-deleted {
cursor: pointer;
font-weight: 600;
text-decoration: none;
color: #e3e2e2;
}
span.user-content-deleted {
font-weight: 600;
}
hr {
margin: 14px 0 !important;
}
#footer .footer-links {
margin: 8px 0 10px 0;
line-height: 30px;
}
#footer .online-stats,
#footer .footnote {
margin-top: 8px;
}
#footer .online-stats {
line-height: 22px;
margin-bottom: 6px;
}
#footer .footnote {
font-size: 14px;
}
.tags {
display: inline-block;
margin: 8px 4px 0 0;
font-size: 15px;
white-space: nowrap;
/*&:has(.add-tag) {
background: #009500;
}*/
}
.tags span {
display: flex;
}
.tags span:empty {
display: none;
}
.tags a:first-child,
.tags .tag-invalid {
padding: 3px 9px;
}
.tags .tag-invalid {
cursor: no-drop;
}
.tags .tag-block {
font-family: 'Courier New', monospace;
padding: 4px 8px;
}
.tags .tag-block:after {
vertical-align: sub;
}
.tags .add-tag:after {
content: '+';
}
.tags .remove-tag:after {
content: '-';
}
.blocked-content,
.blocked-content:hover {
filter: blur(30px) !important;
-webkit-filter: blur(30px) !important;
mask-image: linear-gradient(to right, #ffffff, #ffffff);
-webkit-mask-image: linear-gradient(to right, #ffffff, #ffffff);
}
.stats-page-submission-details .tags a,
.stats-page-submission-details .tags a:first-child,
.stats-page-submission-details .tags .tag-invalid {
line-height: 30px;
display: inline-block;
padding: 0 9px;
}
#blocklist-add-tag-status.error-message {
color: #dd473f;
}
#blocklist-add-tag-status.success-message {
color: #009500;
}
#pageid-submission .minigallery-more {
margin-top: 10px;
}
#pageid-submission .minigallery-more h3 {
padding-bottom: 10px;
}
#pageid-submission .submission-title {
margin-bottom: 6px;
}
#pageid-submission .submission-title h2 {
margin: -4px 0 0 0;
}
@media screen and (max-width: 799px) {
#pageid-submission .submission-title h2 {
margin: -4px 0 5px 0;
}
}
#pageid-submission .submission-title h2 p {
font-weight: 600;
}
#pageid-submission .submission-description {
min-height: 25px;
overflow: hidden;
}
#pageid-submission .submission-area {
margin: 10px 0;
}
@media screen and (min-width: 1090px) {
#pageid-submission .submission-area {
padding: 0 10px;
}
}
#pageid-submission .comment_container .replyto_link {
padding-right: 2px;
}
#pageid-submission .submission-sidebar section {
margin: 16px 0 0 0;
border: 0px none;
}
#pageid-submission .submission-sidebar section.text h3 {
margin-top: -6px;
padding: 0 0 6px 0;
}
#pageid-submission .submission-sidebar .stats-container {
display: flex;
flex-flow: row;
align-items: center;
justify-content: center;
}
#pageid-submission .submission-sidebar .stats-container .views,
#pageid-submission .submission-sidebar .stats-container .favorites,
#pageid-submission .submission-sidebar .stats-container .comments,
#pageid-submission .submission-sidebar .stats-container .rating {
flex: 1 1 0px;
text-align: center;
margin: 0 4px;
}
#pageid-submission .submission-sidebar .buttons {
display: flex;
line-height: 40px;
}
#pageid-submission .submission-sidebar .buttons div {
text-align: center;
background: #434b5b;
flex: 1;
border: 1px solid #69697d;
}
#pageid-submission .submission-sidebar .buttons div:hover {
color: #cfd3eb !important;
background: #576175 !important;
}
#pageid-submission .submission-sidebar .buttons div a {
display: block;
}
#pageid-submission .submission-sidebar .buttons .download {
border-left: 0;
border-right: 0;
}
#pageid-submission .submission-stats-container {
display: flex;
padding: 10px;
line-height: 25px;
}
#pageid-submission .submission-stats-container > div {
flex: 1;
text-align: center;
}
#pageid-submission .info > div {
display: flex;
justify-content: flex-start;
line-height: 24px;
}
#pageid-submission .info > div strong {
flex: 0 0 80px;
border-bottom: 0;
}
#pageid-submission .info > div span {
border-bottom: 1px dotted #646670;
}
#pageid-submission #header {
margin-bottom: 0;
height: 0px;
}
#pageid-submission #header site-banner {
display: none;
}
@media only screen and (max-width: 799px) {
#pageid-submission #header {
padding-top: 0px;
}
}
@media only screen and (min-width: 800px) {
#pageid-submission #header {
padding-top: 51px;
}
#pageid-submission #header.has-adminmessage {
padding-top: 83px;
}
}
#pageid-stats-submission .stats-page-submission-stats {
display: flex;
justify-content: center;
padding: 10px 0;
}
#pageid-stats-submission .stats-page-submission-stats .submission-stats-container {
display: flex;
flex: 0;
flex-direction: column;
justify-content: center;
}
@media screen and (max-width: 799px) {
#pageid-stats-submission .stats-page-submission-stats .submission-stats-container {
flex-direction: row;
}
}
#pageid-stats-submission .stats-page-submission-stats .submission-stats-container > div {
flex: 0;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
padding: 6px;
}
#pageid-stats-submission .stats-page-submission-image {
display: flex;
flex-direction: column;
justify-content: center;
}
#pageid-stats-submission .stats-page-submission-image a {
flex: 0;
}
#pageid-stats-submission .stat-submission-title a {
font-size: 18px;
line-height: 22px;
font-weight: 600;
padding: 3px 0 2px 0;
}
#description_popup {
position: absolute;
background-color: #393f4c;
border: 1px solid #69697d;
padding: 0.5rem;
max-width: 500px;
overflow: hidden;
/* probably optional */
box-sizing: border-box;
-webkit-box-shadow: 0 0 30px 6px #222222;
-moz-box-shadow: 0 0 30px 6px #222222;
box-shadow: 0 0 30px 6px #222222;
}
#description_popup .header {
font-size: 1rem;
font-weight: 600;
margin-bottom: 0.5rem;
padding-bottom: 0.5rem;
border-bottom: 1px solid #69697d;
}
#description_popup .wrapper .avatar {
float: left;
width: 75px;
border: 1px solid #ccc;
margin: 0 0.5rem 0 0;
padding: 0;
}
#description_popup .wrapper {
font-size: 0.8125rem;
}
#pageid-messagecenter-other .section-header .section_controls,
#pageid-messagecenter-other .section-header .global_controls {
margin: -2px -10px 0 0;
}
#pageid-messagecenter-other .section-body .section_controls {
margin: 8px auto 12px auto;
}
#pageid-messagecenter-other .section-body .global_controls {
margin-top: 5px;
}
#pageid-messagecenter-other div#messagecenter-other {
/* SECTION CONTROLS */
}
#pageid-messagecenter-other div#messagecenter-other fieldset {
border: 0;
margin: 0;
padding: 0;
}
#pageid-messagecenter-other div#messagecenter-other ul.message-stream {
list-style-type: none;
display: block;
padding: 0 !important;
}
#pageid-messagecenter-other div#messagecenter-other ul.message-stream table.checked {
background-color: rgba(255, 255, 255, 0.15);
}
#pageid-messagecenter-other div#messagecenter-other ul.message-stream li {
display: block;
padding: 2px 8px 5px 8px;
text-align: left;
margin: 0;
cursor: pointer;
}
#pageid-messagecenter-other div#messagecenter-other ul.message-stream li.checked {
background: rgba(255, 255, 255, 0.15);
}
#pageid-messagecenter-other div#messagecenter-other ul.message-stream li:hover {
background: rgba(255, 255, 255, 0.1);
}
#pageid-messagecenter-other div#messagecenter-other ul.message-stream li.stream-notification {
background: rgba(61, 68, 78, 0.5);
}
#pageid-messagecenter-other div#messagecenter-other ul.message-stream li input {
margin: 3px 8px 3px 0px;
}
#pageid-messagecenter-other div#messagecenter-other ul.message-stream li em {
border-bottom: 1px dotted #6A7283;
}
#pageid-messagecenter-other div#messagecenter-other #messages-watches ul.message-stream {
display: flex;
flex-flow: row wrap;
justify-content: center;
align-content: center;
}
#pageid-messagecenter-other div#messagecenter-other #messages-watches ul.message-stream li {
width: 140px;
height: 180px;
margin: 2px 2px 10px 2px;
padding: 10px 0;
cursor: pointer;
}
#pageid-messagecenter-other div#messagecenter-other #messages-watches ul.message-stream li.checked {
background: inherit;
}
#pageid-messagecenter-other div#messagecenter-other #messages-watches ul.message-stream li.checked:hover {
background: rgba(255, 255, 255, 0.1);
}
#pageid-messagecenter-other div#messagecenter-other #messages-watches ul.message-stream li.checked div.avatar,
#pageid-messagecenter-other div#messagecenter-other #messages-watches ul.message-stream li.checked div.checkbox {
background: rgba(255, 255, 255, 0.15) !important;
}
#pageid-messagecenter-other div#messagecenter-other #messages-watches ul.message-stream div.avatar,
#pageid-messagecenter-other div#messagecenter-other #messages-watches ul.message-stream div.checkbox {
width: 110px;
margin: 0 auto;
}
#pageid-messagecenter-other div#messagecenter-other #messages-watches ul.message-stream div.avatar {
height: 110px;
display: flex;
justify-content: center;
align-items: center;
}
#pageid-messagecenter-other div#messagecenter-other #messages-watches ul.message-stream div.avatar img {
border: 1px solid black;
}
#pageid-messagecenter-other div#messagecenter-other #messages-watches ul.message-stream div.checkbox {
text-align: center;
padding: 4px 0 10px;
}
#pageid-messagecenter-other div#messagecenter-other #messages-watches ul.message-stream div.checkbox input {
margin: 0;
padding: 0;
}
#pageid-messagecenter-other div#messagecenter-other #messages-watches ul.message-stream div.info {
text-align: center;
margin-top: 5px;
}
#pageid-messagecenter-other div#messagecenter-other #messages-watches ul.message-stream div.info span {
font-size: 12px;
font-weight: bold;
}
#pageid-messagecenter-other div#messagecenter-other #messages-watches ul.message-stream div.info small {
display: block;
}
#pageid-messagecenter-other div#messagecenter-other #messages-watches ul.message-stream div.info small span {
font-size: 10px;
margin-top: 2px;
font-style: italic;
font-weight: normal;
}
#pageid-messagecenter-other div#messagecenter-other #messages-journals ul.message-stream li.checked {
background: rgba(255, 255, 255, 0.15) !important;
}
#pageid-messagecenter-other div#messagecenter-other #messages-journals ul.message-stream li:hover {
background: rgba(255, 255, 255, 0.1) !important;
}
#pageid-messagecenter-other div#messagecenter-other .section_controls button,
#pageid-messagecenter-other div#messagecenter-other .global_controls button {
margin: 0 1px;
}
#pageid-messagecenter-other div#messagecenter-other ul.message-stream li.section-controls,
#pageid-messagecenter-other div#messagecenter-other #messages-watches ul.message-stream li.section-controls {
clear: both;
width: auto;
height: auto;
text-align: left;
float: none;
border-bottom: 1px solid #6A7283;
margin-top: 10px;
padding-left: 0;
cursor: default;
}
#pageid-messagecenter-other div#messagecenter-other ul.message-stream li.section-controls input,
#pageid-messagecenter-other div#messagecenter-other #messages-watches ul.message-stream li.section-controls input {
width: auto;
cursor: pointer;
margin: 0 0 4px 0;
}
#pageid-messagecenter-other div#messagecenter-other ul.message-stream li.section-controls input.remove,
#pageid-messagecenter-other div#messagecenter-other #messages-watches ul.message-stream li.section-controls input.remove {
margin-left: 20px;
width: 300px;
}
@media screen and (min-width: 800px) {
#pageid-userpage .gallery_container .preview_img {
min-height: 502px;
}
}
#pageid-userpage .gallery_container .preview_img {
display: flex;
justify-content: center;
align-items: center;
}
#pageid-userpage .gallery_container .preview_img a {
display: inline-block;
}
#pageid-userpage .gallery_container .preview_img a img {
max-width: 100%;
max-height: 500px;
display: block;
}
#pageid-userpage .gallery_container .preview_img a.r-adult {
border: 1px solid #971c1c;
-webkit-box-shadow: 2px 2px 2px #872c2c;
-moz-box-shadow: 2px 2px 2px #872c2c;
box-shadow: 2px 2px 2px #872c2c;
}
#pageid-userpage .gallery_container .preview_img a.r-mature {
border: 1px solid #697cc1;
-webkit-box-shadow: 2px 2px 2px #394c91;
-moz-box-shadow: 2px 2px 2px #394c91;
box-shadow: 2px 2px 2px #394c91;
}
#pageid-userpage .gallery_container .preview_img a.r-general {
border: 1px solid #333333;
-webkit-box-shadow: 2px 2px 2px #2a2a2a;
-moz-box-shadow: 2px 2px 2px #2a2a2a;
box-shadow: 2px 2px 2px #2a2a2a;
}
#pageid-userpage .gallery_container .userpage-featured-title {
text-align: center;
font-weight: 400;
}
#pageid-userpage .shout-post-form {
margin-bottom: 14px;
}
#pageid-userpage .watched-by-block td,
#pageid-userpage .is-watching-block td {
padding-bottom: 1px;
}
#pageid-journal .journal-title {
padding-bottom: 8px;
}
form.logout-link {
display: inline-block;
}
form.logout-link button {
border: 0;
padding: 0;
background-color: inherit;
cursor: pointer;
}
.mobile-nav-content-container form.logout-link button {
font-size: 22px !important;
}
form.logout-link button {
color: #fff !important;
}
form.logout-link button:hover {
color: #aaa !important;
}
div.error-box {
background-color: #ffafaf;
color: #353b45;
font-weight: 600;
padding: 10px;
margin: 0 10px 10px 10px !important;
text-align: center;
font-size: 14px;
}
#pageid-login .image-captcha-container {
margin-bottom: 10px;
}
#pageid-login #login-button {
margin-left: 232px;
}
#pageid-login .image-captcha-container {
margin-left: 180px;
padding: 10px;
max-width: 238px;
}
#pageid-login .image-captcha-container img {
width: 120px;
height: 60px;
margin: 10px 10px 10px 60px;
border: 1px solid black;
}
#pageid-login .image-captcha-container input {
margin-left: -10px;
}
#pageid-login .image-captcha-container a {
margin-top: 10px;
text-align: center;
display: block;
margin: 10px auto 0 auto;
}
@media screen and (max-width: 509px) {
#pageid-login div.error-box {
margin-top: 10px !important;
}
#pageid-login .image-captcha-container {
margin-left: 10px;
margin-bottom: 0px;
}
#pageid-login #login-button {
margin: 10px 0 0 56px;
}
}
#pageid-register div.error-box {
margin-left: 0 !important;
margin-right: 0 !important;
}
#pageid-register #username-check-status div {
background-color: #ffafaf;
color: #353b45;
font-weight: 600;
padding: 10px;
text-align: left;
font-size: 14px;
}
#pageid-register #username-check-status div.available {
background-color: #b5df8c;
}
#pageid-register #username-check-status a,
#pageid-register #username-check-status a:link,
#pageid-register #username-check-status a:visited {
color: #353b45;
font-weight: bold;
}
#pageid-register #username-form input[type="text"] {
width: 325px;
}
#pageid-register .check-name-btn-container {
width: 325px;
}
#pageid-register .loader {
padding-bottom: 6px;
}
#pageid-register #submit-section .button {
width: 140px;
}
.youtubeWrapper {
max-width: 560px;
max-height: 315px;
}
.youtubeWrapper__container {
position: relative;
padding-bottom: 56.25%;
height: 0;
}
.youtubeWrapper__iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#admin_notice_do_not_adblock {
max-width: 728px;
margin: 0 auto;
border: 0;
padding: 10px;
}
#admin_notice_do_not_adblock > div {
border: 1px solid #69697d;
}
#admin_notice_do_not_adblock > div:first-child {
border-bottom: 0;
}
#admin_notice_do_not_adblock > div:last-child {
border-top: 0;
}
/* common upload/change submission info form styles */
#pageid-submit-finalize .section-body label,
#pageid-controls-change-info .section-body label,
#pageid-submit-finalize .section-body select.listbox,
#pageid-controls-change-info .section-body select.listbox,
#pageid-submit-finalize .section-body .bbcode i,
#pageid-controls-change-info .section-body .bbcode i {
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-ms-user-select: none;
user-select: none;
}
#pageid-submit-finalize #title,
#pageid-controls-change-info #title {
width: 100%;
max-width: 450px;
}
#pageid-submit-finalize .description .bbcode,
#pageid-controls-change-info .description .bbcode {
padding-top: 6px;
}
#pageid-submit-finalize .assign_folders .folder_name,
#pageid-controls-change-info .assign_folders .folder_name {
padding-left: 10px;
}
.return-links {
font-size: 0;
margin-bottom: 6px;
}
.return-links a {
text-align: center;
line-height: 32px;
display: inline-block;
cursor: pointer;
padding: 0 13px 2px 12px;
text-decoration: none;
vertical-align: bottom;
font-size: 16px !important;
margin-right: 8px;
border: 1px solid #69697d;
color: rgba(255, 255, 255, 0.92) !important;
background: #434b5b;
}
.error-messages {
padding: 15px;
background-color: #FFBFBF;
color: #41526B;
margin: 10px auto;
max-width: 700px;
}
.error-messages .error-msg {
padding: 3px;
}
.dashed {
border-bottom: 1px dashed;
}
#pageid-submit-upload .subsection {
margin: 24px 0;
}
#pageid-submit-upload .upload_form label,
#pageid-submit-upload .upload_form input[type=file] {
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-ms-user-select: none;
user-select: none;
}
#pageid-submit-upload .upload_form label[for="fakepath"] {
cursor: default;
}
#pageid-submit-upload .select_type label {
display: block;
padding-left: 10px;
padding-bottom: 8px;
}
#pageid-submit-upload .select_type label.selected {
background-color: rgba(255, 255, 255, 0.1);
}
#pageid-submit-upload .filePickerWrapper {
display: block;
}
#pageid-submit-upload .indent {
margin-left: 2px;
}
#pageid-submit-upload #submissionFileInput,
#pageid-submit-upload #thumbnailFileInput {
margin: 8px 0;
}
.dragDrop {
max-width: 800px;
margin: 6px 0;
}
.dragDrop--selectedFileOk .dragDrop__dropContainer {
background-color: rgba(0, 50, 0, 0.3);
}
.dragDrop--selectedFileError .dragDrop__dropContainer {
background-color: rgba(50, 0, 0, 0.3);
}
.dragDrop--platformMobile .dragDrop__message {
display: none;
}
.dragDrop--platformMobile .dragDrop__dropContainer {
flex-direction: column-reverse;
height: auto;
}
.dragDrop--platformMobile .dragDrop__preview {
margin-left: 0;
}
.dragDrop--platformMobile .dragDrop__preview img {
margin: 6px auto 0 auto;
}
.dragDrop__dropContainer {
display: flex;
height: 212px;
border: 2px dashed gray;
background-color: rgba(0, 0, 0, 0.15);
}
.dragDrop__dropZone {
flex-basis: 100%;
display: flex;
flex-flow: column nowrap;
justify-content: center;
padding: 20px;
line-height: 40px;
text-align: center;
min-width: 0;
word-wrap: break-word;
}
.dragDrop__message {
font-weight: bold;
}
.dragDrop__manualSelect {
display: inline-block;
border-bottom: 1px dashed;
padding: 0 4px 2px 4px;
line-height: 18px;
padding-top: 12px;
cursor: pointer;
}
.dragDrop__fileInfo {
font-family: monospace;
line-height: 20px;
}
.dragDrop__errorMsg {
font-weight: bold;
color: red;
}
.dragDrop__preview {
display: flex;
flex-direction: column;
justify-content: center;
margin-left: 20px;
}
.dragDrop__preview img {
max-width: 200px;
max-height: 200px;
margin: 6px;
}
.dragDrop__defaultPreview {
opacity: 0.2;
}
#pageid-controls-avatar .uploadAvatar {
margin-top: 10px;
}
.l-contentSection {
margin-top: 10px;
}
.l-contentSection:first-child {
margin-top: 0;
}
.l-contentSection input[type="checkbox"] {
margin-right: 6px;
}
.l-contentSection--genders .gridContainer {
max-width: 320px;
}
#pageid-controls-change-info .l-mainDetailsContainer {
display: flex;
}
#pageid-controls-change-info .l-mainDetailsContainer__column--left {
padding-right: 20px;
}
#pageid-controls-change-info .l-mainDetailsContainer__column--right {
flex-grow: 1;
text-align: center;
}
@media screen and (max-width: 799px) {
#pageid-controls-change-info .l-mainDetailsContainer {
flex-direction: column;
}
#pageid-controls-change-info .l-mainDetailsContainer__column--left {
order: 2;
padding-right: 0;
}
#pageid-controls-change-info .l-mainDetailsContainer__column--right {
order: 1;
margin: 8px 8px 20px;
overflow: hidden;
}
}
#pageid-controls-change-info .section-body {
padding: 10px;
}
#pageid-controls-change-info .return-links {
padding-bottom: 10px;
}
#pageid-controls-change-info .return-links a {
margin-bottom: 10px;
}
#pageid-controls-change-info .listbox,
#pageid-controls-change-info .textbox {
padding-left: 8px;
}
#pageid-controls-change-info .c-submissionDetails__description,
#pageid-controls-change-info .c-submissionDetails__keywords {
width: 100%;
font-size: inherit;
padding-bottom: 8px;
line-height: 20px;
}
#pageid-controls-change-info .c-submissionDetails__keywords {
word-spacing: 10px;
font-size: inherit;
}
#pageid-controls-change-info .c-submissionDetails__keywordNotes {
padding-top: 8px;
}
#pageid-controls-change-info .c-submissionDetails__thumbnail {
display: inline-block;
max-height: 260px;
overflow: visible;
}
@media screen and (max-width: 799px) {
#pageid-controls-change-info .c-submissionDetails__thumbnail {
max-height: inherit;
}
}
#pageid-controls-change-info .c-submissionDetails__keywordLegacyWarning {
display: flex;
align-items: center;
margin-top: 8px;
line-height: 22px;
padding: 10px;
border: 1px #efb223 solid;
border-radius: 7px;
}
#pageid-controls-change-info .c-submissionDetails__legacyWarningIcon {
flex: 0 0 44px;
}
#pageid-controls-change-image .rebuildThumb {
display: block;
margin: 10px 0 4px 0;
}
#pageid-controls-change-image .rebuildThumb input {
margin-right: 6px;
}
#pageid-controls-change-image .dragDrop {
margin-top: 0;
}
#pageid-controls-change-thumbnail .dragDrop {
margin-top: 0;
}
#pageid-controls-change-image .section-footer button,
#pageid-controls-change-thumbnail .section-footer button,
#pageid-controls-change-flash .section-footer button {
margin: 4px 4px 4px 0;
}
.gridContainer {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}
.gridContainer__item {
margin: 0;
padding: 0;
}
.gridContainer--columns4 .gridContainer__item {
width: 25%;
}
.gridContainer--columns3 .gridContainer__item {
width: 33%;
}
.gridContainer--columns2 .gridContainer__item {
width: 50%;
}
.gridContainer--columns1 .gridContainer__item {
width: 100%;
}
#pageid-settings-site .gridContainer label {
user-select: none;
}
.warningIcon--newAccount {
cursor: pointer;
color: #efb221;
}
.userIcon {
display: inline-block;
height: 18px;
position: relative;
top: 3px;
padding: 0 1px;
cursor: help;
}
userpage-nav-header .userIcon {
height: 20px;
}
.userIcon.edited-icon {
height: 16px;
top: 2px;
}
.badges-list img {
cursor: help;
}
@media screen and (max-width: 799px) {
.gallery-section {
margin-left: 1px !important;
margin-right: 1px !important;
}
}
#pageid-controls-rename-account .accountRenameForm__checkBtn {
position: relative;
top: 2px;
}
#pageid-controls-rename-account .accountRenameForm__msgContainer {
margin-top: 16px;
}
#pageid-controls-rename-account .accountRenameForm__msg {
font-weight: 600;
font-size: 14px;
padding: 16px;
color: #353b45;
display: inline-block;
}
#pageid-controls-rename-account .accountRenameForm__msg.okay {
background-color: lightgreen;
}
#pageid-controls-rename-account .accountRenameForm__msg.error {
background-color: #FFBFBF;
}
#pageid-controls-rename-account .accountRenameForm__requestBtn {
margin-top: 20px;
}
#pageid-gallery .gallery-navigation {
padding: 16px 8px;
}
#pageid-gallery .gallery-navigation .inline {
vertical-align: middle;
}
#pageid-favorites .gallery-navigation {
padding: 16px 8px;
}
#pageid-favorites .gallery-navigation .inline {
vertical-align: middle;
}
#pageid-messagecenter-submissions .date-divider {
padding: 16px 10px 10px;
}
#pageid-messagecenter-submissions .messagecenter-navigation {
margin: 10px 4px;
}
#pageid-messagecenter-submissions .messagecenter-navigation .button {
margin-right: 5px;
}
#pageid-help .example-code-long {
display: inline-block;
width: 500px;
}
#pageid-help .example-code-medium {
display: inline-block;
width: 250px;
}
#pageid-help .example-code-short {
display: inline-block;
width: 60px;
}
#pageid-settings-contacts input[type=number]::-webkit-outer-spin-button,
#pageid-settings-contacts input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
#pageid-settings-contacts input[type=number] {
-moz-appearance: textfield;
}
a.highlight_link {
color: orange;
}
span.contact-verification {
font-size: 14px;
background-color: #222;
border: 1px solid lightgray;
padding: 1px 6px;
vertical-align: middle;
display: inline-block;
margin-top: -4px;
}
div.contact-verify-url {
margin: 5px 0 5px 10px;
min-height: 20px;
max-width: 300px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#pageid-settings-profile input:disabled {
background-color: light-dark(rgba(239, 239, 239, 0.3), rgba(59, 59, 59, 0.3)) !important;
color: light-dark(#545454, #aaaaaa) !important;
}
#pageid-lostpw .section-body {
padding-top: 10px;
}
#pageid-lostpw .request-code {
margin-top: 18px;
}
#pageid-lostpw .reset-pass {
margin-bottom: 18px;
}
#pageid-lostpw .send-code,
#pageid-lostpw .reset-password {
margin-top: 8px;
}
#pageid-lostpw .error-msg-box,
#pageid-lostpw .success-msg-box {
margin: 12px 0;
padding: 8px;
font-weight: 600;
text-align: center;
}
#pageid-lostpw .error-msg-box {
background-color: #ffafaf;
color: #353b45;
}
#pageid-lostpw .success-msg-box {
background-color: #b5df8c;
color: #353b45;
}
#pageid-reply-to #page-replyto {
max-width: 1000px;
margin: 30px auto;
}
#pageid-reply-to #page-replyto .section-header {
font-weight: 600 !important;
}
#pageid-reply-to #page-replyto .reply-message,
#pageid-reply-to #page-replyto .reply-btn-container {
margin-top: 8px;
}
#pageid-online #page-online {
max-width: 1000px;
}
.has-mouseover-description {
cursor: help;
border-bottom: 1px dotted #646670;
}
#pageid-controls-shouts .comment_container {
width: 100%;
cursor: pointer;
}
#pageid-controls-shouts .comment_container input {
position: relative;
top: -2px;
margin-right: 8px;
}
#pageid-controls-shouts .comment_container.checked {
background: rgba(255, 255, 255, 0.15);
}
#pageid-controls-shouts .comment_container comment-date {
align-self: flex-start;
}
#pageid-controls-shouts .section-desc {
margin: 16px 0 32px 0;
}
#pageid-controls-shouts .section-options {
margin: 16px 0;
}
#pageid-controls-favorites .pagination {
margin: 16px auto;
}
#pageid-controls-favorites .pagination__top {
margin-bottom: 26px;
}
#pageid-controls-favorites .pagination__bottom {
margin-top: 26px;
}
#pageid-controls-favorites .pagination .button {
margin: 6px 2px;
}
.c-errorMessage {
background-color: #ffafaf;
color: #353b45;
width: fit-content;
padding: 4px 6px;
font-weight: 600;
}
.c-usernameBlock {
display: inline-block;
}
.c-usernameBlock__displayName {
font-size: 18px;
font-weight: 600;
}
.c-usernameBlock__userName {
padding-left: 4px;
}
.c-usernameBlock__userName span {
font-size: 14px;
color: #afc6e1;
}
.c-usernameBlock__symbol {
font-family: Courier New, Verdana;
padding-right: 2px;
}
@media screen and (max-width: 500px) {
.c-usernameBlock__displayName {
font-size: 16px;
}
}
.c-usernameBlock.username-in-nav-bar {
line-height: 22px;
margin-right: 10px;
}
.c-usernameBlock.username-in-nav-bar .c-usernameBlock__displayName {
font-size: 24px;
line-height: 1em;
}
.c-usernameBlock.username-in-nav-bar .c-usernameBlock__userName {
font-size: 18px;
}
#pageid-messagecenter-pms .c-usernameBlock__displayName {
font-size: 15px;
}
comment-username .c-usernameBlock__userName {
margin-right: 4px;
}
.redirect-message {
line-height: 22px;
}
.c-usernameBlockSimple {
cursor: help;
}
.c-usernameBlockSimple.username-underlined .c-usernameBlockSimple__displayName {
border-bottom: 1px dotted #646670;
}
.submission-id-container .c-usernameBlockSimple__displayName,
#pageid-messagecenter-troubletickets .c-usernameBlockSimple__displayName {
font-weight: bold;
}
.shout-char-counter {
display: block;
text-align: right;
height: 10px;
padding-right: 120px;
position: relative;
top: 18px;
}
@media screen and (max-width: 799px) {
.shout-char-counter {
top: 27px;
}
}
.policy-item-reminder {
margin: auto;
color: #FFFF33;
background-color: #20242a;
width: fit-content;
padding: 5px 15px;
border: 1px solid #69697d;
}
.hand {
cursor: pointer;
}
#pageid-submit-finalize .l-mainDetailsContainer {
display: flex;
}
#pageid-submit-finalize .l-mainDetailsContainer__column--left {
padding-right: 20px;
}
#pageid-submit-finalize .l-mainDetailsContainer__column--right {
flex-grow: 1;
}
@media screen and (max-width: 799px) {
#pageid-submit-finalize .l-mainDetailsContainer {
flex-direction: column;
}
#pageid-submit-finalize .l-mainDetailsContainer__column--left {
order: 2;
padding-right: 0;
}
#pageid-submit-finalize .l-mainDetailsContainer__column--right {
order: 1;
margin: 8px 8px 15px;
}
}
#pageid-submit-finalize .section-body {
padding: 10px;
}
#pageid-submit-finalize .section-options {
padding-top: 10px;
}
#pageid-submit-finalize .listbox,
#pageid-submit-finalize .textbox {
padding-left: 8px;
}
#pageid-submit-finalize .c-uploadDetails__description,
#pageid-submit-finalize .c-uploadDetails__keywords {
width: 100%;
font-size: inherit;
padding-bottom: 10px;
line-height: 20px;
}
#pageid-submit-finalize .c-uploadDetails__keywords {
word-spacing: 10px;
font-size: inherit;
}
#pageid-submit-finalize .c-uploadDetails__keywordNotes {
padding-top: 8px;
}
#pageid-submit-finalize .c-uploadDetails__previewTitle {
margin-top: 8px;
font-weight: bold;
text-align: center;
}
#pageid-submit-finalize .c-uploadDetails__previewBody {
margin: 0 auto;
width: 300px;
}
textarea[autoresize] {
resize: none;
overflow-y: hidden;
}
#main-window {
display: flex;
flex-direction: column;
min-height: 100vh;
}
#site-content {
flex: 1 0 auto;
}
.slider-button-wrapper:after {
content: '';
clear: both;
display: block;
}
.slider-button-wrapper .slider-toggle {
display: none;
visibility: hidden;
}
.slider-button-wrapper .slider-button,
.slider-button-wrapper .slider-content,
.slider-button-wrapper .slider {
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}
.slider-button-wrapper label.slider-viewport {
border: 1px solid #858585;
display: block;
height: 20px !important;
overflow: hidden;
width: 75px;
position: absolute;
right: 10px;
margin-top: -29px;
cursor: pointer;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #fff;
float: right;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.slider-button-wrapper .slider {
height: 100%;
position: relative;
width: 200%;
}
.slider-button-wrapper .slider-button {
background-size: 100%;
background: #e6e6e6;
background: -moz-linear-gradient(top, #e6e6e6 0%, #ffffff 99%);
background: -webkit-linear-gradient(top, #e6e6e6 0%, #ffffff 99%);
background: -o-linear-gradient(top, #e6e6e6 0%, #ffffff 99%);
background: -ms-linear-gradient(top, #e6e6e6 0%, #ffffff 99%);
background: linear-gradient(to bottom, #e6e6e6 0%, #ffffff 99%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e6e6', endColorstr='#fff', GradientType=0);
-webkit-box-shadow: 0px 0px 3px #000;
box-shadow: 0px 0px 3px #000;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
display: block;
top: 0;
height: 20px;
width: 30px;
cursor: pointer;
-webkit-border-radius: 2px;
border-radius: 2px;
}
.slider-button-wrapper .slider-content {
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 5px inset;
-moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 5px inset;
box-shadow: rgba(0, 0, 0, 0.2) 0 0 5px inset;
background: rgba(157, 38, 29, 0.5);
cursor: pointer;
display: inline-block;
float: left;
height: 100%;
width: 75px;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
top: 10px;
}
.slider-button-wrapper .slider-content span {
text-shadow: rgba(0, 0, 0, 0.1) 1px 1px 2px;
height: 100%;
line-height: 20px;
float: left;
}
.slider-button-wrapper .left {
background: #008000;
background: -moz-linear-gradient(top, #008000 0%, #006000 50%, #005000 51%, #00a000 100%);
background: -webkit-linear-gradient(top, #008000 0%, #006000 50%, #005000 51%, #00a000 100%);
background: -o-linear-gradient(top, #008000 0%, #006000 50%, #005000 51%, #00a000 100%);
background: -ms-linear-gradient(top, #008000 0%, #006000 50%, #005000 51%, #00a000 100%);
background: linear-gradient(to bottom, #008000 0%, #006000 50%, #005000 51%, #00a000 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#008000', endColorstr='#00a000', GradientType=0);
background-size: 100%;
}
.slider-button-wrapper .left span {
margin: 0 10px;
}
.slider-button-wrapper .left.type-sfw-domain span {
padding-left: 4px;
cursor: help;
}
.slider-button-wrapper .right {
background: #971c1c;
background: -moz-linear-gradient(top, #971c1c 0%, #870c0c 50%, #770c0c 51%, #b73c3c 100%);
background: -webkit-linear-gradient(top, #971c1c 0%, #870c0c 50%, #770c0c 51%, #b73c3c 100%);
background: -o-linear-gradient(top, #971c1c 0%, #870c0c 50%, #770c0c 51%, #b73c3c 100%);
background: -ms-linear-gradient(top, #971c1c 0%, #870c0c 50%, #770c0c 51%, #b73c3c 100%);
background: linear-gradient(to bottom, #971c1c 0%, #870c0c 50%, #770c0c 51%, #b73c3c 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#971c1c', endColorstr='#b73c3c', GradientType=0);
color: #ccc;
background-size: 100%;
-webkit-box-shadow: inset 0px 3px 3px 0px rgba(0, 0, 0, 0.5);
box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.4);
}
.slider-button-wrapper .right span {
float: right;
margin: 0 6px;
}
.slider-button-wrapper .slider-toggle + .slider-viewport > .slider {
left: -100%;
}
.slider-button-wrapper .slider-toggle + .slider-viewport .slider-button {
left: 75px;
}
.slider-button-wrapper .slider-toggle + .slider-viewport .slider-content {
width: 75px;
}
.slider-button-wrapper .slider-toggle + .slider-viewport .left {
margin-left: 0;
}
.slider-button-wrapper .slider-toggle:checked + .slider-viewport > .slider {
left: 0;
}
.slider-button-wrapper .slider-toggle:checked + .slider-viewport .slider-button {
left: 45px;
}
.slider-button-wrapper .slider-toggle:checked + .slider-viewport .left {
margin-left: 0;
}
.bbcode_h1,
.bbcode_h2,
.bbcode_h3,
.bbcode_h4,
.bbcode_h5 {
font-weight: 400;
color: #add8f5;
margin: 0;
padding: 0;
}
.bbcode_h1 {
font-size: 26px !important;
}
.bbcode_h2 {
font-size: 24px !important;
}
.bbcode_h3 {
font-size: 22px !important;
}
.bbcode_h4 {
font-size: 20px !important;
}
.bbcode_h5 {
font-size: 18px !important;
}
.contact-icon {
width: 32px;
height: 32px;
}
#pageid-settings-contacts .contact-icon {
margin-top: 6px;
}
.watch-list,
.favorites-list {
display: flex;
flex-wrap: wrap;
text-align: left;
}
.watch-list-items,
.favorites-list-items {
flex: 1;
min-width: 200px;
}
.flex-hidden-item-watches,
.flex-hidden-item-favorites {
flex: 1;
min-width: 200px;
}
.watchlist-navigation,
.favorites-navigation {
padding: 8px 8px 4px 8px;
}
.control-panel-contact-icon {
display: table-cell;
width: 40px;
margin-bottom: -8px;
vertical-align: middle;
}
.control-panel-contact-item h4 {
line-height: normal;
}
@media screen and (max-width: 479px) {
.userpage-flex-container {
flex-direction: row;
align-items: center;
width: 100%;
}
.userpage-flex-item.user-nav-avatar-desktop {
display: none;
}
.userpage-flex-item.user-nav-avatar-mobile {
padding-top: 4px;
}
.userpage-flex-item.avatar img {
padding: 10px 20px 0 10px;
}
.userpage-flex-item.username {
width: 100%;
text-align: center;
padding-bottom: 10px;
}
.userpage-flex-item.username h2 {
margin-bottom: 4px;
}
.userpage-flex-item.watchnoteblock {
width: 100%;
line-height: 50px;
padding-left: 10px;
}
.table-cell-avatar {
width: 100%;
display: none !important;
}
.user-table-cell-mobile {
width: 33%;
text-align: center !important;
}
}
@media screen and (min-width: 480px) and (max-width: 799px) {
.userpage-flex-container {
flex-direction: row;
}
.userpage-flex-item.user-nav-avatar-desktop {
display: none;
}
.userpage-flex-item.user-nav-avatar-mobile {
padding: 4px 8px 0 8px;
}
.userpage-flex-item.user-nav-avatar-mobile img {
max-width: 50px;
max-height: 50px;
}
.userpage-flex-item.username {
flex: 1;
text-align: left;
}
.userpage-flex-item.watchnoteblock {
flex: 1;
max-height: 40px;
line-height: 40px;
padding-left: 10px;
}
.userpage-flex-item.user-nav {
width: 100%;
text-align: left;
}
.userpage-flex-item.user-nav ul {
padding: 10px 0 0 12px;
}
.userpage-flex-item.user-nav li {
padding-right: 4px;
}
}
@media screen and (min-width: 800px) {
.userpage-flex-container {
flex-direction: row;
}
.userpage-flex-item.user-nav-avatar-desktop {
display: table-cell;
padding: 4px 12px;
width: 100px;
}
.userpage-flex-item.user-nav-avatar-mobile {
display: none;
}
.userpage-flex-item.username {
flex: 1;
text-align: left;
}
.userpage-flex-item.username h2 {
margin: 5px 0;
}
.userpage-flex-item.watchnoteblock {
flex: 1;
max-height: 50px;
padding-right: 10px;
}
.userpage-flex-item.user-nav {
width: 100%;
height: 47px;
text-align: left;
align-self: flex-end;
}
.userpage-flex-item.user-nav ul {
padding-top: 30px;
}
.userpage-flex-item.user-nav li {
padding-right: 12px;
font-size: 18px;
}
.userpage-flex-item .user-nav-controls {
padding: 10px 10px 0 0 !important;
}
}
.usernav-watch-container {
display: flex;
align-items: center;
justify-content: center;
}
.usernav-watch-button {
height: 40px;
line-height: 40px;
background: #b4b4c8;
flex: 1;
margin: 5px;
}
.usernav-watch-button:hover {
background: #c8c8dc;
}
.usernav-watch-flex-button {
flex: 1;
margin: 10px 5px;
}
@media screen and (max-width: 999px) {
.user-nav-optimizer {
display: none;
}
}
.userpage-flex-container {
width: 100%;
display: flex;
flex-wrap: wrap;
}
.userpage-flex-item.username {
font-size: 12px;
}
.user-nav ul {
margin: 0;
}
.user-nav ul li {
list-style: none;
display: inline-block;
}
.user-nav ul li:hover {
color: orange;
}
.global-dropdown {
background: transparent;
position: relative;
z-index: 1000;
}
.global-dropdown li a {
text-decoration: none;
color: #2d2f31;
}
.global-dropdown span {
padding: 0 10px;
cursor: pointer;
display: block;
}
.global-dropdown span:after {
float: right;
right: 10%;
content: "▾";
}
.global-dropdown-user li {
width: 100%;
padding: 0 0 0 10px;
}
.global-dropdown-user li a {
display: block;
height: 40px;
line-height: 40px;
}
.global-dropdown-user span {
height: 40px;
line-height: 40px;
}
.message-center-container,
.message-center-container2,
.message-center-container3,
.message-center-container4,
.global-dropdown-userpage,
.global-dropdown-message-center-select-all,
.global-dropdown-message-center-priority {
clear: both;
width: 100%;
height: 0px;
overflow: hidden;
text-align: center;
transition: height .4s ease;
box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.75);
}
.message-center-container ul,
.message-center-container2 ul,
.message-center-container3 ul,
.message-center-container4 ul,
.global-dropdown-userpage ul,
.global-dropdown-message-center-select-all ul,
.global-dropdown-message-center-priority ul {
list-style: none outside none;
}
.message-center-container .global-dropdown-formatting,
.message-center-container2 .global-dropdown-formatting,
.message-center-container3 .global-dropdown-formatting,
.message-center-container4 .global-dropdown-formatting,
.global-dropdown-userpage .global-dropdown-formatting,
.global-dropdown-message-center-select-all .global-dropdown-formatting,
.global-dropdown-message-center-priority .global-dropdown-formatting {
background: transparent !important;
border: 0;
}
.global-dropdown-userpage {
height: 35px;
line-height: 35px;
}
.message-center-dropdown-container li,
.message-center-dropdown-container2 li,
.message-center-dropdown-container3 li,
.message-center-dropdown-container4 li,
.global-dropdown-userpage li,
.global-dropdown-message-center-select-all li,
.global-dropdown-message-center-priority li {
background: gray;
text-align: left;
display: block;
}
.message-center-dropdown-container li button,
.message-center-dropdown-container2 li button,
.message-center-dropdown-container3 li button,
.message-center-dropdown-container4 li button,
.global-dropdown-userpage li button,
.global-dropdown-message-center-select-all li button,
.global-dropdown-message-center-priority li button {
width: 100%;
text-align: left;
}
#message-touch,
#message-touch2,
#message-touch3,
#message-touch4,
#touch-user,
#global-dropdown-touch-userpage,
#global-dropdown-touch-message-center-select-all,
#global-dropdown-touch-message-center-priority {
position: absolute;
opacity: 0;
height: 0px;
}
#message-touch:checked + .message-center-dropdown-container,
#message-touch2:checked + .message-center-dropdown-container2,
#message-touch3:checked + .message-center-dropdown-container3,
#message-touch4:checked + .message-center-dropdown-container4,
#touch-user:checked + .global-dropdown-container-user,
#global-dropdown-touch-userpage:checked + .global-dropdown-userpage,
#global-dropdown-touch-message-center-select-all:checked + .global-dropdown-message-center-select-all,
#global-dropdown-touch-message-center-priority:checked + .global-dropdown-message-center-priority {
height: auto;
}
.browse-search-flex-container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-content: flex-start;
align-items: flex-start;
}
.browse-search-flex-item {
flex-grow: 1;
flex-shrink: 0;
padding: 4px 2px;
}
@media screen and (min-width: 1090px) {
.browse-search-flex-item {
max-width: 100%;
}
.browse-search-flex-item select {
width: 50%;
}
}
.browse-search-flex-item strong {
min-width: 80px;
width: 80px;
display: inline-block;
}
.page-search .basic-options select.listbox {
width: 100px;
}
.page-browse select.listbox {
width: 100%;
}
.page-browse select.listbox[name="perpage"],
.page-browse input.textbox[name="page"] {
width: 56px;
}
.page-browse button.prevnextbutton {
cursor: pointer;
}
#browse-search {
display: flex;
order: 1;
justify-content: space-between;
align-content: flex-start;
box-sizing: border-box;
width: 100%;
padding: 0;
flex-direction: row;
}
#browse-search .browse-content {
order: 1;
width: 100%;
}
#browse-search .browse-sidebar-container {
display: block;
padding: 10px;
order: 2;
min-width: 320px;
width: 320px;
}
@media screen and (max-width: 1089px) {
#browse-search {
flex-direction: column;
}
#browse-search .browse-content {
order: 2;
}
#browse-search .browse-sidebar-container {
order: 1;
width: 100%;
}
#browse-search .browse-sidebar-container .browse-sidebar-search-box {
padding: 5px 0;
}
#browse-search .browse-sidebar-container .browse-sidebar-content {
padding: 0;
}
}
#sidebar-options-advanced .toggle_input {
position: absolute;
width: 1px;
height: 1px;
opacity: 0;
cursor: pointer;
}
@media screen and (max-width: 599px) {
#sidebar-options .sidebar-options-content {
transform: translateX(100%);
width: 100%;
padding: 50px 0 0 0;
}
#sidebar-options .sidebar-options-content .toggle_label2 {
top: 0;
}
#sidebar-options .sidebar-options-content .sidebar-browse-container {
padding: 10px;
}
}
@media screen and (min-width: 600px) {
#sidebar-options .sidebar-options-content {
transform: translateX(100%);
width: 320px;
right: 0;
padding: 50px 0 0 0;
}
#sidebar-options .sidebar-options-content .toggle_label2 {
top: 50;
}
}
@media screen and (min-width: 1090px) {
#sidebar-options .sidebar-options-content {
transform: translateX(0%);
padding: 0;
}
#sidebar-options .sidebar-options-content .toggle_label2 {
top: 50;
}
}
@media screen and (max-width: 1089px) {
#sidebar-options .toggle_input {
position: absolute;
width: 1px;
height: 1px;
opacity: 0;
cursor: pointer;
}
#sidebar-options .toggle_label,
#sidebar-options .toggle_label2 {
text-align: center;
text-shadow: 0px 0px 6px #000000;
}
#sidebar-options .toggle_label div,
#sidebar-options .toggle_label2 div {
display: block;
}
#sidebar-options .toggle_label {
position: relative;
}
#sidebar-options .toggle_label2 {
padding-right: 20px;
font-size: 36px;
position: fixed;
z-index: 50000;
right: 0;
}
#sidebar-options .sidebar-options-content {
position: fixed;
z-index: 49999;
height: 100%;
overflow-y: auto;
background: rgba(25, 25, 25, 0.9);
top: 0;
}
#sidebar-options .sidebar-options-content_list {
margin: 0;
padding: 0;
list-style: none;
}
#sidebar-options .sidebar-options-content_list h2 {
line-height: 36px !important;
}
#sidebar-options .sidebar-options-content_item {
height: 38px;
padding: 0 0 0 35px;
}
#sidebar-options .sidebar-options-content_item a {
display: block;
text-decoration: none;
text-transform: uppercase;
}
#sidebar-options .sidebar-options-content_item h2 {
font-size: 28px !important;
}
#sidebar-options .g-wrapper {
position: relative;
width: 100%;
min-height: 100%;
padding-top: 70px;
}
#sidebar-options .toggle_input:messagecenter-mail-nav-bar ~ .sidebar-options-content {
box-shadow: 5px 0 45px #000000;
transform: translateX(0);
}
#sidebar-options .toggle_input:messagecenter-mail-nav-bar ~ .g-wrapper {
transform: translateX(300px);
}
}
.search-flex-item-title {
width: 100%;
}
.search-flex-item-2 {
width: 50%;
}
.search-flex-item-3 {
width: 33%;
}
.badge {
display: inline-block;
padding: 10px 5px;
}
.admin-options {
z-index: 500;
position: relative;
}
.admin-submission-removal-container {
width: 100%;
}
.admin-submission-removal {
margin: 10px 19px 0 10px;
background: #353b45;
padding: 10px 15px 8px 15px;
border: 1px solid orange;
}
.no-transition {
-moz-transition: none !important;
-webkit-transition: none !important;
-o-transition: color 0 ease-in !important;
transition: none !important;
}
.sprite-cancel,
.sprite-delete,
.sprite-download,
.sprite-facebook,
.sprite-favorites,
.sprite-flag,
.sprite-folder,
.sprite-heart,
.sprite-left,
.sprite-mail,
.sprite-message,
.sprite-minus,
.sprite-news,
.sprite-notifications,
.sprite-nuke,
.sprite-nuke2,
.sprite-open,
.sprite-paw,
.sprite-plus,
.sprite-restore,
.sprite-right,
.sprite-search,
.sprite-send,
.sprite-settings,
.sprite-submit-button,
.sprite-trash,
.sprite-twitter,
.sprite-upload,
.sprite-write {
margin: -5px 6px 0 0;
vertical-align: middle;
width: 16px;
height: 16px;
display: inline-block;
background: url('/themes/beta/img/ui-sprites.png') no-repeat;
overflow: hidden;
text-indent: -9999px;
text-align: left;
}
.sprite-upload {
margin: -5px 3px 0 0 !important;
}
.sprite-cancel {
background-position: -5px 0;
}
.sprite-delete {
background-position: -26px 0;
}
.sprite-download {
background-position: -47px 0;
}
.sprite-facebook {
background-position: -68px 0;
}
.sprite-favorites {
background-position: -89px 0;
}
.sprite-flag {
background-position: -5px -21px;
}
.sprite-folder {
background-position: -26px -21px;
}
.sprite-heart {
background-position: -47px -21px;
}
.sprite-left {
background-position: -68px -21px;
}
.sprite-mail {
background-position: -89px -21px;
}
.sprite-message {
background-position: -5px -42px;
}
.sprite-minus {
background-position: -26px -42px;
}
.sprite-news {
background-position: -47px -42px;
}
.sprite-notifications {
background-position: -68px -42px;
}
.sprite-nuke {
background-position: -89px -42px;
}
.sprite-nuke2 {
background-position: -5px -63px;
filter: grayscale(45%);
}
.sprite-open {
background-position: -26px -63px;
}
.sprite-paw {
background-position: -47px -63px;
}
.sprite-plus {
background-position: -68px -63px;
}
.sprite-restore {
background-position: -89px -63px;
}
.sprite-right {
background-position: -5px -84px;
}
.sprite-search {
background-position: -26px -84px;
}
.sprite-send {
background-position: -47px -84px;
}
.sprite-settings {
background-position: -68px -84px;
}
.sprite-submit-button {
background-position: -89px -84px;
}
.sprite-trash {
background-position: -5px -105px;
}
.sprite-twitter {
background-position: -26px -105px;
}
.sprite-upload {
background-position: -47px -105px;
}
.sprite-write {
background-position: -68px -105px;
}
section.gallery b figcaption {
background-color: rgba(0, 0, 0, 0.8);
}
section.gallery p,
section.gallery p a:link,
section.gallery p a:visited {
color: #cfd3eb;
}
section.gallery p a:hover {
color: #ffffff;
}
section.gallery p a:hover {
color: #afafaf;
}
section.gallery p i {
color: #777;
font-weight: normal !important;
}
section.gallery.with-checkboxes figure > figcaption:hover,
section.gallery.with-checkboxes figure.checked figcaption {
background-color: rgba(255, 255, 255, 0.15);
}
.sprite-mail-16,
.sprite-note-16,
.sprite-orientation-landscape-16,
.sprite-orientation-portrait-16,
.sprite-picture-16,
.sprite-profile-16,
.sprite-trash-16,
.sprite-twitter-16,
.sprite-view-16,
.sprite-wolf-eye-16,
.sprite-wolf-eye-24,
.sprite-book-24,
.sprite-chat-24,
.sprite-conversation-16,
.sprite-document-16,
.sprite-facebook-16,
.sprite-footprint-16,
.sprite-heart-16,
.sprite-link-16,
.sprite-login-16 {
background: url('/themes/beta/img/fa-sprites-revised.png') no-repeat;
display: inline-block;
}
.sprite-mail-16 {
background-position: 0 -93px;
width: 16px;
height: 16px;
}
.sprite-note-16 {
background-position: -51px -76px;
width: 16px;
height: 16px;
}
.sprite-orientation-landscape-16 {
background-position: -34px -76px;
width: 16px;
height: 16px;
}
.sprite-orientation-portrait-16 {
background-position: -17px -76px;
width: 16px;
height: 16px;
}
.sprite-picture-16 {
background-position: 0 -76px;
width: 16px;
height: 16px;
}
.sprite-profile-16 {
background-position: -51px -59px;
width: 16px;
height: 16px;
}
.sprite-trash-16 {
background-position: -34px -59px;
width: 16px;
height: 16px;
}
.sprite-twitter-16 {
background-position: -17px -59px;
width: 16px;
height: 16px;
}
.sprite-view-16 {
background-position: 0 -59px;
width: 16px;
height: 16px;
}
.sprite-wolf-eye-16 {
background-position: -51px -42px;
width: 16px;
height: 16px;
}
.sprite-wolf-eye-24 {
background-position: -25px 0;
width: 24px;
height: 24px;
position: relative;
top: 7px;
}
.sprite-book-24 {
background-position: -34px -42px;
width: 16px;
height: 16px;
}
.sprite-chat-24 {
background-position: 0 0;
width: 24px;
height: 24px;
position: relative;
top: 7px;
}
.sprite-conversation-16 {
background-position: -17px -42px;
width: 16px;
height: 16px;
}
.sprite-document-16 {
background-position: 0 -42px;
width: 16px;
height: 16px;
}
.sprite-facebook-16 {
background-position: -51px -25px;
width: 16px;
height: 16px;
}
.sprite-footprint-16 {
background-position: -34px -25px;
width: 16px;
height: 16px;
}
.sprite-heart-16 {
background-position: -17px -25px;
width: 16px;
height: 16px;
position: relative;
top: 3px;
}
.sprite-link-16 {
background-position: 0 -25px;
width: 16px;
height: 16px;
}
.sprite-login-16 {
background-position: -50px 0;
width: 16px;
height: 16px;
}
.fa-plus-icon {
height: 18px;
position: relative;
top: 1px;
}
.admin-logo {
height: 20px;
position: relative;
top: 2px;
}
.fa-plus-benefit-container {
display: flex;
flex-flow: row wrap;
justify-content: center;
max-width: 1050px;
margin: auto;
}
.fa-plus-benefit-item {
width: 450px;
padding: 20px;
margin: 10px;
}
.fa-plus-subscribe-button {
font-size: 20px !important;
}
#notify-message {
text-align: center;
padding: 10px;
}
.mobile-browse-options-checkbox-input input[type=checkbox] {
position: absolute;
top: -9999px;
left: -9999px;
display: none;
}
.mobile-browse-options-hide-checkbox {
display: none !important;
}
.mobile-browse-options-checkbox-label label {
cursor: pointer !important;
}
.mobile-browse-options {
display: none;
margin-bottom: 5px;
}
input[type=checkbox]:checked ~ .mobile-browse-options {
display: block;
}
.shinies-top-3-container {
display: flex;
justify-content: space-around;
margin: 8px 0;
}
.aligncenter {
display: block;
text-align: center;
margin-left: auto !important;
margin-right: auto !important;
}
._value-widget {
display: inline-block;
padding: 8px 0 4px 0;
}
._value-widget > div {
display: inline-block;
}
._value-widget ._control {
color: rgba(255, 255, 255, 0.92);
width: 40px;
height: 40px;
line-height: 35px;
border-radius: 25px;
text-align: center;
font-size: 20px;
border: 1px solid gray;
-webkit-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-ms-user-select: none;
user-select: none;
}
._value-widget ._control:active:active {
background: #20242a;
border: 1px #69697d solid;
}
._value-widget ._field {
font-size: 18px !important;
height: 40px;
line-height: 30px;
color: rgba(255, 255, 255, 0.92);
text-align: center;
width: 35px;
position: relative;
background: transparent;
border: 0 solid transparent;
pointer-events: none;
}
.shinies-total {
padding: 15px 0 0 0;
}
.shinies-top-3-container {
display: flex;
justify-content: space-around;
margin: 16px 0;
}
.shinies-promo {
display: flex;
align-items: center;
justify-content: left;
}
.shinies-promo-star {
margin: -10px 0 0 -4px;
padding-right: 6px;
color: #fda936 !important;
font-size: 40px;
}
.fa-plus-member {
border-radius: 9px;
background-color: #faaf3a !important;
padding: 3px 5px;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
text-shadow: 0px 1px rgba(0, 0, 0, 0.2);
background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 7%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-size: 40px 40px;
transition: none 0s ease 0s;
-webkit-animation: fa-plus-member 2s linear infinite;
animation: fa-plus-member 2s linear infinite;
color: black !important;
}
@keyframes fa-plus-member {
from {
background-position: 0 0;
}
to {
background-position: -40px -40px;
}
}
.svg-icon {
fill: rgba(255, 255, 255, 0.92) !important;
}
.collapsed_height {
margin-top: 5px;
margin-bottom: 20px;
}
@media screen and (max-width: 699px) {
comment-container {
flex-direction: row no-wrap;
}
comment-container .avatar {
display: flex;
min-width: 50px;
width: 50px;
padding: 10px 0 0 10px;
}
comment-container .avatar img {
max-width: 50px;
}
comment-container .avatar .content {
margin: 0 5px !important;
}
}
@media screen and (min-width: 700px) {
comment-container {
flex-direction: row no-wrap;
}
comment-container :first-child {
margin-top: 0;
}
comment-container .avatar {
display: flex;
min-width: 100px;
width: 100px;
height: 100px;
max-height: 100px;
padding: 10px 5px 10px 10px;
justify-content: center;
}
comment-container .avatar a img {
border-radius: 12px;
flex: 1;
max-width: 100px;
box-shadow: 0 0 7px 4px rgba(0, 0, 0, 0.35);
}
comment-container .avatar .content {
margin: 0 6px !important;
}
}
comment-container {
display: flex;
flex-direction: column wrap;
border: 1px solid #646464;
}
comment-container .avatar {
flex: 0;
width: 100px;
}
comment-container comment-username {
margin-bottom: 4px;
}
comment-container comment-anchor {
flex: auto;
align-self: flex-start;
padding-right: 8px;
margin-left: 6px;
}
comment-container comment-date {
align-self: flex-start;
text-align: left;
}
comment-container comment-anchor,
comment-container comment-date {
padding-top: 5px;
}
comment-container comment-user-text {
padding: 10px 0 0 0;
width: 100%;
order: 6;
overflow-wrap: anywhere;
}
comment-container comment-anchor,
comment-container comment-date {
height: 24px;
}
comment-container comment-title {
height: 20px;
position: relative;
top: -6px;
}
@media screen and (max-width: 500px) {
comment-container .comment-content {
display: flex;
flex-direction: row;
}
comment-container .comment-content comment-username {
width: 100%;
order: 1;
}
comment-container .comment-content comment-title {
width: 100%;
order: 2 !important;
}
comment-container .comment-content comment-date {
order: 3;
padding-top: 0;
}
comment-container .comment-content comment-anchor {
order: 4;
padding-top: 0;
}
comment-container .comment-content comment-footer {
order: 8;
display: flex;
width: 100%;
justify-content: flex-end;
min-height: 16px;
}
comment-container .comment-content comment-edit {
order: 16;
position: relative;
top: 5px;
}
comment-container .comment-content comment-hide {
order: 17;
padding: 0 0 0 6px;
}
comment-container .comment-content comment-hide svg {
fill: rgba(255, 255, 255, 0.92);
position: relative;
top: 5px;
}
comment-container .comment-content comment-reply {
padding: 0 0 0 8px;
order: 18;
}
comment-container .comment-content comment-reply svg {
fill: rgba(255, 255, 255, 0.92);
}
}
@media screen and (min-width: 501px) {
comment-container .comment-content {
display: flex;
flex-direction: row;
flex-wrap: no-wrap;
}
comment-container .comment-content comment-username {
flex: 200;
order: 1;
}
comment-container .comment-content comment-username img {
position: relative;
top: 2px;
}
comment-container .comment-content comment-date {
flex: auto;
order: 4;
color: rgba(255, 255, 255, 0.84);
}
comment-container .comment-content comment-anchor {
order: 3;
}
comment-container .comment-content comment-anchor svg {
fill: #000000;
}
comment-container .comment-content comment-title {
width: 100%;
order: 5 !important;
color: rgba(255, 255, 255, 0.84);
}
comment-container .comment-content comment-footer {
order: 8;
display: flex;
width: 100%;
justify-content: flex-end;
min-height: 16px;
}
comment-container .comment-content comment-edit {
padding: 0 8px 0 8px;
order: 16;
}
comment-container .comment-content comment-edit svg {
fill: rgba(255, 255, 255, 0.92);
position: relative;
top: 4px;
}
comment-container .comment-content comment-hide {
padding: 0 0 0 8px;
order: 17;
}
comment-container .comment-content comment-hide svg {
fill: rgba(255, 255, 255, 0.92);
position: relative;
top: 5px;
}
comment-container .comment-content comment-reply {
padding: 0 8px 0 8px;
order: 18;
position: relative;
left: 10px;
}
comment-container .comment-content comment-reply svg {
fill: rgba(255, 255, 255, 0.92);
}
}
comment-container .comment-content {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
background: transparent;
padding: 8px 8px 0 8px;
justify-content: flex-end;
}
div.comment_container.faplus-comment > comment-container {
background: linear-gradient(90deg, rgba(154, 1, 191, 0.15) 0%, rgba(154, 1, 191, 0.25) 50%, rgba(154, 1, 191, 0.15) 100%);
border: 1px solid rgba(154, 1, 191, 0.75);
}
div.comment_container.admin-comment > comment-container {
background: linear-gradient(90deg, rgba(96, 130, 182, 0.25) 0%, rgba(96, 130, 182, 0.35) 50%, rgba(96, 130, 182, 0.25) 100%);
border: 1px solid rgba(96, 130, 182, 0.75);
}
a.comment_anchor {
display: block;
visibility: hidden;
}
a.comment_anchor:target + comment-container {
border: 2px solid #ffd700;
}
a.comment_anchor:target ~ comment-container {
background-color: #333333 !important;
}
.comment_container {
display: table;
word-wrap: break-word;
border: 0 none;
margin: auto 0 auto auto;
table-layout: fixed;
/* COMMENT EDIT MODE */
/* REPLY-TO BOX OVERRIDES */
}
@media screen and (max-width: 728px) {
.comment_container .shout-avatar {
min-width: 50px !important;
padding-right: 10px;
}
.comment_container .avatar-desktop {
display: none;
}
.comment_container .avatar-mobile {
width: 50px;
vertical-align: bottom;
}
.comment_container .avatar-mobile img {
max-width: 40px;
max-height: 40px;
}
.comment_container .header {
padding: 8px 10px 0 10px;
background: #444955 !important;
}
.comment_container .links {
padding: 0 10px 10px 10px;
}
.comment_container .links:empty {
padding: 25px;
}
.comment_container .body {
padding: 4px 10px 10px 10px;
}
.comment_container .comment-date {
display: block;
}
}
@media screen and (min-width: 729px) {
.comment_container .shout-avatar {
min-width: 120px !important;
}
.comment_container .shout-date {
float: right;
}
.comment_container .avatar-desktop {
width: 100px;
height: 100px;
display: table-cell;
vertical-align: top;
text-align: center;
padding-right: 20px;
}
.comment_container .avatar-desktop img {
max-width: 100px;
}
.comment_container .avatar-mobile {
display: none;
}
.comment_container .header {
padding: 5px 10px 0 10px;
background: #444955 !important;
}
.comment_container .header:after {
content: '';
position: absolute;
border-style: solid;
border-width: 12px 15px 12px 0;
display: block;
width: 0;
z-index: 1;
left: -15px;
top: 0px;
}
.comment_container .links {
padding: 0 10px 10px 10px;
}
.comment_container .body {
padding: 4px 10px 10px 10px;
}
}
.comment_container:last-child {
padding-bottom: 0px;
}
.comment_container .shout-avatar {
display: table-cell;
vertical-align: top;
}
@media screen and (max-width: 728px) {
.comment_container .shout-avatar img {
max-width: 50px;
}
}
.comment_container .base {
display: table-cell;
width: 100%;
vertical-align: text-top;
}
@media screen and (max-width: 728px) {
.comment_container .base.shout-base {
padding-left: 58px;
}
}
@media screen and (min-width: 729px) {
.comment_container .base.shout-base {
padding-left: 120px;
}
}
.comment_container .base h3 {
padding-top: 0;
}
.comment_container .links {
padding-bottom: px;
margin: 0 -10px;
}
.comment_container .header,
.comment_container .body {
position: relative;
}
.comment_container .footer {
padding-top: 7px;
vertical-align: top;
text-align: right;
}
.comment_container img.edited {
vertical-align: sub;
}
.comment_container .edit-countdown,
.comment_container .bbcode_container {
display: inline-block;
line-height: 40px;
margin-right: 8px;
}
.comment_container .edit-countdown img,
.comment_container .bbcode_container img {
vertical-align: middle;
}
.comment_container.generated_replyto_box usericon-block-before,
.comment_container.generated_replyto_box usericon-block-after,
.comment_container.generated_replyto_box comment-title,
.comment_container.generated_replyto_box comment-anchor,
.comment_container.generated_replyto_box comment-date,
.comment_container.generated_replyto_box comment-footer {
display: none !important;
}
.comment_container.generated_replyto_box .comment_text {
margin-bottom: 8px;
}
.comment_op_marker {
cursor: help;
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
position: relative;
top: -2px;
border-radius: 6px;
padding: 2px 8px;
color: #121316;
background-color: #add8f5;
display: inline-block;
margin: 6px 0;
}
.nav-links-spacer {
font-size: 24px;
position: relative;
top: -3px;
}
userpage-nav-mobile-options {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
z-index: 1000;
}
userpage-nav-mobile-options svg {
position: relative;
top: 6px;
padding: 0 3px 0 0;
}
userpage-nav-mobile-options .button {
height: 40px;
fill: rgba(255, 255, 255, 0.92);
border-radius: 8px;
margin: 10px 8px 0 8px;
line-height: 40px !important;
border: 0px transparent;
}
userpage-nav-mobile-options .button.standard {
background: rgba(64, 64, 64, 0.7);
border: 1px solid #69697d;
}
@media screen and (max-width: 799px) {
userpage-nav-mobile-options {
padding: 10px 0 16px 0;
}
userpage-nav-mobile-options h4 {
margin: 0 0 0 10px;
}
userpage-nav-mobile-options .button {
flex: 1;
height: 32px !important;
line-height: 32px !important;
}
}
@media screen and (min-width: 800px) {
userpage-nav-mobile-options {
padding: 0 0 8px 8px;
}
userpage-nav-mobile-options h4 {
margin: 0 0 0 10px;
}
userpage-nav-mobile-options .button {
fill: rgba(255, 255, 255, 0.92);
height: 32px !important;
line-height: 32px !important;
width: 102px !important;
}
}
userpage-nav-header {
z-index: 100;
margin: -58px 0 0 0;
max-width: 1850px;
width: 100%;
display: flex;
flex-direction: row;
box-sizing: border-box;
justify-content: center;
}
userpage-nav-avatar {
z-index: 2000;
margin: 0px 12px;
min-width: 100px;
max-width: 100px;
max-height: 100px;
height: 100px;
display: flex;
justify-content: center;
align-items: center;
}
userpage-nav-avatar img {
border-radius: 12px;
box-shadow: 0 0 15px 7px rgba(0, 0, 0, 0.55);
border: 1px solid #646464;
max-width: 100%;
max-height: 100%;
}
userpage-nav-user-details {
color: #fafafa;
margin: 0px;
padding-top: 7px;
text-shadow: 0px 4px 8px #000;
flex: 999;
margin-left: -124px;
padding-left: 124px;
background: linear-gradient(90deg, rgba(23, 23, 23, 0.7) 0%, rgba(23, 23, 23, 0.7) 124px, rgba(23, 23, 23, 0.6) 324px, rgba(23, 23, 23, 0.3) 474px, rgba(23, 23, 23, 0) 624px);
}
userpage-nav-user-details .top-bar {
line-height: 1em;
margin-bottom: 5px;
}
userpage-nav-user-details .user-title {
margin: 0 0 0 2px;
font-weight: 600;
}
.user-nav-page-links {
display: flex;
flex-wrap: wrap;
}
@media screen and (max-width: 799px) {
.user-nav-page-links {
flex-wrap: wrap;
justify-content: center;
}
.user-nav-page-links h3 {
font-size: 26px;
line-height: 28px;
}
}
.account-disabled-block {
display: inline-block;
margin: 8px 0 2px 0;
}
userpage-nav-interface-buttons {
flex: 1 1 192px;
text-align: right;
text-shadow: 0px 4px 14px #000;
max-height: 49px;
padding: 11px 8px 0 8px;
background: linear-gradient(90deg, rgba(23, 23, 23, 0) 0%, rgba(23, 23, 23, 0.3) 84px, rgba(23, 23, 23, 0.5) 100%);
}
userpage-nav-interface-buttons a {
margin-bottom: 3px;
}
userpage-nav-mobile-options {
text-shadow: 0px 4px 5px #000;
}
site-banner {
display: flex;
justify-content: left;
}
site-banner img {
width: 100%;
}
site-banner.banner-justify-center {
justify-content: center;
}
site-banner.banner-justify-right {
justify-content: right;
}
@media screen and (max-width: 799px) {
site-banner {
text-align: center;
}
userpage-nav-header {
margin-top: -56px;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
}
userpage-nav-user-details {
background: none;
margin-left: 0;
padding: 0 4px;
text-align: center;
}
userpage-nav-user-details .top-bar {
padding-top: 7px;
margin-bottom: 2px;
margin-left: -76px;
padding-left: 76px;
background: none;
}
userpage-nav-interface-buttons {
width: 100%;
display: flex;
padding: 15px 0 0 0;
background: none;
max-height: 35px;
}
userpage-nav-interface-buttons .button,
userpage-nav-interface-buttons button {
fill: rgba(255, 255, 255, 0.92);
flex: 1;
padding: 0 7px 2px 7px !important;
margin: 0 8px;
line-height: 36px !important;
border-radius: 8px;
}
userpage-nav-interface-buttons .button.standard,
userpage-nav-interface-buttons button.standard {
background: rgba(64, 64, 64, 0.7);
}
userpage-nav-interface-buttons .button.mobilewatch,
userpage-nav-interface-buttons button.mobilewatch {
border: 1px solid #009600;
background: rgba(0, 128, 0, 0.7);
}
userpage-nav-interface-buttons .button.sendnote,
userpage-nav-interface-buttons button.sendnote {
height: 40px;
}
userpage-nav-links {
padding: 15px 0 10px 10px;
margin: 0px 0 -5px 0;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
width: 100%;
}
userpage-nav-links ul {
padding: 0;
}
userpage-nav-links ul li {
position: relative;
padding: 0 18px 0 0;
list-style: none;
display: inline-block;
}
userpage-nav-links ul li h3 {
color: #fff;
}
userpage-nav-links ul li :hover {
transition: 0.22s;
cursor: pointer;
}
userpage-nav-links ul li .svg {
fill: rgba(255, 255, 255, 0.92);
position: relative;
top: -2px;
}
}
@media screen and (min-width: 800px) and (max-width:1064px) {
#header {
background: rgba(0, 0, 0, 0.5);
}
userpage-admin-block {
flex: 999;
margin-top: 0px;
padding: 8px 0 0 16px;
text-shadow: 2px 2px 5px #000;
max-height: 55px;
}
userpage-admin-block svg {
position: relative;
top: 6px;
padding: 0 3px 0 0;
}
userpage-nav-interface-buttons .button {
height: 36px;
line-height: 36px;
}
userpage-admin-block .button,
userpage-nav-interface-buttons .button,
userpage-admin-block button,
userpage-nav-interface-buttons button {
fill: rgba(255, 255, 255, 0.92);
padding: 0 7px 2px 7px !important;
line-height: 36px !important;
border-radius: 8px;
}
userpage-admin-block .button.standard,
userpage-nav-interface-buttons .button.standard,
userpage-admin-block button.standard,
userpage-nav-interface-buttons button.standard {
background: rgba(64, 64, 64, 0.7);
}
userpage-admin-block .button.mobilewatch,
userpage-nav-interface-buttons .button.mobilewatch,
userpage-admin-block button.mobilewatch,
userpage-nav-interface-buttons button.mobilewatch {
border: 1px solid #009600;
background: rgba(0, 128, 0, 0.7);
}
userpage-admin-block .button.sendnote,
userpage-nav-interface-buttons .button.sendnote,
userpage-admin-block button.sendnote,
userpage-nav-interface-buttons button.sendnote {
height: 40px;
}
userpage-nav-links {
z-index: 1000;
width: 100%;
white-space: nowrap;
overflow: hidden;
}
userpage-nav-links h3 > * {
color: rgba(255, 255, 255, 0.92) !important;
font-size: 1.2em;
font-weight: 400 !important;
}
userpage-nav-links ul {
padding: 0;
}
userpage-nav-links ul li {
padding: 11px 18px 0 0;
list-style: none;
display: inline-block;
}
userpage-nav-links ul li h3 {
color: #fff;
}
userpage-nav-links ul li :hover {
transition: 0.22s;
cursor: pointer;
}
userpage-nav-links ul li svg {
fill: rgba(255, 255, 255, 0.92);
position: relative;
top: -4px;
stroke-width: 50%;
}
}
@media screen and (min-width: 1064px) {
#header {
background: rgba(0, 0, 0, 0.5);
}
userpage-admin-block {
flex: 999;
margin-top: 0px;
padding: 8px 0 0 16px;
text-shadow: 2px 2px 5px #000;
max-height: 55px;
}
userpage-admin-block svg {
position: relative;
top: 6px;
padding: 0 3px 0 0;
}
userpage-nav-interface-buttons .button {
height: 36px;
line-height: 36px;
}
userpage-admin-block .button,
userpage-nav-interface-buttons .button,
userpage-admin-block button,
userpage-nav-interface-buttons button {
fill: rgba(255, 255, 255, 0.92);
padding: 0 7px 2px 7px !important;
line-height: 36px !important;
border-radius: 8px;
}
userpage-admin-block .button.standard,
userpage-nav-interface-buttons .button.standard,
userpage-admin-block button.standard,
userpage-nav-interface-buttons button.standard {
background: rgba(64, 64, 64, 0.7);
}
userpage-admin-block .button.mobilewatch,
userpage-nav-interface-buttons .button.mobilewatch,
userpage-admin-block button.mobilewatch,
userpage-nav-interface-buttons button.mobilewatch {
border: 1px solid #009600;
background: rgba(0, 128, 0, 0.7);
}
userpage-admin-block .button.sendnote,
userpage-nav-interface-buttons .button.sendnote,
userpage-admin-block button.sendnote,
userpage-nav-interface-buttons button.sendnote {
height: 40px;
}
userpage-nav-links {
z-index: 1000;
width: 100%;
white-space: nowrap;
overflow: hidden;
}
userpage-nav-links h3 > * {
color: rgba(255, 255, 255, 0.92) !important;
font-size: 1.2em;
font-weight: 400 !important;
}
userpage-nav-links ul {
padding: 0;
}
userpage-nav-links ul li {
padding: 11px 18px 0 0;
list-style: none;
display: inline-block;
}
userpage-nav-links ul li h3 {
color: #fff;
}
userpage-nav-links ul li :hover {
transition: 0.22s;
cursor: pointer;
}
userpage-nav-links ul li svg {
fill: rgba(255, 255, 255, 0.92);
position: relative;
top: -4px;
stroke-width: 50%;
}
}
userpage-nav-header username {
font-weight: 600;
}
userpage-nav-links {
display: block;
}
userpage-nav-links .current {
font-weight: bold;
}
userpage-nav-interface-buttons .button svg {
position: relative;
top: 6px;
}
#pageid-controls-profilebanner .profile-banner-image {
max-width: 100%;
}
.banner-svg {
fill: #cfcfcf !important;
}
@media screen and (max-width: 799px) {
#ddmenu {
display: none !important;
}
}
@media screen and (min-width: 800px) and (max-width: 1149px) {
#ddmenu ul li {
padding: 0 3px;
}
.sticky {
top: 0;
position: fixed;
}
.menu-space-saver {
display: none !important;
}
}
@media screen and (max-width: 799px) {
.message-bar-desktop {
display: none !important;
}
}
@media screen and (min-width: 800px) {
.message-bar-tablet {
display: none !important;
}
}
.message-bar-tablet {
cursor: pointer;
}
@media screen and (min-width: 900px) and (max-width: 1349px) {
#ddmenu ul li {
padding: 0 8px;
}
#ddmenu .message-bar-desktop {
padding-left: 4px;
padding-right: 5px;
}
.menu-space-saver {
display: inline-block;
}
}
@media screen and (max-width: 1049px) {
.message-bar-mobile {
display: inline;
text-align: right;
}
}
@media screen and (min-width: 1050px) {
.message-bar-mobile {
display: none;
}
}
@media screen and (min-width: 1350px) {
#ddmenu ul li {
padding: 0 10px;
}
#ddmenu ul li:last-child {
padding-right: 15px !important;
}
#ddmenu .message-bar-desktop {
padding-left: 11px;
padding-right: 12px;
}
}
#ddmenu {
z-index: 99999999;
display: block;
text-align: center;
top: 0;
width: 100%;
background-color: rgba(20, 20, 20, 0.64);
position: fixed;
backdrop-filter: blur(2px);
max-width: 1850px;
}
#ddmenu ul,
#ddmenu li {
margin: 0;
padding: 0;
vertical-align: top;
}
#ddmenu ul {
z-index: 999999;
text-align: right;
width: 100%;
display: inline-block;
list-style: none;
position: relative;
height: 50px;
}
#ddmenu ul li {
z-index: 999998;
margin: 0px;
}
#ddmenu li {
z-index: 999998;
color: #f5f4f4;
font-weight: 300;
font-size: 16px;
display: inline-block;
position: relative;
line-height: 50px;
-webkit-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-ms-user-select: none;
user-select: none;
}
#ddmenu li a strong {
font-weight: 600 !important;
}
#ddmenu li.full-width {
position: static;
}
#ddmenu li.full-width .dropdown {
width: 100%;
padding: 0;
margin: 10 0 0 -1px;
}
#ddmenu li:last-child {
margin-right: 10px;
}
#ddmenu li svg {
position: relative;
padding-right: 5px;
top: 8px;
width: 36px;
height: 36px;
}
#ddmenu li svg.avatar-submenu-trigger {
vertical-align: top;
cursor: pointer;
}
#ddmenu .lileft {
float: left !important;
}
#ddmenu .nav-bar-logo {
max-height: 35px;
padding-top: 8px;
margin: 0 0 0 7px;
}
#ddmenu .menubar-icon-resize {
max-height: 50px !important;
padding-right: 6px;
}
#ddmenu .top-heading {
white-space: nowrap;
color: inherit !important;
text-decoration: none;
display: inline-block;
outline: 0;
cursor: pointer;
}
#ddmenu .notification-container:hover,
#ddmenu .top-heading:hover {
text-shadow: 0 0 4px #f5f5f5;
}
#ddmenu i.caret {
color: inherit;
width: 0;
height: 0;
overflow: hidden;
vertical-align: middle;
margin-bottom: 2px;
border-top: 4px solid;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
display: inline-block;
position: relative;
}
#ddmenu .dropdown {
font-weight: 300 !important;
text-transform: none;
letter-spacing: 0px;
width: auto;
color: #000;
padding: 0;
margin: 0;
display: none;
position: absolute;
top: 100%;
border-style: solid;
border-width: 0 1px 1px 1px;
border-color: #000000;
}
#ddmenu .dropdown-left {
left: 0;
}
#ddmenu .dropdown-right {
right: 0;
}
#ddmenu .offset300 {
left: -300px;
right: auto;
}
#ddmenu .right-aligned {
left: auto;
right: 0;
}
#ddmenu li.over .dropdown {
display: block;
}
#ddmenu .dd-inner {
text-align: center;
padding: 8px 0 0 10px;
font-size: 1em;
line-height: 2.5;
background-color: rgba(20, 20, 20, 0.85);
backdrop-filter: blur(4px);
}
#ddmenu div.column {
text-align: left;
vertical-align: top;
display: inline-block;
white-space: normal;
width: 200px;
padding: 0 6px 12px 6px;
}
#ddmenu div.column strong {
color: white;
font-weight: 600;
text-transform: uppercase;
}
#ddmenu div.column a {
color: #cfcfcf !important;
display: table-row;
font-size: 0.95em;
line-height: 27px;
text-decoration: none;
}
#ddmenu div.column a:focus,
#ddmenu div.column a:hover {
color: #fff !important;
text-decoration: none;
}
#ddmenu div.column h3 {
margin-top: 10px;
color: white !important;
font-size: 17px !important;
}
#ddmenu div.column h3:first-child {
margin-top: 0;
}
#ddmenu div.dd-inner div:last-child {
border-right: none;
}
#ddmenu div.menu-icon {
display: none;
}
#ddmenu .submenu-trigger {
height: 50px;
padding: 0 8px 0 0;
}
#ddmenu .submenu-trigger svg {
padding-right: 0;
}
#ddmenuLink {
display: none;
}
.search-icon {
width: 82px !important;
background: #222222 url(/themes/beta/img/icons/search.png) no-repeat 9px center;
position: relative;
left: -10px;
}
#searchbox {
z-index: 2000;
position: relative;
}
#searchbox input {
outline: none;
}
#searchbox input[type=search] {
height: 50px;
appearance: textfield;
-webkit-appearance: textfield;
box-sizing: content-box;
-webkit-box-sizing: content-box;
font-family: inherit;
color: #f5f4f4;
font-weight: 600;
font-size: 13px;
letter-spacing: 1px;
width: 65px !important;
background: rgba(0, 0, 0, 0.7) url(/themes/beta/img/icons/search.png) no-repeat 9px center;
border: 0px;
padding: 0px 5px 0px 40px;
-webkit-transition: all .5s;
-moz-transition: all .5s;
transition: all .5s;
}
#searchbox input[type=search]:focus {
width: 180px !important;
border-color: #FFA51A;
padding: 0px 5px 0px 40px;
}
#searchbox input::-webkit-search-decoration,
#searchbox input::-webkit-search-cancel-button {
display: none;
}
#searchbox a {
position: absolute;
top: 3px;
left: 4px;
border: 0;
width: 30px;
height: 40px;
font-size: 0;
padding: 0 !important;
}
li.sfw-toggle.active {
background-color: green;
padding: 0;
}
@media screen and (min-width: 800px) {
.navhideondesktop {
display: none !important;
}
}
@media screen and (min-width: 800px) {
.mobile-navigation {
display: none;
}
.mobile-notification-bar {
display: none;
}
}
.mobile-navigation h2,
.mobile-navigation h2 a {
line-height: 40px !important;
font-weight: 300;
color: #fff !important;
}
.nav-ac-content-dropdown {
padding-top: 40px;
}
.nav-ac-content-dropdown a {
font-size: 18px !important;
font-weight: 300 !important;
}
.mobile-nav-container {
display: table;
width: 100%;
min-width: 100%;
line-height: 40px;
}
.mobile-nav-container-item {
display: table-cell;
vertical-align: top;
}
.mobile-nav-container-item.left {
width: 75px;
min-width: 75px;
padding-left: 5px;
}
.mobile-nav-container-item.center {
width: 100%;
text-align: center;
}
.mobile-nav-container-item.right {
min-width: 65px;
width: 65px;
padding-right: 10px;
text-align: right;
}
@media screen and (max-width: 799px) {
.mobile-nav-content-container {
line-height: 30px;
padding: 10px 20px;
background: #141414;
}
}
@media screen and (min-width: 800px) {
.mobile-nav-content-container {
line-height: 30px;
padding: 10px 20px;
width: 200px;
background: #141414;
float: right;
}
}
.menu-mini-icon {
position: relative;
top: 4px;
}
.mobile-navigation {
width: 100%;
height: 45px;
line-height: 40px;
color: #fff;
background: #141414;
position: relative;
z-index: 999999;
}
.mobile-navigation .burger-menu {
max-height: 40px;
display: inline-block;
vertical-align: bottom;
}
.mobile-navigation .site-logo {
max-height: 40px;
vertical-align: top;
}
.mobile-navigation .search-icon {
max-height: 30px;
}
.mobile-navigation .mobile-nav-avatar {
max-height: 40px;
}
.mobile-notification-bar {
height: 40px;
line-height: 40px;
text-align: center;
border-top: 1px #464646 solid;
background: #0f0f0f;
}
.main-body {
margin: 0 10px;
}
.flex-container {
width: 100%;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}
.flex-notifications-container {
width: 100%;
display: flex;
flex-flow: column wrap;
justify-content: space-between;
align-items: center;
text-align: center;
}
.flex-notification {
flex: 1;
flex-basis: 50px;
min-width: 50px;
text-align: center;
}
.flex-notification .font-large {
font-size: 24px !important;
}
.flex-notification div {
margin: 0 0 -10px 0;
padding: 0;
}
.nav-ac-container label {
padding: 0;
position: relative;
z-index: 20;
display: inline-block;
height: 1px !important;
cursor: pointer;
}
.nav-ac-container input {
display: none;
}
.nav-ac-container li {
list-style-type: circle !important;
}
.nav-ac-container article {
overflow: hidden;
max-height: 0px;
position: relative;
z-index: 10;
}
.nav-ac-container input:checked ~ article article {
margin-bottom: 0;
margin-left: 30px;
}
.nav-ac-container input:checked ~ article.nav-ac-content {
max-height: 1500px;
opacity: 1;
list-style-type: circle;
}
.nav-ac-container input:checked ~ article.nav-ac-content.mobile-menu {
z-index: 5000;
}
.nav-ac-container input:checked ~ article.nav-ac-content .nav-ac-container ul {
margin: 0;
}
@media screen and (max-width: 479px) {
.mobile-messages {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-content: flex-start;
align-items: center;
justify-content: center;
}
.mobile-message-item {
display: inline-block;
text-align: center;
height: 50px;
line-height: 50px;
flex-grow: 1;
flex-shrink: 0;
}
.mobile-message-item:first-child {
margin-left: 10px;
}
.mobile-message-item:last-child {
margin-right: 10px;
}
.mobile-message-item a {
display: block;
}
.mobile-slider-avatar {
max-height: 50px;
}
}
@media screen and (min-width: 480px) {
.mobile-messages {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-end;
}
.mobile-message-item {
display: inline-block;
text-align: right !important;
height: 40px;
line-height: 40px;
width: auto;
flex-shrink: 0;
padding: 0 10px 0 10px;
}
.mobile-message-item:first-child {
margin-left: 10px;
}
.mobile-message-item:last-child {
padding-right: 5px;
margin-right: 10px;
}
.mobile-message-item a {
display: block;
}
}
.news-block {
z-index: 99999;
}
@media screen and (min-width: 800px) {
.news-block {
position: absolute;
top: 50px;
width: 100%;
}
}
#messagecenter-notifications {
display: flex;
flex-direction: column nowrap;
}
#messagecenter-notifications .content-left {
background: tomato;
flex: 1;
}
#messagecenter-notifications .content-right {
background: lime;
flex: 1;
}
.font-small {
color: rgba(255, 255, 255, 0.84);
}
@media screen and (max-width: 799px) {
button.nuke,
.button.nuke {
height: 53px !important;
padding: 0 10px;
}
}
@media screen and (min-width: 800px) {
button.nuke,
.button.nuke {
height: 36px !important;
padding: 0 10px;
}
}
@media only screen and (max-width: 799px) {
faplus {
display: flex;
flex-direction: column;
}
faplus .sub-box {
margin: 5px;
}
faplus info-section-body {
margin: 5px 5px 0 5px;
}
faplus info-section-footer {
margin: 0 5px 5px 5px;
}
}
@media only screen and (min-width: 800px) {
faplus {
display: flex;
flex-direction: row;
}
faplus .sub-box {
margin: 20px;
}
faplus info-section-body {
margin: 20px 20px 0 20px;
}
faplus info-section-footer {
margin: 0 20px 20px 20px;
}
}
faplus {
align-items: flex-start;
}
faplus sign-up {
flex: 1;
padding: 8px;
}
faplus sign-up .fap-status {
text-align: center;
}
faplus sign-up .fap-status .button {
color: white !important;
background: #17a3f2;
padding: 10px 20px;
margin: 0 0 16px 0;
transition: 0.25s;
border-radius: 8px;
font-weight: 600;
}
faplus sign-up .fap-status .button:focus,
faplus sign-up .fap-status .button:hover {
box-shadow: inset 0 0 0 2em #37b7ff;
filter: drop-shadow(0 0 5px #17a3f2);
}
faplus sign-up .sub-box {
background: #484f5c;
padding: 20px;
border: 1px #000 solid;
border-radius: 12px;
}
faplus sign-up .sub-box svg {
fill: rgba(255, 255, 255, 0.92);
position: relative;
top: 8px;
margin: 0 8px 0 0;
}
faplus sign-up .sub-box p {
margin: 0 0 10px 0;
}
faplus sign-up .sub-box h2 {
margin: 0 0 5px 0;
padding: 0 0 5px 0;
font-weight: 600;
}
faplus sign-up ul li {
margin: 0 0 0 20px;
list-style-type: disc;
padding: 6px 0;
}
faplus sign-up ul li:last-child {
padding-bottom: 12px;
}
faplus info-section {
flex: 1;
padding: 8px;
display: flex;
flex-flow: column nowrap;
}
faplus info-section-body {
flex: 1;
background: #484f5c;
padding: 20px;
border-top: 1px #000 solid;
border-left: 1px #000 solid;
border-right: 1px #000 solid;
border-radius: 12px 12px 0 0;
}
faplus info-section-body li {
margin: 0 0 10px 0;
}
faplus info-section-footer {
flex: 1;
border: 1px #000 solid;
background: #121316;
padding: 20px;
text-align: center;
font-size: 1.3em;
border-radius: 0 0 12px 12px;
}
.donate-leaderboard {
background: #484f5c;
}
.jsAdSlot.format--leaderboard,
.jsAdSlot.format--mediumRectangle,
.jsAdSlot.format--tallRectangle,
.jsAdSlot.format--faMediumRectangle,
.jsAdSlot.format--faSmallRectangle {
padding: 0px;
text-align: center;
overflow: hidden;
margin-left: auto;
margin-right: auto;
}
.jsAdSlot.format--leaderboard {
width: 728px;
height: 100px;
}
.jsAdSlot.format--mediumRectangle {
width: 300px;
height: 250px;
}
.jsAdSlot.format--tallRectangle {
width: 300px;
height: 600px;
}
.jsAdSlot.format--faMediumRectangle {
width: 300px;
height: 250px;
}
.jsAdSlot.format--faSmallRectangle {
width: 320px;
height: 50px;
}
.leaderboardAd__slot,
.rectangleAd__slot,
.tallRectangleAd__slot {
display: flex;
justify-content: center;
flex-direction: column;
}
.content .leaderboardAd,
.browse-content .leaderboardAd,
.submission-content .leaderboardAd,
#standardpage .leaderboardAd,
#site-content .leaderboardAd {
margin-top: 10px;
}
#pageid-messagecenter-pms .leaderboardAd {
margin-bottom: 10px;
}
.sidebar .rectangleAd,
#pageid-search .rectangleAd,
#pageid-browse .rectangleAd {
margin-top: 24px;
}
#pageid-submission .rectangleAd {
margin-top: 16px;
}
.tallRectangleAd__slot {
justify-content: start;
}
.sidebar .tallRectangleAd,
#pageid-search .tallRectangleAd,
#pageid-browse .tallRectangleAd {
margin-top: 24px;
}
.sidebarAds__slot {
margin-bottom: 20px;
}
.sidebar .sidebarAds {
margin-bottom: 18px;
}
.footerAds {
font-size: 0;
}
.footerAds,
.footerAds .format--faMediumRectangle {
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: stretch;
}
.footerAds .format--faMediumRectangle {
align-items: center;
}
.footerAds__column {
display: flex;
flex-flow: column wrap;
justify-content: space-evenly;
}
.footerAds__slot {
padding: 8px !important;
}
.footerAds__slot--faLogo {
width: 200px;
}
@media screen and (max-width: 919px) {
.footerAds__slot--faLogo {
display: none;
}
}
.fap-status {
border-radius: 8px;
background: rgba(0, 0, 0, 0.25);
margin: 10px 0 0 0;
padding: 10px 0;
}
.faplus-status.faplus-status__active,
.faplus-status.faplus-status__inactive {
font-size: 18px;
font-weight: 600;
}
.faplus-status.faplus-status__active {
color: lime;
text-shadow: 0px 0px 5px #00ff00;
}
.faplus-status.faplus-status__inactive {
color: red;
text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
}
html,
body {
background-color: #1b1b1d;
}
#footer {
background-color: #121316 !important;
box-shadow: inset 0px 166px 199px -33px rgba(0, 0, 0, 0.1);
}
#ddmenu li svg {
fill: #ffffff !important;
}
userpage-nav-links > h3 {
color: white;
}
.section-submission,
.submission-preview,
.userpage-info-container {
background-color: #353b45;
}
.mobile-nav,
.browse-sidebar-container,
.fa-plus-subscribe-box,
.fa-plus-benefit-item {
background-color: #20242a;
}
#columnpage .submission-sidebar,
#columnpage .sidebar {
background-color: #20242a;
}
.messagecenter-mail-note-folders {
background-color: #20242a;
border-right: 1px #000 solid;
}
#notes-list .selected-view {
background: #353b45;
}
#notes-list .checked {
background: #353b45;
}
.submission-writing,
.page-content-type-music .submission-area {
background: #353b45 !important;
}
.no-border {
border: 0px transparent solid !important;
}
section,
.stats-page,
.submission-preview,
.fa-plus-benefit-item,
.fa-plus-subscribe-box {
border: 1px solid #69697d;
}
#page-userpage section {
border: none;
}
#page-userpage .userpage-profile,
#page-userpage .userpage-section-right,
#page-userpage .userpage-section-left {
border: 1px solid #69697d;
}
section .section-header {
background: #20242a;
}
section .section-body {
background: #353b45;
}
section .section-footer {
background: #20242a;
}
.section-warning {
margin: auto;
padding: 10px;
width: 90%;
background: #323539;
border: 1px #69697d solid;
border-radius: 8px;
}
.userpage-info-container {
background: #353b45;
}
.journal-body-theme {
background: #353b45 !important;
}
.journal-options {
background: #20242a;
}
.journal-title {
padding-bottom: 8px;
}
.journal-header,
.journal-footer,
.submission-footer {
font-size: 14px;
font-style: italic;
color: rgba(255, 255, 255, 0.84);
}
.rating-box.general {
color: rgba(255, 255, 255, 0.92);
}
.rating-box.mature {
color: aquamarine;
}
.rating-box.adult {
color: red;
}
#responsebox .textarea:focus,
comment-user-text .textarea:focus {
background: rgba(0, 0, 0, 0.3) !important;
}
comment-container {
border: 1px solid #69697d;
}
.comment_container .header,
.comment_container .body {
background-color: #444955;
}
.comment_container .header:after {
border-color: transparent #444955;
}
.tags {
background-color: #434b5b;
color: #e3e2e2 !important;
}
.tags.highlighted {
border: 5px solid #11e5a9;
}
.tags:has(.remove-tag) {
background-color: #f3392e !important;
}
.tags:has(.tag-invalid) {
background-color: #292e38;
}
.tags .tag-block {
background-color: #d29504;
}
.tags a:hover {
background-color: rgba(255, 255, 255, 0.84);
color: #434b5b !important;
}
.user-submitted-links a {
color: #e2ecf3;
}
.user-submitted-links a:hover {
color: white !important;
font-weight: 600;
}
.auto_link a,
.auto_link a:link,
.auto_link a:visited,
.a:visited {
color: #cfd3eb !important;
text-decoration: none;
}
#ddmenu li a,
#ddmenu li a:hover,
#ddmenu li a:link,
.mobile-nav-content-container a,
.mobile-notification-bar,
.mobile-notification-bar a {
color: #ffffff;
}
#searchbox input {
color: #e3e3e3;
text-decoration: none;
}
textarea,
.textarea,
.textbox,
.uploadfield,
.avataruploadfield,
select {
color: rgba(255, 255, 255, 0.92);
background-color: rgba(0, 0, 0, 0.15) !important;
border: 1px #69697d solid !important;
border-radius: 7px;
}
textarea:focus,
.textarea:focus,
.textbox:focus,
.uploadfield:focus,
.avataruploadfield:focus,
select:focus {
border: 1px #69697d solid !important;
background-color: #4e5561 !important;
}
hr {
border-image-source: linear-gradient(to right, transparent, #7d7d7d, transparent);
border-image-slice: 1;
border-image-width: 1;
margin: 0;
}
#ddmenu {
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
#ddmenu .dropdown {
border-style: solid;
border-width: 0 1px 1px 1px;
border-color: #000000;
}
#footer {
border-top: 1px solid #000;
}
.c-noteListItem:nth-child(odd) {
background-color: rgba(88, 88, 88, 0.2);
}
#message .body,
#message .message {
background: #353b45;
}
#message .footer {
background: #353b45;
}
#ddmenu .dd-inner {
background-color: rgba(21, 23, 23, 0.84);
}
#ddmenu .column h3 {
color: #babad8 !important;
}
.pagination {
line-height: 0;
}
.pagination .midsection {
display: inline-block;
margin: 0 16%;
line-height: 40px;
min-width: 170px;
}
.submission-sidebar .buttons {
background: #434b5b;
}
button,
.button {
color: rgba(255, 255, 255, 0.92) !important;
background: #434b5b;
border: 1px solid #69697d;
}
button:hover,
.button:hover {
background: #576175;
}
button:active,
.button:active {
color: #ffffff !important;
}
button.standard:hover,
.button.standard:hover {
background-color: #576175;
}
button.standard:active,
.button.standard:active {
background-color: #69748a;
}
button.go:hover,
.button.go:hover,
button.go.active,
.button.go.active {
background-color: #00a000;
border: 1px solid #00d200;
}
button.go:active,
.button.go:active {
background-color: #00c800;
}
button.stop:hover,
.button.stop:hover {
background-color: #8c0000;
border: 1px solid #c80000;
}
button.stop:active,
.button.stop:active {
background-color: #aa0000;
}
@media only screen and (max-width: 799px) {
button.nuke,
.button.nuke {
height: 54px;
}
}
@media only screen and (min-width: 800px) {
button.nuke,
.button.nuke {
height: 36px;
}
}
button.nuke,
.button.nuke {
border: 1px solid rgba(155, 0, 0, 0.7);
background-color: #641919;
padding: 0 12px;
}
button.nuke:hover,
.button.nuke:hover {
border: 1px solid #c80000;
background-color: #8c0000;
}
button.nuke:active,
.button.nuke:active {
background-color: #8c0000;
}
button.post-comment,
.button.post-comment {
margin: 10px 0 0 5px;
}
button.navigation,
.button.navigation {
color: rgba(255, 255, 255, 0.92);
cursor: default !important;
background-color: transparent;
}
button.navigation:hover,
.button.navigation:hover {
background-color: transparent;
}
button.navigation:active,
.button.navigation:active {
color: rgba(255, 255, 255, 0.92);
}
button.inactive,
.button.inactive {
color: #7d7d7d !important;
cursor: default;
background-color: #353b45;
-webkit-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-ms-user-select: none;
user-select: none;
}
button.inactive:hover,
.button.inactive:hover {
background-color: #353b45;
}
button.fav,
.button.fav,
button.note,
.button.note,
button.download-logged-in,
.button.download-logged-in,
button.download-logged-out,
.button.download-logged-out {
line-height: 40px;
}
button.fav:hover,
.button.fav:hover,
button.note:hover,
.button.note:hover,
button.download-logged-in:hover,
.button.download-logged-in:hover,
button.download-logged-out:hover,
.button.download-logged-out:hover {
background-color: #8c8c8c;
}
button.fav,
.button.fav {
border: 1px solid rgba(255, 255, 255, 0.55);
border-radius: 4px 0 0 4px;
width: 57px;
}
button.note,
.button.note {
border-top: 1px solid rgba(255, 255, 255, 0.55);
border-bottom: 1px solid rgba(255, 255, 255, 0.55);
border-radius: 0;
width: 57px;
}
button.download-logged-in,
.button.download-logged-in {
border: 1px solid rgba(255, 255, 255, 0.55);
border-radius: 0 4px 4px 0;
width: 107px;
}
button.download-logged-out,
.button.download-logged-out {
width: 273px;
}
.link-button button {
border: 0 !important;
color: rgba(255, 255, 255, 0.92) !important;
text-shadow: none;
}
.link-button button:hover {
color: #ffffff !important;
}
.admin-options-button {
border: 0 !important;
font-weight: 600;
}
#pageid-controls-profilebanner .section-button:hover {
background-color: #20242a;
}
#pageid-controls-troubletickets-list .tickets-table tbody tr:hover {
background-color: rgba(0, 0, 0, 0.15);
}
#pageid-stats-submission .stat-submission-title a {
color: #add8f5 !important;
}
option.label--faplus {
background: #4b5462 !important;
}
image