help with CSS

[niqaeli]

I'm trying to figure out what CSS I need to use to make the links list on my journal show up in the header above my entries instead of below them (as the wizard does not provide that as an option!). I'd also like to insert a character between the individual links.

I'm currently running 'Sunday Morning' w/ one column and a heavily colour-modified by way of the wizard version of the 'Light on Dark' theme, and some custom CSS I put together to via trial and error and going through the source and poking at things until they were doing what I wanted; I'm pretty hopeless at CSS in general!

Any help or links to resources that explain CSS in small words would be great. :D

The custom CSS I have on my style, for reference:

html body
{
padding-top: 90px;
margin-right: 0;
margin-left: 0;
}

.module-section-one ul {
color: #44cc44;

margin: 0;
margin-top: .5em;
padding: .25em;

list-style-type: none;
}

.module-section-one li a {
color: #006600;
line-height: 2em;
padding: .25em;
border: none;

}

#container {
width: 100%;
position: relative;
background: none;
}

.module-section-two li {
position: relative;
display: inline;
list-style: none;
}

.module-section-two ul {
margin: .5em;
}

Comments

[samjohnsson]

Having tried, let me also say that pinning a module to the top of page messes with scrolling and links that direct you into the middle of a page (comment replies, etc). Switching the links module to the header in the second layout is going to be easier.

as for the symbol after the link:
.module-typelist li:after {
content: " | ";
}

should do it, and you can replace the piping with any symbol.

[niqaeli]

Awesome! Thank you. :)