WIKI TOOLS

-

config/stylesheet

viewhistorytalk

/* ---------- HEADER: CHANGE LINK BAR AT TOP -------------------------------------- */

#sr-header-area .selected.title,
#sr-header-area .sr-list,
#sr-header-area .flat-list,
#sr-header-area .flat-list.sr-bar.hover a,
#sr-header-area a#sr-more-link {
    text-shadow: none;
    color: #000000;
    background-color: #53A8CB !important}

#sr-header-area .flat-list.sr-bar .separator {
    text-shadow: none;
    color: #000000;
    background-color: #53A8CB !important}



/* ---------- HEADER: BANNER ------------------------------------------------------- */

#header {
     background: url(%%Banner%%) center/cover;
     background-color: #CCCCCC !important;
     height: 180px;
     border-bottom-color: #000000;}

.pagename a:after { /* makes banner clickable for refresh */
     content: '';
     position: absolute;
     bottom: 25px;
     left: 95vw;
     margin-left: -1100px;
     height: 130px;
     width: 23vw;}



/* ---------- HEADER: CHANGE COLOR OF SUB NAME ------------------------------- */

#header-bottom-left { 
     position: absolute;
     text-align: center;
     bottom: 0;}

#header-bottom-left .pagename, 
#header-bottom-left .pagename a {
     text-shadow: none;
     background-color:rgba(204, 204, 204, 0.75);
     color: #792491 !important;}



/* ---------- HEADER: ICON POSITIONS ------------------------------------------------ */

#header-img.default-header { /* SaidIt logo, position impacts Page Tabs */
     display: none;}

#header-img {
     margin-left: 5px;
     height: 150px;
     width: 150px;
     background-size: contain;}




/* ---------- HEADER: PAGE TABS ---------------------------------------------------- */

#header .tabmenu {
     bottom: 0;
     width: 50vw;
     line-height: 25px;}

#header .tabmenu li {
     margin: 0;}

#header .tabmenu li a {
     display: inline-block;
     color: #000000;
     background-color:rgba(204, 204, 204, 0.75);
     text-transform: uppercase;
     border: none;}

#header .tabmenu li.selected a {
     color: #AD6BAE; 
     background-color: #FFFFFF;
     border: 1px solid black;
     border-bottom: 1px solid white;
     margin-bottom:-1px}

#header .tabmenu li a:hover, 
.tabmenu li.selected a:hover {
     color: #000000;
     background: #EDE5F4;}


/* ---------- HEADER: USER INFO & PREFERENCES -------------------------------------- */

#header-bottom-right, 
#header-bottom-right a, 
#header-bottom-right .user, 
span.userkarma, 
.message-count, 
#header-bottom-right .logout a, 
#header-bottom-right .separator, 
#header-bottom-right .choice, 
#modmail, 
#modmail.nohavemail {
     text-shadow: none;
     color: #000000;
     background-color:rgba(204, 204, 204, 0.75);}

#header-bottom-right {
     border: solid 1px #000000;}


/* ---------- SIDEBAR ------------------------------------------------------------- */

.theme-daymode .side {
     background-color:#D5D5D5;
     padding: 5px;
     margin-top: 6px;
     margin-left: 5px;
     margin-right: 5px;
     border: solid 1px black;}

