WIKI TOOLS

-

config/stylesheet

viewhistorytalk

/*     ............................................................................
   .•¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤•.
  ••'..•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••..'••
 •• •¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤• ••
 ¤'.¤'    •¤¤¤¤¤¤¤¤¤•          •¤¤¤¤¤¤¤¤¤•          •¤¤¤¤¤¤¤¤¤•          •¤¤¤¤¤¤¤¤¤• '¤.'¤
 ¤ •¤   •¤¤¤¤¤¤¤¤¤•          •¤¤¤¤¤¤¤¤¤•          •¤¤¤¤¤¤¤¤¤•          •¤¤¤¤¤¤¤¤¤•    ¤• ¤
 ¤ •¤ •¤¤¤¤¤¤¤¤¤•          '"""""""""'          '"""""""""'          '""""""¤¤¤•      ¤• ¤
 ¤ •¤¤¤¤¤¤¤¤¤¤•.u¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤u.•        ¤• ¤
 ¤ •¤¤¤¤¤¤¤¤• ¤¤¤¤'     .u¤¤¤¤¤¤ ¤¤¤¤¤¤¤• ¤¤•'    '"¤¤¤¤• ¤¤•'       .u¤  ¤¤¤¤        ¤• ¤
 ¤ •¤¤¤¤¤¤•  u¤¤¤  •¤¤¤¤¤¤¤¤¤¤• . •¤¤¤¤¤  ¤¤¤¤¤¤¤¤u  "¤¤  ¤¤¤¤¤¤  ¤¤¤¤¤¤  ¤¤¤¤u     •¤¤• ¤
 ¤ •¤¤¤¤•    ¤¤¤¤u.     '"¤¤¤" ¤¤¤ "¤¤¤¤  ¤¤¤'¤¤¤¤¤¤  ¤¤  ¤¤¤¤¤¤  ¤¤¤¤¤¤  ¤¤¤¤¤   •¤¤¤¤• ¤
 ¤ •¤¤•      "¤¤¤¤¤¤¤¤¤•  ¤¤' ¤•""" '¤¤¤  ¤¤" ¤¤¤¤"  u¤¤  ¤¤¤¤¤¤  ¤¤¤¤¤¤¤¤¤¤¤¤" •¤¤¤¤¤¤• ¤
 ¤ •¤         ¤¤¤•'     .¤¤'.u¤¤¤¤¤u.'¤¤ u¤¤      .u¤¤¤¤ u¤¤¤¤¤¤ u¤¤¤¤¤(  )¤¤¤.¤¤¤¤¤¤¤¤• ¤
 ¤ •¤        •.'"¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤"'.•¤¤¤¤¤¤¤¤¤• ¤
 ¤ •¤      •¤¤uuu.....        ¤¤¤¤¤ .......          ...........          •u¤¤¤¤¤¤¤¤• ¤• ¤
 ¤ •¤    •¤¤¤¤¤¤¤¤¤•          ¤¤¤ u¤¤¤¤¤•          •¤¤¤¤¤¤¤¤¤•          •¤¤¤¤¤¤¤¤¤•   ¤• ¤
 ¤ '¤. •¤¤¤¤¤¤¤¤¤•          • ¤ u¤¤¤¤¤•          •¤¤¤¤¤¤¤¤¤•          •¤¤¤¤¤¤¤¤¤•    .¤' ¤
 •• •¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤..u¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤• ••
  ••.''•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••''.••
   '•¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤•'
       '''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''       */

/*                                                                                         */
/* "Ergonomix" SubSaidIt CSS Theme                                                         */
/*                                for https://SaidIt.net                                   */
/*                                by /u/JasonCarswell 2018 to 2020-05                      */
/*                                with invaluable help from /u/d3rr & /u/magnora7          */
/*                                referenced:                                              */
/*                                   /s/Internet code used by /u/Mnemonic                  */
/*                                   /s/Unc0ver code used by /u/OmegaUser296               */
/*                                   /s/Deutsch code modified by /u/KudosInc               */
/*                                   /s/Ice_Poseidon2                                      */
/*                                   /s/Wikispooks code used by /u/JasonCarswell           */
/*                                   /s/CorbettCommenters code used by /u/JasonCarswell    */
/*                                                                                         */
/* About Ergonomix :                                                                       */
/*                                                                                         */
/* This CSS (cascading style sheet - a trickle down hierarchy of successive commands)      */
/* may not be the prettiest but it aims to be as practical as possible.                    */
/* Aesthetic style has evolved secondarily to the top priority of ergonomic functionality. */
/* Each distinct colour has a unique function with enough perceived contrast for           */
/* maximum glare-free readability.  Improvement feedback is most welcome.                  */
/*                                                                                         */
/* Freely copy and paste, modify, or share this subsaidit CSS and installation steps.      */
/*                                                                                         */
/* Please contact /u/JasonCarswell for assistance or if you have CSS ergonomic issues,     */
/* CSS bugs, or have improvement suggestions for this CSS and/or this installation text.   */
/*                                                                                         */
/* For assistance see also :                                                               */
/*                                   /s/SaiditCSSthemes/                                   */
/*                                   /s/SaiditCSSthemes/wiki/                              */
/*                                                                                         */
/* These instructions are over-simplified and over-explained for anyone to use, so this    */
/* may seem a bit longer than necessary.  Don't worry, your sub will be fine in no time.   */
/*                                                                                         */

/***** END OF INTRO                                                                    *****/




/***** HEADER                                                                          *****/


/***** HEADER BANNER DAY + NIGHT                                                       *****/
/*     Replaces SaidIt default banner with over-wide banners that scale,
       and scrollbar additions not needed, nor use of settings menu banner option.         */

#header {
   min-height: 150px; }

.theme-daymode   #header {
   background-image: url(%%Elections-USA-2020-Banner-2124x150%%);
   background-color: #9999AA;
   background-position: 95% 0px; }

.theme-nightmode #header {
   background-image: url(%%Elections-USA-2020-Banner-2124x150%%);
   background-color: #333333;
   background-position: 5% 0px; }


/***** HEADER BANNER SINGLE - ALTERNATIVE                                              *****/

/**    nullified alternative positioned banner single image for both day and night

#header-bottom-left {
   height: 50x;
   padding-top: 150px;
   background-position: 50% 0px;
   background: url(%%Saidit-2019-Logo-Night-2200x300%%) no-repeat; }
                                                                                          **/

/***** HEADER TOP LEFT Menu (ovoid not tabs) shape                                     *****/

#sr-header-area {
   font-weight: normal;
   font-size: 120%;
   text-transform: capitalize; 
   line-height: 22px;
   width: 462px; 
   height: 21px;
   border-radius: 30px;
   padding: 0px 10px;
   margin: 0px 5px 5px 5px;
   position: static; }

.theme-daymode   #sr-header-area {
   background-color: #D9D9E9;
   border: 2px solid #B9B9C9; }

.theme-nightmode #sr-header-area {
   background-color: #222222;
   border: 2px solid #999066; }


/***** HEADER TOP LEFT Menu (ovoid not tabs) menu links                                *****/
/*     "My Subs" + "Home" "All" "Subscribed" "Random" "Friends" "Mod" + "Edit Subs"        */

#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-transform: uppercase;
   text-decoration: none;
   text-shadow: none;
   border: none;
   border-radius: 30px;
   height: 20px; }

#sr-header-area .flat-list.sr-bar .separator {
   display: none; }

.theme-daymode #sr-header-area .selected.title,
.theme-daymode #sr-header-area ul.flat-list.sr-bar.hover a,
.theme-daymode #sr-header-area a#sr-more-link {
   color: #992255;
   background-color: #D9D9E9; }

.theme-nightmode #sr-header-area .selected.title,
.theme-nightmode #sr-header-area ul.flat-list.sr-bar.hover a,
.theme-nightmode #sr-header-area a#sr-more-link {
   color: #C05588;
   background-color: #222222; }

.theme-daymode #sr-header-area .selected.title:hover,
.theme-daymode #sr-header-area ul.flat-list.sr-bar.hover a:hover,
.theme-daymode #sr-header-area a#sr-more-link:hover {
   color: #CC6600;
   background-color: #EEEEFF; }

.theme-nightmode #sr-header-area .selected.title:hover,
.theme-nightmode #sr-header-area ul.flat-list.sr-bar.hover a:hover,
.theme-nightmode #sr-header-area a#sr-more-link:hover {
   color: #FFB033;
   background-color: #000000; }

#sr-header-area .selected.title {
   position: relative;
   top: -3px;
   left: 9px;
   height: 18px; }

#sr-header-area .flat-list.sr-bar.hover a {
   padding: 0px 6px; }

#sr-header-area .flat-list.sr-bar.hover a,
#sr-header-area a#sr-more-link {
   position: relative;
   left: 6px; }


/**    FAILED = HEADER MIDDLE LEFT Menu change "- edit subs »" to "edit subs"

#sr-header-area a#sr-more-link {
   content: "edit subs"; }                                                                **/


/***** HEADER MIDDLE LEFT Menu (ovoid not tabs) current subsaidit name + sub-page      *****/

.theme-daymode   #header-bottom-left,
.theme-nightmode #header-bottom-left {
   border-bottom: none; }

#header-bottom-left .pagename.redditname {
   text-decoration: none;
   text-shadow: none;
   border: none;
   border-radius: 30px;
   height: 20px; }

#header-bottom-left .hover.pagename.redditname a {
   text-decoration: none;
   text-shadow: none;
   border: none;
   border-radius: 30px;
   height: 20px;
   padding: 0px 8px; }

.theme-daymode   #header-bottom-left .hover.pagename.redditname {
   color: #CC6600;
   background-color: #D9D9E9; 
   border: 2px solid #B9B9C9; }

.theme-nightmode #header-bottom-left .hover.pagename.redditname {
   color: #CC6600;
   background-color: #222222; 
   border: 2px solid #999066; }

.theme-daymode   #header-bottom-left .hover.pagename.redditname a:hover {
   color: #CC6600;
   background-color: #EEEEFF;}

.theme-nightmode #header-bottom-left .hover.pagename.redditname a:hover {
   color: #FFB033;
   background-color: #000000; }

#header-bottom-left .hover.pagename.redditname {
   font-weight: normal;
   font-size: 120%;
   line-height: 22px;
   height: 21px;
   border-radius: 30px; 
   padding: 0px 8px 0px 0px;
   margin: 0px 3px; }


/***** HEADER BOTTOM LEFT Menu (ovoid not tabs) tab menu                               *****/

/*     NOTE!!! "left:" is CUSTOM TO EACH SUB-FEED's name-title length                      */

