Make visited links distinguished on steemit [stylish css rule] by dvdnwk

View this thread on: hive.blog | peakd.com | ecency.com

steemit · @dvdnwk · Jul 27 '16 (edited)

$0.59

Make visited links distinguished on steemit [stylish css rule]

**Want to know what you've already read? Upgrade your styles!**

https://dl.dropboxusercontent.com/u/3729832/published/steemit/visited-links-stylish/articles-list.png

With this CSS rule, your visited links will be _kinda_ violet and you will instantly know that you've already been there. It works within article contents and comments as well!

**See the code: https://gist.github.com/MacDada/f4c3072a549958c16dd532a6e942124d**

How to use it?
---

1. [Download Stylish and install it in your browser](https://userstyles.org/help/stylish)
2. While being on steemit, select option to write a new style:
    https://dl.dropboxusercontent.com/u/3729832/published/steemit/visited-links-stylish/stylish-add.png
3. Optionally [choose your own color](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Colors/Color_picker_tool)
4. Save a new style:
    https://dl.dropboxusercontent.com/u/3729832/published/steemit/visited-links-stylish/stylish-save-it.png

Need any help? Just ask in the comments :)

👍 omarb, victor-lucas, condra, inti, bkkshadow, marcgodard, yarly2, yarly3, reported, ben99, adc, vitz81, dvdnwk, davikhale, devroot, soupernerd, weenis, taz, leagues, nicoleta, elliottgodard, johnblow, nigmat, emilyelizabeth, steemit.tips, steemitlove, steemlove, curls4life, alniskobs, amboyst, cheremet, anarchypory, angevel, backetri, chonesta, countrytalented, cozyone123, crumaner, daysaiyan, daysmega, daysmega1421, dotersvilic, eternalabove, sugarfromhell, gaspot, forgetthefallen, eleiminer, etccrap, abctrade, yandra86, hxclife, rottennasty, bignastywhale

`author`	dvdnwk
`permlink`	make-visited-links-distinguished-on-steemit-stylish-css-rule
`category`	steemit
`json_metadata`	{"tags":["steemit","stylish","tutorial","theme"],"image":["https://dl.dropboxusercontent.com/u/3729832/published/steemit/visited-links-stylish/articles-list.png"]}
`created`	2016-07-27 16:05:03
`last_update`	2016-07-27 16:42:03
`depth`	0
`children`	9
`last_payout`	2016-08-27 04:25:27
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.493 HBD
`curator_payout_value`	0.096 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	996
`author_reputation`	7,104,820,475
`root_title`	"Make visited links distinguished on steemit [stylish css rule]"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	408,072
`net_rshares`	267,274,749,812
`author_curate_reward`	""

properties (23)vote details (53)

voter	rshares	pct
omarb	126,974,891,481	100%
victor-lucas	125,429,171,550	100%
ben99	105,878,986	100%
soupernerd	56,515,698	2%
marcgodard	686,914,847	100%
condra	6,547,510,011	100%
inti	3,804,378,206	100%
yarly2	228,178,415	100%
yarly3	222,509,411	100%
bkkshadow	2,452,235,806	100%
elliottgodard	43,063,887	100%
taz	54,384,456	100%
nicoleta	45,383,808	100%
reported	108,738,600	100%
emilyelizabeth	4,255,479	2%
weenis	55,427,665	2%
leagues	49,242,911	100%
vitz81	65,368,645	100%
johnblow	25,714,775	100%
nigmat	9,046,997	100%
steemitlove	1,277,435	2%
steemlove	1,277,349	2%
adc	83,981,207	100%
steemit.tips	1,690,483	2%
curls4life	1,237,709	2%
alniskobs	1,236,422	2%
amboyst	1,236,413	2%
cheremet	1,236,404	2%
anarchypory	1,236,335	2%
angevel	1,236,301	2%
backetri	1,236,295	2%
chonesta	1,236,287	2%
countrytalented	1,234,186	2%
cozyone123	1,234,178	2%
crumaner	1,234,164	2%
daysaiyan	1,234,153	2%
daysmega	1,234,104	2%
daysmega1421	1,234,097	2%
dotersvilic	1,234,087	2%
eternalabove	1,234,073	2%
dvdnwk	63,115,074	100%
sugarfromhell	1,228,844	2%
gaspot	1,228,835	2%
forgetthefallen	1,228,825	2%
eleiminer	1,228,817	2%
etccrap	1,228,746	2%
abctrade	1,228,720	2%
yandra86	1,228,697	2%
hxclife	1,228,680	2%
rottennasty	1,228,671	2%
bignastywhale	1,228,658	2%
davikhale	61,285,515	100%
devroot	61,258,414	100%

