dancinpenguins: (| lois | :3)
Arden ([personal profile] dancinpenguins) wrote2016-02-04 01:14 am

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;


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 Layout
by passengers
Basic Black Layout by wikkidbubbles
By Clegane
By Elystia 
By Effingunicorns
hypeodermic: in my scrubs. Wanting a blow job is not a medical emergency. (Default)

[personal profile] hypeodermic 2016-02-04 06:49 pm (UTC)(link)
/*-- Usernames --*/
.td_qual span a, .td_qual span a:hover, #timeline_cnt .name,
a.user-nick, a.user-nick:hover {
color: #fff!important;
}

this is the code i'm using for usesrname colors, which catches all usernames for me!
frau_kali: (Default)

[personal profile] frau_kali 2016-02-04 07:25 pm (UTC)(link)
Ah, thank you so much! It works great :)
hypeodermic: in my scrubs. Wanting a blow job is not a medical emergency. (Default)

[personal profile] hypeodermic 2016-02-04 08:12 pm (UTC)(link)
of course! and i was playing around with the responses background and this might fix that too, if i understood what you're looking for correctly:

/*-- Response Box --*/
.response_box {
background: #000;
}
frau_kali: (Default)

[personal profile] frau_kali 2016-02-04 08:19 pm (UTC)(link)
Woohoo! That worked, thanks a lot!

That just leaves changing the colours of the "Post It Note glow" on new plurk responses. I'd be curious to know where people are unearthing all these codes from? Are they using something like Firefox' inspect element feature?
hypeodermic: in my scrubs. Wanting a blow job is not a medical emergency. (Default)

[personal profile] hypeodermic 2016-02-04 08:24 pm (UTC)(link)
you're welcome! the inspect element feature is what i've been using to figure stuff out, and that glow is something i'm currently trying to fix so if i figure that out, i'll drop it by here too!
frau_kali: (Default)

[personal profile] frau_kali 2016-02-04 10:01 pm (UTC)(link)
Okies, many thanks!

I started looking myself but it seems to be an illusive bit of css :|
hypeodermic: in my scrubs. Wanting a blow job is not a medical emergency. (Default)

[personal profile] hypeodermic 2016-02-04 10:30 pm (UTC)(link)
i thiiiink it might be this:

/*-- New Responses --*/
.plurk_box .shade_1 {background: transparent!important;}
.plurk_box .shade_2 {background: transparent!important;}
.plurk_box .shade_3 {background: transparent!important;}
.plurk_box .shade_4 {background: transparent!important;}
.plurk_box .shade_5 {background: transparent!important;}
.plurk_box .shade_6 {background: transparent!important;}

that seems to have done the trick for me.
frau_kali: (Default)

[personal profile] frau_kali 2016-02-06 12:46 am (UTC)(link)
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 >>
hypeodermic: in my scrubs. Wanting a blow job is not a medical emergency. (Default)

[personal profile] hypeodermic 2016-02-06 01:11 am (UTC)(link)
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.
frau_kali: (Default)

[personal profile] frau_kali 2016-02-08 09:24 pm (UTC)(link)
Heey so just a heads up that I kinda sorta solved this lol. I wound up just using this code and changing the colours. Since when I asked about it the provided code that was supposed to fix it didn't do it on its own.

idk man, CSS is so weird sometimes lol

Thanks for all your help, though :)