#header-bottom-left ul.tabmenu {
   text-transform: uppercase;
   text-decoration: none;
   text-shadow: none;
   border: none;
   border-radius: 30px;
   height: 20px;
   line-height: 22px;
   padding: 0px 8px;
   margin: 0px 5px;
   position: relative;
   top: 31px;
   left: -165px; }

.theme-daymode   #header-bottom-left .tabmenu {
   background-color: #D9D9E9;
   border: 2px solid #B9B9C9; }

.theme-nightmode #header-bottom-left .tabmenu {
   background-color: #222222;
   border: 2px solid #999066; }


/***** HEADER BOTTOM LEFT Menu (ovoid removing tabs)                                   *****/
/*     "Hot" "New" "Insightful" "Funny" "Top" "Comments" "Wiki"                            */

#header-bottom-left a.choice {
   text-transform: uppercase;
   text-decoration: none;
   text-shadow: none;
   font-weight: normal;
   font-size: 110%;
   height: 20px;
   margin-left: 2px;
   margin-right: 2px;
   border: none;
   border-radius: 30px;
   padding: 0px 8px;
   background: none; }

.theme-daymode   #header-bottom-left a.choice:hover {
   color: #CC6600;
   background-color: #EEEEFF;}

.theme-nightmode #header-bottom-left a.choice:hover {
   color: #FFB033;
   background-color: #000000; }


/***** HEADER BOTTOM LEFT Menu selected (ovoid within ovoid)                           *****/

#header-bottom-left a.hot.choice,
#header-bottom-left a.new.choice,
#header-bottom-left a.upvote.choice,
#header-bottom-left a.controversial.choice,
#header-bottom-left a.top.choice,
#header-bottom-left a.sr-comments.choice,
#header-bottom-left a.wiki.choice {
   margin: 0px -5px; }

#header-bottom-left ul.tabmenu li.selected a.choice {
   padding: 0px 8px 0px 8px;
   border-radius: 30px; }

.theme-daymode   #header-bottom-left ul.tabmenu li.selected a.choice {
   color: #CC6600;
   background-color: #EEEEFF;
   border: 2px solid #B9B9C9; }

.theme-nightmode #header-bottom-left ul.tabmenu li.selected a.choice {
   color: #CC6600;
   background-color: #000000;
   border: 2px solid #999066; }


/***** HEADER USERBAR BOTTOM RIGHT Menu (ovoid) user messages mode prefs etc           *****/

#header-bottom-right {
   border-radius: 30px; 
   text-transform: capitalize; 
   font-size: 100%;
   height: 18px; 
   padding: 0px 3px 2px 3px;
   margin: 0px 5px 5px 5px;
   top: 0px;
   right: 0px; }

.theme-daymode   #header-bottom-right {
   background-color: #D9D9E9;
   border: 1px solid #B9B9C9; }

.theme-nightmode #header-bottom-right {
   background-color: #222222;
   border: 1px solid #999066; }


/***** HEADER USERBAR BOTTOM RIGHT Menu (ovoid)                                        *****/
/*     user messages # mod mode "Preferences" "Logout"                                     */

.theme-daymode   #header-bottom-right a,
.theme-daymode   #header-bottom-right .user {
   text-shadow: none;
   color: #666666;
   border-bottom: none;
   text-decoration: none;
   font-weight: normal; }

.theme-nightmode #header-bottom-right a,
.theme-nightmode #header-bottom-right .user {
   text-shadow: none;
   color: #BBBBBB;
   border-bottom: none;
   text-decoration: none;
   font-weight: normal; }

#header-bottom-right .separator {
   display: none; }

#header-bottom-right .user {
   padding: 0px 6px 0px 0px; }

#header-bottom-right .user a {
   font-size: 110%;
   padding: 0px 3px 0px 6px;
   border-radius: 30px; }

#header-bottom-right .userkarma {
   font-size: 110%;
   font-weight: normal; }

#header-bottom-right a#mail.havemail {
   padding: 0px 0px 2px 0px; }

#header-bottom-right a.message-count {
   font-family: "Helvetica", "Arial", sans-serif;
   font-weight: bold;
   font-size: 130%;
   text-align: center;
   line-height: 9px;
   color: #FFFFFF;
   background-color: #DD8800;
   border-radius: 30px;
   border: 1px solid #CC0000;
   padding: 5px;
   margin: 0px 1px 0px 2px; }

#header-bottom-right a#modmail {
   top: 2px;
   margin: 0px 3px 0px 4px;}

#header-bottom-right ul.flat-list.hover {
   border-bottom: none;
   text-decoration: none; }

#header-bottom-right .pref-lightswitch-on,
#header-bottom-right .pref-lightswitch-off {
   top: 2px;
   margin: 0px 0px 0px 4px;}

#header-bottom-right a.pref-lang.choice {
   font-size: 110%;
   padding: 0px 6px;
   border-radius: 30px; }

#header-bottom-right .logout a {
   font-size: 110%;
   padding: 0px 6px;
   border-radius: 30px; }

.theme-daymode   #header-bottom-right .user a:hover,
.theme-daymode   #header-bottom-right a.pref-lang.choice:hover,
.theme-daymode   #header-bottom-right .logout a:hover {
   color: #CC6600 !important;
   text-decoration: none;
   background-color: #EEEEFF; }

.theme-nightmode #header-bottom-right .user a:hover,
.theme-nightmode #header-bottom-right a.pref-lang.choice:hover,
.theme-nightmode #header-bottom-right .logout a:hover {
   color: #CC6600 !important;
   text-decoration: none;
   background-color: #000000; }



/***** HEADER SaidIt LOGO (image & home button)                                        *****/

#header-img,
#header-img.default-header {
   background-position: 0;
   min-height: 60px;
   width: 140px;
   margin: 32px 32px 0px 0px;
   position: fixed;
   top: 0px;
   right: 0px; }

.theme-daymode   #header-img,
.theme-daymode   #header-img.default-header {
   background-image: url(%%Saidit-2019-Logo-Day-Text-140x60%%); }

.theme-nightmode #header-img,
.theme-nightmode #header-img.default-header {
   background-image: url(%%Saidit-2019-Logo-Night-Text-140x60%%); }




/***** BODY                                                                            *****/


/***** BODY main page                                                                  *****/

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