@ben99 · Jul 27 '16

Good job man ;)

properties (22)

`author`	ben99
`permlink`	re-dvdnwk-make-visited-links-distinguished-on-steemit-stylish-css-rule-20160727t161204431z
`category`	steemit
`json_metadata`	{"tags":["steemit"]}
`created`	2016-07-27 16:12:03
`last_update`	2016-07-27 16:12:03
`depth`	1
`children`	0
`last_payout`	2016-08-27 04:25:27
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	15
`author_reputation`	2,457,670,192,450
`root_title`	"Make visited links distinguished on steemit [stylish css rule]"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	408,320
`net_rshares`	0

@bison015 · Jul 27 '16 (edited)

Keep up the good work!

👍 tradebots
👎 steemservices

`author`	bison015
`permlink`	make-visited-links-distinguished-on-steemit-stylish-css-rule
`category`	steemit
`json_metadata`	""
`created`	2016-07-27 16:05:39
`last_update`	2016-07-27 16:42:42
`depth`	1
`children`	0
`last_payout`	2016-08-27 04:25:27
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	22
`author_reputation`	-627,355,102,330
`root_title`	"Make visited links distinguished on steemit [stylish css rule]"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	408,090
`net_rshares`	-21,914,082,513
`author_curate_reward`	""

properties (23)vote details (2)

voter	weight	wgt%	rshares	pct	time
steemservices	0 B		-21,965,963,524	-3%
tradebots	0 B		51,881,011	100%

@condra · Jul 27 '16

You're a frickin genius! 
-

http://cdn.theatlantic.com/static/mt/assets/science/bender-applause_medium.gif

Thanks so much

👍 davikhale

`author`	condra
`permlink`	re-dvdnwk-make-visited-links-distinguished-on-steemit-stylish-css-rule-20160727t161233843z
`category`	steemit
`json_metadata`	{"tags":["steemit"],"image":["http://cdn.theatlantic.com/static/mt/assets/science/bender-applause_medium.gif"]}
`created`	2016-07-27 16:12:18
`last_update`	2016-07-27 16:12:18
`depth`	1
`children`	0
`last_payout`	2016-08-27 04:25:27
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	123
`author_reputation`	56,189,611,335,832
`root_title`	"Make visited links distinguished on steemit [stylish css rule]"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	408,328
`net_rshares`	61,285,515
`author_curate_reward`	""

properties (23)vote details (1)

voter	weight	wgt%	rshares	pct	time
davikhale	0 B		61,285,515	100%

@devroot · Jul 27 '16

Thank you @dvdnwyk :)

properties (22)

`author`	devroot
`permlink`	re-dvdnwk-make-visited-links-distinguished-on-steemit-stylish-css-rule-20160727t160628471z
`category`	steemit
`json_metadata`	{"tags":["steemit"],"users":["dvdnwyk"]}
`created`	2016-07-27 16:06:27
`last_update`	2016-07-27 16:06:27
`depth`	1
`children`	1
`last_payout`	2016-08-27 04:25:27
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	21
`author_reputation`	11,065,698
`root_title`	"Make visited links distinguished on steemit [stylish css rule]"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	408,116
`net_rshares`	0

@dvdnwk · Jul 27 '16

I guess I should reserve that name if anyone else makes the mistake ;)

properties (22)

