dancinpenguins | Plurk Fixes 2016

Plurk Fixes 2016

A compilation of CSS Plurk Fixes
To add any of these fixes:

Go to 'customize profile' on your Plurk
Scroll down to 'Customize your profile even more with CSS'
Paste the fix in the box
Hit save and update!
/* Hint: Placing this slash+asterisk before and asterisk+slash after text in the CSS box allows you to make notes to yourself about what each piece of code does so that you can easily find and tweak later! */

Have a problem you don't see solved here? If you'd like to make a request, please go to this thread!

Round the corners on individual Plurks

._lc_ .plurk_cnt { border-radius: 9px 9px 9px 9px; -khtml-border-radius: 9px; -webkit-border-radius: 9px; }

*Note: Add Rounding to drop downs

Make Timeline narrower (Note* : this one is a fixed width)

#timeline_holder {height:500px!important}

Non-Fixed Width Version:

#timeline_holder { height:50vh!important; }

Shrink the size of Plurks upon expanding

.response_box {
height:300px;
}

Adjust Plurk opacity (higher for more opaque, lower for more transparent)

.plurk_cnt { opacity: 0.7; }

Remove Plurk Creature on Timeline

#dynamic_logo {
opacity:0;filter:alpha(opacity=0);zoom:1
}

*Note for those using opacity fix

Get rid of Hot Pink on new responses

.new .response_count {
background: #5889a9!important;
border-right:0px solid #006A8F;
border-top: 0px solid #0A84AF;
border-bottom: 0px solid #006A8F;
border-left: 0px solid #0A84AF;

color: #fff !important;
padding-left: 4px;
padding-right: 6px;
padding-top: 1px;
padding-bottom: 3px;
}

Turn off Post-It Note Glow on new plurks

