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

May 2017

2122 2324252627

Most Popular Tags

Page Summary

Style Credit

Expand Cut Tags

No cut tags
Page generated Jun. 25th, 2017 08:47 pm
Powered by Dreamwidth Studios