5 Commits
v2.0 ... master

Author SHA1 Message Date
sandiamesa_fqqh1o f169326c7f Update 'README.md' 1 year ago
sandiamesa_fqqh1o 3c73e42329 Minified version 2.5.1 1 year ago
sandiamesa_fqqh1o 6173693df0 Version 2.5.1 1 year ago
Sean King 4908a2ac5d Minified version 2.5 1 year ago
Sean King c103869eee Version 2.5 1 year ago
  1. 2
      README.md
  2. 486
      bluewaverouge.css
  3. 2
      bluewaverouge.min.css

2
README.md

@ -10,6 +10,6 @@ To reuse this for your Poal.co sub, do the following:
5. Once you have copied the minified stylesheet to your clipboard, go to your Poal.co sub and click the "Edit Sub Stylesheet" button towards the bottom of the right tab.
6. Paste your minified stylesheet into the "Custom stylesheet" box and click "Save".
## License
## Copyright
Copyright (C) 2020 Sandia Mesa Animation Studios<br>
Bluewave Rouge is licensed under the [MIT License](LICENSE).

486
bluewaverouge.css

@ -1,6 +1,6 @@
/*
Bluewave Rouge for Poal.co
Version: 2.0
Version: 2.5.1
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,10 @@ 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,
body.dark .iconlinktxt path {
fill: #0bf;
}
.dark .separator, .dark .links .separator {
@ -993,9 +977,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 +988,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 +1009,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;
}

2
bluewaverouge.min.css
File diff suppressed because it is too large
View File

Loading…
Cancel
Save