`author`	dvdnwk
`permlink`	re-devroot-re-dvdnwk-make-visited-links-distinguished-on-steemit-stylish-css-rule-20160727t162834881z
`category`	steemit
`json_metadata`	{"tags":["steemit"]}
`created`	2016-07-27 16:28:30
`last_update`	2016-07-27 16:28:30
`depth`	2
`children`	0
`last_payout`	2016-08-27 04:25:27
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	70
`author_reputation`	7,104,820,475
`root_title`	"Make visited links distinguished on steemit [stylish css rule]"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	408,782
`net_rshares`	0

@dvdnwk · Jul 27 '16 (edited)

BTW, how do I paste code here, instead of hosting it on Github?

I've tried three backtics, but `&quot;` and `&gt;` get double encoded o.O

---

test:

```
foo &gt; bar {
    content: &quot;baz&quot;
}
```

edit: yep, steemit is doing it wrong.

properties (22)

`author`	dvdnwk
`permlink`	re-dvdnwk-make-visited-links-distinguished-on-steemit-stylish-css-rule-20160727t161853330z
`category`	steemit
`json_metadata`	{"tags":["steemit"]}
`created`	2016-07-27 16:18:54
`last_update`	2016-07-27 16:54:09
`depth`	1
`children`	1
`last_payout`	2016-08-27 04:25:27
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	246
`author_reputation`	7,104,820,475
`root_title`	"Make visited links distinguished on steemit [stylish css rule]"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	408,521
`net_rshares`	0

@dvdnwk · Jul 27 '16

https://github.com/steemit/steemit.com/issues/67

properties (22)

`author`	dvdnwk
`permlink`	re-dvdnwk-re-dvdnwk-make-visited-links-distinguished-on-steemit-stylish-css-rule-20160727t165542048z
`category`	steemit
`json_metadata`	{"tags":["steemit"],"links":["https://github.com/steemit/steemit.com/issues/67"]}
`created`	2016-07-27 16:55:42
`last_update`	2016-07-27 16:55:42
`depth`	2
`children`	0
`last_payout`	2016-08-27 04:25:27
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	48
`author_reputation`	7,104,820,475
`root_title`	"Make visited links distinguished on steemit [stylish css rule]"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	409,467
`net_rshares`	0

@steemitboard · Jul 26 '17

Congratulations @dvdnwk! You have received a personal award!

[![](https://steemitimages.com/70x70/http://steemitboard.com/@dvdnwk/birthday1.png)](http://steemitboard.com/@dvdnwk)  Happy Birthday - 1 Year on Steemit Happy Birthday - 1 Year on Steemit
Click on the badge to view your own Board of Honor on SteemitBoard.

For more information about this award, click [here](https://steemit.com/steemitboard/@steemitboard/steemitboard-update-8-happy-birthday)
> By upvoting this notification, you can help all Steemit users. Learn how [here](https://steemit.com/steemitboard/@steemitboard/http-i-cubeupload-com-7ciqeo-png)!

properties (22)

`author`	steemitboard
`permlink`	steemitboard-notify-dvdnwk-20170726t212705000z
`category`	steemit
`json_metadata`	{"image":["https://steemitboard.com/img/notifications.png"]}
`created`	2017-07-26 21:27:03
`last_update`	2017-07-26 21:27:03
`depth`	1
`children`	0
`last_payout`	2017-08-02 21:27:03
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	620
`author_reputation`	38,975,615,169,260
`root_title`	"Make visited links distinguished on steemit [stylish css rule]"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	9,840,705
`net_rshares`	0

@steemitboard · Jul 26 '19

Congratulations @dvdnwk! You received a personal award!

<table><tr><td>https://steemitimages.com/70x70/http://steemitboard.com/@dvdnwk/birthday3.png</td><td>Happy Birthday! - You are on the Steem blockchain for 3 years!</td></tr></table>

<sub>_You can view [your badges on your Steem Board](https://steemitboard.com/@dvdnwk) and compare to others on the [Steem Ranking](https://steemitboard.com/ranking/index.php?name=dvdnwk)_</sub>


###### [Vote for @Steemitboard as a witness](https://v2.steemconnect.com/sign/account-witness-vote?witness=steemitboard&approve=1) to get one more award and increased upvotes!

properties (22)