Browse Source

Version 2.5

tags/v2.5
Sean King 2 months ago
parent
commit
c103869eee
1 changed files with 243 additions and 242 deletions
  1. +243
    -242
      bluewaverouge.css

+ 243
- 242
bluewaverouge.css View File

@@ -1,6 +1,6 @@
/*
Bluewave Rouge for Poal.co
Version: 2.0
Version: 2.5
Code URL: https://code.sandiamesa.com/sandiamesa/bluewaverouge

Copyright (C) 2020 Sandia Mesa Animation Studios
@@ -15,27 +15,88 @@ Licensed under the MIT License. */
border-bottom: 1px solid #fff;
}

.expando svg,
.p-icon path,
.commenticon svg,
.iconlinktxt,
.c-downvote svg,
.c-upvote svg,
.downvote svg,
.upvote svg,
body .editbar path {
fill: #fff !important;
fill: #fff;
}

.links a:hover svg path,
.links .expando:hover svg path,
.dropdown.dropdown-menu a:hover path,
#usermenu-content a:hover path,
.editbar a:hover path,
.dropdown-toggle.moremenu:hover path,
.expando svg:hover,
a.commenticon svg:hover,
.comcombo:hover .commenticon svg,
body .editbar:hover path,
.dropdown-menu a:hover path {
fill: rgb(179, 255, 255);
}

