ao3_skins | Entries tagged with layout

Hi there, don't know if anyone's listening to this comm anymore, but I could use some help with a skin.

AO3 doesn't support the indent [ div style="margin-left: 40px"] tag, insisting that the [blockquote] tag is equivalent, but it isn't, as a [blockquote] tag places a border around the text. I have no experience with skins or how to write one. I've looked at various tutorials but can't figure out how to make one work for the simple task of indenting multiple paragraphs.

Can anyone help?

sarken

Once upon a time,

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.

( Code under here. )

If it doesn't work in your browser, give me a holler and I'll see what I can do to help.

sarken

I used

mumblemutter's show-all-of-a-user's-fandoms code in this skin. It's been tested in Firefox 4, Safari 5, and Safari Mobile.

( Preview image and code under here. )

Feel free to modify this skin however you like. If you do something cool with it, even just another color scheme, I'd love to see it.

UPDATED MAY 22: Tweaked admin posts and styled the reply window that appears in the inbox.

mumblemutter

This will hopefully become obsolete once tag clouds are introduced as an option (I've already made puppy eyes at support), but until then the following code will display all of a user's fandoms as a block of text, without having to click the "Expand full list" link.

( Read more... )

Note: This isn't terribly semantic, of course, since it forces elements to be displayed that should be hidden according to their class names. But hey, makeshift. Suggestions for improvements are definitely welcome.

(ETA: screenshot)

mumblemutter

I've been waiting forever for a fix that would make the navigation box wide enough to allow all list items to align properly (I've got my priorities straight, clearly) and this was the first thing I futzed with when the skins system went live. (Whee skins!)

In case it doesn't look the same to everyone else: for me the "My Dashboard" box was too narrow and items like "My Assignments (2)" or "My Related Works (2)" would break off into two lines, which looked messy to me. The following code fixes this:

#dashboard ul { width: 12.5em; } /* default: 10.5em */
#main.sidebar { margin: 1em auto 1em 14em; } /* default: 12em */

You can fiddle with the values until things look right to you. Assuming you care. :-D

(Psst, mod, I'm not sure how to tag this?)

S	M	T	W	T	F	S
1	2	3	4	5	6	7
8	9	10	11	12	13	14
15	16	17	18	19	20	21
22	23	24	25	26	27	28
29	30	31

AO3 Skins

Entries tagged with layout

Block indent

Show All of User's Fandoms 2.0

Skin: Describe

Show all of a user's fandoms by default

Dashboard nav bar

Profile

December 2024

Syndicate

Most Popular Tags

Page Summary

Style Credit

Expand Cut Tags