milkfatzero: (Default)
[personal profile] milkfatzero posting in [community profile] ao3_skins
A modern, 'flat' skin. Maybe someone other than me will find it useful *g*

Things of note: The category and warning icons on the blurbs have been replaced with colour-coded bits of text. The works font is set to a very large 20px.

Updated 2015-05-25.

Previews and code:


Mobile - Tested on iOS only

Parent CSS:

Mobile CSS:

Date: 2013-03-14 04:21 am (UTC)
cyborganize: (media convergence)
From: [personal profile] cyborganize
BLESS YOU! right now there is not a single public skin on AO3 that I can stand looking at. but yours is gorgeous!

not to abuse your genius, but can you tell me how to set up a mobile skin -- like so the site displays normally on my computer but defaults to the mobile skin on my phone? I can't easily find any information about this.

Date: 2013-03-14 04:31 pm (UTC)
cyborganize: (Default)
From: [personal profile] cyborganize
Thanks so much for the help!

I think I've successfully created the mobile skin as a child of Flat Squares ("only screen and (max-width: 480px)" threw me -- I wish there were better documentation of this system). What I can't figure out now is how to activate BOTH the parent and child skins. If I click "use" for the mobile skin it turns off the Flat Squares skin, and vice versa.

Date: 2013-03-14 06:41 pm (UTC)
cyborganize: (Default)
From: [personal profile] cyborganize
I checked and unchecked a bunch of things, and I'm not quite sure what fixed it, but it seems to be working now! When I added a parent the site made a blank box for a second parent - maybe I had to delete that before it would work properly?

Thanks so much!


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

August 2017


Most Popular Tags

Page Summary

Style Credit

Expand Cut Tags

No cut tags
Page generated Oct. 21st, 2017 10:28 pm
Powered by Dreamwidth Studios