viewing revision from 8 months ago

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 black;}

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

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

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



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

.pagename, .pagename a {
     text-shadow: none;
     color: #ED6868 !important;}



/* ---------- HEADER: ICON POSITION ------------------------------------------------ */

#header-img.default-header { /* SaidIt logo, to override with custom/mobile icon, use #header-img instead */
    background-position: 0 0;}



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

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

#header .tabmenu li {
     margin: 0;}

.theme-daymode #header .tabmenu li a {
     display: inline-block;
     color: #000000;
     background-color: #FFFFFF;
     text-transform: uppercase;
     border: none;}

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

.theme-daymode #header .tabmenu li a:hover, .theme-daymode .tabmenu li.selected a:hover {
     color: #000000;
     background: #ED6868;}



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

.theme-daymode #header-bottom-right, 
.theme-daymode #header-bottom-right a, 
.theme-daymode #header-bottom-right .user, 
.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 #header-bottom-left .pagename, 
.theme-daymode #modmail, 
.theme-daymode #modmail.nohavemail {
     text-shadow: none;
     color: #000000;
     background-color: #FFFFFF;}

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



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

.theme-daymode .side {
     background-color:#F0F0F0;
     color: #COLOR; /* Subscribers & Online text color */
     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: #ED6868;
    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: #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 black;
    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 WORD FOR 'READERS' AND 'CURRENTLY ONLINE' ---------- */


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

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

theme-daymode body { /* this is not working, with or without the dot, removing DAYMODE alters NIGHTMODE and cannot fix that either */
    background-color: #DEE7DF !important;}

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


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

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

.linkflair-SAMPLEFLAIR .linkflairlabel {
     text-align:center;
     background: gray;
     font-weight: bold; 
     color:#FFFFFF; 
     border-color: gray;}



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

a.author[href$="automoderator"] {
    background-color: green !important;
    color: white;
    padding: 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-color: #FFFFFF;}



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

/* ---------- HEADER: ICON POSITION ------------------------------------------------ */

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

.theme-nightmode #header .tabmenu li a {
     display: inline-block;
     color: #FFFFFF;
     background-color: #000000;
     text-transform: uppercase;
     border: none;}

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

.theme-nightmode #header .tabmenu li a:hover, .theme-daymode .tabmenu li.selected a:hover {
     color: #000000;
     background: #ED6868;}



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

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



/* ---------- 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 black;}

.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 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-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