WIKI TOOLS

-

config/stylesheet

viewhistorytalk

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

.theme-daymode #sr-header-area .selected.title,
.theme-daymode #sr-header-area .sr-list,
.theme-daymode #sr-header-area .flat-list.sr-bar.separator {
    text-shadow: none;
    color: #000000;
    background-color: #FFFFFF !important;
    border-bottom: 1px solid #000000;}

.theme-daymode #sr-header-area a#sr-more-link,
.theme-daymode #sr-header-area .flat-list, 
.theme-daymode .sr-bar a, 
.theme-daymode #sr-header-area .flat-list.sr-bar.hover a {
    text-shadow: none;
    color: #000000;
    background-color: #FFFFFF !important;}



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

.theme-daymode #header {
     background: url(%%Banner-daymode%%) center/cover;
     background-color: #FFFFFF !important;
     background-repeat: no-repeat;
     background-size: contain;
     height: 180px;
     border-bottom: solid 1px #000000;}

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



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

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

#header-bottom-left .pagename, #header-bottom-left .pagename a {
     /* text-shadow: none; */
     /* color: #ED6868 !important; */
    font-size: 0px !important;}



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

#header-img.default-header { /* SaidIt logo, position impacts Page Tabs */
     background-position: 0;
     width: 140px;
     margin: 32px 32px 0px 0px;
     position: relative;
     top: -10px;
     right: -1725px;}

#header-img { /* mobile icon from sub settings, you can have this OR the SaidIt logo, not both */
     display: none;}



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

#header .tabmenu { /* all tabs, position and effects */
     width: 80vw;
     position: relative;
     left: 11%;
     right: 0;
     bottom: 0;
     border-bottom: 2px solid transparent !important;
     display: flex;
     justify-content: center;}

#header .tabmenu li { /* all tabs, remove static underlining from text */
     border-bottom: 2px solid transparent;
     margin-bottom: -1px;}

/* all tabs, underline text only when hovering*/
#header .tabmenu li:hover:after {
     width: 100%;
     transition-delay: .15s;}
#header .tabmenu li:after {
     content: "";
     display: block;
     height: 4px;
     background: #ED6868;
     position: relative;
     bottom: -5px;
     margin: 0 auto;
     width: 0;
     transition: all 250ms ease-out 0s;
     pointer-events: none;}

.theme-daymode #header .tabmenu li.selected { /* selected tab, static underlining */
     border-bottom-color: #000000 !important;
     margin-bottom: -4px;
     border-bottom-width: 4px;}

.theme-daymode #header .tabmenu li a, .theme-daymode #header .tabmenu li.selected a { /*all tabs, text */
     border: none;
     background: 0 0;
     color: #000000 !important;
     text-transform: uppercase;
     letter-spacing: 4px;}

.theme-daymode #header .tabmenu li.selected a:hover, .theme-daymode #header .tabmenu li:hover a { /*all tabs, text when hovering */
     padding-bottom: 5px;
     bottom: 2px;
     color: #ED6868 !important;}



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

.theme-daymode #header-bottom-right, 
.theme-daymode #header-bottom-right a,
.theme-daymode #header-bottom-right .user,
.theme-daymode #header-bottom-right .user a, 
.theme-daymode span.userkarma, 
.theme-daymode .message-count, 
.theme-daymode #header-bottom-right .logout a, 
.theme-daymode #header-bottom-right .separator, 
.theme-daymode #header-bottom-right .choice, 
.theme-daymode #modmail, 
.theme-daymode #modmail.nohavemail {
     text-shadow: none;
     color: #000000;
     background-color: #FFFFFF;}

.theme-daymode #header-bottom-right {
     border: solid 1px #000000;
     border-bottom: none;}



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