body.theme-nightmode {
   background-color: #222222; }


/***** BODY link colors                                                                *****/

.theme-daymode   a:link {
   color: #0055BB; }

.theme-nightmode a:link {
   color: #50A0D0; }

.theme-daymode   a:visited {
   color: #6600CC; }

.theme-nightmode a:visited {
   color: #AD8BE0; }

.theme-daymode   a:hover {
   color: #CC6600; }

.theme-nightmode a:hover {
   color: #FFB033; }


/***** BODY space between paragraphs increased for easier reading                      *****/

.md .-blocks,
.md .-lists,
.md pre,
.md blockquote,
.md table,
.md p,
.md ul,
.md ol {
   margin: 0.90em 0px 0.90em 0px; }


/**    BDDY ANNOUNCEMENT HEADER

#siteTable:before {
   display: block;
   content: " ";
   text-align: center;
   font-size: large;
   font-weight: bold;
   color: #CCCCFF;
   background-color: #774477;
   padding: 5px 10px;
   margin: 0px 305px 0px 0px;
   border: 2px solid #DDDDFF;
   border-radius: 5px; }
                                                                                          **/




/***** SIDEBOX                                                                         *****/

.side {
   z-index: 3;
   display: inline-block;
   border-top-left-radius: 30px;
   border-bottom-left-radius: 30px;
   font-size: 100%;
   font-weight: normal;
   text-align: left;
   padding: 0px 3px 0px 5px;
   margin: 2px 0px 0px 0px; }

.theme-daymode   .side {
   background-color: #D9D9E9;
   border: 1px #CCFFCC; }

.theme-nightmode .side {
   background-color: #111111;
   border: 1px #003300; }


/**    SIDEBOX title at top

.side {
   background: url(%%DecentralizeAllThings-Sidebox-Image-300x60%%) no-repeat 0 0px;
   padding-top: 59px; }
                                                                                          **/


/***** SIDEBOX SEARCH (rounded)                                                        *****/

.theme-daymode   .side form#search {
   color: #333333;
   background: #DFDFEF;
   border: 1px solid #999999;
   border-radius: 30px;
   font-size: 130%;
   line-height: 10px;
   margin: 0px 15px 0px 15px; }

.theme-nightmode .side form#search {
   color: #BBBBBB;
   background: #333333;
   border: 1px solid #999999;
   border-radius: 30px;
   font-size: 130%;
   line-height: 10px;
   margin: 0px 15px 0px 15px; }


/***** SIDEBOX SEARCH Advanced (rounded)                                               *****/

.theme-daymode   .side #searchexpando {
   color: #333333;
   background: #DFDFEF;
   border: 1px solid #999999;
   border-top: 0px;
   border-bottom-left-radius: 20px;
   border-bottom-right-radius: 20px;
   font-size: 120%;
   line-height: 20px;
   margin: -5px 0px 0px 0px; }

.theme-nightmode .side #searchexpando {
   color: #BBBBBB;
   background: #333333;
   border: 1px solid #999999;
   border-top: 0px;
   border-bottom-left-radius: 20px;
   border-bottom-right-radius: 20px;
   font-size: 120%;
   line-height: 20px;
   margin: -5px 0px 0px 0px; }


/***** SIDEBOX SCORE - post pages only                                                 *****/

.side .linkinfo {
   margin: -4px 0px 0px 0px; }


/***** SIDEBOX "Announcements" (or image) above submit buttons                         *****/

.side .spacer:nth-of-type(3):before  {
   display: block;
   border-radius: 20px;
   background: url(%%Saidit-2019-Bubble-Announcements-300x300%%) center no-repeat;
   background-color: #999999;
   color: #666666;
   text-align: center;
   font-weight: bolder;
   font-size: 165%;
   font-family: "Helvetica", "Arial", sans-serif;
   content: " Decentralize All Things ";
   padding: 50px 0px 0px 0px;
   margin: -5px 0px 0px 0px;
   height: 130px; }


/***** SIDEBOX SUBMIT BUTTON                                                           *****/

.theme-daymode   .sidebox.submit-link,
.theme-daymode   .sidebox.submit-text,
.theme-daymode   .sidebox.create {
   width: 200px;
   height: 25px;
   margin: 5px 30px;
   border: none;
   border-radius: 30px;
   background: #EEEE99; }

.theme-nightmode .sidebox.submit-link,
.theme-nightmode .sidebox.submit-text,
.theme-nightmode .sidebox.create {
   width: 200px;
   height: 25px;
   margin: 5px 30px;
   border: none;
   border-radius: 30px;
   background: #BBBB66; }

.sidebox.submit-text {
   margin-top: -10px !important; }


/***** SIDEBOX SUBMIT BUTTON TEXT                                                      *****/

.morelink {
   padding: 5px 0px;
   margin: 5px 0px;
   line-height: 15px;
   border: none !important;
   text-align: center;
   vertical-align: middle;
   background: none !important; }

.theme-daymode   .morelink a:link {
   color: #0055A0; }

.theme-nightmode .morelink a:link {
   color: #0066AA; }

.theme-daymode   .morelink a:visited,
.theme-nightmode .morelink a:visited {
   color: #6633CC; }

.theme-daymode   .morelink a:hover,
.theme-nightmode .morelink a:hover {
   color: #CC3300; }


/***** SIDEBOX submit button removal of "nub" arrow point                              *****/

.theme-daymode   .sidebox.submit-link .morelink div.nub,
.theme-nightmode .sidebox.submit-link .morelink div.nub,
.theme-daymode   .sidebox.submit-text .morelink div.nub,
.theme-nightmode .sidebox.submit-text .morelink div.nub,
.theme-daymode   .sidebox.create      .morelink div.nub,
.theme-nightmode .sidebox.create      .morelink div.nub {
   display: none; }


/***** SIDEBOX CREATE NEW SUB REMOVED                                                  *****/

.sidebox.create,
.sidebox.create .morelink {
   height: 0px !important;
   display: none; }


/***** SIDEBOX CHAT BOX                                                                *****/

.side .spacer:nth-of-type(5) {
   margin: -10px 0px 0px 0px; }


/***** SIDEBOX TITLEBOX subsaidit title (make green in ovoid)                          *****/

.titlebox .redditname {
   display: block;
   text-align: center;
   border-radius: 30px;
   padding: 6px 10px;
   margin: -8px 20px 10px 20px; }

.theme-daymode   .redditname {
   background-color: #E6E6E6; }

.theme-nightmode .redditname {
   background-color: #222200; }

.theme-daymode   h1.hover.redditname a.hover {
   color: #00AA33; }

.theme-nightmode h1.hover.redditname a.hover {
   color: #55BB88; }


/***** SIDEBOX "readers" and "users here now"                                          *****/

.theme-daymode   .titlebox .subscribers {
   color: #00AA33; }

.theme-nightmode .titlebox .subscribers {
   color: #55BB88; }

.theme-daymode   p.users-online.fuzzed {
   color: #00AA33; }

.theme-nightmode p.users-online.fuzzed {
   color: #55BB88; }


/***** SIDEBOX "subscribe/unsubscribe" button                                          *****/

.fancy-toggle-button.subscribe-button.toggle .add {
   background-image: none;
   width: 100px;
   color: #F6C666;
   background-color: #339966;
   border: 1px solid #F6C666;
   border-radius: 30px;
   padding: 4px 10px;
   margin: 0px 30px; }

.fancy-toggle-button.subscribe-button.toggle .option.remove.login-required.active { 
   background-image: none;
   width: 100px;
   color: #440000;
   background-color: #AA5522;
   border: 1px solid #EEBB00;
   border-radius: 30px;
   padding: 4px 10px;
   margin: 0px 30px; }


/***** SIDEBOX "### subscribers" moved right                                           *****/

.side .subscribers {
   position: relative;
   right: -20px; }


/***** SIDEBOX "Moderation Tools" box background colour                                *****/

.theme-daymode   ul.flat-vert.icon-menu {
   background-color: #EEEE99;
   padding: 5px 10px;
   margin: 0px;
   border: 0px solid #999999;
   border-radius: 20px; }

.theme-nightmode ul.flat-vert.icon-menu {
   background-color: #222200;
   padding: 5px 10px;
   margin: 0px;
   border: 0px solid #666666;
   border-radius: 20px; }


/***** SIDEBOX "Moderation Tools" colour behind text only                              *****/

ul.flat-vert.icon-menu a {
   background: none; }


/***** SIDEBOX "Moderators" box                                                        *****/

.theme-daymode   .side .sidecontentbox ul.flat-vert.icon-menu {
   background-color: #E6E6FF;}

.theme-daymode   .side .sidecontentbox ul.content,
.theme-nightmode .side .sidecontentbox ul.content {
   background: none;
   border: 0px;
   border-radius: 10px;
   margin: 5px; }


/***** SIDEBOX "message the moderators" animated button                                *****/

/***** SIDEBOX "message the moderators" ovoid                                          *****/

.side .helplink {
   display: block!important;
   width: 130px;
   border-radius: 30px;
   text-align: center!important;
   padding: 5px 10px;
   position: relative;
   margin-bottom: 5px!important;
   margin-top: -5px!important;
   overflow: visible;
   transition: all 0.25s ease; }

.theme-daymode   .side .helplink {
   background: #E6E6E6; }

.theme-nightmode .side .helplink {
   background: #222200; }


/***** SIDEBOX "message the moderators" hover background transition                    *****/

.theme-daymode   .side .helplink:hover {
   background: #E6E6E6; }

.theme-nightmode .side .helplink:hover {
   background: #222200; }


/***** SIDEBOX "message the moderators" hover text transition                          *****/

.side .helplink:hover {
   padding-top: 35px;
   color: transparent;
   opacity: 1.00;
   transition: all 0.25s ease; }


/***** SIDEBOX "message the moderators" hovered text                                   *****/

.theme-daymode   .side .helplink:after {
   color: #CC6600; }

.theme-nightmode .side .helplink:after {
   color: #FFB033; }

.side .helplink:after {
   background-color: transparent;
   content: "Please include all relevant links when messaging the moderators!";
   width: 150px;
   font-weight: 400;
   line-height: 1.4em;
   position: absolute;
   top: -2px;
   right: 0;
   margin-top: 8px;
   -webkit-transition: .25s 0s;
   transition: .25s 0s;
   opacity: 0; }

.side .helplink:hover:after {
   -webkit-transition-delay: .25s;
   transition-delay: .25s;
   opacity: 1;
   visibility: visible; }


/***** SIDEBOX after box with name of CSS theme                                        *****/

.side:after {

/**    FAILED =

   content: <a href="https://Saidit.net/s/DecentralizAllThings/about/stylesheet">
            Ergonomix CSS theme</a>" by "<a href="https://Saidit.net/u/JasonCarswell">
            /u/JasonCarswell</a>".";                                                      **/

   content: "Ergonomix CSS theme: https://Saidit.net /s/DecentralizAllThings /about/stylesheet";
   display: block;
   width: 265px;
   margin: 10px 0;
   padding: 10px 0;
   position: absolute;
   text-align: center;
   font-size: 1.3em;
   opacity: .7;
   border-top-left-radius: 30px;
   border-bottom-left-radius: 30px;}

.theme-daymode   .side:after {
   color: #777777;
   border: 1px solid #999999;
   border-right: none; }

.theme-nightmode .side:after {
   color: #777777;
   border: 1px solid #555555;
   border-right: none; }




/***** THUMBNAILS                                                                      *****/

/***** THUMBNAIL FRAME                                                                 *****/

.thumbnail {
   width: 90px;
   height: auto;
   border-radius: 10px;
   padding: 0px;
   margin: 0px 10px 0px 5px; }

.thumbnail img {
   width: inherit;
   height: initial; }

.theme-daymode   .thumbnail {
   background-color: #FFFFFF;
   border: 1px solid #999999; }

.theme-nightmode .thumbnail {
   background-color: #000000;
   border: 1px solid #666666; }


/***** THUMBNAIL FILLERS for no image text + no image link                             *****/

.thumbnail.self,
.thumbnail.default {
   text-align: center;
   vertical-align: middle;
   background-position: center; }

.theme-daymode   .thumbnail.self {
   background-image: url(%%Saidit-2019-Logo-Day-Text-70x70%%);
   width: 90px;
   height: 90px; }

.theme-nightmode .thumbnail.self {
   background-image: url(%%Saidit-2019-Logo-Night-Text-70x70%%);
   width: 90px;
   height: 90px; }

.theme-daymode   .thumbnail.default {
   background-image: url(%%Saidit-2019-Logo-Day-Link-70x70%%);
   width: 90px;
   height: 90px; }

.theme-nightmode .thumbnail.default {
   background-image: url(%%Saidit-2019-Logo-Night-Link-70x70%%);
   width: 90px;
   height: 90px; }




/***** POST FEED LIST alternating "stripes" darker                                     *****/

.theme-daymode   .odd.link {
   background: #DFDFEF !important;
   margin: 5px 0px;
   padding-left: 3px; }

.theme-nightmode .odd.link {
   background: #1D1D1D !important;
   margin: 5px 0px;
   padding-left: 3px; }


/***** POST FEED LIST alternating "stripes" lighter                                    *****/

.theme-daymode   .even.link {
   background: #E6E6E6 !important;
   margin: 5px 0px;
   padding-left: 3px; }

.theme-nightmode .even.link {
   background: #262626 !important;
   margin: 5px 0px;
   padding-left: 3px; }


/***** POST FEED LIST hover (lightest & darkest)                                       *****/

.theme-daymode.listing-page   .thing.link:hover {
   background-color: #EEEEEE; }

.theme-nightmode.listing-page .thing .title:hover {
   background-color: #101010; }


/***** POST LINKS = link blue & visited purple & hover orange                          *****/

.theme-daymode   .thing .title {
   color: #0022EE; }

.theme-nightmode .thing .title {
   color: #80B0E0; }

.theme-daymode   .thing .title:visited, .thing.visited .title {
   color: #6000B0; }

.theme-nightmode .thing .title:visited, .thing.visited .title {
   color: #B098ED; }

.theme-daymode   .thing .title:hover, .thing.hover .title {
   color: #CC6600; }

.theme-nightmode .thing .title:hover, .thing.hover .title {
   color: #FFB033; }


/***** POST LINKS PINNED                                                               *****/

.theme-daymode   .thing.stickied.link a.title {
   color: #992255; }

.theme-nightmode .thing.stickied.link a.title {
   color: #C05588; }


/***** POST TITLE UNDERLINE                                                            *****/

.theme-daymode   .title {
   border-bottom: 0px solid #AAAAEE; }

.theme-nightmode .title {
   border-bottom: 0px solid #223344; }


/***** POSTS & COMMENTS DOMAIN                                                         *****/

.domain {
   float: right; }


/***** POSTS & COMMENTS DOMAIN BRACKETS                                                *****/

.theme-daymode   .domain {
   color: #8888BB; }

.theme-nightmode .domain {
   color: #667788; }


/***** POSTS & COMMENTS DOMAIN LINKS                                                   *****/

.theme-daymode   .thing .domain a:link {
   color: #552299;
   font-size: 1.3em; }

.theme-nightmode .thing .domain a:link {
   color: #7788FF;
   font-size: 1.3em; }

.theme-daymode   .thing .domain a:visited {
   color: #552299;                                                        /* not different */
   font-size: 1.3em; }

.theme-nightmode .thing .domain a:visited {
   color: #AA55BB;
   font-size: 1.3em; }

.theme-daymode   .thing .domain a:hover {
   color: #CC6600;
   font-size: 1.35em; }

.theme-nightmode .thing .domain a:hover {
   color: #FFB033;
   font-size: 1.35em; }


/***** POSTS & COMMENTS EXPANDO BUTTON                                                 *****/

.expando-button {
   width: 24px;
   height: 24px;
   border-radius: 30px;
   border: 3px solid #336699;
   background-color: #FFFFFF; }

.expando-button:hover {
   border: 3px solid #FFFFFF;
   background-color: #336699; }


/**    VOTE COMMENT "remove user scores" (beside user name, moved to side buttons) 

.expando {
   clear: both; }                                                                         **/


/***** POSTS & COMMENTS TAGLINE paragraph position "submitted by from"                 *****/

.theme-daymode   .linklisting .tagline,
.theme-nightmode .linklisting .tagline {
   color: #999999;
   font-size: 1.10em;
   clear: left;
   position: relative;
   left: 40px; }


/***** POSTS & COMMENTS TAGLINE "date & time"                                          *****/

.theme-daymode   .tagline time {
   color: #668800;
   font-weight: normal;
   font-size: 1.25em; }

.theme-nightmode .tagline time {
   color: #AACC77;
   font-weight: normal;
   font-size: 1.25em; }


/***** POSTS & COMMENTS TAGLINE "author + friend + comment submitter + [F]"            *****/

.theme-daymode   .tagline a.author {
   color: #992255;
   font-weight: bold;
   font-size: 1.30em; }

.theme-nightmode .tagline a.author {
   color: #BB8855;
   font-weight: bold;
   font-size: 1.30em; }

.theme-daymode   .tagline a.author.friend {
   color: #901090;
   font-weight: bold;
   font-size: 1.30em; }

.theme-nightmode .tagline a.author.friend {
   color: #B07090;
   font-weight: bold;
   font-size: 1.30em; }

.theme-daymode   .tagline .userattrs {
   color: #BB4477;
   font-weight: bold;
   font-size: 1.00em; }

.theme-nightmode .tagline .userattrs {
   color: #905070;
   font-weight: bold;
   font-size: 1.00em; }

.theme-daymode   .tagline a.author.submitter {
   color: #992255;                                                        /* not different */
   font-weight: bold;
   font-size: 1.30em; }                                        /* not posts, comments only */

.theme-nightmode .tagline a.author.submitter {
   color: #CC6666;
   font-weight: bold;
   font-size: 1.30em; }                                        /* not posts, comments only */


/***** POSTS & COMMENTS FLAT-LIST BUTTONS UNDERLINE                                    *****/

.theme-daymode   .flat-list {
   border-bottom: 2px solid #AAAAEE; }

.theme-nightmode .flat-list {
   border-bottom: 2px solid #223344; }


/***** POSTS & COMMENTS FLAT-LIST BUTTONS                                              *****/
/*     "comment share save hide distinguish delete
                                      spam remove approve lock nsfw flair retry thumb"     */


/***** POSTS & COMMENTS FLAT-LIST BUTTONS "comments" link                              *****/

.theme-daymode   .entry .buttons a.bylink.comments {
   color: #00AA33;
   font-weight: normal;
   font-size: 1.30em; }

.theme-nightmode .entry .buttons a.bylink.comments {
   color: #55BB88;
   font-weight: normal;
   font-size: 1.30em; }


/***** POSTS & COMMENTS FLAT-LIST BUTTONS "share" + "save" + "hide" link               *****/

.theme-daymode   .entry .buttons li.share a,
.theme-nightmode .entry .buttons li.share a,
.theme-daymode   .entry .buttons li.link-save-button.save-button a,
.theme-nightmode .entry .buttons li.link-save-button.save-button a,
.theme-daymode   .entry .buttons form.state-button.hide-button a,
.theme-nightmode .entry .buttons form.state-button.hide-button a {
   color: #8899CC;
   font-weight: normal;
   font-size: 1.10em; }


/***** POSTS & COMMENTS FLAT-LIST BUTTONS "approve" link                               *****/

.theme-daymode   .entry .buttons form.state-button.approve-button a {
   color: #AA0033;
   font-weight: normal;
   font-size: 1.20em; }

.theme-nightmode .entry .buttons form.state-button.approve-button a {
   color: #BB5588;
   font-weight: normal;
   font-size: 1.20em; }


/***** POSTS & COMMENTS FLAT-LIST BUTTONS "approved" NOTIFICATION not-link             *****/

.theme-daymode   .entry .buttons form.state-button.approve-button {
   color: #00AA33;
   font-weight: normal;
   font-size: 1.20em; }

.theme-nightmode .entry .buttons form.state-button.approve-button {
   color: #55BB88;
   font-weight: normal;
   font-size: 1.20em; }


/***** POSTS & COMMENTS FLAT-LIST BUTTONS                                              *****/

/*     "lock" + "nsfw" + "flair" + "retry thumb" + "check back in a few minutes" link      */

.theme-daymode   .entry .buttons form.toggle.lock-button a,
.theme-nightmode .entry .buttons form.toggle.lock-button a,
.theme-daymode   .entry .buttons form.toggle.marknsfw-button a,
.theme-nightmode .entry .buttons form.toggle.marknsfw-button a,
.theme-daymode   .entry .buttons a.flairselectbtn.access-required,
.theme-nightmode .entry .buttons a.flairselectbtn.access-required,
.theme-daymode   .entry .buttons form.toggle.rescrape-button a,
.theme-nightmode .entry .buttons form.toggle.rescrape-button a,
.theme-daymode   .entry .buttons form.toggle.rescrape-button,
.theme-nightmode .entry .buttons form.toggle.rescrape-button {
   color: #8899CC;
   font-weight: normal;
   font-size: 1.10em; }


/***** POSTS & COMMENTS FLAT-LIST positions                                            *****/

/***** POSTS FLAT-LIST                                                                 *****/
/*     "comment share save hide distinguish delete                                         */
/*                                    spam remove approve lock nsfw flair retry thumb"     */

.link .flat-list.buttons {
   clear: left;
   float: left;
   position: relative;
   left: 40px;
   top: 0px; }


/***** COMMENTS FLAT-LIST                                                              *****/
/*     "permalink save parent edit disable-inbox-replies                                   */
/*                                               delete spam remove distinguish reply"     */

.comment .flat-list.buttons {
   float: right;
   position: relative;
   right: 15px; }


/***** POSTS & COMMENTS FLAT-LIST "delete" + "spam"/"remove" + "report" links          *****/

.theme-daymode   .entry .buttons form.toggle.del-button a,
.theme-nightmode .entry .buttons form.toggle.del-button a,
.theme-daymode   .entry .buttons form.toggle.remove-button a,
.theme-nightmode .entry .buttons form.toggle.remove-button a,
.theme-daymode   .entry .buttons li.report-button a,
.theme-nightmode .entry .buttons li.report-button a {
   color: #8899CC;
   font-weight: normal;
   font-size: 1.10em; }


/***** POSTS & COMMENTS RES-for-SaidIt highlight comment background                    *****/

.theme-daymode   .thing .new-comment .usertext-body {
   background-color: #E8F2C4; }

.theme-nightmode .thing .new-comment .usertext-body {
   background-color: #384422; }




/***** COMMENTS                                                                        *****/


/***** COMMENT-AREA                                                                    *****/

.commentarea {
   margin: 10px 10px 10px -10px; }


/***** COMMENTS-AREA left-side expand-collapse                                         *****/

.comment a.expand {
   left: -25px !important;
   padding: 6px 2px !important;
   width: 20px;
   opacity: .6 !important;
   border-radius: 10px !important; }

.theme-daymode   .commentarea .comment a.expand {
   color: #333333;
   background-color: #D0D0D0; }

.theme-nightmode .commentarea .comment a.expand {
   color: #999999;
   background-color: #222222; }

.theme-daymode   .commentarea .comment a.expand:hover {
   font-weight: bold;
   color: #996600;
   background-color: #BBBBBB; }

.theme-nightmode .commentarea .comment a.expand:hover {
   font-weight: bold;
   color: #FFCC00;
   background-color: #444444; }


/***** COMMENTS-AREA alternating darker + lighter *****/

.theme-daymode .commentarea .comment,
.theme-daymode .commentarea .comment .comment .comment,
.theme-daymode .commentarea .comment .comment .comment .comment .comment,
.theme-daymode .commentarea .comment .comment .comment .comment .comment .comment .comment,
.theme-daymode .commentarea .comment .comment .comment .comment .comment .comment .comment .comment .comment,
.theme-daymode .commentarea .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment {
   padding: 10p !important;
   border-radius: 10px !important;
   border: 3px solid #F7F7F7;
   background: #DFDFEF !important; }

.theme-nightmode .commentarea .comment,
.theme-nightmode .commentarea .comment .comment .comment,
.theme-nightmode .commentarea .comment .comment .comment .comment .comment,
.theme-nightmode .commentarea .comment .comment .comment .comment .comment .comment .comment,
.theme-nightmode .commentarea .comment .comment .comment .comment .comment .comment .comment .comment .comment,
.theme-nightmode .commentarea .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment {
   padding: 10p !important;
   border-radius: 10px !important;
   border: 3px solid #313131;
   background: #1D1D1D !important; }

.theme-daymode .commentarea .comment .comment,
.theme-daymode .commentarea .comment .comment .comment .comment,
.theme-daymode .commentarea .comment .comment .comment .comment .comment .comment,
.theme-daymode .commentarea .comment .comment .comment .comment .comment .comment .comment .comment,
.theme-daymode .commentarea .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment {
   padding: 10p !important;
   border-radius: 10px !important;
   border: 3px solid #F7F7F7;
   background: #E6E6E6 !important; }

.theme-nightmode .commentarea .comment .comment,
.theme-nightmode .commentarea .comment .comment .comment .comment,
.theme-nightmode .commentarea .comment .comment .comment .comment .comment .comment,
.theme-nightmode .commentarea .comment .comment .comment .comment .comment .comment .comment .comment,
.theme-nightmode .commentarea .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment {
   padding: 10p !important;
   border-radius: 10px !important;
   border: 3px solid #313131;
   background: #262626 !important; }


/***** COMMENTS turn off the scores beside the user names                              *****/

.comment .tagline .score,
.comment .tagline .score.likesdislikes {
   display: none; }


/***** COMMENTS body text colours                                                      *****/

.theme-daymode   .thing .md {
   color: #442200; }

.theme-nightmode .thing .md {
   color: #D0C8BF; }


/***** COMMENTS "> blockquote" text colours                                            *****/

.theme-daymode   .thing .md blockquote {
   color: #009900; }

.theme-nightmode .thing .md blockquote {
   color: #AACCAA; }


/***** COMMENTS FLAT-LIST BUTTONS                                                      *****/

/*     "permalink save parent edit disable-inbox-replies delete                            */
/*                                                      spam remove distinguish reply"     */


/***** COMMENTS FLAT-LIST BUTTONS "permalink" + "save" + "parent" links                *****/

.theme-daymode   .entry .buttons li.first a,
.theme-nightmode .entry .buttons li.first a,
.theme-daymode   .entry .buttons li.comment-save-button.save-button a,
.theme-nightmode .entry .buttons li.comment-save-button.save-button a,
.theme-daymode   .entry .buttons li a.bylink,
.theme-nightmode .entry .buttons li a.bylink {
   color: #8899CC;
   font-weight: normal;
   font-size: 1.10em; }


/***** COMMENTS "edit" link                                                            *****/

.theme-daymode   .entry .buttons li a.edit-usertext {
   color: #33AA59;
   font-size: 1.20em; }

.theme-nightmode .entry .buttons li a.edit-usertext {
   color: #44BB77;
   font-size: 1.20em; }


/***** COMMENTS FLAT-LIST BUTTONS "disable inbox replies" + "distinguish" links        *****/

.theme-daymode   .entry .buttons form.toggle.sendreplies-button a,
.theme-nightmode .entry .buttons form.toggle.sendreplies-button a {
   color: #8899CC;
   font-weight: normal;
   font-size: 1.10em; }

.theme-daymode   .entry .buttons li.toggle a,
.theme-nightmode .entry .buttons li.toggle a {
   color: #8899CC;
   font-weight: normal;
   font-size: 1.10em; }


/***** COMMENTS FLAT-LIST BUTTONS "reply" link                                         *****/

.theme-daymode   .entry .buttons li.reply-button a {
   color: #00AA33;
   font-size: 1.30em; }

.theme-nightmode .entry .buttons li.reply-button a {
   color: #55BB88;
   font-size: 1.30em; }


/***** COMMENTS buttons "save" "cancel"                                                *****/

.theme-daymode   .usertext-edit button.save,
.theme-nightmode .usertext-edit button.save,
.theme-daymode   .usertext-edit button.cancel,
.theme-nightmode .usertext-edit button.cancel {
   font-weight: bold;
   font-size: 1.2em;
   text-align: center;
   vertical-align: middle;
   width: 100px;
   height: 30px;
   border: none;
   border-radius: 20px;
   padding: 3px 12px 4px 12px;
   margin: 5px 5px 5px 10px; }

.theme-daymode   .usertext-edit button.save,
.theme-nightmode .usertext-edit button.save   {
   color: #F6C666;
   background: #339966; }

.theme-daymode   .usertext-edit button.save:hover,
.theme-nightmode .usertext-edit button.save:hover   {
   color: #339966;
   background: #F6C666; }

.theme-daymode   .usertext-edit button.cancel,
.theme-nightmode .usertext-edit button.cancel {
   color: #339966;
   background: #F6C666; }

.theme-daymode   .usertext-edit button.cancel:hover,
.theme-nightmode .usertext-edit button.cancel:hover {
   color: #F6C666;
   background: #339966; }


/***** COMMENTS "Highlight comments posted since previous visit:"                      *****/

.rounded.gold-accent.comment-visits-box {
   border-radius: 30px; }


/***** COMMENTS "formatting help" table (but can't tweak yellow header background)     *****/

.theme-daymode   .markhelp table.md   {
   background-color: #CCEECC;
   color: #006600; }
.theme-nightmode .markhelp table.md {
   background-color: #112211;
   color: #88AA88; }


/**    FAILED = COMMENTS "formatting help" table header background                        **/





/**    VOTES BUTTON ICONS (ANNULLED, code saved here so button-icons may be restored )

.theme-daymode   .arrow.up {
   background-image: url(%%Saidit-2019-S-Icon-Day-Up-Null-25x25%%); }

.theme-nightmode .arrow.up {
   background-image: url(%%Saidit-2019-S-Icon-Night-Up-Null-25x25%%); }

.theme-daymode   .arrow.upmod {
   background-image: url(%%Saidit-2019-S-Icon-Day-Up-Mod-25x25%%); }

.theme-nightmode .arrow.upmod {
   background-image: url(%%Saidit-2019-S-Icon-Night-Up-Mod-25x25%%); }

.theme-daymode   .arrow.down {
   background-image: url(%%Saidit-2019-S-Icon-Day-Down-Null-25x25%%); }

.theme-nightmode .arrow.down {
   background-image: url(%%Saidit-2019-S-Icon-Night-Down-Null-25x25%%); }

.theme-daymode   .arrow.downmod {
   background-image: url(%%Saidit-2019-S-Icon-Day-Down-Mod-25x25%%); }

.theme-nightmode .arrow.downmod {
   background-image: url(%%Saidit-2019-S-Icon-Night-Down-Mod-25x25%%); }

.theme-daymode   .arrow.up,
.theme-nightmode .arrow.up,
.theme-daymode   .arrow.upmod,
.theme-nightmode .arrow.upmod,
.theme-daymode   .arrow.down,
.theme-nightmode .arrow.down,
.theme-daymode   .arrow.downmod,
.theme-nightmode .arrow.downmod {
   background-position: 0;
   margin-top: 0; }
                                                                                          **/


/***** VOTES BUTTON ICON REMOVAL                                                       *****/

.theme-daymode   .arrow.up,
.theme-nightmode .arrow.up,
.theme-daymode   .arrow.upmod,
.theme-nightmode .arrow.upmod,
.theme-daymode   .arrow.down,
.theme-nightmode .arrow.down,
.theme-daymode   .arrow.downmod,
.theme-nightmode .arrow.downmod {
   background: none;
   border: none; }


/***** POSTS & COMMENTS VOTE SCORE-BOX positioning                                     *****/

.midcol {
   float: left; }

.linklisting .tagline {
   float: left; }

.theme-daymode   .midcol,
.theme-nightmode .midcol,
.theme-daymode   .midcol.unvoted,
.theme-nightmode .midcol.unvoted,
.theme-daymode   .midcol.likes.dislikes,
.theme-nightmode .midcol.likes.dislikes,
.theme-daymode   .midcol.likes,
.theme-nightmode .midcol.likes,
.theme-daymode   .midcol.dislikes,
.theme-nightmode .midcol.dislikes,
.theme-daymode   .comment .midcol,
.theme-nightmode .comment .midcol,
.theme-daymode   .comment .midcol .arrow.up,
.theme-nightmode .comment .midcol .arrow.up,
.theme-daymode   .comment .midcol .arrow.upmod,
.theme-nightmode .comment .midcol .arrow.upmod,
.theme-daymode   .comment .midcol .arrow.down,
.theme-nightmode .comment .midcol .arrow.down,
.theme-daymode   .comment .midcol .arrow.downmod,
.theme-nightmode .comment .midcol .arrow.downmod {
   width: 50px;
   margin: 0px 6px 0px 0px; }


/***** POSTS & COMMENTS VOTE SCORE-BOX positioning to remedy downvote overflows        *****/

.comment .midcol {
   height: auto; }

.arrow {
   height: 26px; }


/***** POSTS VOTE SCORES In BOXES (ovoids) = grey to yellow + orange                   *****/

.theme-daymode   .arrow.up .score,
.theme-daymode   .arrow.down .score,
.theme-daymode   .comment .midcol .arrow.up .score,
.theme-daymode   .comment .midcol .arrow.down .score {
   color: #A6A6A6;
   border: 2px solid #A6A6A6;
   font-size: 1.00em; }

.theme-daymode   .arrow.upmod .score,
.theme-daymode   .comment .midcol .arrow.upmod .score {
   color: #665522;
   border: 2px solid #665522;
   font-size: 1.15em;
   background-color: #CCD999; }

.theme-daymode   .arrow.downmod .score,
.theme-daymode   .comment .midcol .arrow.downmod .score {
   color: #665544;
   border: 2px solid #665544; 
   font-size: 1.15em;
   background-color: #E8D088; }
.theme-nightmode .arrow.up .score,
.theme-nightmode .arrow.down .score,
.theme-nightmode .comment .midcol .arrow.up .score,
.theme-nightmode .comment .midcol .arrow.down .score {
   color: #999066;
   border: 2px solid #999066;
   font-size: 1.00em; }

.theme-nightmode .arrow.upmod .score,
.theme-nightmode .comment .midcol .arrow.upmod .score {
   color: #F0A050;
   border: 2px solid #F0A050;
   font-size: 1.15em;
   background-color: #444400; }

.theme-nightmode .arrow.downmod .score,
.theme-nightmode .comment .midcol .arrow.downmod .score {
   color: #E0B040;
   border: 2px solid #E0B040; 
   font-size: 1.15em;
   background-color: #332211; }


/***** POSTS & COMMENTS VOTE SCORE numbers in ovoids (no icon buttons)                 *****/

.link    .arrow,
.comment .arrow {
   float: none;
   width: 100%;
   margin: 0px;
   border-radius: 30px; }

.link    .arrow.up,
.link    .arrow.down,
.comment .arrow.up,
.comment .arrow.down {
   background: none; }                                                    /* voteless only */

.link    .midcol .arrow.up,
.link    .midcol .arrow.down, 
.link    .midcol .arrow.upmod,
.link    .midcol .arrow.downmod,
.comment .midcol .arrow.up,
.comment .midcol .arrow.down, 
.comment .midcol .arrow.upmod,
.comment .midcol .arrow.downmod {
   width: auto !important; }

.link    .midcol .arrow.up .score,
.link    .midcol .arrow.down .score,
.link    .midcol .arrow.upmod .score,
.link    .midcol .arrow.downmod .score,
.comment .midcol .arrow.up .score,
.comment .midcol .arrow.down .score,
.comment .midcol .arrow.upmod .score,
.comment .midcol .arrow.downmod .score {
   display: block;
   width: auto;
   position: inherit;
   line-height: 18px;
   text-align: center;
   padding: 1px 8px;
   height: 20px;
   border-radius: 30px; }


/***** POSTS VOTE BOXES (ovoids) with space between                                    *****/

.theme-daymode   .arrow.down .score,
.theme-nightmode .arrow.down .score,
.theme-daymode   .arrow.downmod .score,
.theme-nightmode .arrow.downmod .score {
   margin-top: 7px; }


/***** VOTE animated up / insightful                                                   *****/

.thing .upmod:focus::after{
   content: "";
   color: #8877EE;
   font-size: 11px;
   font-weight: bold !important;
   font-family: "Segoe UI", "Helvetica", "Arial", sans-serif;
   margin-left: 4px;
   display: block;
   position: absolute;
   animation: upvote 1s ease-out;
   -webkit-animation: upvote 1s ease-out;
   -moz-animation: upvote 1s ease-out;
   opacity: 0;
   z-index: 9001;
}
@keyframes upvote 
{
  0%   { margin-top:40px; opacity:0; }
  20%  { margin-top:-20px; opacity:1; }
  80%  { margin-top:-30px; opacity:1; }
  100% { margin-top:-60px; opacity:0; }
}
@-webkit-keyframes upvote 
{
  0%   { margin-top:40px; opacity:0; }
  20%  { margin-top:-20px; opacity:1; }
  80%  { margin-top:-30px; opacity:1; }
  100% { margin-top:-60px; opacity:0; }
}
@-moz-keyframes upvote 
{
  0%   { margin-top:40px; opacity:0; }
  20%  { margin-top:-20px; opacity:1; }
  80%  { margin-top:-30px; opacity:1; }
  100% { margin-top:-60px; opacity:0; }
}
.thing .upmod:focus::after { content: "VALUED"; }


/***** VOTE animated down / fun *****/

.thing .downmod:focus::after{
   content: "";
   color: #8877EE;
   font-size: 11px;
   font-weight: bold !important;
   font-family: "Segoe UI", "Helvetica", "Arial", sans-serif;
   margin-left: 15px;
 /** font-family: "Comic Sans MS", cursive, sans-serif;
       color: gold;
       text-shadow: 1px 1px 1px black,
       -1px 1px 1px black,
       -1px -1px 1px black,
       1px -1px 1px black,
       0px 0px 3px black; **/
   display: block;
   position: absolute;
   animation: downvote 1s ease-out;
   -webkit-animation: downvote 1s ease-out;
   -moz-animation: downvote 1s ease-out;
   opacity: 0;
   z-index: 9001;
}
@keyframes downvote 
{
  0%   { margin-top:-60px; opacity:0; }
  20%  { margin-top:-30px; opacity:1; }
  80%  { margin-top:-20px; opacity:1; }
  100% { margin-top:40px; opacity:0; }
}
@-webkit-keyframes downvote 
{
  0%   { margin-top:-60px; opacity:0; }
  20%  { margin-top:-30px; opacity:1; }
  80%  { margin-top:-20px; opacity:1; }
  100% { margin-top:40px; opacity:0; }
}
@-moz-keyframes downvote 
{
  0%   { margin-top:-60px; opacity:0; }
  20%  { margin-top:-30px; opacity:1; }
  80%  { margin-top:-20px; opacity:1; }
  100% { margin-top:40px; opacity:0; }
}
.thing .downmod:focus::after { content: "FUN"; }




/***** NOTIFICATIONS                                                                   *****/


/***** NOTIFICATION "there doesn't seem to be anything here" + "saved" = orange        *****/

.comments-page .error,
.theme-daymode   .buttons .error,
.theme-nightmode .buttons .error {
   color: #CC6600;
   font-size: 1.75em; }


/***** NOTIFICATION "continue this thread" = bright orange                             *****/

.theme-daymode   .deepthread:after,
.theme-nightmode .deepthread:after {
   background-image: none;
   content: "►"; }

.theme-daymode   .deepthread a,
.theme-daymode   .deepthread:after {
   color: #D07000;
   font-size: 2.00em; }

.theme-nightmode .deepthread a,
.theme-nightmode .deepthread:after {
   color: #EEBB33;
   font-size: 2.00em; }




/***** COMMENT-LIST-PAGE                                                               *****/

/***** COMMENT-LIST-PAGE alternating "stripes" darker                                  *****/

.theme-daymode   .odd.comment {
   border-radius: 10px !important;
   border: 3px solid #F7F7F7;
   background: #DFDFEF !important;
   margin: 5px 0px;
   padding-left: 3px; }

.theme-nightmode .odd.comment {
   border-radius: 10px !important;
   border: 3px solid #313131;
   background: #1D1D1D !important;
   margin: 5px 0px;
   padding-left: 3px; }


/***** COMMENT-LIST-PAGE alternating "stripes" lighter                                 *****/

.theme-daymode   .even.comment {
   border-radius: 10px !important;
   border: 3px solid #F7F7F7;
   background: #E6E6E6 !important;
   margin: 5px 0px;
   padding-left: 3px; }

.theme-nightmode .even.comment {
   border-radius: 10px !important;
   border: 3px solid #313131;
   background: #262626 !important;
   margin: 5px 0px;
   padding-left: 3px; }


/***** COMMENT-LIST-PAGE Tweaks

#siteTable.sitetable.linklisting .comment .parent {
   margin: 5px 10px 10px 50px; }

#siteTable.sitetable.linklisting .comment .tagline {
   margin: 50px 10px 10px 20px ; }

#siteTable.sitetable.linklisting .comment a.expand {
   border-radius: 30px;
   border: 2px solid #50A0D0 !important;
   background-color: #FFFFFF;
   opacity: 1 !important;
   text-align: center;
   vertical-align: middle;
   padding: 10px 10px 10px 10px !important;
   margin: 10px 10px 10px 10px !important;
   position: absolute;
   left: 150px; }

#siteTable.sitetable.linklisting .comment .usertext-body.may-blank-within.md-container {
   margin-top: 5px; }


***** COMMENT-LIST-PAGE                                                               *****/




/***** SUBMIT-PAGE FORMS                                                               *****/

/*     Form prompt text default color = "wheat" #F5DEB3 and "black"                        */
/*     "title" "url" "choose a sub" "your subscribed subs"                                 */
/*                                                     "options" "be mindful" "submit"     */


/***** SUBMIT-PAGE - REMOVE                                                            *****/

/**    REMOVE SaidIt Logo

.submit-page #header-img.default-header {
   display: none; }                                                                       **/


/*     REMOVE Sidebox                                                                      */

.submit-page .side,
.submit-page .footer-parent {
   display: none !important; }


/**    REMOVE Link + Text Tabs + List of "your subscribed subs"

.submit .formtabs-content {
   border-top: none; }                                                                    **/


/*     REMOVE "submit to [subsaidit title]"                                                */

.submit-page .content h1 {
   display: none; }


/*     REMOVE next section's blue line & halved padding                                    */

.submit .formtabs-content {
   width: 100%;
   border-top: none;
   padding-top: 5px; }


/*     REMOVE "You are submitting a link. The key to a successful submission is            */
/*     interesting content and a descriptive title."                                       */

.submit #link-desc.infobar {
   display: none !important; }


/*     REMOVE "You are submitting a text-based post. Speak your mind. A title is           */
/*     required, but expanding further in the text field is not. Beginning your            */
/*     title with "vote up if" is violation of intergalactic law."                         */

.submit #text-desc.infobar {
   display: none !important; }


/**    SUBMIT-PAGE Submit Button

.submit.content button[name="submit"] {
   background-color: #8cb3d9;
   border: 1px solid #8cb3d9;
   font-size: 16px;
   color: #fff;
   display: block;
   width: 200px;
   position: relative;
   top: 10px;
   left: calc(50% - 100px);
   padding: 6px 0; }

.submit.content button[name="submit"]:hover {
   background-color: #79a6d2; }                                                           **/


/***** SUBMIT-PAGE CONTENT                                                             *****/

.submit-page .content  {
   margin: 0px 0px 0px 0px !important; }


/***** SUBMIT-PAGE MENU TABS                                                           *****/

.submit .link-button.choice,
.submit .text-button.choice {
   position: relative;
   left: 20px !important; }

.submit ul.tabmenu.formtab {
   width: 100% !important;
   padding: 0px !important;
   margin: 0px !important; }

.theme-daymode   .submit ul.tabmenu.formtab {
   background-color: #DDDDEE;
   border-top: 5px solid #DDDDEE; }

.theme-nightmode .submit ul.tabmenu.formtab {
   background-color: #333333;
   border-top: 5px solid #333333; }

.theme-daymode   .submit a.link-button.choice,
.theme-nightmode .submit a.link-button.choice,
.theme-daymode   .submit a.text-button.choice,
.theme-nightmode .submit a.text-button.choice {
   font-size: 130%;
   border-top-left-radius: 15px;
   border-top-right-radius: 15px; }

.theme-daymode   .submit a.link-button.choice,
.theme-daymode   .submit a.text-button.choice {
   color: #F5DEB3;
   background-color: #999999;
   border: 0px solid #999999; }

.theme-nightmode .submit a.link-button.choice,
.theme-nightmode .submit a.text-button.choice {
   color: #F5DEB3;
   background-color: #666666;
   border: 0px solid #999999; }

.theme-daymode   .submit .selected a.link-button.choice,
.theme-nightmode .submit .selected a.link-button.choice,
.theme-daymode   .submit .selected a.text-button.choice,
.theme-nightmode .submit .selected a.text-button.choice {
   color: #FFCC00;
   font-size: 150%;
   background-color: #339966;
   border: 2px solid #339966;
   border-top-left-radius: 15px;
   border-top-right-radius: 15px; }


/***** SUBMIT-PAGE MENU TABS UNDERLINE green in correct section                        *****/

.submit ul.tabmenu.formtab {
   width: 100%;
   padding: 0px;
   margin: 0px;
   border-bottom: 4px solid #339966; }


/***** SUBMIT-PAGE below tabs                                                          *****/

.submit .formtabs-content {
   padding: 20px 20px 0px 20px !important; 
   width: calc(100% - 40px) !important; }


/***** SUBMIT-PAGE "title" relocate                                                    *****/

.submit #title-field .title {
   position: absolute;
   left: 50px;
   margin-top: -30px; }


/***** SUBMIT-PAGE TITLE character-count relocate                                      *****/

.submit .roundfield-content p {
   position: absolute;
   right: 50px;
   margin-top: -152px; }


/***** SUBMIT-PAGE TITLE roundfield background darken + position                       *****/

.theme-daymode   .submit #title-field.roundfield {
   background-color: #DDDDDD;
   margin-top: 15px; }

.theme-nightmode .submit #title-field.roundfield {
   background-color: #181818;
   margin-top: 15px; }


/***** SUBMIT-PAGE TITLE larger submit field                                           *****/

.submit textarea#title_text {
   width: 95%;
   height: 100px; }


/**    SUBMIT-PAGE SPACER between form section boxes

.submit .spacer+.spacer {
   margin: 5px 0px; }                                                                     **/


/***** SUBMIT-PAGE LINK "URL" relocate                                                 *****/

.submit #url-field .title {
   margin-top: -30px;
   position: absolute;
   left: 50px; }


/***** SUBMIT-PAGE LINK roundfield background darken + position                        *****/

.theme-daymode   .submit #url-field.roundfield {
   background-color: #DDDDDD;
   margin-top: 30px; }

.theme-nightmode .submit #url-field.roundfield {
   background-color: #181818;
   margin-top: 30px; }


/***** SUBMIT-PAGE LINK submit field                                                   *****/

.submit #url-field #url {
   width: 95%;
   padding: 0px 5px 0px 5px;
   border-radius: 10px; }


/***** SUBMIT-PAGE BUTTONS ovoid + position                                            *****/
/*     "suggest title" + "Choose File" "No file chosen"                                    */

.submit #url-field #suggest-title {
   width: 95%; }  

.submit #url-field #suggest-title button {
   position: relative;
   left: 0px;
   color: #339966;
   font-weight: bold;
   font-size: 0.75em;
   text-align: center;
   vertical-align: middle;
   background: #F6C666;
   width: 120px;
   height: 35px;
   border: none;
   border-radius: 30px;
   padding: 5px 15px 5px 15px;
   margin: 10px 10px 10px -5px; }

.submit #url-field #imgur-upload.btn.imgur-upload {
   position: relative;
   right: 0px;
   color: #339966;
   font-weight: bold;
   font-size: 0.75em;
   text-transform: lowercase !important;
   text-align: center;
   vertical-align: middle;
   background: #F6C666;
   border: none;
   border-radius: 30px;
   padding: 0px 15px 0px 15px;
   margin: 5px 5px 5px 10px; }


/***** SUBMIT-PAGE "text (optional)" relocate                                          *****/

.submit #text-field .title {
   margin-top: -30px;
   position: absolute;
   left: 50px; }

.submit #text-field .little.gray.roundfield-description {
   margin-top: -30px;
   position: absolute;
   left: 95px; }


/***** SUBMIT-PAGE TEXT roundfield background darken + position                        *****/

.theme-daymode   .submit #text-field.roundfield {
   background-color: #DDDDDD;
   margin-top: 30px; }

.theme-nightmode .submit #text-field.roundfield {
   background-color: #181818;
   margin-top: 30px; }


/***** SUBMIT-PAGE TEXT larger submit field                                            *****/

.submit #text-field textarea {
   width: 95%;
   height: 100px; }


/***** SUBMIT-PAGE TEXT larger - REMOVE "max-width: 1100px;" limit                     *****/

.submit .usertext-edit.md-container {
   max-width: none; }


/***** SUBMIT-PAGE TEXT "formatting help" & "content policy"                           *****/

.submit #text-field .help-toggle.toggle {
   float: none;
   font-size: inherit;
   margin: 0px; }

.submit #text-field .help-toggle.toggle:after {
   margin: 10px 10px 10px 10px;
   content: " | "; }

.submit #text-field a.reddiquette {
   float: none;
   margin: 0px; }


/***** SUBMIT-PAGE TEXT "formatting help" REMOVE - top paragraph                       *****/

/*     "SaidIt uses a slightly-customized version of Markdown for formatting.
        See below for some basic"                                                          */

.submit #text-field .markhelp p {
   display: none; }


/***** SUBMIT-PAGE TEXT "formatting help" TABLE tweaks                                 *****/

.submit #text-field .markhelp table.md {
   width: 500px;
   position: relative;
   left: calc(50% - 250px) !important; }

/**    FAILED = Table Header change background color

.submit #text-field .markhelp table.md tr {
   background-color: #FF0000; }                                                           **/


/***** SUBMIT-PAGE TEXT larger submit field                                            *****/

.submit textarea#title_text {
   width: 95%;
   height: 100px; }


/***** SUBMIT-PAGE "choose a sub" relocate                                             *****/

.submit #reddit-field .title {
   margin-top: -30px;
   position: absolute;
   left: 50px; }


/***** SUBMIT-PAGE SUBS roundfield background darken + position                        *****/

.theme-daymode   .submit #reddit-field.roundfield {
   background-color: #DDDDDD;
   margin-top: 30px; }

.theme-nightmode .submit #reddit-field.roundfield {
   background-color: #181818;
   margin-top: 30px; }


/***** SUBMIT-PAGE SUBS submit field                                                   *****/

.submit #reddit-field #sr-autocomplete-area #sr-autocomplete {
   width: 95%;
   padding: 0px 5px 0px 5px;
   border-radius: 10px; }


/***** SUBMIT-PAGE LINK modification                                                   *****/

.theme-daymode   .submit .roundfield-content a:link,
.theme-daymode   .submit .roundfield-content a:visited {
   color: #339966;
   font-size: .9em;
   line-height: 0px; }

.theme-nightmode .submit .roundfield-content a:link,
.theme-nightmode .submit .roundfield-content a:visited {
   color: #55BB88;
   font-size: .9em;
   line-height: 0px; }

.theme-daymode   .submit .roundfield-content a:hover {
   color: #CC6600;
   font-size: .9em;
   line-height: 0px; }

.theme-nightmode .submit .roundfield-content a:hover {
   color: #FFB033;
   font-size: .9em;
   line-height: 0px; }


/***** SUBMIT-PAGE "submit" BUTTON                                                     *****/

.submit button.btn {
   color: #FFCC00;
   font-weight: bold;
   font-size: 2em;
   text-align: center;
   vertical-align: middle;
   background: #339966;
   width: 120px;
   height: 35px;
   border: none;
   border-radius: 30px;
   padding: 5px 15px 5px 15px;
   margin: -5px 0px 0px 0px; }


/***** SUBMIT-PAGE - REMOVE 2nd Bottom Content Policy Reminder                         *****/
/*     "please be mindful of SaidIt's content policy"                                      */

.submit .roundfield.info-notice {
   display: none; }


/***** SUBMIT-PAGE - REMOVE "options" (leaving only "send replies to my inbox")        *****/

.submit #sendreplies-field .title {
   display: none; }


/***** SUBMIT-PAGE "options" position                                                  *****/
/*     "options" + "please be mindful of SaidIt's content policy"                          */

.submit #sendreplies-field.roundfield {
   margin: -15px 0px 0px 0px;
   width: 300px;
   padding: 10px 15px;
   float: right; }

.submit .roundfield.info-notice {
   width: 300px;
   text-align: center;
   float: right; }




/***** SUB SETTINGS & STYLESHEETS                                                      *****/


/***** SUB SETTINGS buttons "save" "options"                                           *****/

.pretty-form .save-button button.btn {
   color: #F6C666;
   font-weight: bold;
   font-size: 1.7em;
   text-align: center;
   vertical-align: middle;
   background: #339966;
   border-color: #339966;
   border: 1px;
   border-radius: 30px;
   padding: 3px 12px 4px 12px;
   margin: 5px 5px 5px 10px; }


/***** SUB SETTINGS & STYLESHEETS buttons "choose file" "upload"                       *****/

.image-upload input#file {
   color: #339966;
   font-weight: bold;
   font-size: 1.4em;
   text-align: center;
   vertical-align: middle;
   background: #F6C666;
   border-color: #F6C666;
   border: 1px;
   border-radius: 30px;
   padding: 5px 15px 5px 15px;
   margin: 5px 5px 5px 10px; }

.submit-img.primary-button {
   color: #FFCC00;
   font-weight: bold;
   font-size: 1.5em;
   text-align: center;
   vertical-align: middle;
   background: #339966;
   border-color: #339966;
   border: 1px;
   border-radius: 30px;
   padding: 3px 12px 4px 12px;
   margin: 5px 5px 5px 10px; }


/***** STYLESHEETS buttons "save" "preview"                                            *****/

.sheets button.btn {
   color: #F6C666;
   font-weight: bold;
   font-size: 1.3em;
   text-align: center;
   vertical-align: middle;
   background: #339966;
   border-color: #339966;
   border: 1px;
   border-radius: 30px;
   padding: 3px 12px 4px 12px;
   margin: 5px 5px 5px 10px; }


/**    FAILED =

.sheets button.btn.preview {
   color: #339966;
   font-weight: bold;
   font-size: 1.3em;
   text-align: center;
   vertical-align: middle;
   background: #F6C666;
   border-color: #F6C666;
   border: 1px;
   border-radius: 30px;
   padding: 3px 12px 4px 12px;
   margin: 5px 5px 5px 10px; }
                                                                                          **/


/***** STYLESHEETS alter img-url's small black text describing images                  *****/

.theme-daymode #image-preview-list pre.img-url {
   color: #666666;
   font-weight: normal;
   font-size: 12px; }

.theme-nightmode #image-preview-list pre.img-url {
   color: #999999;
   font-weight: normal;
   font-size: 12px; }




/***** CUSTOMIZING FLAIR                                                               *****/

.flair {
   font-size: 100%;
   font-weight: bold; }

.flair.flair-UF-Decentralization,
.flair.flair-UF-DecentralizedWeb,
.flair.flair-UF-Hardware,
.flair.flair-UF-OpenSource,
.flair.flair-UF-Solutions,
.flair.flair-UF-Sustainability {
   color: #33CC66;
   background: #151515;
   border-color: #11AA44; }

.flair.flair-UF-Cryptocurrency,
.flair.flair-UF-Fediverse,
.flair.flair-UF-IPFS,
.flair.flair-UF-Holochain,
.flair.flair-UF-ZeroNet {
   color: #44AAFF;
   background: #151515;
   border-color: #2288EE; }

.flair.flair-UF-Piracy,
.flair.flair-UF-Sharing,
.flair.flair-UF-Tigole {
   color: #FF5555;
   background: #151515;
   border-color: #990000; }

.flair.flair-UF-Celebrity {
   color: #FFCCCC;
   background: #151515;
   border-color: #FFCCCC; }
.flair.flair-UF-Crime {
   color: #FF99CC;
   background: #151515;
   border-color: #FF99CC; }
.flair.flair-UF-Economics {
   color: #FFAA77;
   background: #151515;
   border-color: #FFAA77; }
.flair.flair-UF-Energy {
   color: #FFDD66;
   background: #151515;
   border-color: #FFDD66; }
.flair.flair-UF-Health {
   color: #FFFF66;
   background: #151515;
   border-color: #FFFF66; }
.flair.flair-UF-History {
   color: #CCFF66;
   background: #151515;
   border-color: #CCFF66; }
.flair.flair-UF-Ideology {
   color: #99FF99;
   background: #151515;
   border-color: #99FF99; }
.flair.flair-UF-Internet {
   color: #77FFCC;
   background: #151515;
   border-color: #77FFCC; }
.flair.flair-UF-Media {
   color: #99FFEE;
   background: #151515;
   border-color: #99FFEE; }
.flair.flair-UF-Politics {
   color: #AAEEEE;
   background: #151515;
   border-color: #AAEEEE; }
.flair.flair-UF-Regional {
   color: #BBDDEE;
   background: #151515;
   border-color: #BBDDEE; }
.flair.flair-UF-SaidIt {
   color: #99CCEE;
   background: #151515;
   border-color: #99CCEE; }
.flair.flair-UF-Self-Help {
   color: #BBCCFF;
   background: #151515;
   border-color: #BBCCFF; }
.flair.flair-UF-Sports {
   color: #BBBBFF;
   background: #151515;
   border-color: #BBBBFF; }
.flair.flair-UF-Technology {
  color: #DDBBFF;
   background: #151515;
   border-color: #DDBBFF; }
.flair.flair-UF-FFFFFF {
   color: #FFFFFF;
   background: #151515;
   border-color: #FFFFFF; }
.flair.flair-UF-CCCCCC {
   color: #CCCCCC;
   background: #151515;
   border-color: #CCCCCC; }
.flair.flair-UF-999999 {
   color: #999999;
   background: #151515;
   border-color: #999999; }
.flair.flair-UF-666666 {
   color: #666666;
   background: #151515;
   border-color: #666666; }
.flair.flair-UF-333333 {
   color: #333333;
   background: #151515;
   border-color: #333333; }
.flair.flair-UF-000000 {
   color: #000000;
   background: #666666;
   border-color: #000000; }

.linkflair {
   font-size: 100%;
   font-weight: bold; }

.linkflair-LF-Decentralization .linkflairlabel,
.linkflair-LF-DecentralizedWeb .linkflairlabel,
.linkflair-LF-Hardware         .linkflairlabel,
.linkflair-LF-OpenSource       .linkflairlabel,
.linkflair-LF-Solutions        .linkflairlabel,
.linkflair-LF-Sustainability   .linkflairlabel {
   color: #33CC66;
   background: #151515;
   border-color: #11AA44; }

.linkflair-LF-Cryptocurrency   .linkflairlabel,
.linkflair-LF-Fediverse        .linkflairlabel,
.linkflair-LF-IPFS             .linkflairlabel,
.linkflair-LF-Holochain        .linkflairlabel,
.linkflair-LF-ZeroNet          .linkflairlabel {
   color: #44AAFF;
   background: #151515;
   border-color: #2288EE; }

.linkflair-LF-Piracy           .linkflairlabel,
.linkflair-LF-Sharing          .linkflairlabel,
.linkflair-LF-Tigole           .linkflairlabel {
   color: #FF5555;
   background: #151515;
   border-color: #990000; }

.linkflair-LF-Celebrity  .linkflairlabel {
   color: #FFCCCC;
   background: #151515;
   border-color: #FFCCCC; }
.linkflair-LF-Crime      .linkflairlabel {
   color: #FF99CC;
   background: #151515;
   border-color: #FF99CC; }
.linkflair-LF-Economics  .linkflairlabel {
   color: #FFAA77;
   background: #151515;
   border-color: #FFAA77; }
.linkflair-LF-Energy     .linkflairlabel {
   color: #FFDD66;
   background: #151515;
   border-color: #FFDD66; }
.linkflair-LF-Health     .linkflairlabel {
   color: #FFFF66;
   background: #151515;
   border-color: #FFFF66; }
.linkflair-LF-History    .linkflairlabel {
   color: #CCFF66;
   background: #151515;
   border-color: #CCFF66; }
.linkflair-LF-Ideology   .linkflairlabel {
   color: #99FF99;
   background: #151515;
   border-color: #99FF99; }
.linkflair-LF-Internet   .linkflairlabel {
   color: #77FFCC;
   background: #151515;
   border-color: #77FFCC; }
.linkflair-LF-Media      .linkflairlabel {
   color: #99FFEE;
   background: #151515;
   border-color: #99FFEE; }
.linkflair-LF-Politics   .linkflairlabel {
   color: #AAEEEE;
   background: #151515;
   border-color: #AAEEEE; }
.linkflair-LF-Regional   .linkflairlabel {
   color: #BBDDEE;
   background: #151515;
   border-color: #BBDDEE; }
.linkflair-LF-SaidIt     .linkflairlabel {
   color: #99CCEE;
   background: #151515;
   border-color: #99CCEE; }
.linkflair-LF-Self-Help  .linkflairlabel {
   color: #BBCCFF;
   background: #151515;
   border-color: #BBCCFF; }
.linkflair-LF-Sports     .linkflairlabel {
   color: #BBBBFF;
   background: #151515;
   border-color: #BBBBFF; }
.linkflair-LF-Technology .linkflairlabel {
   color: #DDBBFF;
   background: #151515;
   border-color: #DDBBFF; }

.linkflair-LF-FFFFFF .linkflairlabel {
   color: #FFFFFF;
   background: #151515;
   border-color: #FFFFFF; }
.linkflair-LF-CCCCCC .linkflairlabel {
   color: #CCCCCC;
   background: #151515;
   border-color: #CCCCCC; }
.linkflair-LF-999999 .linkflairlabel {
   color: #999999;
   background: #151515;
   border-color: #999999; }
.linkflair-LF-666666 .linkflairlabel {
   color: #666666;
   background: #151515;
   border-color: #666666; }
.linkflair-LF-333333 .linkflairlabel {
   color: #333333;
   background: #151515;
   border-color: #333333; }
.linkflair-LF-000000 .linkflairlabel {
   color: #000000;
   background: #666666;
   border-color: #000000; }




/***** FOOTER padding-top                                                              *****/

.footer-parent {
   padding-top: 0px; }


/***** FOOTER MENU                                                                     *****/

.footer-parent .rounded ul.flat-vert.hover {
   text-align: center;
   margin: 0px; }

.theme-daymode   .footer-parent .rounded {
   border-color: #CCCCCC;
   border-radius: 100px; }

.theme-nightmode .footer-parent .rounded {
   border-color: #666666;
   border-radius: 100px; }


/***** FOOTER "2020 SaidIt" reposition + padding                                       *****/

.footer-parent .bottommenu {
   position: relative;
   top: -44px;
   width: 70px;
   height: 13px;
   padding: 8px 0px 5px 0px;
   margin: auto; }

.theme-daymode .footer-parent .bottommenu {
   background-color: #EEEEEE; }

.theme-nightmode .footer-parent .bottommenu {
   background-color: #222222; }


/***** FOOTER banner replaced                                                          *****/

.theme-daymode   .footer-banner {
   background: url(%%Saidit-2019-Centered-Grade-Day-Logo-2500x50%%);
   min-height: 40px;
   background-position: 50%; }

.theme-nightmode .footer-banner {
   background: url(%%Saidit-2019-Centered-Grade-Night-Logo-2500x50%%);
   min-height: 40px;
   background-position: 50%; }




/***** END                                                                             *****/

images

  • Image Saidit-2019-Bubble-Announcements-300x300
    Saidit-2019-Bubble-Announcements-300x300
    link:
    url(%%Saidit-2019-Bubble-Announcements-300x300%%)
  • Image Saidit-2019-Logo-Night-Link-70x70
    Saidit-2019-Logo-Night-Link-70x70
    link:
    url(%%Saidit-2019-Logo-Night-Link-70x70%%)
  • Image Saidit-2019-Centered-Grade-Night-Logo-2500x100
    Saidit-2019-Centered-Grade-Night-Logo-2500x100
    link:
    url(%%Saidit-2019-Centered-Grade-Night-Logo-2500x100%%)
  • Image Saidit-2019-Logo-Night-Text-140x60
    Saidit-2019-Logo-Night-Text-140x60
    link:
    url(%%Saidit-2019-Logo-Night-Text-140x60%%)
  • Image Saidit-2019-Logo-Day-Text-140x60
    Saidit-2019-Logo-Day-Text-140x60
    link:
    url(%%Saidit-2019-Logo-Day-Text-140x60%%)
  • Image Elections-USA-2020-Banner-2124x150
    Elections-USA-2020-Banner-2124x150
    link:
    url(%%Elections-USA-2020-Banner-2124x150%%)
  • Image Saidit-2019-Logo-Day-Text-70x70
    Saidit-2019-Logo-Day-Text-70x70
    link:
    url(%%Saidit-2019-Logo-Day-Text-70x70%%)
  • Image Saidit-2019-Logo-Day-Link-70x70
    Saidit-2019-Logo-Day-Link-70x70
    link:
    url(%%Saidit-2019-Logo-Day-Link-70x70%%)
  • Image ElectionsUSA2020-Sidebox-Image-300x60
    ElectionsUSA2020-Sidebox-Image-300x60
    link:
    url(%%ElectionsUSA2020-Sidebox-Image-300x60%%)
  • Image Saidit-2019-Centered-Grade-Day-Logo-2500x100
    Saidit-2019-Centered-Grade-Day-Logo-2500x100
    link:
    url(%%Saidit-2019-Centered-Grade-Day-Logo-2500x100%%)
  • Image Saidit-2019-Centered-Grade-Day-Logo-2500x50
    Saidit-2019-Centered-Grade-Day-Logo-2500x50
    link:
    url(%%Saidit-2019-Centered-Grade-Day-Logo-2500x50%%)
  • Image Saidit-2019-Logo-Night-Text-70x70
    Saidit-2019-Logo-Night-Text-70x70
    link:
    url(%%Saidit-2019-Logo-Night-Text-70x70%%)
  • Image Saidit-2019-Centered-Grade-Night-Logo-2500x50
    Saidit-2019-Centered-Grade-Night-Logo-2500x50
    link:
    url(%%Saidit-2019-Centered-Grade-Night-Logo-2500x50%%)


revision by magnora7— view source