EXTRA.css not working at all..

[Sway]

I am working on a new style for my forum, and it seems as if anything in EXTRA.css is not going through. I have tried using !important but it still does not show when i save..
Below are the contents of my EXTRA.css..

.footer {
border-top: 5px solid black;
padding-top: 15px;
}
#content {
background: #E6E6FA;
padding: 30px 0;
}
.nodeStats
{
color: rgb(114, 165, 20);
}
.primaryContent a {
    color: rgb(114, 165, 20);
}
.nodeList .categoryStrip .nodeDescription, .nodeList .categoryStrip .nodeTitle {
    display: inline;
}
#content {
background-image: url("http://iconomycraft.com/styles/minecraft/xenforo/stone-bg.gif") !important;
.textCtrl {
    font-size: 13px;
    font-family: Calibri,'Trebuchet MS',Verdana,Geneva,Arial,Helvetica,sans-serif;
    color: black;
    background-color: rgb(255, 255, 255);
    padding: 3px;
    margin-bottom: 2px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(192, 192, 192) rgb(233, 233, 233) rgb(233, 233, 233) rgb(192, 192, 192);
    border-radius: 4px 4px 4px 4px;
    outline: 0px none;
}
.message .messageMeta .control {
    color: rgb(80, 80, 80);
    background-color: black;
    padding: 3px 5px;
    margin-top: -3px;
    border: 1px solid black;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0px 0px 3px rgb(255, 255, 255) inset, 0px 0px 3px rgb(224, 224, 224);
    transition: color 0.5s linear 0s, background-color 0.5s linear 0s;
}
.publicControls .like:hover, .publicControls .ReplyQuote:hover, .message .privateControls .item:hover, .messageSimple .publicControls .item:hover,.message .messageMeta .control:hover {
  text-decoration: none;
  color: #76C52D;
}
.secondaryBar {
background-color: #60b730 !important;
}
.nodeList .categoryStrip {
background: #2B2B2B url('styles/flexile/xenforo/gradients/category-bar-gradient.png') repeat-x top !important;
border: 1px solid #666 !important;
}
.navTabs .navTab.PopupClosed .navLink {
    color: White !important;
}
#userBar {
    background-color: rgb(9, 9, 9);
    border-bottom: 1px solid #55af25 !important;
    font-size: 12px;
}

What i am trying to do is change the reply, like, buttons, etc.. into buttons, and change text color on the nav..
What it looks like now

This is what i am trying to achieve.

I have not made any edits earlier on today so i see no reason for these !important's in extra.css to not override any of the defaults.

 

[Shelley]

missing closing bracket

#content {
background-image: url("http://iconomycraft.com/styles/minecraft/xenforo/stone-bg.gif") !important;

 

[TPerry]

What i am trying to do is change the reply, like, buttons, etc.. into buttons, and change text color on the nav..

This is what i am trying to achieve.

I have not made any edits earlier on today so i see no reason for these !important's in extra.css to not override any of the defaults.

When I went it shows white letters as displayed for your second image.

 

[Sway]

View attachment 45099

When I went it shows white letters as displayed for your second image.
View attachment 45099

That is my main style. The theme i am working on now is not live.

missing closing bracket

#content {
background-image: url("http://iconomycraft.com/styles/minecraft/xenforo/stone-bg.gif") !important;

Oh ;-;

 

[TPerry]

That is my main style. The theme i am working on now is not live.
Oh ;-;

Yep, those closing marks can get ya' real quick (I know it's blown my style many a time). That's one reason I've gotten now where I cut and paste the entire EXTRA.css into TextWrangler and review the code. Makes it easier to find those "small" things looking at it in a full screen when you are old and blind like me.

 

[Sway]

Yep, those closing marks can get ya' real quick (I know it's blown my style many a time). That's one reason I've gotten now where I cut and paste the entire EXTRA.css into TextWrangler and review the code. Makes it easier to find those "small" things looking at it in a full screen when you are old and blind like me.

Yeah :|

Well i got this, Thanks a bunch Shelley! ^-^