.theme-daymode .side {
     background-color:#F0F0F0;
     color: #COLOR; /* Readers/Subscribers & Users/Online text color */
     padding: 5px;
     margin-top: 6px;
     margin-left: 5px;
     margin-right: 5px;
     border: solid 1px #000000;}

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: #ED6868;
    border: solid 1px #000000;
    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: #FFFFFF;
    color: #000000;}

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

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

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

.theme-daymode .morelink, .theme-daymode .morelink a { /* "submit a post/link" buttons */
    background-color: #ED6868;
    color: #000000;
    border-color: #696969;
    border-radius: 10px;
    font-weight: bold;}
.morelink:hover a {
     background-color: #FFFFFF;
     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 WORDS FOR 'READERS' AND 'USERS' ---------- */

.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:#F0F0F0;}

theme-daymode .link, 
theme-daymode .comment {
    background-color:rgba(204, 204, 204, 0.35);
    margin-top: 5px;
    /*margin-bottom: -7px;*/
    margin-left: 5px;
    /*margin-right: 320px;*/
    padding: 5px;
    border: 1px solid #000000;}



/* ---------- 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;
    min-width: 40px;
    text-indent: 43px;
    height: 25px;
    line-height: 25px;}

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

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

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



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

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

.linkflair-sample .linkflairlabel {
     text-align:center;
     background: #ED6868;
     font-weight: bold; 
     color:#000000; 
     border-color: #ED6868;}

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 -------------------------------------- */

.theme-nightmode #sr-header-area .selected.title,
.theme-nightmode #sr-header-area .sr-list,
.theme-nightmode #sr-header-area .flat-list.sr-bar.separator {
    text-shadow: none;
    border-bottom: 1px solid white;}

.theme-nightmode #sr-header-area a#sr-more-link,
.theme-nightmode #sr-header-area .flat-list, 
.theme-nightmode .sr-bar a, 
.theme-nightmode #sr-header-area .flat-list.sr-bar.hover a {
    text-shadow: none;}



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

.theme-nightmode #header {
     background: url(%%Banner-nightmode%%) center/cover;
     background-color: #000000 !important;
     background-repeat: no-repeat;
     background-size: contain;
     height: 180px;
     border-bottom: solid 1px #FFFFFF;}



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

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

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

.theme-nightmode #header .tabmenu li.selected { /* selected tab, static underlining */
     border-bottom-color: #FFFFFF !important;
     margin-bottom: -4px;
     border-bottom-width: 4px;}

.theme-nightmode #header .tabmenu li a, .theme-nightmode #header .tabmenu li.selected a { /*all tabs, text */
     border: none;
     background: 0 0;
     color: #FFFFFF !important;
     text-transform: uppercase;
     letter-spacing: 4px;}

.theme-nightmode #header .tabmenu li.selected a:hover, .theme-nightmode #header .tabmenu li:hover a { /*all tabs, text when hovering */
     padding-bottom: 5px;
     bottom: 2px;
     color: #ED6868 !important;}

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

.theme-nightmode #header-bottom-right {
     border: solid 1px #FFFFFF;
     border-bottom: none;}



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

.theme-nightmode .side {
     background-color:#COLOR;
     color: #COLOR; /* Subscribers & Online text color */
     padding: 5px;
     margin-top: 6px;
     margin-left: 5px;
     margin-right: 5px;
     border: solid 1px #000000;}

.theme-nightmode .morelink, .theme-nightmode .morelink a { /* "submit a post/link" buttons */
    background-color: #ED6868;
    color: #000000;
    border-color: #ED6868;
    border-radius: 10px;}
.theme-nightmode .morelink:hover a {
    background-color: gray;
    border-color: gray;
    border-radius: 10px;}


.theme-nightmode body .side .titlebox .usertext .usertext-body .md > h3 a, 
.theme-nightmode .side .titlebox .usertext .usertext-body .md > h3 a { /* makes Wiki links clickable buttons */
    border-color: #ED6868;}
.theme-nightmode .side .titlebox .usertext .usertext-body .md>h3 a:hover { 
    background-color: gray;}

.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 WORDS FOR 'READERS' AND 'USERS' ---------------------- */

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

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

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

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

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



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

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

images

  • Image Banner-daymode
    Banner-daymode
    link:
    url(%%Banner-daymode%%)
  • Image Banner-nightmode
    Banner-nightmode
    link:
    url(%%Banner-nightmode%%)
  • Image Icon
    Icon
    link:
    url(%%Icon%%)


revision by TumbleweedFireflies— view source