.plurk_cnt.new1 {background-color: #ffffff;}
.plurk_cnt.new2 {background-color: #ffffff;}
.plurk_cnt.new3 {background-color: #ffffff;}
.plurk_cnt.new4 {background-color: #ffffff;}
.plurk_cnt.new5 {background-color: #ffffff;}
.plurk_cnt.new6 {background-color: #ffffff;}

Round Plurk Images

.p_img {
border:0px!important;
}
.p_img img {
border:0px;
border-radius:50%;
border-radius:5px 5px;
}

Round out Response Count Box

.response_count {border-radius:6px;} -

Change the Font in your "Reply" box for individual Plurks (insert any font you'd like)

textarea#input_small.content {
font-family: "tahoma";
}

or:

td.td_cnt textarea, textarea#input_small {font-family: tahoma;}

or:

This option

Change the Font in your "New Plurk" box for individual Plurks (insert any font you'd like and change 200% to any lower number to make it smaller)

.input_holder #input_big {
background-color: white;
font-size: 200%;
color: #333 ;
font-family: "tahoma";
overflow-y: auto;
width: 200%;
}

Remove Gray Lines Between Plurk Replies

._lc_ .plurk_cnt {
border-right: 0px !important;
border-bottom: 0px !important;
}

THANK YOU TO THE PLURK COMMUNITY AT LARGE FOR THESE! lollobrigida, redlionspride, cupcakepantry, jungler, anruik, exclamationmarks, aviekokyre, warmblankets, noctowlnal, jpegasus in particular for sharing!

Additional links below:

Change the Color of Plurks
Change the Color of Plurks while Maintaining Round Corners
Removing the Creepy Spit-Roast Fish with CSS
Creepy Spit-Roast Fish URL For Ad-Blocking
Make the Profile Pic Big Again
Line Up the Plurk Count Bubble with Top of Plurk
Change the Colors of the Timeline Arrows & the Plurk Submit Button Color
Dashboard Transparency
Remove Day Divider Bars
Remove Fans/Stats/Badge Boxes
Change the Color of Karma Number
Other Ways to Hide Dash Stuff: Badges/Fans/Stats/Friends/Karma
Plurk Height Fix / Plurk Width Fix
Remove Navigation Arrows on Timeline
Force Usernames to Be One Color
Expand 'All Plurks' Menu Permanently
Make 'All Plurks' Menu Horizontal and On the Right (Like It Used to Be)
Fancy Plurk Transparency
Plurk Pop-Up Menu & Updater Code
Change the Color/Opacity of the Dashboard
Change the Color of Links in Plurks
Change the Color of Unread All Plurk/Responded Plurk/etc. Counts in the Hover Menu
Change the Color of the "Liked" Heart/Make Muted Plurks Fade Away Completely/Hide Sync Button
Hide "Mark All As Read"
Make Date/Time Stamps Transparent on Timeline

Offered layouts:
Profile Only Layoutby passengers
Basic Black Layout by wikkidbubbles
By Clegane
By Elystia
By Effingunicorns

Threaded | Top-Level Comments Only

... Oh bugger. I swear it worked yesterday. MAYBE ONE OF OUR CODING WIZARDS CAN FIND A WAY TO MAKE THIS WORK.

I HONESTLY HATE THIS THING.

I'm just not good enough to get it to do it. ;_;

Edit: ... Oh, weird. It's working on MY layout. I don't know why it isn't working on other ones.

Edited 2016-02-11 19:39 (UTC)

3b. Yes, as you already saw in my plurk. I just reduced the width of the Stats block and the Friends block just neatly slid in next to it.

I've been fighting with forcing the width for a while and can't seem to figure out how to make the stats box smaller! Would you mind terribly in sharing how you've accomplished it? ;u;

Scratch that, I figured it out! (Trial and error is great.)

Edited 2016-02-12 01:26 (UTC)

after seeing what you did with your stats box, I thought I'd try to replicate it, since it looks pretty amazing! I am wondering if you'd mind letting me know how you hid the "# of friends invited" number/how you replaced the text there? I can't seem to figure out the ID associated with it, since the element inspector doesn't seem to know, either. :c you also look to have gotten the alignment down perfectly which I am... also totally failing at. if you wouldn't mind giving a couple pointers on how you accomplished both, I'd be eternally grateful!!

for reference, this is the weird alignment that's happening + the coding I butchered together.

Hello! Sorry for the delay!

This isn't the smoothest fix but this was the solution that I found:

a#mark_all_link.updater_link {
margin-left: 125px;
float : right;
}

Let me know if it works out for you!

PERFECT! I see what you mean, the buttons are farther apart than usual, but on my end that just means an even lower chance of hitting MAAR by accident. This is exactly what I needed. Thank you!

Wonderful! I'm glad it works especially well for you! :D

If anyone's using this and has suddenly found that their time/date is inside their plurk, the fix is pretty easy.

Search for and find this segment of the css:

div.response_time .holder { position: absolute; top: 0; left: -140px; background: none !important; }

Remove it. That seems to be it and it doesn't mess with the rest of the code. Enjoy.

If you place a space after the word display it works. So it would appear as "display : value"

I don't know if you're still having this problem or not, but I found the code to get rid of the banner ads that appear at the bottom of some plurks through a bit of googling.

I can't give credit to the original coder as it was in a plurk paste, but here's the code:

#plurk_ads,#plurk_ads img,#sliderAds.in,#sliderAds .adimg,#sliderAds .btnClose,#sliderAds .btnClose:hover,#sliderAds .btnClose .btnImage,#resp_banner_ads,#resp_banner_ads.show,#resp_banner_ads img.openx_img,.timeline #timeline_holder div.banana_plurk,.timeline #timeline_holder div.banana_plurk.impress,.timeline #timeline_holder.banana_show div.banana_plurk,div.adsense,section.adsense,section.adsense h3,div.cbox_ads,#top_bar .content a:nth-child(2){ display : none !important; }

I and a couple others on my list are having that issue. It's really annoying. D:

The full text I typed was, "i'm having an annoying issue where i can't see everything i'm typing in an initial plurk". If I use the arrow keys I can use the cursor to scroll letter by letter to the end, but as soon as I release the key I'm back to what you see in the picture.

I don't know if you managed to fix it yourself, but after dealing with this for so long I figured out how to fix it!

In the following modules:
.input_holder #input_big
.input_holder #input_small

Add:
overflow: auto;
word-wrap: break-word

Don't add a ; to that break-word thing. Somehow that fixes it (at least it does with me. Removing word-wrap doesn't have the same effect and adding the ; doesn't work either.)

YOU'RE WONDERFUL

I was missing "word-wrap: break-word", putting that in fixed it!

I'm glad that worked!

No, but seriously. I had enough of that exact problem and dived into google until I found the right line of code. That was just about a few minutes before telling you (because this post was part of that code-diving)

This actually already helped two other people! The third we're trying to figure out why her code is being weird and resistant. She usually uses firefox but it's not working on chrome either. :|a

edit: here's her code if you/anyone wants to help us butt heads with it

Edited 2016-04-21 03:21 (UTC)

Well, I'm not much of a coder so I can't dissect most of everything. (I'm honestly not sure what the truncated lines near the beginning are for.) So I don't know if there's conflicting code or whatnot.

If you want, you can compare hers to mine. It's a bit of a mess, but it might figure something out for those that understand the language more.
My customized profile code.

we figured it out!!

me: okay i have an idea
`overflow: auto;
width: 200%!important;
word-wrap: break-word`
try putting the width line last

her: ...... that fixed it??
I GUESS THOSE TWO NEED TO BE TOGETHER AND GET ANGRY WHEN THEY'RE APART

gg picky css

WOW thanks css

It must either need those two things together, or the !important tag got the code all in a snit.

omfg amazing thank you. this has been bugging me forever!

i legit have no idea about the !important things and considered they might be cancelling each other out somewhere

"you have so many things marked important hfdslfds calm down oprah"

don't forget to add it to the list 8D

Not quite a fix and horrendously late for Plurk Fuckup 02/2016 but I thought I would share this here in case the current plurk going around gets lost.

Pastebin version for easy access

a[href="/PLURKNAME"]:hover:after{ background: #333; background-color: #fff; border-color: #ddd; border: 1px solid #ddd; border-radius: 5px; bottom: 102%; color: #000000; left: 0%; padding: 5px 15px; position: absolute; z-index: 98; width: auto; content : "NAME (character @ GAME)"; }

NOTE: requires the forwardslash / to remain before the plurk name. Plurk names are case sensitive to the URLs of the users. Content must retain quotation marks " around the text you would like to use.
To make a Stylish script (to work on all areas of plurk, including single-view plurks and other timelines), add the following before continuing to add sections as normal:

@namespace url(http://www.w3.org/1999/xhtml); @-moz-document domain("plurk.com") { }

Edited 2017-07-12 18:29 (UTC)

Hey, I've been using this layout for a while and recently had to clear my cache. When I did, all my plurks ended up bunched up near the top of the timeline and I can't figure out how to get them back down. Any idea what it could be?

Good timing. I just had this issue myself and pieced together a fix for it.

Look for:

div.plurk .link_extend { z-index: 2200; }
.block_cnt
{
padding: 15px !important;
width: 300px !important;
height: 60px !important;

changing the 60 to 500 works, or you can remove it and take your changes with it staying fixed.

Oh, you're fantastic. Thank you so much!

this still active? it just hit me that the icons besides posted plurks are HILARIOUSLY tiny, almost to pointlessness, since you can hardly tell what they are beyond tiny color blobs

were they always this small?? i swear they used to be bigger. any way to make them bigger?

Threaded | Top-Level Comments Only

Page 12 of 13

Plurk Fixes 2016

no subject

Re: title bar, dashboard, and mute/like/replurk/promote hovertext

no subject

Re: Hide "Mark All As Read"

Re: Hide "Mark All As Read"

Re: Hide "Mark All As Read"

FIX RE: NEW UPDATE (wtf plurk)

Re: hide yo dash

no subject

Re: New Plurk Box doesn't scroll...

Re: New Plurk Box doesn't scroll...

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

ADD TOOLTIP HOVERS TO USERNAMES

Re: BLACK LAYOUT

FIX

Re: FIX

Re: WISHLIST/REQUESTS