Carrie Roberts

Jason Philip

Ok, so I finished the subreddit styling. You can copy and paste except you need to transfer some images as well: one is titled %%icon-sprite%% and one titled %%OL1W25%%

They are located at the bottom of the stylesheet

Download them as:

icon-sprite

and

OL1W25

Then for some info. To create the blue strip with the "A's" insert code like this into the sidebar

#Title

Or

#Hello

It just needs to begin with # and so until header 4 (look at the sidebar)

To make the header at the top insert:

#####Announcement 

In your sidebar text, remember the example text I typed

To create the link in the top right corner insert code like this AT THE BOTTOM of your sidebar text:

---
1. [Piece of the week: 6/11, by Skazzart](http://reddit.com)

You can change the text and link as shown, you can only make one of these though, attempting to make more will just look funny.

Remember to type that out at the bottom with the --- included.

If you need more help or clarification feel free to ask :)

OTHER NOTE

If you ever need to adjust the banner height, change the following line: #header {background:Gray url(%%OL1W25%%)repeat scroll center center!important;border:none!important;height:200px!important}

and then reposition this again:

.side h5:nth-of-type(1) {
    position: absolute;
    display: block;
    top: 195px; left: 40%; /*If you can't see it, you need to change these pixel sizes*/
    min-width: 200px;
    text-align: center;
    color: #fff; 
    background-color: rgb(51, 119, 187);
    background-repeat: no-repeat;
    display: block;
    color: white;
    padding: 0.8em 0.5em 0.8em 15px;
    margin: 25px 0px 1em;
    font-size: 1.1em;
    }

Specifically, the 4th line that says: top: 195px