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

#dash-stats h2, #dash-friends h2, #dash-fans h2 {  
    color: #ffffff;
    font-family: Arial;
    font-size: 26px;
    text-transform: uppercase;
    text-align:center;
    font-weight: none; 
}

This will change all of your headers to be the same. If you want them different, just separate #dash-stats h2, #dash-friends h2 and etc. For instance:

#dash-friends h2 {  
    color: #ffffff;
    font-family: Arial;
    font-size: 26px;
    text-transform: uppercase;
    text-align:center;
    font-weight: none; 
}

OH MY GOD THANK FUCK this is exactly what i was looking for

Nope, no juice :(

I'm not totally sure what you mean by the 'orange box that flicks open' but try this:

.bottom_start, .day_start .bottom_start {background: transparent !important;}

#updater .item a, #updater .item a:hover {background:transparent !important;}

Hope that works!

I'm not sure if this is something that can be fixed or not, but pre-new update, when I opened a plurk that opened up past the bottom of my screen/frame, I could use the scroll wheel to scroll down to the point where the bottom of the open plurk was. Now I have to use the drag bar on the side of the browser and it's just a pain. Is this fixable?

Heey, sorry it took me a bit to get back to this. But sadly this did not work for me, I even tried changing transparent to the colours I wanted, but annoyingly it still highlights all new responses with this bright, annoying white that makes them hard to read on my otherwise black theme.

The code to make it not do that on new plurks works fine, but I guess there might not be a way to do it for new responses or something >>

This is fantastic! It's still skewed to the left instead of the right for me but it's infinitely better than nothing.

Thank you so much for finding this!

i hope you don't mind but i took a look for myself and they look rounded to me.

what browser are you using? i know sometimes radius codes act differently -- depending on the browser you're viewing them on.

oh no problem! but hmmm, i'll keep trying. i think there were a few other properties that could be messed with that were related to the response highlights. though yeah, there may not be a way to do it...i hope that's not the case.

Chrome! And the code above works fine for rounding borders on literally everything else on plurk, it just won't seem to take to the timestamps. It's so weird.

I AM GOING TO MARRY FLOWMOTION AND YOU FOR SHARING WITH US

by any chance do you have the 'expand all plurks' code already installed? I had to remove mine to get this one to work right

I'm not sure how many people actually want this, but since it was a little finnicky to figure out what exactly I had to change, I figure I may as well share it and save a potential headache for someone:

a#mark_all_link.updater_link {
display : none;
}

If you wanted to make any other changes that are specifically to the "Mark All As Read" button (and no other buttons!) then a#mark_all_link.updater_link is what you'll want to refer to.

I did! And sure enough removing that put the menu where it's supposed to be. THANK YOU SO MUCH.

Hooray!

Hello there! So that's a nice layout :) I noticed you managed to change the colours of highlighting for new plurk responses and I was wondering which part of the code does that? It's the last thing I need to change on my own layout. Also how did you change the colour of the new plurk text box and the reply box inside plurks?

Here's my code, if that helps at all.

Thanks!

i completely understand the sentiment! i'm so happy someone managed to fix this!

thank you so much to you, too, for putting this post together -- it's been really handy to have all of this information in one place. <3

No prob! I knew that it would be handy for me, so I figured it would be for everyone else too. About to go through and update links again with the new stuff from today!

Went ahead and removed it from the list above for now, then. ♥

im using firefox, and the above code didnt work a lick for me either :(

Thank you! For the highlighted plurk responses, I used

.plurk_cnt.new1, .plurk_cnt.new2, .plurk_cnt.new3, .plurk_cnt.new4, .plurk_cnt.new5, .plurk_cnt.new6, .shade_1, .shade_2, .shade_3, .shade_4, .shade_5, .shade_6 {
    background: #001128;
}

which is basically just a combination of the solution in this post and the solution offered by

hypeodermic--neither worked fully for me either, but combined they seem to do the trick more often than not.

The various text entry areas are a combination of a couple of elements. Since I'm using the same color and fonts for both text boxes, first I have this bit, which defines the actual text entry area:

.textarea_holder textarea {
    background: #76A1B5;
    opacity: .5;
    font-family: 'Gill Sans','Futura','Verdana',sans-serif;
}

Then I have the area immediately around the text fields, which is basically like the margins of the paper when you're editing a Word-style document:

._lc_ .input_holder {
    border: #eee 1px solid;
    border-color: #000;
    border-radius: 8px;
    background: #060F2B;
}

The opacity setting in the first section lets you play with the shade of the text boxes without having to mess with different hex codes, but if you have a specific color in mind you can omit that line or change the value to 1.0 to keep the input_holder color from affecting the textarea color.

If you want the reply boxes to be a different color from the new plurk text box, you can use the following respectively (the latter of which I see is already in your code:

.mini_form .textarea_holder textarea {
    background: #xxxxxx;
}

.input_holder #input_big {
    background: #xxxxxx;
}

Does that answer your questions?

So I'm having a problem with the font difference between what you type and what appears after you click enter. I've already tried the fix here and it doesn't work. I've asked people on my plurk and it doesn't work so any help would be appreciated.

To help you out, I have some screenshots and fingers crossed there's someone smart enough to figure it out.

Here is an open plurk showing the two different fonts: https://i.imgur.com/jL13DwX.png
I'd love them to both be the one in the plurk. The one while I'm typing makes me feel sick so I'm using phone plurk a lot which is hard.

And here is what my css looks like: https://i.imgur.com/iawWwdX.png
Or would if you could expand the box and see it all at once...

If you need any other information, reply and I will get back to you with it asap.

AND THANK YOU IN ADVANCE. YOU'RE REALLY HELPING ME GET THROUGH IT ALL!

I noticed that putting this code in pushed my dashboard down by about 20 pixels or so, so if you would like to reverse that, put in:

#dashboard_holder { padding:0px!important; }

Before and after example pics!

oh wow, i didn't even notice this until you pointed it out?? but that does help to make everything a lot more compact. thank you!

i'm finicky and a former art student

i notice when things are off by one pixel

it's a hard life :(

Threaded | Top-Level Comments Only

Page 8 of 13

Plurk Fixes 2016

Re: friends adjustments

no subject

no subject

no subject

Scrolling on open plurks

no subject

no subject

no subject

no subject

no subject

no subject

no subject

Hide "Mark All As Read"

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

Font problem?

ADDENDUM

Re: ADDENDUM

no subject