Public Skins

With site skins you can customize AO3 for your own browser. ?

Navigation

List of Skins

  • Reversi

    11 Nov 2011

    Description
    Light on dark with blue key, default skin  Please DO copy and reuse and modify this code any way you like!# code adapted from 'colour flip combos' by lim @ ao3
  • One Point Faux

    11 Nov 2011

    Description
    Spoofs the old style on top of the new style. 
  • Plain Text

    12 Sep 2010

    Description
    T
    his is the old 'Plain Text' style with enforced serif font and no icons. 
  • The Screeny Exposure!

    11 Nov 2011

    Description
    Exposes every heading, title, and name with the "landmark" class 
    to the readers that can't read them
  • Panda Madness

    11 Nov 2011

    Description
    this is pink and round and it, it has pandas on it
    Please DO copy and reuse and modify this code any way you like!
    CREDITS:images: [ Pandas by Evan Eckard @ http://www.dinpattern.com/2011/05/17/panda-madness/]
    #         resources: [ example texture name by etc @ etc ]
    #         code: [ based on The Bubbler ]
    # links to free, open font downloads: [ fontname by person @ examplefoundry.com]
    # instructions: [ etc]
    
  • Low Vision Default

    11 Nov 2011

    Description
    Please DO copy and reuse and modify 
    this code any way you like!
    CREDITS-- much owed to Amanda Bankier
    # to go over what's going on here--
    # takes out all "columns" and makes everything max-width, so 
    dashboard is max, filters are max
    # and so it puts the filters at the bottom of the page
    # puts strong borders around some groups and buttons
    # makes header and footer buttons max width blocks
    # shows the header text instead of image
    # removes the blurb icons and replaces with text
    # enlarges the pre and textarea text by 200% so it scales in Firefox
    # swaps a lot of margins and padding into percentages so 
    they don't scale up as much and crowd out the text
    # takes off the header and footer texture and makes it flat
    There's not a lot else done with colours/images on the grounds you're probably overriding in your browser. 
    If the skin doesn't do these things somewhere, please DO tell us via Support!
    
  • Chained Melody

    11 Nov 2011

    Description
    Please DO copy and reuse and modify this code any way you like! Chaining all the components together to make a complete theme
  • ByLine

    16 Apr 2011

    Description
    Breaks warnings, relationships, characters, and freeform tags 
    into separate groups. by Branch @ao3 
  • Simply Twilling

    11 Nov 2011

    Description
    Please DO copy and reuse and modify this code any way you like!
    CREDITS:  images: [ http://www.fuzzimo.com/free-seamless-denim-jeans-textures/]
    # instructions: 
    
    this CSS3 skin is "add-on" and really simple. 
    It demonstrates how you can use the #outer and #inner .wrappers
    to layer semi-transparent white and black over a single image 
    to build a complete skin
    Swap the first background image to change the whole look.
    Or load this as a parent and override the image in the skins form, 
    see the skin "Threw Twill Out" for an example
    
  • The Hustings

    11 Nov 2011

    Description
    Please DO copy and reuse and modify this code any way you like!
    CREDITS:  images: [ fuzzimo!]
    links to free, open font downloads: 
    www.fontsquirrel.com/fonts/MEgalopolis-Extra by Jack Usine
    ww.fontsquirrel.com/fonts/ChunkFive by The League of Moveable Type
    www.fontsquirrel.com/fonts/ostrich-sans by Tyler Finck
    www.fontsquirrel.com/fonts/AUdimat by Jack Usine
    # instructions: 
    You could use the blockquote style in lots of places 
    - this is an hurried-for-deploy version of a more complete skin I'm writing with this look
    
  • Dusted Off

    11 Nov 2011

    Description
    Please DO copy and reuse and modify this code any way you like!
    CREDITS
    # code: adapted from 'colour flip combos' by lim @ ao3 and 'Dusty Rose' by sistabro @ ao3
    
  • Zebra Mono

    11 Nov 2011

    Description
    Please DO copy and reuse and modify this code any way you like!
    CREDITS
    # resources: http://rainny-stock.deviantart.com/art/Zebra-Fur-Texture-Stock-135405132
    # code: adapted from 'colour flip combos' by lim @ ao3
    # dedicated to Zebra @ ao3
    
  • For The Trees

    11 Nov 2011

    Description
    Please DO copy and reuse and modify this code any way you like!
    CREDITS
    # code: adapted from 'colour flip combos' by lim @ ao3 and 
    'Sunny Forest' by enigel @ ao3
    
  • The Blues

    11 Nov 2011

    Description
    Please DO copy and reuse and modify this code any way you like!
    CREDITS
    # code adapted from 'colour flip combos' by 
    lim @ ao3 and "Medium Blues" by Arduinna @ AO3
  • Archive 2.0

    11 Nov 2011

    Description
    Version 2.0 of the default Archive style. You can browse all the parent components of this skin to see how the default style is put together.
  • The Screeny Oppression!

    11 Nov 2011

    Description
    Completely suppresses landmark headings, 
    leaving only WAI-ARIA landmarks and ordinary headings
  • Blurblings Blurb Drop

    11 Nov 2011

    Description
    Drops the blurb group entirely to make a plain text blurb 
  • The Screeny Drop It

    11 Nov 2011

    Description
    drops all archive parents except core
  • The Screeny She's Got Form

    11 Nov 2011

    Description
    Drops all archive parents except core and interactions (forms).
  • The Screeny Shut It

    11 Nov 2011

    Description
    Any component you don't care to read, 
    add to the beginning of this code, 
    or remove ones you do want. 
    Remember to separate with a comma! 
  • Archive 1.0

    11 Nov 2011

    Description
    Version 1.0 of the default Archive style.