Css code test blog

Reetno's picture
Test test
I'm just testing out how to do the CSS code on these blogs since I want to pretty-up my deer's profiles, but I don't want to test on them in case I screw something up...

(I could be at this a while~ I'm lazy like that, but feel free to work off of my code~)

I'll be displaying off what code I've done for here.
I have them here piece by piece for easiness(lack for a better word)~

Background/Main font
<style>body{background: #555555 url('');color:#00bb00;font:14px Verdana, Arial, Helvetica,}</style>

Sidebar headers
<style>div#sidebar-left.sidebar h3, h2{color:#000000;font:15px times new roman}</style>

Sidebar links
<style>div#sidebar-left.sidebar a,div#sidebar-left.sidebar ul.menu a,div#block-user-1.clear-block.block.block-user a{color:#aaaaaa;font:15px times new roman;text-align:left}</style>

Sidebar links hover
<style>div#sidebar-left.sidebar a:hover,div#sidebar-left.sidebar ul.menu a:hover,div#block-user-1.clear-block.block.block-user a:hover{color:#FFFFFF;letter-spacing:1px;text-align:center}</style>

Background for the Container of the main textbox
<style>#wrapper #container #center .right-corner .left-corner{background: #333333 url(''); border: 1px solid #990099; width: 800px;}</style>

Comments Even background/font
<style>.comment{border:none;}tr.even, .comment.even{background: #000000 url('');border: 1px solid #00bb00; color:#00bb00;font:15px times new roman;}</style>

Comments Odd background/font
<style>.comment.odd, tr.odd, tr.info{background: #555555 url('');border: 1px solid #990099; color:#000000;font:15px times new roman;}</style>

Clear block
((Making this non-transparent will overtake the main body background, but will make a box just around your main text area instead of the whole box that is is in.))
<style>.clear-block{background-color: transparent;}</style>

Main text area background
<style>.node, .preview{background: #000000 url('');border: 1px solid #00bb00;}</style>

Link and hover for main text area
<style>.node a{color:#009999;font:15px times new roman;} .node a:hover{color:#FFFFFF;font:15px times new roman;}</style>

For others that wish to have access to the full CSS page for the blogs then look no further then here~
Official TEFc Blog CSS page
(Personally I don't think it's very well done (^^') I've looked at a lot of CSS pages in my time, but... ehe... -inchesawayfromlongscaryovercomplicatedcode- )


(This blog may get updated a lot)


















Reetno's picture

Test comment for the odd~

Test comment for the odd~
--
Reetno's picture

Test comment for the even~

Test comment for the even~
--
Reetno's picture

-Mere edit bump- Just

-Mere edit bump-

Just thought I'd bump this for any of those that wish to do some CSS for their blog pages.
I have the basic bits all pieced out here plus a link to the main CSS page on TEFc~

Hope this helps all of you who are pulling out their hair with trying to figure all this CSS stuff out~ I know I did enough hair pulling with doing this, lol...

Have fun~
--