sarken: text: great sleep-deprived novel ([misc] nanowrimo)
[personal profile] sarken posting in [community profile] ao3_skins
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.

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

Date: 2011-11-15 02:30 pm (UTC)
samjohnsson: It's just another mask (Default)
From: [personal profile] samjohnsson
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.)

Date: 2011-11-15 10:48 am (UTC)
mumblemutter: ([leverage] age of the geek)
From: [personal profile] mumblemutter
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!

Date: 2011-11-15 07:32 pm (UTC)
mumblemutter: ([x-men] forget the revolution)
From: [personal profile] mumblemutter
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

Date: 2011-11-15 04:23 pm (UTC)
epershand: An ampersand (Default)
From: [personal profile] epershand
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 :)

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

Profile

ao3_skins: OTW logo with text "Emerging" (Default)
AO3 Skins

August 2017

S M T W T F S
  12345
6789101112
13141516171819
20212223242526
2728293031  

Most Popular Tags

Style Credit

Expand Cut Tags

No cut tags
Page generated Aug. 21st, 2017 03:47 pm
Powered by Dreamwidth Studios