/* ............................................................................
.•¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤•.
••'..•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••..'••
•• •¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤• ••
¤'.¤' •¤¤¤¤¤¤¤¤¤• •¤¤¤¤¤¤¤¤¤• •¤¤¤¤¤¤¤¤¤• •¤¤¤¤¤¤¤¤¤• '¤.'¤
¤ •¤ •¤¤¤¤¤¤¤¤¤• •¤¤¤¤¤¤¤¤¤• •¤¤¤¤¤¤¤¤¤• •¤¤¤¤¤¤¤¤¤• ¤• ¤
¤ •¤ •¤¤¤¤¤¤¤¤¤• '"""""""""' '"""""""""' '""""""¤¤¤• ¤• ¤
¤ •¤¤¤¤¤¤¤¤¤¤•.u¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤u.• ¤• ¤
¤ •¤¤¤¤¤¤¤¤• ¤¤¤¤' .u¤¤¤¤¤¤ ¤¤¤¤¤¤¤• ¤¤•' '"¤¤¤¤• ¤¤•' .u¤ ¤¤¤¤ ¤• ¤
¤ •¤¤¤¤¤¤• u¤¤¤ •¤¤¤¤¤¤¤¤¤¤• . •¤¤¤¤¤ ¤¤¤¤¤¤¤¤u "¤¤ ¤¤¤¤¤¤ ¤¤¤¤¤¤ ¤¤¤¤u •¤¤• ¤
¤ •¤¤¤¤• ¤¤¤¤u. '"¤¤¤" ¤¤¤ "¤¤¤¤ ¤¤¤'¤¤¤¤¤¤ ¤¤ ¤¤¤¤¤¤ ¤¤¤¤¤¤ ¤¤¤¤¤ •¤¤¤¤• ¤
¤ •¤¤• "¤¤¤¤¤¤¤¤¤• ¤¤' ¤•""" '¤¤¤ ¤¤" ¤¤¤¤" u¤¤ ¤¤¤¤¤¤ ¤¤¤¤¤¤¤¤¤¤¤¤" •¤¤¤¤¤¤• ¤
¤ •¤ ¤¤¤•' .¤¤'.u¤¤¤¤¤u.'¤¤ u¤¤ .u¤¤¤¤ u¤¤¤¤¤¤ u¤¤¤¤¤( )¤¤¤.¤¤¤¤¤¤¤¤• ¤
¤ •¤ •.'"¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤"'.•¤¤¤¤¤¤¤¤¤• ¤
¤ •¤ •¤¤uuu..... ¤¤¤¤¤ ....... ........... •u¤¤¤¤¤¤¤¤• ¤• ¤
¤ •¤ •¤¤¤¤¤¤¤¤¤• ¤¤¤ u¤¤¤¤¤• •¤¤¤¤¤¤¤¤¤• •¤¤¤¤¤¤¤¤¤• ¤• ¤
¤ '¤. •¤¤¤¤¤¤¤¤¤• • ¤ u¤¤¤¤¤• •¤¤¤¤¤¤¤¤¤• •¤¤¤¤¤¤¤¤¤• .¤' ¤
•• •¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤..u¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤• ••
••.''•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••''.••
'•¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤•'
''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' */
/* Ergonomix Subsaidit CSS Theme
~ designed by /u/JasonCarswell
- with invaluable help from /u/d3rr & /u/magnora7
This CSS may not be the prettiest but it aims to be as practical as possible.
Aesthetic style 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 modify, share, copy and paste this subsaidit CSS and these installation steps.
1) 10 image files plus 1 or 2 banners and 1 or 2 sidebox images need uploading
ie: https://SaidIt.net/s/Crime/about/stylesheet/
2) Under "BANNER" the "background-image" will need to be replaced with your banner.
You may use one image positioned on it in different places, or
You may have two images for the day and night modes.
3) If you have no banner or wish to have temporary place holders, you may use the
"Saidit-2019-Centered-Grade-Day-Logo-2500x100" and
"Saidit-2019-Centered-Grade-Night-Logo-2500x100"
4) Under "BANNER" you may set the "#header { min-height: 100px; }"
5) Under "header left bottom (ovoid not tabs) tab menu" the 3rd header row will need
custom adjusting to your sub title.
"Crime" is short and is only pushed "left: -72px;"
"DecentralizeAllThings" is long and is pushed farther "left: -180px;"
6) Under "SIDEBOX" the "sidebox image above submit buttons":
a) May be commented out if you do not want the image.
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.
e) You may duplicate this line with different numbers for more images.
See also: https://saidit.net/s/SaidIt/wiki/CustomCSS */
/* == HEADER == */
/* == BANNER == */
/* day or night banner copied from "Internet" subsaidit */
/* 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: 120px; }
.theme-daymode #header {
background-image: url(%%Saidit-2019-Banner-Broadcast-Logo-Day-v2-3000x150%%);
background-color: #9999AA; background-position: 50% 50%; }
.theme-nightmode #header {
background-image: url(%%Saidit-2019-Banner-Broadcast-Logo-Night-v2-3000x150%%);
background-color: #333333; background-position: 50% 50%; }
/* == BANNER == - positioned single (day+night) banner */
/* nullified alternative = single positioned banner for both day and night
#header-bottom-left { height: 50x; padding-top: 168px;
background-position: 50%
background: url(%%Saidit-2019-Logo-Night-2200x300%%) no-repeat; }
*/
/* header left top (ovoid not tabs) shape */
#sr-header-area { font-weight: normal; font-size: 130%; text-transform: capitalize;
line-height: 22px; width: 520px;
height: 21px; border-radius: 30px; text-indent: 3px;
padding: 0px 10px; margin: 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 left top (ovoid not tabs) menu links
"My Subs"
"Home" "All" "Subscribed" "Random" "Friends" "Mod"
"Edit Subs" */
.theme-daymode #sr-header-area .selected.title,
.theme-daymode #sr-header-area ul.flat-list.sr-bar.hover,
.theme-daymode #sr-header-area a#sr-more-link { color: #992255; background-color: #D9D9E9;
border-bottom: 0px; font-weight: normal; }
.theme-nightmode #sr-header-area .selected.title,
.theme-nightmode #sr-header-area ul.flat-list.sr-bar.hover,
.theme-nightmode #sr-header-area a#sr-more-link { color: #C05588; background-color: #222222;
border-bottom: 0px; font-weight: normal; }
/* header left top "My Subs" position */
.theme-daymode #sr-header-area .selected.title,
.theme-nightmode #sr-header-area .selected.title { position: relative; left: 12px; top: -1px; height: 21px; }
/* header left middle (ovoid not tabs) current subreddit */
.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; }
#header-bottom-left .hover.pagename.redditname { font-weight: normal; font-size: 120%;
line-height: 22px;
height: 21px; border-radius: 30px;
padding: 0px 10px; margin: 0px 5px; }
/* header left bottom (ovoid not tabs) tab menu */
#header-bottom-left ul.tabmenu { line-height: 22px; height: 21px; border-radius: 30px;
padding: 0px 10px; margin: 0px 5px;
left: -128px; top: 32px; position: relative; clear: left; }
.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 left bottom (ovoid removing tabs) "Hot" "New" "Insightful" "Funny" "Top" "Comments" "Wiki" */
#header-bottom-left a.choice { font-weight: normal; font-size: 120%; text-transform: capitalize;
padding: 0px; margin-left: -3px; margin-right: 8px;
border: 0px; border-radius: 30px; }
.theme-daymode #header-bottom-left a.choice { background: none; }
.theme-nightmode #header-bottom-left a.choice { background: none; }
/* header left bottom selected (ovoid within ovoid) */
#header-bottom-left ul.tabmenu li.selected a.choice { padding: 0px 8px 0px 8px; margin: 0px; margin-right: 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 right (ovoid) user messages mode prefs etc */
#header-bottom-right { height: 18px;
border-radius: 30px;
text-transform: capitalize;
font-size: 100%; line-height: 18px;
padding: 0px; padding-left: 8px; padding-right: 10px;
margin: 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 right (ovoid) user messages # mod mode "Preferences" "Logout" */
.theme-daymode #header-bottom-right a { color: #666666; }
.theme-nightmode #header-bottom-right a { color: #BBBBBB; }
#header-bottom-right .separator { display: none; }
#header-bottom-right .user { padding-right: 8px; }
#header-bottom-right .userkarma { padding-right: 0px; font-weight: normal; }
.theme-daymode #header-bottom-right .userkarma { color: #333333; }
.theme-nightmode #header-bottom-right .userkarma { color: #DDDDDD; }
#header-bottom-right a#mail.havemail { padding: 0px; }
#header-bottom-right a.message-count { font-weight: bold; font-size: 150%;
text-align: center; line-height: 9px;
color: #FFFFFF; background-color: #DD8800;
border-radius: 30px; border: 1px solid #CC0000;
padding-left: 5px; padding-right: 5px;
padding-top: 3px; padding-bottom: 5px;
margin-left: 2px; margin-right: 1px; }
#header-bottom-right a#modmail { margin-left: 3px; margin-right: 3px; }
#header-bottom-right .pref-lightswitch-off { margin-left: 6px; margin-right: 0px; }
#header-bottom-right .flat-list { border-bottom: 0px; }
#header-bottom-right a.pref-lang.choice { padding-left: 6px; font-weight: normal; border-bottom: 0px; }
#header-bottom-right .logout { padding-left: 8px; }
/* SAIDIT Logo = image & home button */
#header-img,
#header-img.default-header { background-position: 0; min-height: 60px; width: 140px; margin: 32px 4px 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%%); }
/* == FOOTER == */
/* 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-banner */
.theme-daymode .footer-banner { background-image: url(%%Saidit-2019-Centered-Grade-Day-Logo-2500x50%%);
min-height: 40px; background-position: 50%; }
.theme-nightmode .footer-banner { background-image: url(%%Saidit-2019-Centered-Grade-Night-Logo-2500x50%%);
min-height: 40px; background-position: 50%; }
/* == BODY == */
/* main page */
body.theme-daymode { background-color: #EEEEEE; }
body.theme-nightmode { background-color: #222222; }
/* 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; }
/* space between paragraphs increased for easier reading */
.md .-blocks,
.md .-lists,
.md pre,
.md blockquote,
.md table,
.md p,
.md ul,
.md ol { margin-top: 0.90em; margin-bottom: 0.90em; }
/* == SIDEBOX == */
/* sidebox (chat & all) */
.side { display: inline-block; border-top-left-radius: 30px; border-bottom-left-radius: 30px;
font-size: 100%; font-weight: normal; text-align: left;
margin: 2px 0px 0px 0px; padding: 1px; }
.side { z-index: 3; }
.side { background: url(%%SaidItSurveys-Sidebox-Image-300x60%%) no-repeat 0 0px;
padding-top: 59px; }
.theme-daymode .side { background-color: #D9D9E9; border: 1px #CCFFCC; }
.theme-nightmode .side { background-color: #111111; border: 1px #003300; }
/* sidebox search (rounded) */
.theme-daymode .side form#search input { color: #333333; background: #DFDFEF;
border: 1px solid #999999; border-radius: 30px;
font-size: 130%; line-height: 10px; }
.theme-nightmode .side form#search input { color: #BBBBBB; background: #333333;
border: 1px solid #999999; border-radius: 30px;
font-size: 130%; line-height: 10px; }
/* sidebox advanced search box 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: 130%; line-height: 10px; margin-top: -10px; }
.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: 130%; line-height: 10px; margin-top: -10px; }
/* sidebox "Announcements" (or image) above submit buttons */
.side .spacer:nth-of-type(2) { background: url(%%Saidit-2019-Bubble-Announcements-300x300%%)
center no-repeat; border-radius: 20px; height: 150px;
padding: 30px 0px 0px 0px; margin: -5px 0px 0px 0px; }
/* sidebox submit button shape, size, colour */
.morelink { height: 60%; border: 1px; border-radius: 15px;
padding: 5px 0px; margin: -2px 45px;
text-align: center; vertical-align: middle; }
.sidebox.submit-text .morelink { margin-top: -10px; }
.theme-daymode .sidebox.submit-link .morelink,
.theme-daymode .sidebox.submit-text .morelink,
.theme-daymode .sidebox.create .morelink { background: #EEEE99; border-color: #CC3300; }
.theme-nightmode .sidebox.submit-link .morelink,
.theme-nightmode .sidebox.submit-text .morelink,
.theme-nightmode .sidebox.create .morelink { background: #BBBB66; border-color: #FFB033; }
/* sidebox submit button text colour, size */
.theme-daymode .morelink a:link { color: #0055A0; line-height: 15px; }
.theme-nightmode .morelink a:link { color: #0066AA; line-height: 15px; }
.theme-daymode .morelink a:visited,
.theme-nightmode .morelink a:visited { color: #6633CC; line-height: 15px; }
.theme-daymode .morelink a:hover,
.theme-nightmode .morelink a:hover { color: #CC3300; line-height: 15px; }
/* 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 { height: 0px; width: 0px; }
/* sidebox chat box */
.side .spacer:nth-of-type(5) { margin: -10px 0px 0px 0px; }
/* sidebox titlebox subsaidit title (make green in ovoid) */
.theme-daymode h1.hover.redditname a.hover { color: #00AA33; }
.theme-daymode .redditname { background-color: #E6E6E6; }
.theme-nightmode h1.hover.redditname a.hover { color: #55BB88; }
.theme-nightmode .redditname { background-color: #222200; }
.titlebox .redditname { display: block; text-align: center; border-radius: 30px;
padding: 6px 10px; margin: -8px 20px 10px 20px; }
/* 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 */
.theme-daymode ul.flat-vert.icon-menu a.reddit-edit.access-required.choice,
.theme-daymode ul.flat-vert.icon-menu a.edit-stylesheet.access-required.choice,
.theme-daymode ul.flat-vert.icon-menu a.community-rules.access-required.choice,
.theme-daymode ul.flat-vert.icon-menu a.moderator-mail.access-required.choice,
.theme-daymode ul.flat-vert.icon-menu a.reddit-moderators.choice,
.theme-daymode ul.flat-vert.icon-menu a.reddit-contributors.access-required.choice,
.theme-daymode ul.flat-vert.icon-menu a.reddit-traffic.access-required.choice,
.theme-daymode ul.flat-vert.icon-menu a.reddit-modqueue.access-required.choice,
.theme-daymode ul.flat-vert.icon-menu a.reddit-reported.access-required.choice,
.theme-daymode ul.flat-vert.icon-menu a.reddit-spam.access-required.choice,
.theme-daymode ul.flat-vert.icon-menu a.reddit-edited.access-required.choice,
.theme-daymode ul.flat-vert.icon-menu a.reddit-ban.access-required.choice,
.theme-daymode ul.flat-vert.icon-menu a.reddit-mute.access-required.choice,
.theme-daymode ul.flat-vert.icon-menu a.reddit-flair.access-required.choice,
.theme-daymode ul.flat-vert.icon-menu a.reddit-automod.access-required.choice,
.theme-daymode ul.flat-vert.icon-menu a.reddit-moderationlog.access-required.choice,
.theme-daymode ul.flat-vert.icon-menu a.reddit-unmoderated.access-required.choice,
.theme-nightmode ul.flat-vert.icon-menu a.reddit-edit.access-required.choice,
.theme-nightmode ul.flat-vert.icon-menu a.edit-stylesheet.access-required.choice,
.theme-nightmode ul.flat-vert.icon-menu a.community-rules.access-required.choice,
.theme-nightmode ul.flat-vert.icon-menu a.moderator-mail.access-required.choice,
.theme-nightmode ul.flat-vert.icon-menu a.reddit-moderators.choice,
.theme-nightmode ul.flat-vert.icon-menu a.reddit-contributors.access-required.choice,
.theme-nightmode ul.flat-vert.icon-menu a.reddit-traffic.access-required.choice,
.theme-nightmode ul.flat-vert.icon-menu a.reddit-modqueue.access-required.choice,
.theme-nightmode ul.flat-vert.icon-menu a.reddit-reported.access-required.choice,
.theme-nightmode ul.flat-vert.icon-menu a.reddit-spam.access-required.choice,
.theme-nightmode ul.flat-vert.icon-menu a.reddit-edited.access-required.choice,
.theme-nightmode ul.flat-vert.icon-menu a.reddit-ban.access-required.choice,
.theme-nightmode ul.flat-vert.icon-menu a.reddit-mute.access-required.choice,
.theme-nightmode ul.flat-vert.icon-menu a.reddit-flair.access-required.choice,
.theme-nightmode ul.flat-vert.icon-menu a.reddit-automod.access-required.choice,
.theme-nightmode ul.flat-vert.icon-menu a.reddit-moderationlog.access-required.choice,
.theme-nightmode ul.flat-vert.icon-menu a.reddit-unmoderated.access-required.choice { background: none; }
/* sidebox "Moderators" box */
.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" (make button) */
.theme-daymode .side .sidecontentbox .helplink { display: block; background-color: #E6E6E6;
border-radius: 30px; padding: 5px 10px; margin: 0px 10px; }
.theme-nightmode .side .sidecontentbox .helplink { display: block; background-color: #222200;
border-radius: 30px; padding: 5px 10px; margin: 0px 10px; }
/* FAILED sidebox "message the moderators" expando
referencing https://saidit.net/s/Unc0ver/ using /r/Candidus theme
.side .sidecontentbox .helplink::after {
content: "Please include all relevant links when messaging the moderators!";
width: 280px; margin-top: 8px; padding: 0px 9px;
position: absolute; top: 0; right: 0;
background-color: #222200; padding: 5px 10px; margin: 0px;
border: 0px solid #666666; border-radius: 30px;
letter-spacing: 0; z-index: 9999; opacity: 0;
-webkit-transition: .25s 0s; transition: .25s 0s;
font-weight: 400; line-height: 1.4em;
visibility: hidden; pointer-events: none; }
*/
/* sidebox after box with name of CSS theme */
.theme-daymode .side:after {
content: "Ergonomix Subsaidit CSS Theme https://Saidit.net/s/Crime/about/stylesheet/";
display: block; width: 300px; margin: 10px 0; padding: 10px 0; position: absolute;
text-align: center; font-size: 1.3em;
color: #777777; border: 1px solid #999999; border-radius: 30px; opacity: .7; }
.theme-nightmode .side:after {
content: "Ergonomix Subsaidit CSS Theme https://Saidit.net/s/Crime/about/stylesheet/";
display: block; width: 300px; margin: 10px 0; padding: 10px 0; position: absolute;
text-align: center; font-size: 1.3em;
color: #777777; border: 1px solid #555555; border-radius: 30px; opacity: .7; }
/* == THUMBNAILS == */
/* thumbnail frame */
.thumbnail { text-align: center; padding: 8px; border-radius: 10px; margin: 0px 6px 0px 0px; }
.theme-daymode .thumbnail { background-color: #FFFFFF; border: 1px solid #999999; }
.theme-nightmode .thumbnail { background-color: #000000; border: 1px solid #666666; }
/* thumbnails for no image text + no image link */
.theme-daymode .thumbnail.self { background-image: url(%%Saidit-2019-Logo-Day-Text-70x70%%); }
.theme-nightmode .thumbnail.self { background-image: url(%%Saidit-2019-Logo-Night-Text-70x70%%); }
.theme-daymode .thumbnail.default { background-image: url(%%Saidit-2019-Logo-Day-Link-70x70%%); }
.theme-nightmode .thumbnail.default { background-image: url(%%Saidit-2019-Logo-Night-Link-70x70%%); }
.thumbnail.self,
.thumbnail.default { background-position: center; height: 90; }
/* == POSTS == */
/* posts alternating "stripes" darker */
.theme-daymode .link { background-color: #DFDFEF; padding-left: 3px; }
.theme-nightmode .link { background-color: #1D1D1D; padding-left: 3px; }
/* posts alternating "stripes" lighter */
.theme-daymode .link.even { background-color: #E6E6E6; padding-left: 3px; }
.theme-nightmode .link.even { background-color: #262626; padding-left: 3px; }
/* posts hover (lightest & darkest) */
.theme-daymode.listing-page .thing.link:hover { background-color: #EEEEEE; }
.theme-nightmode.listing-page .thing .title:hover { background-color: #101010; }
/* posts links = blue & 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 }
/* posts pinned link */
.theme-daymode .thing.stickied.link a.title { color: #992255; }
.theme-nightmode .thing.stickied.link a.title { color: #C05588; }
/* posts underline title */
.theme-daymode .title { border-bottom: 0px solid #AAAAEE; }
.theme-nightmode .title { border-bottom: 0px solid #223344; }
/* posts underline flat-list buttons */
.theme-daymode .flat-list { border-bottom: 2px solid #AAAAEE; }
.theme-nightmode .flat-list { border-bottom: 2px solid #223344; }
/* posts "comment share save hide distinguish delete spam remove approve lock nsfw flair retry thumb" */
/* posts "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 "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 "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 "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 "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 crossovers == */
/* posts domain */
.domain { float: right; }
/* posts domain brackets */
.theme-daymode .domain { color: #8888BB; }
.theme-nightmode .domain { color: #667788; }
/* posts 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; 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 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 "submitted" "by" paragraph */
.theme-daymode .tagline,
.theme-nightmode .tagline { color: #999999; font-size: 1.10em; }
/* posts & comments author, friend, [F], submitter */
.theme-daymode .tagline a.author { color: #992255; font-size: 1.35em; }
.theme-nightmode .tagline a.author { color: #BB8855; font-size: 1.35em; }
.theme-daymode .tagline a.author.friend { color: #992255; font-size: 1.35em; } /* not different */
.theme-nightmode .tagline a.author.friend { color: #B07090; font-size: 1.35em; }
.theme-daymode .tagline .userattrs { color: #BB4477; font-size: 1.00em; }
.theme-nightmode .tagline .userattrs { color: #905070; font-size: 1.00em; }
.theme-daymode .tagline a.author.submitter { color: #992255; font-size: 1.35em; } /* not posts, comments only */
/* not different */
.theme-nightmode .tagline a.author.submitter { color: #CC6666; font-size: 1.35em; } /* not posts, comments only */
/* posts & comments "flat-list" positions */
/* posts "comment share save hide distinguish delete spam remove approve lock nsfw flair retry thumb" */
.link .flat-list.buttons { float: left; clear: left; }
/* comments "permalink save parent edit disable-inbox-replies delete spam remove distinguish reply" */
.comment .flat-list.buttons { float: right; }
/* posts + comments "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 == */
/* comments turn off the scores beside the user names */
.comment .tagline .score { 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 "permalink save parent edit disable-inbox-replies delete spam remove distinguish reply" */
/* comments "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 "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 "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 { color: #F6C666; background: #339966; border-color: #339966; }
.theme-daymode .usertext-edit button.cancel,
.theme-nightmode .usertext-edit button.cancel { color: #339966; background: #F6C666; border-color: #F6C666; }
.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;
border: 1px; border-radius: 20px;
padding: 3px 12px 4px 12px; margin: 5px 5px 5px 10px; }
/* 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 == */
/* vote 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; } */
/* vote button icons 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; }
/* posts & comments vote score-box moved to right */
.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 vote numbers in 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; }
/* comments remove user vote scores (beside user name, moved to side buttons) */
.expando { clear: both; }
/* posts & comments vote 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 ovoids with sandwiched 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; }
/* == NOTIFICATIONS == */
/* "there doesn't seem to be anything here" + "saved" */
.comments-page .error,
.theme-daymode .buttons .error,
.theme-nightmode .buttons .error { color: #CC6600; font-size: 1.75em; }
/* "continue this thread" = orange */
.theme-daymode .deepthread a { color: #D07000; font-size: 2.00em; }
.theme-nightmode .deepthread a { color: #EEBB33; font-size: 2.00em; }
/* == SUBMIT FORMS == */
/* FYI form prompt text default = "wheat" = #F5DEB3 */
/* "title" "url" "choose a sub" "your subscribed subs" "options" "be mindful" "submit" */
/* submit tab menu */
.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 tab menu green underline in correct section */
.submit ul.tabmenu.formtab { width: 100%; border-bottom: 4px solid #339966; }
/* remove next section's blue line & halved padding */
.submit .formtabs-content { width: 100%; border-top: 0px solid #5F99CF; padding-top: 5px; }
/* submit form max width in window (to sidebox) down entire page + rounded corners */
.submit .roundfield,
#link-desc.infobar { width: 100%; border-radius: 15px; padding: 3px 10px; position: relative; }
/* submit form sections space between boxes */
.submit .spacer+.spacer { margin: 7px 0px; }
/* submit "title" larger submit field */
.submit textarea#title_text { width: 95%; height: 80px; }
/* submit "title" relocate character count */
.submit .roundfield-content p { position: absolute; top: 5px; left: 440px; }
/* submit button "suggest title" relocate */
#url-field button { margin: 0; }
.submit .roundfield button { color: #339966; font-weight: bold; font-size: 0.75em;
text-align: center; vertical-align: middle; background: #F6C666;
border-color: #F6C666; border: 10px; border-radius: 30px;
padding: 5px 15px 5px 15px; position: absolute; top: 3px; left: 390px; }
/* submit "your subscribed subs" */
.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-weight: bold; font-size: 1.2em; line-height: 0px; }
.theme-nightmode .submit .roundfield-content a:hover { color: #FFB033; font-weight: bold; font-size: 1.2em; line-height: 0px; }
/* submit "submitting to..." */
.submit-page div.content { margin-right: 310px; }
.submit-page .md { max-width: none; }
.submit_text.roundfield.enabled { width: 100%; }
.submit .submit_text.roundfield.enabled h1 { color: #CC6600; font-size: 1.1em; margin: 0px; }
/* submit relocate "options" + submit "please be mindful of SaidIt's content policy" */
.submit #sendreplies-field.roundfield { width: 300px; padding: 10px 15px; float: right; }
.submit .roundfield.info-notice { width: 300px; text-align: center; float: right; }
/* submit button "submit" */
.submit button.btn { color: #FFCC00; font-weight: bold; font-size: 2em;
text-align: center; vertical-align: middle; background: #339966; height: 100%;
border-color: #339966; border: 10px; border-radius: 30px;
padding: 5px 15px 5px 15px; margin: 0px; }
/* == 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 & stylesheet 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; }
/* stylesheet 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; }
*/
/* stylesheet 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; }
/* end */
images
Saidit-2019-Bubble-Announcements-300x300
link:url(%%Saidit-2019-Bubble-Announcements-300x300%%)
SaidItSurveys-Sidebox-Image-300x60
link:url(%%SaidItSurveys-Sidebox-Image-300x60%%)
Saidit-2019-Logo-Night-Link-70x70
link:url(%%Saidit-2019-Logo-Night-Link-70x70%%)
Saidit-2019-Banner-Broadcast-Logo-Day-v2-3000x150
link:url(%%Saidit-2019-Banner-Broadcast-Logo-Day-v2-3000x150%%)
Saidit-2019-Centered-Grade-Night-Logo-2500x100
link:url(%%Saidit-2019-Centered-Grade-Night-Logo-2500x100%%)
Saidit-2019-Logo-Night-Text-140x60
link:url(%%Saidit-2019-Logo-Night-Text-140x60%%)
Saidit-2019-Banner-Broadcast-Logo-Night-v2-3000x150
link:url(%%Saidit-2019-Banner-Broadcast-Logo-Night-v2-3000x150%%)
Saidit-2019-Logo-Day-Text-140x60
link:url(%%Saidit-2019-Logo-Day-Text-140x60%%)
Saidit-2019-Logo-Day-Text-70x70
link:url(%%Saidit-2019-Logo-Day-Text-70x70%%)
Saidit-2019-Logo-Day-Link-70x70
link:url(%%Saidit-2019-Logo-Day-Link-70x70%%)
Saidit-2019-Centered-Grade-Day-Logo-2500x100
link:url(%%Saidit-2019-Centered-Grade-Day-Logo-2500x100%%)
Saidit-2019-Centered-Grade-Day-Logo-2500x50
link:url(%%Saidit-2019-Centered-Grade-Day-Logo-2500x50%%)
Saidit-2019-Logo-Night-Text-70x70
link:url(%%Saidit-2019-Logo-Night-Text-70x70%%)
Saidit-2019-Centered-Grade-Night-Logo-2500x50
link:url(%%Saidit-2019-Centered-Grade-Night-Logo-2500x50%%)
revision by JasonCarswell— view source
