cesy: "Cesy" - An old-fashioned quill and ink (Default)
Cesy ([personal profile] cesy) wrote in [community profile] ao3_skins2010-08-23 08:44 am
Entry tags:

A few example skins

To use these, just paste the relevant code below into the "Custom CSS" box. I've tested them all in Firefox 3.6, but not in any other browsers - please let me know if they don't work for you.

Subtle-for-work:

.logo {display: none;}
body {background: white;}
#header {background: none white;}
#greeting, #login {background: none black;}
.icon {display: none;}
h2 {font-size: 1em;}
h1 {font-size: 1em;}


Larger greeting: (Enigel has an alternative version of this.)

#greeting, #login-block {font-size: 1em;}


Sidebar-to-topbar:

#dashboard ul {float: none; width: auto;}
#dashboard ul li {display: inline; border-right: 1px solid black; border-left: 1px solid black;}
#dashboard a, #dashboard span {display: inline;}
#main.sidebar {margin-left: 1em;}


White-on-black: (Amy has a better version in the comments.)

body {background: black; color: white;}
.navigation a, a:link {color: #666666;}
a, a:link {color: #666666;}


Narrow margins:
(To edit this to a different width, change either "1%" to something different - they add together to give the total gap.)

#chapters {
margin: auto 1% 2.5em;
padding: 0.5em 1% 0;
}


Font change:
(Just copy and edit this to make it whatever font you want to use.)

{ font-family: "Helvetica" !important; }


Background colour change:
(For common colours, you can just type the name; for in between colours, you can use hex codes, e.g. #ccccff will give a pale blue.)

body {background-color: red;}


Font size change:
(If you want to make it just apply to the stories, not the headings, use "#chapters" instead of "body".)

body {font-size: 150%;}


Spread out works blurb:
(This makes it look slightly more like the old style, for people who didn't like the new style of story details.)

#main ul.tags li.relationships, .blurb ul li.relationships, 
#main ul.tags li.characters, .blurb ul li.characters, 
#main ul.tags li.freeforms, .blurb ul li.freeforms {display: block;}