|
|
@ -0,0 +1,592 @@ |
|
|
|
/* |
|
|
|
Bluewave Rouge for Poal.co |
|
|
|
Version: 1.0 |
|
|
|
Code URL: https://code.sandiamesa.com/sandiamesa/bluewaverouge |
|
|
|
|
|
|
|
Copyright (C) 2020 Sandia Mesa Animation Studios |
|
|
|
Licensed under the MIT License. */ |
|
|
|
|
|
|
|
.th-navbar.pure-g { |
|
|
|
background: url(%%blue-tile%%); |
|
|
|
background-size: cover; |
|
|
|
} |
|
|
|
.th-subbar.pure-u-1 { |
|
|
|
background: #00bfff; |
|
|
|
border-bottom: 1px solid #fff; |
|
|
|
} |
|
|
|
body .editbar path { |
|
|
|
fill: #fff !important; |
|
|
|
} |
|
|
|
.post:nth-child(2n) { |
|
|
|
background-color: #007EFE; |
|
|
|
} |
|
|
|
.sidebar, |
|
|
|
.sidebar p, |
|
|
|
.sidebar a:link, |
|
|
|
.sidebar a:visited, |
|
|
|
.loadchildren { |
|
|
|
color: white; |
|
|
|
} |
|
|
|
.sidebar a:focus, |
|
|
|
.sidebar a:hover, |
|
|
|
.loadchildren:focus, |
|
|
|
.loadchildren:hover { |
|
|
|
color: rgb(179, 255, 255); |
|
|
|
} |
|
|
|
.separator { |
|
|
|
border-left: 1px dotted #fff; |
|
|
|
} |
|
|
|
#hiddensubs { |
|
|
|
background: #00bfff; |
|
|
|
} |
|
|
|
#hiddensubs li a { |
|
|
|
color: white; |
|
|
|
} |
|
|
|
#hiddensubs li:focus, |
|
|
|
#hiddensubs li:hover { |
|
|
|
background: #55d2fc; |
|
|
|
} |
|
|
|
.stickyposts { |
|
|
|
background-color: #0C7FF2; |
|
|
|
} |
|
|
|
.pure-g { |
|
|
|
background: rgb(0, 115, 230); |
|
|
|
} |
|
|
|
.stickyposts { |
|
|
|
border-bottom: 2px dashed #fff; |
|
|
|
} |
|
|
|
body .post .post-heading .title:link, |
|
|
|
body .post .post-heading .title:visited { |
|
|
|
color: white !important; |
|
|
|
} |
|
|
|
body .post .post-heading .title:focus, |
|
|
|
body .post .post-heading .title:hover { |
|
|
|
color: rgb(179, 255, 255) !important; |
|
|
|
} |
|
|
|
|
|
|
|
.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 { |
|
|
|
color: white !important; |
|
|
|
} |
|
|
|
.expandotxt, |
|
|
|
.post:nth-child(2n) .expandotxt { |
|
|
|
background-color: rgba(255,255,255,0.2); |
|
|
|
border-bottom-left-radius: 2em; |
|
|
|
} |
|
|
|
.post:nth-child(2n) .expandotxt, |
|
|
|
.expando, |
|
|
|
.expandotxt, |
|
|
|
.expandotxt a, |
|
|
|
body .comments-block .bottombar.links li a { |
|
|
|
color: white !important; |
|
|
|
} |
|
|
|
.expandotxt a:hover, |
|
|
|
.expandotxt a:focus, |
|
|
|
body .comments-block a:focus, |
|
|
|
body .comments-block a:hover, |
|
|
|
body .comments-block .bottombar.links li a:hover, |
|
|
|
body .comments-block .bottombar.links li a:focus, |
|
|
|
body .comments:hover, |
|
|
|
body .comments:focus { |
|
|
|
color: rgb(179, 255, 255) !important; |
|
|
|
} |
|
|
|
.expando svg path, |
|
|
|
.p-icon path { |
|
|
|
fill: white !important; |
|
|
|
} |
|
|
|
.thumbnail .placeholder svg path { |
|
|
|
fill: white !important; |
|
|
|
} |
|
|
|
.score, |
|
|
|
.deleted { |
|
|
|
color: white; |
|
|
|
} |
|
|
|
.sbm-post.pici-button { |
|
|
|
border-color: white; |
|
|
|
background-color: #ff8f02; |
|
|
|
color: white !important; |
|
|
|
} |
|
|
|
.c-downvote svg, |
|
|
|
.c-upvote svg, |
|
|
|
.downvote svg, |
|
|
|
.upvote svg { |
|
|
|
fill: white; |
|
|
|
} |
|
|
|
.subinfo a { |
|
|
|
color: white; |
|
|
|
} |
|
|
|
.subinfo a:focus, |
|
|
|
.subinfo a:hover { |
|
|
|
color: rgb(179, 255, 255); |
|
|
|
} |
|
|
|
#postcontent, article.comment { |
|
|
|
background: #2292E8 !important; |
|
|
|
} |
|
|
|
.comment .content, |
|
|
|
#postcontent, |
|
|
|
a, |
|
|
|
.cw-items a:visited, |
|
|
|
.bold.menuscore { |
|
|
|
color: white !important; |
|
|
|
} |
|
|
|
.commblock .content a, |
|
|
|
#postcontent a:any-link, |
|
|
|
#postcontent a:any-link:visited, |
|
|
|
.commblock .content del, |
|
|
|
#postcontent del { |
|
|
|
color: white !important; |
|
|
|
} |
|
|
|
.commblock .content a:focus, |
|
|
|
.commblock .content a:hover, |
|
|
|
#postcontent a:any-link:hover, |
|
|
|
#postcontent a:any-link:visited:hover, |
|
|
|
body #postcontent a:link:focus, |
|
|
|
#postcontent a:any-link:visited:focus { |
|
|
|
color: rgb(179, 255, 255) !important; |
|
|
|
} |
|
|
|
.commenthead, .subs { |
|
|
|
color: white; |
|
|
|
} |
|
|
|
.links li a, |
|
|
|
.links a, |
|
|
|
body.dark .links a { |
|
|
|
color: white; |
|
|
|
} |
|
|
|
.pure-button.pure-button-primary { |
|
|
|
background-color: #5892ef !important; |
|
|
|
border: 2px solid white; |
|
|
|
} |
|
|
|
.pure-button.pure-button-primary:focus, |
|
|
|
.pure-button.pure-button-primary:hover { |
|
|
|
color: white !important; |
|
|
|
background-color: #00bfff !important; |
|
|
|
border: 2px solid white; |
|
|
|
} |
|
|
|
.red-confirm { |
|
|
|
color: #fff; |
|
|
|
font-weight: bold; |
|
|
|
text-shadow: |
|
|
|
-1px -1px 0 #e22, |
|
|
|
1px -1px 0 #e22, |
|
|
|
-1px 1px 0 #e22, |
|
|
|
1px 1px 0 #e22; |
|
|
|
} |
|
|
|
#postcontent textarea, |
|
|
|
.commblock textarea, |
|
|
|
.pure-form textarea { |
|
|
|
color: black; |
|
|
|
background-color: white; |
|
|
|
border-color: hsl( 198, 50%, 73% ); |
|
|
|
} |
|
|
|
.editbtns div svg path { |
|
|
|
fill: white !important; |
|
|
|
} |
|
|
|
.editbtns div, |
|
|
|
.sort-comsb { |
|
|
|
border-color: white; |
|
|
|
} |
|
|
|
.moderators, |
|
|
|
.moderators ul li a, |
|
|
|
.post .author, |
|
|
|
.createdby, |
|
|
|
.cmnts2 a, |
|
|
|
.createdby a, |
|
|
|
.commenthead a { |
|
|
|
color: white !important; |
|
|
|
} |
|
|
|
.moderators ul li a:hover, |
|
|
|
.moderators ul li a:focus, |
|
|
|
.cmnts2 a:focus, |
|
|
|
.cmnts2 a:hover, |
|
|
|
.createdby a:hover, |
|
|
|
.createdby a:focus, |
|
|
|
.commenthead a:hover, |
|
|
|
.commenthead a:focus { |
|
|
|
color: rgb(179, 255, 255); |
|
|
|
} |
|
|
|
.moderators .i-icon svg path { |
|
|
|
fill: gold; |
|
|
|
} |
|
|
|
a.lv30 { |
|
|
|
background-color: #fc6464; |
|
|
|
border-radius: 6px; |
|
|
|
} |
|
|
|
a.lv30:focus, |
|
|
|
a.lv30:hover { |
|
|
|
color: #D11919 !important; |
|
|
|
} |
|
|
|
.c-upvote.upvoted svg path, |
|
|
|
.upvote.upvoted svg path { |
|
|
|
fill: #7CFC00; |
|
|
|
} |
|
|
|
.c-downvote.downvoted svg path, |
|
|
|
.downvote.downvoted svg path { |
|
|
|
fill: #fc6464 !important; |
|
|
|
} |
|
|
|
body a.ppv { |
|
|
|
color: #7CFC00 !important; |
|
|
|
} |
|
|
|
body a.ddv { |
|
|
|
color: #fc6464 !important; |
|
|
|
} |
|
|
|
a.lv20 { |
|
|
|
background-color: #fcd883; |
|
|
|
border-radius: 4px; |
|
|
|
} |
|
|
|
a.lv20:hover, |
|
|
|
a.lv20:focus { |
|
|
|
color: #e8a302 !important; |
|
|
|
} |
|
|
|
a.lv6 { |
|
|
|
background-color: #fcf7cc; |
|
|
|
border-radius: 5px; |
|
|
|
} |
|
|
|
a.lv6:focus, |
|
|
|
a.lv6:hover { |
|
|
|
color: #efd700 !important; |
|
|
|
} |
|
|
|
a.lv0 { |
|
|
|
background-color: #a9f1fc; |
|
|
|
border-radius: 4px; |
|
|
|
} |
|
|
|
a.lv0:focus, |
|
|
|
a.lv0:hover { |
|
|
|
color: #00b3ce !important; |
|
|
|
} |
|
|
|
.cmpreview.canclose, |
|
|
|
.cmpreview.canclose a { |
|
|
|
color: white; |
|
|
|
} |
|
|
|
.cmpreview.canclose a:hover, |
|
|
|
.cmpreview.canclose a:focus { |
|
|
|
color: rgb(179, 255, 255); |
|
|
|
} |
|
|
|
.cmpreview.canclose del { |
|
|
|
color: white !important; |
|
|
|
} |
|
|
|
.search .icon path { |
|
|
|
fill: #00bbff; |
|
|
|
} |
|
|
|
input[type="search"] { |
|
|
|
background-color: white; |
|
|
|
border-color: hsl( 198, 50%, 73% ); |
|
|
|
color: #53a3c6; |
|
|
|
} |
|
|
|
input[type="search"]::placeholder { |
|
|
|
color: rgb(0, 187, 255); |
|
|
|
} |
|
|
|
h5 { |
|
|
|
background: -webkit-linear-gradient(#fff 51.68%, #B3FFFF 65.13%) !important; |
|
|
|
-webkit-background-clip: text !important; |
|
|
|
} |
|
|
|
.cpreview-content blockquote, |
|
|
|
.commblock .content blockquote, |
|
|
|
#postcontent blockquote { |
|
|
|
color: rgb(179, 255, 255) !important; |
|
|
|
} |
|
|
|
|
|
|
|
code { |
|
|
|
color: white; |
|
|
|
background: #05568c; |
|
|
|
} |
|
|
|
hr { |
|
|
|
border-bottom: 2px dashed white !important; |
|
|
|
} |
|
|
|
.highlight { |
|
|
|
background-color: #49aaf4; |
|
|
|
} |
|
|
|
#poalservices { |
|
|
|
color: white; |
|
|
|
} |
|
|
|
.sbm-post.poalserv-button2, |
|
|
|
.sbm-post.poalserv-button { |
|
|
|
border: 2px solid 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; |
|
|
|
} |
|
|
|
.button-secondary:hover, |
|
|
|
.button-secondary:focus { |
|
|
|
background-color: #00bfff !important; |
|
|
|
} |
|
|
|
.button-warning { |
|
|
|
color: #fff; |
|
|
|
fill: #fff; |
|
|
|
} |
|
|
|
.sbm-post.pure-button, |
|
|
|
.pure-button { |
|
|
|
background-color: #00bfff; |
|
|
|
color: white; |
|
|
|
} |
|
|
|
.footer { |
|
|
|
background: white; |
|
|
|
color: #5892ef; |
|
|
|
} |
|
|
|
body, body #chpop { |
|
|
|
background: white !important; |
|
|
|
} |
|
|
|
.footer a { |
|
|
|
color: #5892ef !important; |
|
|
|
} |
|
|
|
.footer a:hover, |
|
|
|
.footer a:focus { |
|
|
|
color: #00bfff !important; |
|
|
|
} |
|
|
|
.stick { |
|
|
|
color: #7CFC00; |
|
|
|
border-color: #7CFC00; |
|
|
|
} |
|
|
|
#postflairs { |
|
|
|
border-color: white; |
|
|
|
border-radius: 5px; |
|
|
|
color: white; |
|
|
|
fill: white; |
|
|
|
background-color: #5892ef; |
|
|
|
} |
|
|
|
.postflair, |
|
|
|
.selflair { |
|
|
|
border-color: white !important; |
|
|
|
border-radius: 6px; |
|
|
|
background: #00bfff !important; |
|
|
|
} |
|
|
|
.selflair:hover, |
|
|
|
.selflair:focus { |
|
|
|
background: #32CBFF !important; |
|
|
|
} |
|
|
|
.pure-button.btn-preview { |
|
|
|
background-color: #62CB62; |
|
|
|
color: white; |
|
|
|
border: 2px solid white; |
|
|
|
} |
|
|
|
body .cmnts2 { |
|
|
|
color: white !important; |
|
|
|
} |
|
|
|
#postcontent a[href="#spoiler"], |
|
|
|
#postcontent a[href="#spoiler"]:visited, |
|
|
|
.cpreview-content a[href="#spoiler"], |
|
|
|
.cpreview-content a[href="#spoiler"]:visited, |
|
|
|
.commblock .content a[href="#spoiler"]:visited, |
|
|
|
.commblock .content a[href="#spoiler"] { |
|
|
|
background-color: black !important; |
|
|
|
color: black !important; |
|
|
|
} |
|
|
|
#postcontent a[href="#spoiler"]:focus, |
|
|
|
#postcontent a[href="#spoiler"]:hover, |
|
|
|
.cpreview-content a[href="#spoiler"]:focus, |
|
|
|
.cpreview-content a[href="#spoiler"]:hover, |
|
|
|
.commblock .content a[href="#spoiler"]:focus, |
|
|
|
.commblock .content a[href="#spoiler"]:hover { |
|
|
|
color: white !important; |
|
|
|
} |
|
|
|
.nsfw { |
|
|
|
border-color: white; |
|
|
|
color: white; |
|
|
|
background-color: #e22; |
|
|
|
} |
|
|
|
.post .domain, |
|
|
|
.post .domain a:visited { |
|
|
|
color: white !important; |
|
|
|
} |
|
|
|
path.htt1 { |
|
|
|
fill: white !important; |
|
|
|
} |
|
|
|
.poal-logo { |
|
|
|
filter: invert(100%) sepia(0%) saturate(2%) hue-rotate(171deg) brightness(206%) contrast(101%); |
|
|
|
} |
|
|
|
/* Dark Mode */ |
|
|
|
body.dark g { |
|
|
|
fill: white !important; |
|
|
|
} |
|
|
|
.dark .pure-g { |
|
|
|
background-color: #0d0d0d; |
|
|
|
} |
|
|
|
body.dark .sbm-post.pici-button { |
|
|
|
color: white !important; |
|
|
|
border: 2px solid white; |
|
|
|
} |
|
|
|
.dark .subinfo a, .dark .commenthead a { |
|
|
|
color: #00bbff !important; |
|
|
|
} |
|
|
|
.dark .subinfo a:hover, |
|
|
|
.dark .subinfo a:focus, |
|
|
|
.dark .commenthead a:focus, |
|
|
|
.dark .commenthead a:hover { |
|
|
|
color: #fff !important; |
|
|
|
} |
|
|
|
.dark .sbm-post.pure-button { |
|
|
|
color: #00bbff; |
|
|
|
} |
|
|
|
.dark .moderators ul li a { |
|
|
|
color: #bbb; |
|
|
|
} |
|
|
|
.dark .moderators ul li a:hover, |
|
|
|
.dark .moderators ul li a:focus { |
|
|
|
color: #fff; |
|
|
|
} |
|
|
|
body.dark .post .post-heading .title:link, |
|
|
|
body.dark .post .post-heading .title:visited, |
|
|
|
.dark .createdby a { |
|
|
|
color: #bbb !important; |
|
|
|
} |
|
|
|
body.dark .post .post-heading .title:hover, |
|
|
|
body.dark .post .post-heading .title:focus, |
|
|
|
.dark .createdby a:focus, |
|
|
|
.dark .createdby a:hover { |
|
|
|
color: #fff !important; |
|
|
|
} |
|
|
|
body.dark .expandotxt a:link, |
|
|
|
body.dark .expandotxt a:visited { |
|
|
|
color: #00bbff !important; |
|
|
|
} |
|
|
|
body.dark .expandotxt a:hover, |
|
|
|
body.dark .expandotxt a:focus { |
|
|
|
color: #fff !important; |
|
|
|
} |
|
|
|
body.dark #postcontent, |
|
|
|
body.dark article.comment { |
|
|
|
background-color: #191919 !important; |
|
|
|
} |
|
|
|
.dark .links li a { |
|
|
|
color: #e0e0e0; |
|
|
|
} |
|
|
|
.dark .links li a:hover, |
|
|
|
.dark .links li a:focus { |
|
|
|
color: #fff; |
|
|
|
} |
|
|
|
.dark .pure-form textarea:focus { |
|
|
|
border-color: #444; |
|
|
|
} |
|
|
|
body.dark #postcontent a:link, |
|
|
|
body.dark #postcontent a:visited, |
|
|
|
.dark .cmpreview.canclose a:link, |
|
|
|
.dark .cmpreview.canclose a:visited, |
|
|
|
.dark .commblock .content a:link, |
|
|
|
.dark .commblock .content a:visited, |
|
|
|
.dark .cmnts2 a { |
|
|
|
color: #00bbff !important; |
|
|
|
} |
|
|
|
body.dark #postcontent a:hover, |
|
|
|
body.dark #postcontent a:focus, |
|
|
|
.dark .cmpreview.canclose a:focus, |
|
|
|
.dark .cmpreview.canclose a:hover, |
|
|
|
.dark .commblock .content a:focus, |
|
|
|
.dark .commblock .content a:hover, |
|
|
|
.dark .cmnts2 a:focus, |
|
|
|
.dark .cmnts2 a:hover { |
|
|
|
color: #fff !important; |
|
|
|
} |
|
|
|
.dark #postcontent textarea, |
|
|
|
.dark .commblock textarea { |
|
|
|
color: white; |
|
|
|
} |
|
|
|
.dark a[href="#spoiler"]:link, |
|
|
|
.dark article.comment a[href="#spoiler"]:visited { |
|
|
|
background-color: #050505 !important; |
|
|
|
color: #050505 !important; |
|
|
|
} |
|
|
|
body.dark a[href="#spoiler"]:hover, |
|
|
|
body.dark a[href="#spoiler"]:focus, |
|
|
|
.dark .cmpreview.canclose a[href="#spoiler"]:hover, |
|
|
|
.dark .cmpreview.canclose a[href="#spoiler"]:focus, |
|
|
|
.dark article.comment a[href="#spoiler"]:focus, |
|
|
|
.dark article.comment a[href="#spoiler"]:hover { |
|
|
|
color: #fff !important; |
|
|
|
} |
|
|
|
.dark a.lv0 { |
|
|
|
fill: #00B4CE !important; |
|
|
|
color: #009cb3 !important; |
|
|
|
background: none !important; |
|
|
|
} |
|
|
|
.dark a.lv2 { |
|
|
|
fill: #43a547 !important; |
|
|
|
color: #37883a !important; |
|
|
|
background: none !important; |
|
|
|
} |
|
|
|
.dark a.lv6 { |
|
|
|
fill: #fee928 !important; |
|
|
|
color: #e2cc01 !important; |
|
|
|
background: none !important; |
|
|
|
} |
|
|
|
.dark a.lv20 { |
|
|
|
fill: #fbb308 !important; |
|
|
|
color: #d39503 !important; |
|
|
|
background: none !important; |
|
|
|
} |
|
|
|
.dark a.lv30 { |
|
|
|
fill: #cc0000 !important; |
|
|
|
color: #a90000 !important; |
|
|
|
background: none !important; |
|
|
|
} |
|
|
|
.dark a.lv50 { |
|
|
|
color: #8cf !important; |
|
|
|
border-left: 4px solid #4163ac; |
|
|
|
border-right: 4px solid #4163ac; |
|
|
|
border-radius: 15px; |
|
|
|
background-color: #4163ac; |
|
|
|
} |
|
|
|
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; |
|
|
|
color: #bbb !important; |
|
|
|
} |
|
|
|
body.dark .editbar path { |
|
|
|
fill: #00bbff !important; |
|
|
|
} |
|
|
|
.dark .button-secondary { |
|
|
|
background-color: #5892ef !important; |
|
|
|
color: white !important; |
|
|
|
fill: white !important; |
|
|
|
} |
|
|
|
.dark .button-secondary:focus, .dark .button-secondary:hover { |
|
|
|
background-color: #00bfff !important; |
|
|
|
} |
|
|
|
.dark .footer { |
|
|
|
background-color: #222; |
|
|
|
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; |
|
|
|
} |
|
|
|
.dark .footer a:focus, |
|
|
|
.dark .footer a:hover, |
|
|
|
.dark .sidebar a:hover, |
|
|
|
.dark .sidebar a:focus, |
|
|
|
.dark .loadchildren:hover, |
|
|
|
.dark .loadchildren:hover { |
|
|
|
color: #fff !important; |
|
|
|
} |
|
|
|
.dark .th-navbar.pure-g { |
|
|
|
background: url(%%dark-tile%%); |
|
|
|
background-size: cover; |
|
|
|
} |
|
|
|
.dark .post:nth-child(2n) { |
|
|
|
background-color: #181818; |
|
|
|
} |