WelcomeUser Guide
ToSPrivacyCanary
DonateBugsLicense

©2024 Poal.co

1.4K

@heracleides, can you please post what you have in the stylesheet for /s/multiculturalcancer? It's so nice! I would love to incorporate some elements in some of my subs!

@heracleides, can you please post what you have in the stylesheet for /s/multiculturalcancer? It's so nice! I would love to incorporate some elements in some of my subs!

(post is archived)

[–] [deleted] 2 pts

.cw-brand { height: 169px !important; } #th-uinfo { height: 169px !important; }

/* sub info */

body .sidebar div:nth-of-type(9) { display: none; } .subinfo h3 a { font-size: 19px !important; font-weight: bold; } body.dark .subinfo h3 a { font-size: 19px !important; font-weight: bold; } body .sidebar div.author { position: relative; top: 7px; }

/* buttons */

body.dark .sbm-post.pure-button.button-xsmall.pure-button-primary.pure-u-md-7-24{ background-color: #dfe8ec !important; color: #2d2d2d !important; } .pure-button { font-size: 13px !important; }

/* body */

a { color:#73a2d1 !important; font-size: 13px !important; } a:hover { color:#274563 !important; text-decoration: underline !important; font-size: 13px !important; } body.dark a { font-size: 13px !important; } body.dark a:hover { color:#86BBEF !important; text-decoration: underline !important; font-size: 13px !important; } body { background-color: #e8e8e8 !important; color: #5c82a8; } body.dark { background-color: #274563 !important; color: #f4f4f4; } /* mod name */ body a.lv2, .content a.lv2:visited { fill: #5b84af !important; color: #5b84af !important; font-size: 13px; } body.dark a.lv2, .content a.lv2:visited { fill: #9dafc0 !important; color: #9dafc0 !important; font-size: 13px; }

/*motto*/

.motto { display: none; }

/* poal serv button */

.sbm-post.poalserv-button{ color: #2d2d2d !important; background-color: #dfe8ec !important; border-radius: 18px !important; font-size: 13px; border: 1px solid #2d2d2d; } body.dark .sbm-post.poalserv-button{ color: #2d2d2d !important; background-color: #dfe8ec !important; border-radius: 18px !important; font-size: 13px; }

/* img hosting button */

body.dark .sbm-post.pici-button, .sbm-post.pici-button{ color: #02c1ff !important; border-radius: 18px !important; border: 1px solid #02c1ff; }

/* top bar links */

.th-subbar { background-color: #233242; border-bottom:1px solid #2d2d2d; font-variant: normal; } body.dark .th-subbar { background-color: #233242; border-bottom:1px solid #2d2d2d; font-variant: normal; } .th-subbar ul li{ color: #fefefe; } body.dark .th-subbar ul li{ color: #fefefe; text-transform: lowercase !important; font-size: 12px !important; } .th-subbar ul li a{ font-size: 12px !important; font-variant: normal !important; text-transform: lowercase !important; } body.dark .th-subbar ul li a{ font-size: 12px !important; font-variant: normal !important; text-transform: lowercase !important; } #hiddensubs li a{ color: #fefefe; text-transform: lowercase !important; font-size: 12px !important; } body.dark #hiddensubs li a{ color: #fefefe; text-transform: lowercase !important; font-size: 12px !important; } #hiddensubs li{ font-variant: normal; font-size: 12px !important; text-transform: lowercase !important; } body.dark #hiddensubs li{ font-variant: normal; font-size: 12px !important; text-transform: lowercase !important; } #hiddensubs li a:hover{ background: #86BBEF !important; background-color: #86BBEF !important; text-decoration: none !important; color: #fefefe !important; border-radius:5px; font-size: 12px !important; text-transform: lowercase !important; } body.dark #hiddensubs li a:hover{ background: #86BBEF !important; background-color: #86BBEF !important; text-decoration: none !important;color: #fefefe !important; border-radius:5px; font-size: 12px !important; text-transform: lowercase !important; } body.dark #hiddensubs li:hover{ background: transparent !important; text-transform: lowercase !important; font-size: 12px !important; } #hiddensubs li:hover{ background: transparent !important; text-transform: lowercase !important; font-size: 12px !important; }

body.dark #hiddensubs .topbar a:hover{ font-size: 12px !important; text-decoration: none !important; } #hiddensubs .topbar a:hover{ font-size: 12px !important; text-decoration: none !important; } #submenu { background: #233242 !important; font-size: 11px !important; } body.dark #submenu { background: #233242 !important; font-size: 11px !important; } #topbar li a, body.dark #topbar li a { font-size: 11px !important; color: #fefefe !important; border-radius:5px; } #topbar li, body.dark #topbar li { font-size: 11px !important; background: #2d2d2d !important; } #topbar li a:hover, body.dark #topbar li a:hover { background: #86BBEF !important; font-size: 11px !important; color: #fefefe !important; border-radius:5px; text-decoration: none !important; }

/* logout button */

body.dark .button-secondary, body.dark .pure-button { background: #2d2d2d; color: #fefefe !important; } body.dark .button-secondary:hover, body.dark .pure-button:hover { background: #86BBEF; color: #2d2d2d!important; }

/* sub block buttons */

.button-xsmall { font-size: 10px; }

/* footer */

.footer { color: #5c82a8; } body.dark .footer { color: #f4f4f4; }

/* sidebar */

body.dark .sidebar{ background-color: #274563; } #sortbuttons div a { position: relative; float: left; font-size: 11px; } body.dark input[type="search"] { background-color: #dfe8ec; color: #000; border-color: black; } .search { position: relative; left: -5px; top: 9px; width: 100%; } body .sidebar form { width: 100% !important; } body.dark #pexpand:hover { background-color: #86BBEF; color: #000 !important; } #pexpand:hover { background-color: #2d2d2d; color: #86BBEF !important; } div.moderators { color: #5c82a8; font-size: 13px; } div.createdby { color: #5c82a8; font-size: 13px; } h4 { font-weight: bold; size: 15px; } body.dark .subs { font-weight: bold; size: 15px !important; color: #fefefe; } .subs { font-weight: bold; size: 15px !important; color: #5c82a8; }

/* content area */

.post-heading a { color: #5c82a8; } .post-heading a:hover { color: #2d2d2d; }

/* control panel */

#th-uinfo { position:absolute; top: 17px; } .cw-items { position:relative; top: 169px; } #unameb { color: #2d2d2d !important; } #postscore { color: #2d2d2d !important; font-size: 14px !important; } body.dark #postscore { color: #2d2d2d !important; font-size: 14px !important; } a.pure-button, a.button-secondary { background: #2d2d2d; } a.pure-button:hover, a.button-secondary:hover { background: #86BBEF; text-decoration: none !important; } body.dark a.pure-button:hover, body.dark a.button-secondary:hover { background: #86BBEF; text-decoration: none !important; }

/*Scrolling Banner*/

body.dark .th-navbar { background-color: transparent; box-shadow: 0 0 0 0; border-bottom: 1px solid #2d2d2d; }

body img.poal-logo { display: none !important; } #menu{ background-color:#fefefe; background-attachment: unset; } .th-navbar{ position: static !important; width: 100%; }

#menu{ background-image: url(%%banner%%); height: 189px; background-color: #fefefe; background-repeat: repeat; -webkit-animation: banner 160s infinite linear; animation: banner 160s infinite linear; width: 100% !important; }

[@-webkit-keyframes](/u/-webkit-keyframes) banner { from { background-position: 0 0px; } to { background-position: -5402px 0px; } } [@keyframes](/u/keyframes) banner { from { background-position: 0 0px; } to { background-position: -5402px 0px; } }

/*POSTS AND ROWS*/

body.dark .post .title:link { color: #a6cef4!important; } body.dark .post .title:hover{ color: #669fdb !important; } body.dark .post .title:visited{ color: #a6cef4!important; } body .post .title:link { color: #6892bb !important; } body .post .title:hover { color: #5c82a8 !important; } body .post .title:visited{ color: #6892bb!important; }

a.title { font-size: 17px !important; } body.dark a.title { font-size: 17px !important; }

.post:nth-child(2n) { padding-top:5px; border:1px solid #aaa; box-shadow: 0px 3px 0px 0px rgba(31, 73, 125, 0.8); background-color:#dfe8ec !important; background:#dfe8ec !important; }

.post { margin-top:7px; margin-bottom:7px; padding-top:3px; border:1px dotted #aaa; background-color:#EDF2F4 !important; background:#EDF2F4 !important; }

body.dark .post:nth-child(2n) { padding-top:5px; border:1px solid #aaa; box-shadow: 0px 3px 0px 0px rgba(31, 73, 125, 0.8); background-color:#5e778f !important; background:#5e778f !important; }

body.dark .post { margin-top:7px; margin-bottom:7px; padding-top:3px; border:1px dotted #aaa; background-color:#52687d !important; background:#52687d !important; }

/* comments */

textarea { background-color: #dfe8ec; } body.dark .author{ color: #e8e8e8 !important; } .author{ color: #2d2d2d !important; } .content{ color: #2d2d2d !important; } body.dark .content{ color: #f4f4f4 !important; }

article.comment:nth-child(1n) { background-color: #dfe8ec; -webkit-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 1); -moz-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 1); box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 1); }

body.dark article.comment:nth-child(1n) { background-color: #5e778f; -webkit-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 1); -moz-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 1); box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 1); }

body .content{ color: #2d2d2d !important; } body.dark .content{ color: #fefefe !important; }

.content a, .content a:visited, .content a:hover, body a.loadsibling, #postcontent a:any-link, #postcontent a:any-link:visited, #postcontent a:any-link:hover{color: #2d2d2d !important; font-size:13px !important;} strong { color: #dfabab !important; } body.dark .content a:link, body.dark .content a:visited{color: #63a8ed !important;}>>

[–] 1 pt

Thank you so much, hon!

You guys need to make the code button encapsulate the whole text cuz I had to manually put all the apostrophes at the start and end of each line lol my pinky finger hurts