body .side .titlebox .usertext .usertext-body .md > h3 a, 
.side .titlebox .usertext .usertext-body .md > h3 a { /* makes Wiki links clickable buttons */
    display: flex;
    justify-content: center;
    padding: 0;
    height: 100%;
    color: #000000;
    background-color: #AD6BAE;
    border: solid 1px black;
    border-radius: 10px;
    border-color: #696969;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 1.25pt;}

body .side .titlebox .usertext .usertext-body .md>h3 a:hover,
body.theme-daymode .side .titlebox .usertext .usertext-body .md>h3 a:hover {
    background-color: #53A8CB;
    color: #000000;}

.side .md p { /* changes description text color */
     color: #COLOR;}

.side .md h2 { /* separates "rules", "about us", etc into heading sections */
    background: #53A8CB;
    color: #000000;
    font-size: 20px;
    font-weight: bold;
    line-height: 2;
    text-align: center;
    border: solid 1px black;
    border-radius: 3px;}

#search input[type=text] {
    width: 250px;}

.morelink, 
.morelink a { /* "submit a post/link" buttons */
    background: #AD6BAE;
    color: #000000;
    border-color: #696969;
    border-radius: 10px;
    font-weight: bold;}

.morelink:hover a {
     background-color: #53A8CB;
     color: #000000;}

.morelink .nub, 
.morelink .nub a, 
.morelink:hover .nub {
     display: none;}

.theme-daymode .titlebox h1 a { /* changes sub name color in sidebar */
     color: #COLOR;} 

.theme-daymode .sidebox .spacer,
.theme-daymode .titlebox form.toggle, 
.theme-daymode .leavemoderator, 
.theme-daymode .icon-menu a { /* "use subreddit style" and other boxed elements */  
     background: none;
     color: #COLOR;}  

.theme-daymode .titlebox .bottom, 
.theme-daymode .age { /* "created by" and sub age */
     color: #000000;} 

.theme-daymode #moderation_tools h1 { color: #000000; } /* "moderation tools" text */
.theme-daymode #moderation_tools a { color: #COLOR; } /* Links within the mod tools box */
    .theme-daymode .helplink { color: #000000; } /* "message the moderators" text */
    .helplink ~ ul .author { color: #COLOR; } /* mod names in the mod box */
    .theme-daymode .helplink ~ ul .more a  { color: #000000; } /* "about moderation team" text */
    .icon-menu a { background: none;} /* background of text in "moderation tools" */
    .theme-daymode .sidecontentbox .title h1 { color: #000000; } /* "moderators" title text */
    .sidecontentbox .more, .score.unvoted, .score.dislikes, .score.likes { color: #COLOR; } /* upvotes, downvotes, and "recently viewed links" */


/* ---------- SIDEBAR: CHANGES WORD FOR 'READERS' AND 'CURRENTLY ONLINE' ---------- */

.subscribers .word, .users-online .word {
     display:none;}

.subscribers .number:after { 
     content: " Subscribers"}

.users-online .number:after { 
     content: " Online "}


/* ---------- POSTS & OVERALL THEME ----------------------------------------------- */

*, :after, :before{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;}

body.theme-daymode {
     background-color:#D5D5D5;}

.theme-daymode .panestack-title .title { /* "All # Comments" above comment box */
     color: #000000;}

.theme-daymode .thing {
     background-image: none !important;
     background-color: #FFFFFF;
     margin-top: 5px;
     /*margin-bottom: -7px;*/
     margin-left: 5px;
     /*margin-right: 320px;*/
     padding: 5px;
     border: 1px solid #000000;}

.theme-daymode .comment {
     background-color: #FFFFFF;
     border: 1px outset #000000;}

.wiki-page.theme-daymode { 
     background-color: #FFFFFF;}


/* ---------- CHANGES TO THE SUBMISSION PAGE ----------------------------------------- */



/* ---------- FIXES TO FLAIR SELECTION PANELS -------------------------------------- */

.flairselector {
    position: fixed;
    top: 20% !important;
    left: 40% !important;
    padding: 10px !important;
    width: 500px !important;}

flairselector .customizer {
    display: none !important;}

.flairselector h2 {
    background: none;}

.flairoptionpane {
    max-height: 700px;
    background: #D5D5D5;}

.link .flairselector {
    width: auto !important;}

.link .flairoptionpane {
    max-height: none;}

.link .flairoptionpane ul,
.link .flairoptionpane li {
    text-align: left!important;
    width: 300px !important;}

.link .flairoptionpane ul {
    display: inline-block;
    float: none!important;
    vertical-align: top;}



/* ---------- USER FLAIR ------------------------------------------------------------ */

.flair {
     background: url(%%spritesheet%%) no-repeat -9999px;
     border: 0;
     padding: 0;
     margin: 10px;
     min-width: 40px;
     height: 25px;
     line-height: 25px;}

.flair-B1 {
     background-position: 0 0;}

.flair-BiFlag {
     background-position: 0 -25px;}

.flair-G1 {
     background-position: 0 -50px;}

.flair-GayFlag {
     background-position: 0 -75px;}

.flair-L1 {
     background-position: 0 -100px;}

.flair-Labrys {
     background-position: 0 -125px;}

.flair-LesbianFlag {
     background-position: 0 -150px;}

.flair-RainbowFlag {
     background-position: 0 -175px;}

span.flair-noflair {
     padding-left: 5px;
     padding-right: 5px;}

span.flair-B1,
span.flair-BiFlag,
span.flair-G1, 
span.flair-GayFlag, 
span.flair-L1, 
span.flair-Labrys, 
span.flair-LesbianFlag, 
span.flair-RainbowFlag {
     text-indent: 25px;
     padding: 0 25px;
     vertical-align: middle;}


/* ---------- POST FLAIR ------------------------------------------------------------- */

.linkflairlabel { 
     max-width: 100% !important;
     color: -webkit-text;}


.linkflair-rant .linkflairlabel {
     text-align:center;
     background: #FF0000;
     font-weight: bold; 
     color:#000000; 
     border-color: #FF0000;
     max-width: 300px;}

.linkflair-violence .linkflairlabel {
     text-align:center;
     background: #FF0000;
     font-weight: bold; 
     color:#000000; 
     border-color: #FF0000;
     max-width: 300px;}   

.linkflair-colonization .linkflairlabel {
     text-align:center;
     background: #FF8700;
     font-weight: bold; 
     color:#000000; 
     border-color: #FF8700;
     max-width: 300px;}

.linkflair-harassment .linkflairlabel {
     text-align:center;
     background: #FF8700;
     font-weight: bold; 
     color:#000000; 
     border-color: #FF8700;
     max-width: 300px;}

.linkflair-waxmuhballs .linkflairlabel {
     text-align:center;
     background: #FFB900;
     font-weight: bold; 
     color:#000000; 
     border-color: #FFB900;
     max-width: 300px;}

.linkflair-humor .linkflairlabel {
     text-align:center;
     background: #FBE6B3;
     font-weight: bold; 
     color:#000000; 
     border-color: #FBE6B3;
     max-width: 300px;}

.linkflair-victory .linkflairlabel {
     text-align:center;
     background: #F7F31C;
     font-weight: bold; 
     color:#000000; 
     border-color: #F7F31C;
     max-width: 300px;}

.linkflair-fuckyeah .linkflairlabel {
     text-align:center;
     background: #F7F31C;
     font-weight: bold; 
     color:#000000; 
     border-color: #F7F31C;
     max-width: 300px;}

.linkflair-positivity .linkflairlabel {
     text-align:center;
     background: #F7F31C;
     font-weight: bold; 
     color:#000000; 
     border-color: #F7F31C;
     max-width: 300px;}

.linkflair-lifestyle .linkflairlabel {
     text-align:center;
     background: #C0ED8F;
     font-weight: bold; 
     color:#000000; 
     border-color: #C0ED8F;
     max-width: 300px;}

.linkflair-discussion .linkflairlabel {
     text-align:center;
     background: #56ffd4;
     font-weight: bold; 
     color:#000000; 
     border-color: #56ffd4;
     max-width: 300px;}

.linkflair-lesbian .linkflairlabel {
     text-align:center;
     background: #93D1FF;
     font-weight: bold; 
     color:#000000; 
     border-color: #93D1FF;
     max-width: 300px;}

.linkflair-women .linkflairlabel {
     text-align:center;
     background: #0077D6;
     font-weight: bold; 
     color:#FFFFFF; 
     border-color: #0077D6;
     max-width: 300px;}

.linkflair-men .linkflairlabel {
     text-align:center;
     background: #E447F5;
     font-weight: bold; 
     color:#FFFFFF; 
     border-color: #E447F5;
     max-width: 300px;}

.linkflair-gaymen .linkflairlabel {
     text-align:center;
     background: #FFB0D3;
     font-weight: bold; 
     color:#000000; 
     border-color: #FFB0D3;
     max-width: 300px;}

.linkflair-bisexual .linkflairlabel {
     text-align:center;
     background: #8630CD;
     font-weight: bold; 
     color:#FFFFFF; 
     border-color: #8630CD;
     max-width: 300px;}


.linkflair-virtuesignaling .linkflairlabel {
     text-align:center;
     background: #cc9966;
     font-weight: bold; 
     color:#000000; 
     border-color: #cc9966;
     max-width: 300px;} 

.linkflair-indoctrination .linkflairlabel {
     text-align:center;
     background: #cc9966;
     font-weight: bold; 
     color:#000000; 
     border-color: #cc9966;
     max-width: 300px;}

.linkflair-history .linkflairlabel {
     text-align:center;
     background: #D9CFB4;
     font-weight: bold; 
     color:#000000; 
     border-color: #D9CFB4;
     max-width: 300px;}

.linkflair-news .linkflairlabel {
     text-align:center;
     background: #838689;
     font-weight: bold; 
     color:#FFFFFF; 
     border-color: #838689;
     max-width: 300px;}

.linkflair-homophobia .linkflairlabel {
     text-align:center;
     background: #000000;
     font-weight: bold; 
     color:#FFFFFF; 
     border-color: #000000;
     max-width: 300px;}

.linkflair-erasure .linkflairlabel {
     text-align:center;
     background: #000000;
     font-weight: bold; 
     color:#FFFFFF; 
     border-color: #000000;
     max-width: 300px;}

.linkflair-transingchildren .linkflairlabel {
     text-align:center;
     background: #000000;
     font-weight: bold; 
     color:#FFFFFF; 
     border-color: #000000;
     max-width: 300px;}

.linkflair-mediaart .linkflairlabel {
     text-align:center;
     background: #C0ED8F;
     font-weight: bold; 
     color:#000000; 
     border-color: #C0ED8F;
     max-width: 300px;}

.linkflair-education .linkflairlabel {
     text-align:center;
     background: #C0ED8F;
     font-weight: bold; 
     color:#000000; 
     border-color: #C0ED8F;
     max-width: 300px;}

.linkflair-occupationwork .linkflairlabel {
     text-align:center;
     background: #C0ED8F;
     font-weight: bold; 
     color:#000000; 
     border-color: #C0ED8F;
     max-width: 300px;}

.linkflair-finances .linkflairlabel {
     text-align:center;
     background: #C0ED8F;
     font-weight: bold; 
     color:#000000; 
     border-color: #C0ED8F;
     max-width: 300px;}

.linkflair-retirement .linkflairlabel {
     text-align:center;
     background: #C0ED8F;
     font-weight: bold; 
     color:#000000; 
     border-color: #C0ED8F;
     max-width: 300px;}

.linkflair-family .linkflairlabel {
     text-align:center;
     background: #C0ED8F;
     font-weight: bold; 
     color:#000000; 
     border-color: #C0ED8F;
     max-width: 300px;}

.linkflair-health .linkflairlabel {
     text-align:center;
     background: #C0ED8F;
     font-weight: bold; 
     color:#000000; 
     border-color: #C0ED8F;
     max-width: 300px;}

.linkflair-legal .linkflairlabel {
     text-align:center;
     background: #C0ED8F;
     font-weight: bold; 
     color:#000000; 
     border-color: #C0ED8F;
     max-width: 300px;}

.linkflair-sexintimacy .linkflairlabel {
     text-align:center;
     background: #C0ED8F;
     font-weight: bold; 
     color:#000000; 
     border-color: #C0ED8F;
     max-width: 300px;}

.linkflair-meta .linkflairlabel {
     text-align:center;
     background: #3BCB56;
     font-weight: bold; 
     color:#FFFFFF; 
     border-color: #3BCB56;
     max-width: 300px;}

.linkflair-chitchat .linkflairlabel {
     text-align:center;
     background: #AD6BAE;
     font-weight: bold; 
     color:#FFFFFF; 
     border-color: #AD6BAE;
     max-width: 300px;}

body:not(.moderator) .link .flairselector ul:nth-child(3) li:nth-child(10),
body:not(.moderator) .link .flairselector ul:nth-child(3) li:nth-child(11) { /* hides the last 2 flairs in the third column for non-mods */
    display: none!important;}


/* ---------- CHANGE USERNAME COLORS -------------------------------------------------- */

a.author[href$="automoderator"] {
    background-color: green !important;
    color: white;
    padding: 0 2px 0 2px;
    border-radius: 3px;}

.link .author.moderator,
.comment .author.moderator {
    background-color: green !important;
    color: white;
    padding: 0 2px 0 2px;
    border-radius: 3px;}

.comment .author.submitter {
    background-color: blue;
    color: white;
    padding: 0 2px 0 2px;
    border-radius: 3px;}

.link .author.admin,
.comment .author.admin {
    background-color: red !important;
    color: white;
    padding: 0 2px 0 2px;
    border-radius: 3px;}


/* -------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
/* -------------- NIGHTMODE COMPATIBILITY ----------------------------------------- */
/* -------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */

/* ---------- HEADER: CHANGE LINK BAR AT TOP -------------------------------------- */

/* ---------- HEADER: BANNER ------------------------------------------------------- */

/* ---------- HEADER: CHANGE COLOR OF SUB NAME ------------------------------------- */

/* ---------- HEADER: ICON POSITIONs ----------------------------------------------- */

/* ---------- HEADER: PAGE TABS ---------------------------------------------------- */

/* ---------- HEADER: USER INFO & PREFERENCES -------------------------------------- */

/* ---------- SIDEBAR ------------------------------------------------------------- */

.theme-nightmode .side {
     background-color:#COLOR;
     padding: 5px;
     margin-top: 6px;
     margin-left: 5px;
     margin-right: 5px;
     border: solid 1px black;}

.theme-nightmode .side .titlebox .usertext .usertext-body .md>h3 a:hover {
    background-color: gray;
    color: #000000;}

.theme-nightmode .morelink:hover a {
     background-color: gray;
     color: #000000;}

.theme-nightmode .titlebox h1 a { /* changes sub name color in sidebar */
     color: #D5D5D5;} 

.theme-nightmode .sidebox .spacer,
.theme-nightmode .titlebox form.toggle, 
.theme-nightmode .leavemoderator, 
.theme-nightmode .icon-menu a { /* "use subreddit style" and other boxed elements */  
     background: none;
     color: #D5D5D5;}  

.theme-nightmode .titlebox .bottom, /* "created by" and sub age */
.theme-nightmode .age {
     color: #D5D5D5;} 

.theme-nightmode #moderation_tools h1 { color: #D5D5D5;} /* "moderation tools" text */
.theme-nightmode #moderation_tools a { color: #COLOR; } /* Links within the mod tools box */
    .theme-nightmode .helplink { color: D5D5D5;} /* "message the moderators" text */
    .theme-nightmode .helplink ~ ul .more a  { color: #D5D5D5; } /* "about moderation team" text */
    .theme-nightmode .sidecontentbox .title h1 { color: #D5D5D5; } /* "moderators" title text */


/* ---------- SIDEBAR: CHANGES WORD FOR 'READERS' AND 'CURRENTLY ONLINE' ----------- */

/* ---------- POSTS & OVERALL THEME ------------------------------------------------ */

/* ---------- CHANGES TO THE SUBMISSION PAGE --------------------------------------- */

/* ---------- FIXES TO FLAIR SELECTION PANELS -------------------------------------- */

/* ---------- USER FLAIR ----------------------------------------------------------- */

.theme-nightmode .flair {
     background-color: gray;
     color: #000000;
     padding-left: 5px;
     padding-right: 5px;}

.theme-nightmode span.flair-B1, 
.theme-nightmode span.flair-BiFlag, 
.theme-nightmode span.flair-G1, 
.theme-nightmode span.flair-GayFlag, 
.theme-nightmode span.flair-L1, 
.theme-nightmode span.flair-Labrys, 
.theme-nightmode span.flair-LesbianFlag, 
.theme-nightmode span.flair-RainbowFlag {
     text-indent: 25px;
     padding: 0 25px;
     vertical-align: middle;}



/* ---------- POST FLAIR ----------------------------------------------------------- */

/* ---------- CHANGE USERNAME COLOR -------------------------------------------------- */



images

  • Image Banner
    Banner
    link:
    url(%%Banner%%)
  • Image spritesheet
    spritesheet
    link:
    url(%%spritesheet%%)


revision by [deleted]— view source