.post:nth-child(2n) {
background-color: #007EFE;
.post {
background-color: rgba(255,255,255,0.1);
}

.sidebar,
.post:hover {
background-color: rgba(255,255,255,0.15);
}

.sidebarlists,
.sidebar p,
.sidebar a:link,
.sidebar a:visited,
.loadchildren,
.sidebar h3,
.usermenu {
.usermenu,
.alldaposts a.comamount,
.links a.comamount,
body .post .post-heading .title,
.score,
.deleted,
.score.archived,
.post .author,
.createdby,
.cmnts2 a,
.createdby a,
.commenthead a,
.combar,
h4,
h3,
h2,
#hiddensubs li a,
.dropdown .dropbtn,
.content,
#container2,
body .form label,
body .pure-control-group label,
.comment .content,
#postcontent,
a,
.cw-items a:visited,
.bold.menuscore,
.commenthead,
.subs,
.th-subbar ul li a,
.links li a,
.links a,
.commenthead, .subs {
color: white;
}

.separator {
border-left: 1px dotted white;
}

#usermenu-content,
#hiddensubs {
background-color: #00b3f4 !important;
background-color: #00b3f4;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

@@ -45,22 +106,27 @@ body .editbar path {
background: rgba(0,0,0,0.25);
}

.sidebar a:focus,
.sidebar a:hover,
.sidebarlists a:not([class*="-button"]):focus,
.sidebarlists a:not([class*="-button"]):hover,
.loadchildren:focus,
.loadchildren:hover,
.usermenu:focus,
.usermenu:hover,
.links li a:hover {
color: rgb(179, 255, 255) !important;
.links li a:hover,
.alldaposts a.comamount:hover,
a.comamount:hover,
body .post .post-heading .title:hover,
body .links .comcombo a:hover {
color: rgb(179, 255, 255);
}

.separator {
border-left: 1px dotted #fff !important;
button.usermenu:focus,
button.usermenu:hover {
color: rgb(179, 255, 255);
}

.dropdown-content {
background-color: #fff !important;
margin-top: 0;
padding-top: 0.2em;
}

body .comments-block,
@@ -70,57 +136,37 @@ body .commenthead a.parv {
}

body .comments-block .dropdown-content a:hover, body .comments-block .dropdown-content a:focus {
background-color: rgba(112,201,112,0.85);
color: #defcde !important;
background-color: #75a4ef !important;
color: #fff !important;
}

#hiddensubs li a,
.dropdown .dropbtn {
color: white;
body {
background: rgb(0, 115, 230);
}

.stickyposts {
background-color: #0C7FF2;
border-bottom: 2px dashed #fff;
/* Maintain a Poal chatroom similar to the older light mode. */
body #chpop, #chsend {
background: #fff;
color: #000;
}

.pure-g {
background: rgb(0, 115, 230);
#chpop a {
color: #0036aa;
}

body .post .post-heading .title:link,
body .post .post-heading .title:visited {
color: white !important;
#chpop a:hover {
color: #547fdd;
}

body .post .post-heading .title:focus,
body .post .post-heading .title:hover,
body .links .comcombo a:hover {
color: rgb(179, 255, 255) !important;
::selection {
background: #004993;
color: white;
}

.post .parv {
color: white;
}

body a.lv2 {
background: #a4fca7 !important;
border-radius: 4px;
}

body a.lv2:hover,
body a.lv2:focus {
color: #43a547 !important;
}

body .comments-block h4,
.alldaposts h3,
body .comments, #postflairs h4,
.comments-block h3,
body .expandotxt h3 {
color: white !important;
}

.expandotxt .iframewrapper {
background: none !important;
}
@@ -134,6 +180,7 @@ body .expandotxt h3 {
.post:nth-child(2n) .expandotxt,
.expando,
.expandotxt,
.expandotxt h3,
.expandotxt a,
body .comments-block .bottombar.links li a {
color: white !important;
@@ -152,43 +199,16 @@ body .comments:focus,
color: rgb(179, 255, 255) !important;
}

.expando svg path,
.p-icon path,
.commenticon svg path {
fill: white !important;
}
.links a:hover svg path,
.links .expando:hover svg path,
.dropdown.dropdown-menu a:hover path,
#usermenu-content a:hover path,
.editbar a:hover path,
.dropdown-toggle.moremenu:hover path {
fill: rgb(179, 255, 255) !important;
}

.thumbnail .placeholder svg path {
fill: white !important;
}

.score,
.deleted,
.score.archived {
color: white;
}

body .sbm-post.pici-button {
border: none;
background-color: #ff8f02;
color: white !important;
}

.c-downvote svg,
.c-upvote svg,
.downvote svg,
.upvote svg {
fill: white !important;
}

.subinfo a {
color: white;
}
@@ -198,30 +218,31 @@ body .sbm-post.pici-button {
color: rgb(179, 255, 255);
}

.stickyposts .post {
background-color: rgba(0,247,61,0.2);
}

#postcontent,
article.comment,
#sortcomments > article.comment,
.dropdown .dropbtn {
background: #2292E8 !important;
background: rgba(61,61,61,0.2);
}
.dropdown .dropbtn:focus,
.dropdown .dropbtn:hover {
background: #00bfff !important;
color: rgb(179,255,255) !important;

article.comment:nth-child(1n) {
background: none;
}

.comment .content,
#postcontent,
a,
.cw-items a:visited,
.bold.menuscore {
color: white !important;
.dropdown .dropbtn:focus,
.dropdown .dropbtn:hover {
background: rgba(255,255,255,0.2);
}

.commblock .content a,
#postcontent a:any-link,
#postcontent a:any-link:visited,
.commblock .content del,
#postcontent del {
#postcontent del,
.sbm-post.pure-button.button-xsmall.pure-button-primary.pure-u-md-7-24 {
color: white !important;
}

@@ -234,31 +255,29 @@ body #postcontent a:link:focus,
color: rgb(179, 255, 255) !important;
}

.commenthead, .subs {
color: white;
.comment-thread {
background-color: rgba(66,66,66,0.3);
}

.links li a,
.links a {
color: white !important;
.comment-thread:hover {
background-color: rgba(66,66,66,0.4);
}

article.comment.highlight {
background-color: #04a1d6 !important;
background-color: rgba(66,66,66,0.4) !important;
}

.pure-button.pure-button-primary {
.pure-button {
background-color: #5892ef !important;
border: 2px solid white;
}

.dropdown-toggle.moremenu {
height: 0.84em;
height: 1.1em;
margin-top: -0.05em;
}

.dropdown-toggle.moremenu .tx-icon svg {
top: -.1em;
top: -.05em;
}

.dropdown-toggle.moremenu:hover {
@@ -311,7 +330,7 @@ article.comment.highlight {
.cmnts2 a,
.createdby a,
.commenthead a {
color: white !important;
color: white;
}

.moderators ul li a:hover,
@@ -321,7 +340,10 @@ article.comment.highlight {
.createdby a:hover,
.createdby a:focus,
.commenthead a:hover,
.commenthead a:focus {
.commenthead a:focus,
a.comamount:hover,
.alldaposts a.comamount:hover,
ul.links a:hover {
color: rgb(179, 255, 255);
}

@@ -329,11 +351,12 @@ article.comment.highlight {
fill: gold;
}

a.lv30:focus,
a.lv30:hover,
body .comments-block a.lv30:hover,
body .comments-block a.lv30:focus {
color: #D11919 !important;
a.lv30, .sidebar a.lv30 {
color: #ef0707;
}

a.lv2, body .sidebar a.lv2 {
color: #3e9a42;
}

.c-upvote.upvoted svg path,
@@ -346,49 +369,32 @@ body .comments-block a.lv30:focus {
fill: #fc6464 !important;
}

body a.ppv.parv,
body a.authorlink.csticky {
color: #7CFC00 !important;
a.ppv {
color: #7CFC00;
}

body a.ddv.parv {
color: #eaadad !important;
a.ddv {
color: #eaadad;
}

a.lv6, a.lv20, a.lv0 {
a.lv6, a.lv20, a.lv0, a.lv30, a.lv2 {
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

a.lv30 {
text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
body a[class^="lv"]:hover {
color: #bbb !important;
}

a.lv20:hover,
a.lv20:focus,
body .comments-block a.lv20:hover,
body .comments-block a.lv20:focus {
a.lv20, .sidebar a.lv20 {
color: #e8a302 !important;
}

a.lv6:focus,
a.lv6:hover,
body .comments-block a.lv6:hover,
body .comments-block a.lv6:focus {
color: #efd700 !important;
a.lv0, body .sidebar a.lv0 {
color: #009cb3;
}

a.lv0:focus,
a.lv0:hover,
body .comments-block a.lv0:hover,
body .comments-block a.lv0:focus {
color: #00b3ce !important;
}

.sidebar .author a.lv100:hover,
.sidebar .author a.lv100:focus,
.wholepost a.lv100:hover,
.wholepost a.lv100:focus {
color: #fff !important;
a.lv6, .sidebar a.lv6 {
color: #efd700;
}

.cmpreview.canclose,
@@ -416,6 +422,17 @@ input[type="search"] {
color: #53a3c6;
}

.sidebarlists {
background-color: rgba(61,61,61,0.2);
}

.commenthead {
background-color: rgba(46,46,46,0.3);
}

.sidebarlists.head {
background-color: rgba(46,46,46,0.4);
}
input[type="search"]::placeholder {
color: rgb(0, 187, 255);
}
@@ -437,7 +454,7 @@ code {
}

hr {
border-bottom: 2px dashed white !important;
border-bottom: 2px dashed white;
}

.highlight {
@@ -448,27 +465,15 @@ hr {
color: white;
}

.button-secondary {
background-color: #5892ef !important;
}

.pure-button.button-secondary[href="/register"] {
border-color: white !important;
}

.sbm-post.pure-button[href="/submit/link/SandiaMesa"],
.sbm-post.pure-button[href="/submit/text/SandiaMesa"] {
margin-bottom: 0.7em;
.pure-button.button-secondary[href="/register"],
.th-navbar.pure-g .pure-button.pure-button-primary {
border: 2px solid white;
}

/* Optimize the submit buttons for mobile */
/*Sidebar button for mobile */
@media only screen and (max-width: 599px) {
.sbm-post.pure-button[href="/submit/link/SandiaMesa"],
.sbm-post.pure-button[href="/submit/text/SandiaMesa"] {
margin-bottom: 0em;
}
.sbm-post.pure-button[href="/submit/text/SandiaMesa"] {
border-radius: 0em !important;
.th-subbar a {
color: #fff !important;
}
}
.button-secondary:hover,
@@ -481,9 +486,8 @@ hr {
fill: #fff;
}

.sbm-post.pure-button,
.pure-button {
background-color: #00bfff;
.sbm-post.pure-button {
background-color: #00bfff !important;
color: white;
}

@@ -491,22 +495,9 @@ hr {
background-color: #00bfff !important;
}

.footer {
background: white;
color: #5892ef;
}

body, body #chpop {
background: white !important;
}

.footer,
.footer a {
color: #5892ef !important;
}

.footer a:hover,
.footer a:focus {
color: #00bfff !important;
color: white;
}

.stick {
@@ -581,10 +572,6 @@ body .cmnts2 {
color: rgb(179,255,255) !important;
}

path.htt1 {
fill: white !important;
}

.poal-logo {
filter: invert(100%) sepia(0%) saturate(2%) hue-rotate(171deg) brightness(206%) contrast(101%);
}
@@ -643,17 +630,12 @@ body.dark g {
fill: white !important;
}

.dark .pure-g {
background-color: #0d0d0d;
}

body.dark #CollapseExpandPici.sbm-post.pici-button {
background: none;
color: #ff8f02 !important;
}

.dark .subinfo a,
.dark .commenthead a,
.dark .comments-block .bottombar.links li a {
color: #00bbff !important;
}
@@ -669,6 +651,8 @@ body.dark #CollapseExpandPici.sbm-post.pici-button {

.dark .sbm-post.pure-button {
color: #00bbff;
background-color: rgba(51, 51, 51, 0.5) !important;
border: none;
}

.dark #pexpand.sbm-post.pure-button {
@@ -737,12 +721,12 @@ body.dark .dropdown .dropbtn:hover {
border-color: #444;
}

body.dark .wholepost #postcontent a:link,
body.dark .wholepost #postcontent a:visited,
.dark .cmpreview.canclose a:link,
.dark .cmpreview.canclose a:visited,
.dark .commblock .content a:link,
.dark .commblock .content a:visited,
body.dark .wholepost #postcontent a:not([href="#spoiler"]):link,
body.dark .wholepost #postcontent a:not([href="#spoiler"]):visited,
.dark .cmpreview.canclose a:not([href="#spoiler"]):link,
.dark .cmpreview.canclose a:not([href="#spoiler"]):visited,
.dark .commblock .content a:not([href="#spoiler"]):link,
.dark .commblock .content a:not([href="#spoiler"]):visited,
.dark .cmnts2 a {
color: #00bbff !important;
}
@@ -761,7 +745,12 @@ body.dark .wholepost #postcontent a:visited:focus,
}

.dark #postcontent textarea,
.dark .commblock textarea {
.dark .commblock textarea,
body.dark .sidebarlists,
body.dark .post .author,
body.dark .combar,
.dark a.comamount:hover,
.dark .comment .content {
color: white;
}

@@ -781,29 +770,28 @@ body.dark a[href="#spoiler"]:focus,
}

body .dark a.lv0, .dark .sidebar .author a.lv0 {
fill: #00B4CE !important;
color: #009cb3 !important;
fill: #00B4CE;
color: #009cb3;
}

.dark a.lv2, .dark .sidebar .author a.lv2 {
fill: #43a547 !important;
color: #37883a !important;
fill: #43a547;
color: #37883a;
}

.dark a.lv6, .dark .sidebar .author a.lv6 {
fill: #fee928 !important;
color: #e2cc01 !important;

fill: #fee928;
color: #e2cc01;
}

.dark a.lv20, .dark .sidebar .author a.lv20 {
fill: #fbb308 !important;
color: #d39503 !important;
fill: #fbb308;
color: #d39503;
}

.dark a.lv30, .dark .sidebar .author a.lv30 {
fill: #fc6464 !important;
color: #f44b4b !important;
fill: #fc6464;
color: #f44b4b;
text-shadow: none;
}

@@ -819,27 +807,20 @@ body .dark a.lv0, .dark .sidebar .author a.lv0 {
color: #cacaca !important;
}

.dark .sidebar .author a.lv100:hover,
.dark .sidebar .author a.lv100:focus,
.dark .wholepost a.lv100:hover,
.dark .wholepost a.lv100:focus,
.dark .sidebar h4 {
.dark .pure-button,
.dark .pure-button.button-secondary {
background-color: rgba(51, 51, 51, 0.5) !important;
color: #0bf !important;
border: none !important;
}

.dark .pure-button:focus, .dark .pure-button:hover,
.dark .pure-button.button-secondary:focus, .dark .pure-button.button-secondary:hover {
background-color: rgba(255, 255, 255, 0.16) !important;
color: #fff !important;
}

body.dark .sidebar .author a.lv0:hover,
.dark .sidebar .author a.lv2:hover,
.dark .sidebar .author .sidebar .author a.lv6:hover,
.dark .sidebar .author a.lv20:hover,
.dark .sidebar .author a.lv30:hover,
.dark .sidebar .author a.lv50:hover,
body.dark a.lv0:hover,
.dark a.lv2:hover,
.dark a.lv6:hover,
.dark a.lv20:hover,
.dark a.lv30:hover,
.dark a.lv50:hover {
fill: #888 !important;
body.dark a[class^="lv"]:hover {
color: #bbb !important;
}

@@ -847,14 +828,17 @@ body.dark .editbar a:hover path {
fill: #fff !important;
}

.dark .button-secondary {
background-color: #5892ef !important;
color: white !important;
fill: white !important;
.dark .sbm-post.pure-button:hover {
background-color: rgba(255, 255, 255, 0.16) !important;
}

.dark .button-secondary:focus, .dark .button-secondary:hover {
background-color: #00bfff !important;
.dark .sbm-post.pure-button:hover path,
.dark .dropdown-menu a:hover path,
.dark .expando:hover svg path,
.dark a.comamount:hover path,
.dark .sidebarlists .pure-button-group .pure-button:hover .sbm-icon svg,
.dark .sidebarlists .pure-button-group .pure-button:focus .sbm-icon svg {
fill: #fff;
}

.dark .footer {
@@ -862,15 +846,11 @@ body.dark .editbar a:hover path {
color: #00bbff !important;
}

body.dark {
background-color: #222;
}

body.dark .footer a,
.dark .sidebar a:link,
.dark .sidebar a:visited,
.dark .loadchildren {
color: #00bbff !important;
color: #00bbff;
}

.dark .footer a:focus,
@@ -878,8 +858,9 @@ body.dark .footer a,
.dark .sidebar a:hover,
.dark .sidebar a:focus,
.dark .loadchildren:hover,
.dark .loadchildren:hover {
color: #fff !important;
.dark .loadchildren:hover,
body.dark .sidebar h4 {
color: #fff;
}

.dark .post:nth-child(2n) {
@@ -887,7 +868,8 @@ body.dark .footer a,
}

.dark .usermenu,
.dark .pure-menu .motto {
.dark .pure-menu .motto,
.dark a.comamount {
color: #0bf;
}

@@ -900,8 +882,9 @@ body.dark .footer a,
.dark .p-icon path,
.dark .commenticon svg path,
body.dark .editbar a path,
.dark .dropdown-toggle.moremenu path {
fill: #0bf !important;
.dark .dropdown-toggle.moremenu path,
.dark .sidebarlists .pure-button-group .sbm-icon svg {
fill: #0bf;
}

.dark .separator, .dark .links .separator {
@@ -993,9 +976,6 @@ body.dark .closemsg {
background-color: rgba(51, 51, 51, 0.8) !important;
}

.dark .stickyposts {
border-bottom: 2px dashed #fff !important;
}
.dark .dropdown-toggle.moremenu:hover {
background-color: #1e1e1e;
}
@@ -1007,12 +987,11 @@ body.dark .closemsg {
filter: invert(100%) sepia(0%) saturate(2%) hue-rotate(171deg) brightness(206%) contrast(101%);
}

body.dark a.ppv.parv,
body.dark a.authorlink.csticky {
body.dark a.ppv {
color: #7CFC00 !important;
}

body.dark a.ddv.parv {
body.dark a.ddv {
color: #fc6464 !important;
}

@@ -1029,15 +1008,37 @@ body.dark #postflairs {
}

body.dark .selflair:hover,
body.dark .selflair:focus {
body.dark .selflair:focus,
body.dark .dropdown-content a.pure-button {
background-color: #555 !important;
}

.dark .th-subbar.pure-u-1 {
background-color: #101010;
border-bottom: 1px solid #fff;
}

body.dark .subinfomobile a,
body.dark .mobile-show .sbm-post.pure-button {
color: #0bf !important;
}

body.dark hr {
border-bottom: 2px dashed white;
}

.dark .editbtns .separator {
border: none !important;
}

.dark #chpop a {
color: #bbb;
}

.dark #chpop a:hover {
color: #fff;
}

.dark #chsend {
color: white;
}

Loading…
Cancel
Save