/* ............................................................................
.•¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤•.
••'..•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••..'••
•• •¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤• ••
¤'.¤' •¤¤¤¤¤¤¤¤¤• •¤¤¤¤¤¤¤¤¤• •¤¤¤¤¤¤¤¤¤• •¤¤¤¤¤¤¤¤¤• '¤.'¤
¤ •¤ •¤¤¤¤¤¤¤¤¤• •¤¤¤¤¤¤¤¤¤• •¤¤¤¤¤¤¤¤¤• •¤¤¤¤¤¤¤¤¤• ¤• ¤
¤ •¤ •¤¤¤¤¤¤¤¤¤• '"""""""""' '"""""""""' '""""""¤¤¤• ¤• ¤
¤ •¤¤¤¤¤¤¤¤¤¤•.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/ */
/* */
/* */
/* All /u/JasonCarswell CSS themes for SaidIt: */
/* */
/* "Ergonomix" Designed for maximum readability and efficient practicality */
/* with a modicum of design aesthetics. */
/* Applied to over 20 subsaidits. */
/* almost done */
/* https://saidit.net/s/DecentralizeAllThings/about/stylesheet/ */
/* */
/* "SimpleTweaks" Designed as a minimalist copy+paste CSS theme to enhance */
/* SaidIt's default CSS. This simple CSS is also perfect */
/* for novice CSS designers to learn on and customize. */
/* https://saidit.net/s/CorbettCommenters/about/stylesheet/ */
/* */
/* "SimpleTweaks-SansBanner" */
/* https://saidit.net/s/AlternativeEconomics/about/stylesheet/ */
/* https://saidit.net/s/BroStep_GlitchHop/about/stylesheet/ */
/* https://saidit.net/s/Buddhism/about/stylesheet/ */
/* https://saidit.net/s/Cassy/about/stylesheet/ */
/* https://saidit.net/s/Cooperatives/about/stylesheet/ */
/* https://saidit.net/s/CultureWars/about/stylesheet/ */
/* https://saidit.net/s/Decentralize4Dummies/about/stylesheet/ */
/* https://saidit.net/s/Flea_Market/about/stylesheet/ */
/* https://saidit.net/s/GiraffeIdeas/about/stylesheet/ */
/* https://saidit.net/s/LeverMind/about/stylesheet/ */
/* https://saidit.net/s/PhoenixForum/about/stylesheet/ */
/* https://saidit.net/s/ResistanceAnalysis/about/stylesheet/ */
/* https://saidit.net/s/Rights/about/stylesheet/ */
/* https://saidit.net/s/Tits/about/stylesheet/ */
/* https://saidit.net/s/Tracks_That_I_Loop/about/stylesheet/ */
/* https://saidit.net/s/Windsor_Ontario/about/stylesheet/ */
/* */
/* "SimpleTweaks-Viral" https://saidit.net/s/Coronavirus/about/stylesheet/ */
/* */
/* "SaidItron" A duo-tone theme initially for WikiSpooks designed to be */
/* easily customized in under an hour for a palette */
/* gradient between two colors. */
/* */
/* "SaidItron-Purple" almost done https://saidit.net/s/Wikispooks/about/stylesheet/ */
/* "SaidItron-Green" not started https://saidit.net/s/GreenParty/about/stylesheet/ */
/* "SaidItron-Flesh" not started https://saidit.net/s/PinUps/about/stylesheet/ */
/* */
/* Installing Ergonomix :
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.
1) Several images require uploading for this CSS code to work.
Replace any or all images with your own but thare are dimension limits on some.
Original images available here: https://SaidIt.net/s/Sex/about/stylesheet/
a) 2 header banners day+night with Saidit logo 2500x100
b) 2 SaidIt logos day+night that float in the top right corner 140x60
c) 2 footer banners day+night with Saidit logo 2500x50
d) 4 filler thumbnails day+night link+text for absent images 90x90 (formerly 70x70)
e) 1 sidebox announcements image: "Saidit-2019-Bubble-Announcements-300x300"
f) 1 optional sidebox header imaged: "DecentralizeAllThings-Sidebox-Image-300x60"
(currently commented out but able to be reactivated)
2) Marked by "◄ CUSTOMIZE" along the right margin...
Under "HEADER BANNER" the "background-image" between "%%" will need to be
replaced with your own custom banner.
a) You may use a large single image positioning focus on different areas, or
b) You may use two different images for the day and night modes.
c) If you don't have a banner or wish to have temporary place holders, use
Saidit-2019-Centered-Grade-Day-Logo-2500x100
and
Saidit-2019-Centered-Grade-Night-Logo-2500x100
d) A simpler alternative is available under "HEADER BANNER SINGLE"
for only one image. It can be activated (uncommented) and the day/night
dual banner should be deactivated (uncommented) using the "/asterisk"
and "asterisk/" you see all over this intro.
3) Marked by "◄ CUSTOMIZE" along the right margin...
Under "HEADER BANNER" you may adjust the height of the:
#header {
min-height: 100px; }
4) Marked by "◄ CUSTOMIZE" along the right margin...
You may position your "HEADER BANNER" by finding this code:
background-position: 0% 0px;
The first value, width, can be positioned using either 0-100% or "px" pixels.
The second value, height, should be positioned using "px" pixels to be precise.
The 0-100% references the entire displayed page, so using it will shift the
width and especially the height dramatically.
5) Marked by "◄ CUSTOMIZE" along the right margin...
a) First note that at the top of this "stylesheet" page you do not see the third
top left ovoid to be adjusted. You may wish to open a second tab on your
sub to view the results after refreshing (to view your changes you'll needs
to refresh) rather than leaving and returning to find and tweak the code.
b) Use "Ctrl-F" to find and locate "NOTE!!!" in this CSS code.
It will take you to "HEADER BOTTOM LEFT Menu (ovoid not tabs) tab menu".
c) Go to the bottom of that list of commands to locate "left:".
d) To custom adjust the bottom left ovoid (in the banner at the top of all
pages except for this stylesheet) and adjust the "left:" value to fit
your sub-feed's name-title length. Examples:
"Sex" "left: -67px;" short
"Crime" "left: -72px;" short
"canada" "left: -79px;" short
"FLOSS" "left: -84px;" short
"Illusions" "left: -94px;" medium
"Radiation" "left: -97px;" medium
"USIsrael" "left: -98px;" medium
"ClassWar" "left: -100px;" medium
"USAmerica" "left: -108px;" medium
"Terminology" "left: -114px;" medium
"RulingClass" "left: -115px;" medium
"Architecture" "left: -115px;" medium
"Surveillance" "left: -116px;" medium
"TrutherTop20s" "left: -135px;" long
"CorporateMedia" "left: -138px;" long
"AlternativeMedia" "left: -148px;" long
"VaccineSkepticism" "left: -150px;" long
"DecentralizeAllThings" "left: -181px;" max length
"OpenScience_Scientism" "left: -185px;" max length
"Agenda21_Agenda2030" "left: -192px;" max length
6) Marked by "◄ CUSTOMIZE" along the right margin...
Optional: "SIDEBOX title at top" the sidebox image above the search field.
Currently deactivated in this DecentralizeAllThings CSS.
a) The code may be commented out (between forward slashes and asterisks)
to be reactivated and/or deactivated, if you don't wish to delete the code,
or if you do not have an image or announcment(s).
Example sidebox header/title background image (optional):
DecentralizeAllThings-Sidebox-Image-300x60
b) Replace the day and night mode images as you see fit:
background: url(%%Saidit-2019-Logo-Day-Text-180x80%%)
Saidit-2019-Logo-Night-Text-180x80
c) Adjust position and image framing as you see fit
top center no-repeat;
numbers = top, right, bottom, left in pixels:
padding: 90px 0px 0px 0px; margin: -5px 0px 0px 0px;
d) The ".spacer:nth-of-type(3)" can be changed to (4) or (5) to use other spacers
and position the image between or below the submit buttons in the sidebox. You
may duplicate this code with different numbers for other sidebox spaces/images.
The "sidebox announcements" below is another example of this.
Unfinished...
7) Marked by "◄ CUSTOMIZE" along the right margin...
"SIDEBOX 'Announcements' (or image) above submit buttons" and below the search field.
Currently active in this DecentralizeAllThings CSS.
a) The code may be commented out (between forward slashes and asterisks)
to be reactivated and/or deactivated, if you don't wish to delete the code,
or if you do not have an image or announcment(s).
Example sidebox announcements background image (optional):
Saidit-2019-Bubble-Announcements-300x300
b) Customize this announcement line between the quotes to lead your post list:
content: " Decentralize All Things ";
c) To add additional lines and/or line breaks...
d) To add links...
e) To add other?...
8) Marked by "◄ CUSTOMIZE" along the right margin...
Optional: "BDDY ANNOUNCEMENT HEADER" above the list of posts.
a) This section may or active wherever you've copied this CSS from but it will be
obvious if there's an announcement at the top above the list of posts or not.
Activate or deactivate the announcements by adjusting the commented out sections
between forward slashes and asterisks by relocating the end of the comment.
b) Customize this announcement line between the quotes to lead your post list:
content: " This is your special announcement text, above the list of posts. ";
*/
/* */
/* / / / / U N F I N I S H E D / / / / */
/* */
/* Ergonomix Color Scheme: */
/* */
/* Search and replace values to customize your own. */
/* Note: "color" = good, "colour" = bad/error. */
/* */
/* banner bg #9999AA; #333333; */
/* header left top menu bg #D9D9E9; #222222; border #B9B9C9; #999066; */
/* header left top menu text #992255; #C05588; bg #D9D9E9; #222222; */
/* header left mid menu text #CC6600; #CC6600; bg #D9D9E9; #222222; */
/* border #B9B9C9; #999066; */
/* header left bot menu bg #D9D9E9; #222222; border #B9B9C9; #999066; */
/* header left bot menu sel text #CC6600; #CC6600; bg #EEEEFF; #000000; */
/* border #B9B9C9; #999066; */
/* header right bg #D9D9E9; #222222; border #B9B9C9; #999066; */
/* header right text active #666666; #BBBBBB; karma #333333; #DDDDDD; */
/* header right message #FFFFFF; bg #DD8800; border #CC0000; */
/* footer border #CCCCCC; #666666; */
/* body bg #EEEEEE; #222222; */
/* link colors active #0055BB; #50A0D0; visited #6600CC; #AD8BE0; */
/* hover #CC6600; #FFB033; */
/* sidebox */
/* */
/* / / / / U N F I N I S H E D / / / / */
/* */
/* */
/* / / / / SAIDITRON-PURPLE COLOR SCHEME (temp copied here as reference to adopt) / / / / */
/* */
/* banner grades from purple #332266; to light purplish-blue #CCCCFF; */
/* purple shades #201030; #302040; #332266; #3B2A6E; #443388; #554499; #6655AA; */
/* #8877EE; */
/* #AA99EE; #BBAAFF; #CCCCFF; #DDDDFF; #E8E8FF; #EEEEFF; #FFFFFF; */
/* "bolder" tones #447744; #449944; #774477; #77DD77; #994499; */
/* muted shades #201525; #252035; #282336; #302540; #353060; #504555; */
/* greys #000000; #444444; #666666; #999999; #BBBBBB; #FFFFFF; */
/* links day link #0055BB; visited #6600CC; orange hover #CC6600; */
/* links nite link #50A0D0; visited #AD8BE0; orange hover #EEB033; */
/* post links day link #0022EE; visited #6000B0; orange hover #CC6600; */
/* post bg day odd #DDDDFF; even #E8E8FF; pinned bg #994499; */
/* post links nite link #80B0E0; visited #B098ED; orange hover #EEB033; */
/* post bg nite odd #282336; even #2A2040; pinned bg #774477; */
/* post tagline + flatline - grey-purple #8899CC; */
/* post tagline day date + domain + comment #552299; visited #552299; hover #CC6600; */
/* post tagline nite date + domain + comment #7788FF; visited #AA55BB; hover #EEB033; */
/* post tagline day author #992255; friend #901090; comment submitter #992255; */
/* post tagline nite author #BB8855; friend #B07090; comment submitter #CC6666; */
/* notifications orange #CC6600; + bright orange #D07000; #EEBB33; */
/* */
/* / / / / END TEMP / / / / */
/* */
/***** 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. */
.banner-variant #header2 {
display: none; }
#header {
min-height: 100px; } /* ◄ CUSTOMIZE */
.theme-daymode #header {
background-image: url(%%DecentralizeAllThings-Banner-v2-2200x200%%); /* ◄ CUSTOMIZE */
background-color: #9999AA;
background-position: 100% 0px; } /* ◄ CUSTOMIZE */
.theme-nightmode #header {
background-image: url(%%DecentralizeAllThings-Banner-v2-2200x200%%); /* ◄ CUSTOMIZE */
background-color: #333333;
background-position: 0% 0px; } /* ◄ CUSTOMIZE */
/***** 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: -181px; } /* ◄ CUSTOMIZE */
.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 - REMOVE Spaces Between *****/
#header-bottom-left ul.tabmenu li {
padding: 0px;
margin: 0px; }
/***** 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 -1px; }
#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: " This is your special announcement text, above the list of posts. ";
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; }
**/
/* ◄ CUSTOMIZE */
/***** 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; }
**/
/* ◄ CUSTOMIZE */
/***** 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 "; /* ◄ CUSTOMIZE */
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 *****/
Saidit-2019-Bubble-Announcements-300x300link:url(%%Saidit-2019-Bubble-Announcements-300x300%%)
Saidit-2019-Logo-Night-Text-117x50link:url(%%Saidit-2019-Logo-Night-Text-117x50%%)
Saidit-2019-Centered-Grade-Night-Logo-2500x100link:url(%%Saidit-2019-Centered-Grade-Night-Logo-2500x100%%)
SaidIt-2019-Logo-Night-Text-ClearBG-70x70link:url(%%SaidIt-2019-Logo-Night-Text-ClearBG-70x70%%)
Saidit-2019-Logo-Night-Text-180x80link:url(%%Saidit-2019-Logo-Night-Text-180x80%%)
The-Dark-Side-Of-The-Money-70x70link:url(%%The-Dark-Side-Of-The-Money-70x70%%)
SaidIt-2019-Logo-Night-Text-ClearBG-70x50link:url(%%SaidIt-2019-Logo-Night-Text-ClearBG-70x50%%)
DecentralizeAllThings-Banner-2200x200link:url(%%DecentralizeAllThings-Banner-2200x200%%)
Saidit-2019-Centered-Grade-Day-Logo-2500x50link:url(%%Saidit-2019-Centered-Grade-Day-Logo-2500x50%%)
SaidIt-2019-Logo-Night-Text-ClearBG-70x30link:url(%%SaidIt-2019-Logo-Night-Text-ClearBG-70x30%%)
The-Dark-Side-Of-The-Money-800x160link:url(%%The-Dark-Side-Of-The-Money-800x160%%)
Saidit-2019-Logo-Night-Text-93x40link:url(%%Saidit-2019-Logo-Night-Text-93x40%%)
Saidit-2019-Centered-Grade-Day-Logo-5000x200link:url(%%Saidit-2019-Centered-Grade-Day-Logo-5000x200%%)
SaidIt-2019-Logo-Night-Link-ClearBG-70x50link:url(%%SaidIt-2019-Logo-Night-Link-ClearBG-70x50%%)
Saidit-2019-Logo-Night-Text-140x60link:url(%%Saidit-2019-Logo-Night-Text-140x60%%)
SaidIt-2019-Logo-Night-Link-ClearBG-70x30link:url(%%SaidIt-2019-Logo-Night-Link-ClearBG-70x30%%)
Saidit-2019-Banner-Tiled-Logo-Day-FadeToBlack-2200x300link:url(%%Saidit-2019-Banner-Tiled-Logo-Day-FadeToBlack-2200x300%%)
SaidIt-2019-Logo-Night-Link-ClearBG-70x70link:url(%%SaidIt-2019-Logo-Night-Link-ClearBG-70x70%%)
Saidit-2019-Logo-Day-Text-70x70link:url(%%Saidit-2019-Logo-Day-Text-70x70%%)
Saidit-2019-Logo-Day-Text-117x50link:url(%%Saidit-2019-Logo-Day-Text-117x50%%)
Saidit-2019-Logo-Night-Text-70x70link:url(%%Saidit-2019-Logo-Night-Text-70x70%%)
Saidit-2019-Logo-Day-Link-ClearBG-70x50link:url(%%Saidit-2019-Logo-Day-Link-ClearBG-70x50%%)
DecentralizeAllThings-Banner-v2-2200x200link:url(%%DecentralizeAllThings-Banner-v2-2200x200%%)
Saidit-2019-Logo-Day-Text-180x80link:url(%%Saidit-2019-Logo-Day-Text-180x80%%)
Saidit-2019-Banner-Tiled-Logo-Night-FadeToBlack-2200x300link:url(%%Saidit-2019-Banner-Tiled-Logo-Night-FadeToBlack-2200x300%%)
The-Dark-Side-Of-The-Money-1600x200link:url(%%The-Dark-Side-Of-The-Money-1600x200%%)
The-Dark-Side-Of-The-Money-1000x500link:url(%%The-Dark-Side-Of-The-Money-1000x500%%)
Saidit-2019-Logo-Day-Link-ClearBG-70x30link:url(%%Saidit-2019-Logo-Day-Link-ClearBG-70x30%%)
Saidit-2019-Logo-Day-Text-93x40link:url(%%Saidit-2019-Logo-Day-Text-93x40%%)
Saidit-2019-Logo-Day-Link-70x70link:url(%%Saidit-2019-Logo-Day-Link-70x70%%)
The-Dark-Side-Of-The-Money-1000x200link:url(%%The-Dark-Side-Of-The-Money-1000x200%%)
Saidit-2019-Logo-Night-Link-70x70link:url(%%Saidit-2019-Logo-Night-Link-70x70%%)
Saidit-2019-Centered-Grade-Night-Logo-5000x200link:url(%%Saidit-2019-Centered-Grade-Night-Logo-5000x200%%)
DecentralizeAllThings-Sidebox-Image-300x60link:url(%%DecentralizeAllThings-Sidebox-Image-300x60%%)
Saidit-2019-Logo-Day-Text-ClearBG-70x30link:url(%%Saidit-2019-Logo-Day-Text-ClearBG-70x30%%)
Saidit-2019-Logo-Day-Text-140x60link:url(%%Saidit-2019-Logo-Day-Text-140x60%%)
The-Dark-Side-Of-The-Money-1000x1000link:url(%%The-Dark-Side-Of-The-Money-1000x1000%%)
The-Dark-Side-Of-The-Money-2560x2560link:url(%%The-Dark-Side-Of-The-Money-2560x2560%%)
Saidit-2019-Centered-Grade-Day-Logo-2500x100link:url(%%Saidit-2019-Centered-Grade-Day-Logo-2500x100%%)
Saidit-2019-Logo-Day-Text-ClearBG-70x50link:url(%%Saidit-2019-Logo-Day-Text-ClearBG-70x50%%)
Saidit-2019-Centered-Grade-Night-Logo-2500x50link:url(%%Saidit-2019-Centered-Grade-Night-Logo-2500x50%%)