sarken: text: great sleep-deprived novel ([misc] nanowrimo)
girl, you're a dandelion ([personal profile] sarken) wrote in [community profile] ao3_skins2011-11-15 02:01 am
Entry tags:

Show All of User's Fandoms 2.0

Once upon a time, [personal profile] mumblemutter wrote a really awesome tweak to show all the fandoms on a user's profile page. But, alas, it was no longer working quite right. And since it is one of my can't-live-without modifications, I made a version for the new archive skin.

#user-fandoms ol.index {
padding-bottom: 0;
text-align: center;
}

#user-fandoms ol.index li {
display: inline;
margin-right: .5em;
line-height: 2.15em;
}

#user-fandoms ol#fandom_full_list {
padding-top: 0;
padding-bottom: 1.5em;
display: block !important;
}

#user-fandoms p.actions {
display: none;
}


If it doesn't work in your browser, give me a holler and I'll see what I can do to help.
samjohnsson: It's just another mask (Default)

[personal profile] samjohnsson 2011-11-15 08:29 am (UTC)(link)
Can I steal this for the support kbase?
samjohnsson: It's just another mask (Default)

[personal profile] samjohnsson 2011-11-15 02:30 pm (UTC)(link)
In theory, I may isolate this subset out and test it and eventually see if it can't get promoted to Public status. Since we have that ability now!

(yes, the more I play with the parent system, the more in love I fall.)
mumblemutter: ([leverage] age of the geek)

[personal profile] mumblemutter 2011-11-15 10:48 am (UTC)(link)
Oh my god I've been trying and trying to make this work again and then finally deleted the whole skin out of sheer despair. /o\

I set the text-align to justify because I'm kind of obsessed with justify, but otherwise this works beautifully. Thank yooou!
mumblemutter: ([x-men] forget the revolution)

[personal profile] mumblemutter 2011-11-15 07:32 pm (UTC)(link)
Aww, thanks for saying that! Okay, I've futzed with this a bit, yay futzing, and this is what I currently have:

#user-fandoms .index {
box-shadow: none;
}

#user-fandoms ol.index {
padding-bottom: 1em;
text-align: justify;
}

#user-fandoms ol.group:before {
content: "ยป ";
}

#user-fandoms ol.index li {
display: inline;
margin-right: .5em;
line-height: 2.15em;
}

#user-fandoms ol#fandom_full_list {
display: block !important;
font-size: .9em;
}

#user-fandoms p.actions {
display: none;
}


This gets rid of the shadowy line inbetween, offsets the list of ~lesser fandoms from the Top 5 while making sure there's a bottom-padding when there are only five fandoms or less, and rescues a tiny bit of screen real estate through font size. And I added a raquo because I have to add raquos to everything. That one can obviously be taken out (and probably should).

This won't appeal to people who want to see the whole thing as a unified block, but I didn't like that the first <ol> was shorter than the block beneath and subtly stuck out. Now it sticks out MORE. :-D
epershand: An ampersand (Default)

[personal profile] epershand 2011-11-15 04:23 pm (UTC)(link)
Oooh, thanks! I've been vaguely hacking around this and hadn't been able to get it to override the onload update yet. You are my hero :)
epershand: An ampersand (Default)

[personal profile] epershand 2011-11-15 05:03 pm (UTC)(link)
ETA: this is working great for me, thanks!