Forum'd :: FA Stylish

There's an add-on for Firefox called Stylish. IT lets you make websites look however the heck you want.

Well, I made a Stylish sheet that makes New FA look more like old FA.

1. Get add-on
2. Write Style > Blank Style
3. Description: FA (or something like that)
4. Copy and paste the code in:

Code:

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("darkbb.com") {

/* So, this is a little sheet that makes New FA look more like Old FA. This is still WIP, and will be updated.

-Kaen */

#ipbwrapper {
border: transparent !important;
background:url(http://i101.photobucket.com/albums/m78/Kaen27/Stylish/FAbgOne.png) repeat left top !important;
}

#wrapper {
padding-left: 23px !important;
padding-right: 23px !important;
background:url(http://209.85.48.10/6549/164/upload/p1261962.gif) repeat left top !important;

}

/*Necessary for olde FA's cool borders. */

body {

width: 973px !important;
margin-left: auto !important;
margin-right: auto !important;

}

/* That banner-thing doesn't stretch across the whole page now */



strong {
color: #7d9a9d !important;
}

/*Member name links? */


a:link, body_alink
{
   color: #4e7d80 !important;
}
a:visited, body_avisited
{
   color: #4e7d80 !important;
}
a:hover, a:active, body_ahover
{
   color: #7d9a9d !important;
}

/* Changes link colors */

#logostrip {
height: 150px !important;
width: 800px !important;
text-align: center !important;
margin-left: auto !important;
margin-right: auto !important;
border: transparent !important;
}

/* This makes the bit with the banner not stretch across the whole thing. */

#submenu {
text-align: center !important;
margin-left: auto !important;
margin-right: auto !important;
border: transparent !important;
width: 921px !important;
}

/* Makes the HOME PORTAL CALENDER banner fit inside the border-things. */

#userlinks {
margin-left: auto !important;
margin-right: auto !important;
border: transparent !important;
width: 911px !important;
}

/* Makes the LOGGED AS USERNAME VIEW POSTS SINE LAST VISIT banner fit inside the rad borders. */

#gfooter {
margin-left: auto !important;
margin-right: auto !important;
width: 911px !important;
}

/* Makes that little footer thing at the bottom fit */


  /* ------------------------\
  /Aaaaand that's all, folks./
 /Allthetimeiwant@gmail.com /
\-------------------------*/

}

5. Click save

I'll be updating this and changing things to make it look more like Old FA.

Comments?

OH THANK FUCKING GOD. I LOVE YOU.

No matter how many times I made the CSS absolutely perfectly cloned to FA's, it wouldn't work. If I had known about this, it would've been so much easier. STICKY-ing this shit!

I can see what you did there too. Apparently you used a lot more !important flags than I did.

Sticky! :D

Heh, yeah, the stylish thing doesn't work unless everything has an important after it.

Also, I've run into a problem. I've been trying to get the maintitle things (Currently this) to look like this.

I've been trying to do that by messing around with .maintitle and .borderwrap.

Code:


.maintitle { letter-spacing: 1px !important; padding: 16px 0px 8px 0px !important; font-size: 10px !important; text-align: center !important; background: url(http://209.85.48.10/6549/164/upload/p1332885.gif) no-repeat bottom center #1E1E1E !important; color: #000000 !important;
}

.borderwrap {
   padding: 5px !important;
   font-size: 12px !important;
border: 1px transparent !important;
   }



If I change .maintitle but not .borderwrap, I get a border around the top, which just looks silly. If I do mess around with .borderwrap, then all of the borders disappear and it looks silly.

...So, yeah. D:

Now you see the conundrums I had to face while coding this new forum. It's invision power board instead of invisionfree.

So, I solved some problems, and I'm running into other problems.

Code:

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("darkbb.com") {

/* So, this is a little sheet that makes New FA look more like Old FA. This is still WIP, and will be updated.

-Kaen */

#ipbwrapper {
border: transparent !important;
background:url(http://i101.photobucket.com/albums/m78/Kaen27/Stylish/FAbgOne.png) repeat left top !important;
}

#wrapper {
padding-left: 23px !important;
padding-right: 23px !important;
background:url(http://209.85.48.10/6549/164/upload/p1261962.gif) repeat left top !important;

}

/*Necessary for olde FA's cool borders. */


strong {
color: #7d9a9d !important;
}

/*Member name links? */


a:link, body_alink
{
   color: #4e7d80 !important;
}
a:visited, body_avisited
{
   color: #4e7d80 !important;
}
a:hover, a:active, body_ahover
{
   color: #7d9a9d !important;
}

/* Changes link colors */

#logostrip {
height: 150px !important;
width: 800px !important;
text-align: center !important;
margin-left: auto !important;
margin-right: auto !important;
border: transparent !important;
}

/* This makes the bit with the banner not stretch across the whole thing. */

#submenu {
text-align: center !important;
margin-left: auto !important;
margin-right: auto !important;
border: transparent !important;
width: 921px !important;
background:url(http://i101.photobucket.com/albums/m78/Kaen27/Stylish/darkffTwo.png) repeat left top !important;
}

/* Makes the HOME PORTAL CALENDER banner fit inside the border-things. */

#userlinks {
margin-left: auto !important;
margin-right: auto !important;
border: transparent !important;
width: 911px !important;
}

/* Makes the LOGGED AS USERNAME VIEW POSTS SINCE LAST VISIT banner fit inside the rad borders. */

#gfooter {
margin-left: auto !important;
margin-right: auto !important;
width: 911px !important;
}

/* Makes that little footer thing at the bottom fit */

/* TITLE BARS TITLE BARS TITLE BARS TITLE BARS TITLE BARS */
/* TITLE BARS TITLE BARS TITLE BARS TITLE BARS TITLE BARS */
/* TITLE BARS TITLE BARS TITLE BARS TITLE BARS TITLE BARS */
/* TITLE BARS TITLE BARS TITLE BARS TITLE BARS TITLE BARS */

.maintitle { letter-spacing: 1px !important;
padding: 16px 0px 8px 0px !important;
height: 21px !important;
font-size: 10px !important;
text-align: center !important;
background: url(http://i101.photobucket.com/albums/m78/Kaen27/Stylish/FAmaintitleOne-6.png) no-repeat bottom center #1E1E1E !important;
color: #000000 !important;
margin: -2px !important;
}

/* Gives the title things that cool bar, with the three turquoise squares and the turquoise bar in the center, and the rest of it's gray. */

h3.Blocktext {
text-align: center !important;
color: #ffffff !important;
margin-left: auto !important;
margin-right: auto !important;
}

.clearfix:after,.maintitle {
line-height: 25pt !important;
}

h2.Blocktext {
text-align: center !important;
}

/* When you're adding a reply, this makes the text in the maintitle bar look right vertically. */



h2 {
text-align: center !important;
color: #000000 !important;
margin-left: auto !important;
margin-right: auto !important;
}

/* Attempt to make forum titles center, a failure. */

/* TITLE BARS TITLE BARS TITLE BARS TITLE BARS TITLE BARS */
/* TITLE BARS TITLE BARS TITLE BARS TITLE BARS TITLE BARS */
/* TITLE BARS TITLE BARS TITLE BARS TITLE BARS TITLE BARS */
/* TITLE BARS TITLE BARS TITLE BARS TITLE BARS TITLE BARS */








  /* ------------------------\
  /Aaaaand that's all, folks./
 /Allthetimeiwant@gmail.com /
\-------------------------*/

}

Yeah, probably not going to work on this any more tonight, since it's bloody late.

MASSIVE UPDATE KIDS

Code:

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("darkbb.com") {

/* So, this is a little sheet that makes New FA look more like Old FA. This is still WIP, and will be updated.

-Kaen */

#ipbwrapper {
border: transparent !important;
background:url(http://i101.photobucket.com/albums/m78/Kaen27/Stylish/FAbgOne.png) repeat left top !important;
}

#wrapper {
padding-left: 23px !important;
padding-right: 23px !important;
background:url(http://209.85.48.10/6549/164/upload/p1261962.gif) repeat left top !important;

}

/*Necessary for olde FA's cool borders. */


strong {
color: #7d9a9d !important;
}

/*Member name links? */


a:link, body_alink
{
  color: #4e7d80 !important;
}
a:visited, body_avisited
{
  color: #4e7d80 !important;
}
a:hover, a:active, body_ahover
{
  color: #7d9a9d !important;
}

/* Changes link colors */

#logostrip {
height: 150px !important;
width: 800px !important;
text-align: center !important;
margin-left: auto !important;
margin-right: auto !important;
border: transparent !important;
}

/* This makes the bit with the banner not stretch across the whole thing. */

#submenu {
text-align: center !important;
margin-left: auto !important;
margin-right: auto !important;
border: transparent !important;
width: 921px !important;
background:url(http://i101.photobucket.com/albums/m78/Kaen27/Stylish/darkffTwo.png) repeat left top !important;
}

/* Makes the HOME PORTAL CALENDER banner fit inside the border-things. */

#userlinks {
margin-left: auto !important;
margin-right: auto !important;
border: transparent !important;
width: 911px !important;
}

/* Makes the LOGGED AS USERNAME VIEW POSTS SINCE LAST VISIT banner fit inside the rad borders. */

#gfooter {
margin-left: auto !important;
margin-right: auto !important;
width: 911px !important;
background: url(http://i101.photobucket.com/albums/m78/Kaen27/Stylish/darkffTwo.png) !important;
}

/* Makes that little footer thing at the bottom fit */

/* TITLE BARS TITLE BARS TITLE BARS TITLE BARS TITLE BARS */
/* TITLE BARS TITLE BARS TITLE BARS TITLE BARS TITLE BARS */
/* TITLE BARS TITLE BARS TITLE BARS TITLE BARS TITLE BARS */
/* TITLE BARS TITLE BARS TITLE BARS TITLE BARS TITLE BARS */

.maintitle { letter-spacing: 1px !important;
padding: 16px 0px 8px 0px !important;
height: 21px !important;
font-size: 10px !important;
text-align: center !important;
background: url(http://i101.photobucket.com/albums/m78/Kaen27/Stylish/FAmaintitleOne-6.png) no-repeat bottom center #1E1E1E !important;
color: #000000 !important;
margin: -2px !important;
}

/* Gives the title things that cool bar, with the three turquoise squares and the turquoise bar in the center, and the rest of it's gray. */

.h3  {
line-height: 36px !important;
text-align: center !important;
}
/* Moves the titls of those little side-boxes down and centers them */

.h3:first-line, before, .maintitle  {
line-height: 36px !important;
}
/* Moves topic titles down */

div.maintitle h3  {
text-align: center !important;
width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
}
/* Centers the titles of those boxes on the side and the topic titles. :D */

.maintitle.floated h2 {
text-align: center !important;
width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
}

/* TITLE BARS TITLE BARS TITLE BARS TITLE BARS TITLE BARS */
/* TITLE BARS TITLE BARS TITLE BARS TITLE BARS TITLE BARS */
/* TITLE BARS TITLE BARS TITLE BARS TITLE BARS TITLE BARS */
/* TITLE BARS TITLE BARS TITLE BARS TITLE BARS TITLE BARS */

.box-content {
   background-color: #252525 !important;
   border-bottom: 10px solid #1e1e1e !important;
   }
/* Controls bottom border color of those side-boxes */

table.ipbtable tfoot td {
height: 14px !important;
   background: url(http://209.85.48.10/6549/164/upload/p685091.gif) !important;
   }
/* See the main page? The bottom of the board sections? Three progressivley-ecreasing-in-turqoisety-boxes and then a nice shiny gradient? That footer? Yeah. */




  /* ------------------------\
  /Aaaaand that's all, folks./
 /Allthetimeiwant@gmail.com /
\-------------------------*/

}

Well, at least pretty big update.



And yes, I will be replacing that annoying darkfftwo graphic. That's just a placeholder.

When all the kinks are worked out I'm going to try and adapt your style sheet to the forum itself.

So Trevlac made the forum look like olde FA. :D

Anyway.

To get the title-background to look the same on the main forum page and in the topics, try changing these:

.h3:first-line, before, .maintitle {
line-height: 28px !important;
border: 0px !important;
margin-bottom: 0px !important;
}
/* Moves topic titles down */

.maintitle { letter-spacing: 1px !important;
padding: 16px 0px 8px 0px !important;
height: 21px !important;
font-size: 10px !important;
text-align: center !important;
background: url(https://2img.net/h/i101.photobucket.com/albums/m78/Kaen27/Stylish/FAmaintitleOne-3.png) no-repeat bottom center #1E1E1E !important;
color: #000000 !important;
margin: -2px !important;
}
/* Gives the title things that cool bar, with the three turquoise squares and the turquoise bar in the center, and the rest of it's gray. */

The main difference is is that in .h3:first-line, before, .maintitle,, the line-height and border and margin-bottom are different.

In .maintitle, it's just the graphic that got changed.

If it doesn't work, I must have missed something.

EDIT: Disregard, that didn't work at all. D:

The current FA style sheet with all the changes we both have made so far:

Code:

html { overflow-x: hidden; overflow-y: auto; }

form { display:inline; }
img  { vertical-align:middle; border:0px }
BODY { font-family: Tahoma, Arial, sans-serif; font-size: 12px; color: #4E4E4E; margin: 0px 10px 0px 10px; background-image: url(http://img.photobucket.com/albums/v410/trevlac/fa/faback.png); font-weight: normal; }
TABLE, TR, TD { font-family: Tahoma, Arial, sans-serif; font-size: 12px; color: #575757; font-weight: normal; }
a { text-decoration: none; color: #567D80; font-weight: normal; }
a:hover { color: #719CA0; background:url(http://img.photobucket.com/albums/v410/trevlac/fa/linkback.gif); }

BODY, HTML {
scrollbar-face-color: #222222;
scrollbar-shadow-color: #222222;
scrollbar-highlight-color: #2E2E2E;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #1A1A1A;
scrollbar-arrow-color: #719CA0;
text-align: center!important; }

fieldset.search { padding:6px; line-height:150% }
label { cursor:pointer; }

/*Portal*/
#ipbwrapper { width: 734px; margin: 5px auto 5px auto; background: #1E1E1E; padding: 5px; border: 1px solid #000000; }

/*Portal MTs*/
#ipbwrapper .maintitle { background: url(http://209.85.48.10/6549/164/upload/p1197957.gif) top repeat-x #52767A; padding: 2px 10px 2px 10px; border-bottom: 1px solid black; }

/*Portal other*/
#ipbwrapper div.tableborder { border: 1px solid #000000; }
#ipbwrapper div.tablepad { background-color: #252525; border: 1px solid #2E2E2E; border-bottom: 1px solid #000000; padding: 5px; }
#ipbwrapper div.desc { background: #252525; border: 1px solid #2E2E2E; border-bottom: 1px solid #000000; padding: 3px; }
#ipbwrapper td.row4 { border: 0px; padding: 3px; }
#ipbwrapper .row4 table.tableborder { border: 1px solid #000000; }
#ipbwrapper table.tableborder { border: 1px solid #000000; background: none; padding: 0px; }
#ipbwrapper table.tableborder table.tableborder { border-bottom: 0px; }
#ipbwrapper #logostrip { border: 1px solid #000000; }

/*Portal post bevels*/
#ipbwrapper .post1 { border-bottom: 1px solid #000000; }
#ipbwrapper .row2 { border-bottom: 1px solid #000000; }

img.attach { border: 3px double #000000; padding: 2px }

.googleroot  { padding:6px; line-height:130% }
.googlechild { padding:6px; margin-left:30px; line-height:130% }
.googleparent { padding:6px; margin-left:30px; color: #192837 }
.googlebottom, .googlebottom a:link, .googlebottom a:visited, .googlebottom a:active { font-size:11px; color: #3A4F6C; }
.googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size:14px; font-weight:bold; color:#00D; }
.googlepagelinks { font-size:1.1em; letter-spacing:1px }
.googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size:10px; color:#434951 }

/*Help list*/
li.helprow { padding: 5px 0px 5px 0px; margin: 0px; list-style: none; border-bottom: 1px solid #151515; border-top: 1px solid #2E2E2E; }
li.helprow a { border-left: 3px solid #373737; padding-left: 7px; text-decoration: none; }
li.helprow a:hover { border-left: 5px solid #373737; padding-left: 5px; }
li.helprow b { font-weight: normal; }
html>body li.helprow a { margin-left: 10px; }
ul#help    { padding: 0px 0px 0px 15px }

option.cat { font-weight: normal; }
option.sub { font-weight: normal; color: #555 }

.caldate  { text-align: center; font-weight: normal; background: url(http://209.85.48.10/6549/164/upload/p1262587.gif) top repeat-x #292929; padding: 1px 0px 5px 60px; margin: 0px; }

/*Active caldate*/
form div.tableborder td.row1 div.caldate { background-image: url(http://209.85.48.10/6549/164/upload/p1263328.gif); font-weight: bold; color: #656565; }
form div.tableborder td.row1 { background: #2C2C2C; border: 1px solid #2E2E2E!important; }

td#ucpcontent form div.tableborder td.row1 { background-color: #252525; border: none!important; }

/*Empty caldate*/

form div.tableborder table td.darkrow1 { background: #1C1C1C; border-top: 1px solid #2E2E2E; padding: 0px!important; }

/*Pinned DR1 fix*/
form div.tableborder table td.darkrow1 b { display: block; background: center center repeat-x url(http://209.85.48.10/6549/164/upload/p192266.gif) #1C1C1C; padding: 0px 5px 1px 5px; font-weight: normal; }

.warngood { color: #498F49; }
.warnbad  { color: #B27474; }

/*Search page*/
div.tableborder div.tablepad { background-color: #252525!important; border: 1px solid #000000; border-bottom: 0px; }
div.tableborder div.tablepad  table { background-color: #252525!important; }
div.tableborder div.tablepad  table font { font-family: Arial, sans-serif; font-size: 10px; color: #777777; font-weight: normal; text-align: center; }

#padandcenter { margin-left:auto;margin-right:auto;text-align:center;padding:14px 0px 14px 0px }

#profilename { font-size: 28px; font-weight: bold; }
#calendarname { font-size:22px; font-weight:bold; }

#photowrap { padding:6px; }
#phototitle { font-size: 24px; border-bottom: 1px solid black }
#photoimg  { text-align:center; margin-top:15px }

#ucpmenu    { line-height: 150%; width: 22%; border: 1px solid #000000; }
#ucpmenu p  { padding: 2px 5px 6px 9px; margin: 0px; border: 1px solid #2E2E2E; border-bottom: 1px solid #000000; background-color: #252525; }
#ucpcontent { background-color: #252525; border: 1px solid #000000; line-height: 150%; width: auto }
#ucpcontent p, #ucpcontent table { padding: 10px; margin: 0px; border: 1px solid #2E2E2E; border-bottom: 1px solid #000000; }

#ucpmenu .maintitle, #ucpcontent .maintitle { background: url(http://209.85.48.10/6549/164/upload/p1197957.gif) top repeat-x #52767A; padding: 0px 10px 2px 10px; border-bottom: 1px solid black; }

#ucpcontent .pformstrip, #ucpmenu .pformstrip { border-bottom: 1px solid #000000; margin-top: 0px; padding-bottom: 2px; }
#ucpcontent .tableborder table { padding: 0px; }

#ucpmenu a { border-left: 3px solid #373737; padding-left: 7px; text-decoration: none; }
#ucpmenu a:hover { border-left: 5px solid #373737; padding-left: 5px; }

#ipsbanner { position: absolute; top: 1px; right: 5%; }
#logostrip { border: 1px solid #000000; background-color: #222222; padding-bottom: 1px; margin: 0px; text-align: center; }

#submenu { border: 0px; }
#submenu td { padding: 1px 10px 2px 10px; background: center center url(http://209.85.48.10/6549/164/upload/p192266.gif) repeat-x; border: 1px solid #000000; }
#submenu img { display: none; }

#userlinks { border: 0px; }
#userlinks td { padding: 1px 10px 2px 10px; background: center center url(http://209.85.48.10/6549/164/upload/p192266.gif) repeat-x; border: 1px solid #000000; }
#userlinks strong { font-weight: normal; }

#navstrip  { font-weight: normal; padding: 6px 0px 6px 0px; }
#navstrip img { display: none; }

.activeuserstrip { background-color: #252525; border: 1px solid #000000; padding: 6px; border-bottom: 0px; }

.pformstrip { text-align: left; font-weight: normal; padding: 1px; margin: 0px; background: top repeat-x url(http://209.85.48.10/6549/164/upload/p192068.gif) #262626; border: 1px solid #2E2E2E; border-top: 0px; padding-left: 5px; margin-top: 1px; }
.pformleft  { background-color: #252525; padding: 6px; margin-top: 1px; width: 25%; border-bottom: 1px solid #000000; border-right: 1px solid #000000; border-top: 1px solid #2E2E2E; border-left: 1px solid #2E2E2E; margin-left: 3px!important; }
.pformleftw { background-color: #252525; padding: 6px; margin-top: 1px; width: 40%; border-bottom: 1px solid #000000; border-right: 1px solid #000000; border-top: 1px solid #2E2E2E; border-left: 1px solid #2E2E2E; }
.pformright { background-color: #252525; padding: 6px; margin-top: 1px; border-bottom: 1px solid #000000; border-right: 1px solid #000000; border-top: 1px solid #2E2E2E; border-left: 1px solid #2E2E2E; }

table.tableborder td.pformstrip { border: 1px solid #000000; border-top: 0px; }

.postlinksbar { text-align: left; font-weight: normal; padding: 1px; margin: 0px; background: top repeat-x url(http://209.85.48.10/6549/164/upload/p192068.gif) #262626; border: 1px solid #2E2E2E; border-left: 1px solid #000000; border-right: 1px solid #000000; border-top: 0px; padding-left: 5px; margin-top: 1px; }

.darkrow1, .darkrow2, .darkrow3 { background: top repeat-x url(http://209.85.48.10/6549/164/upload/p192266.gif) #1C1C1C; border: 1px solid #2E2E2E; border-top: 0px; border-bottom: 0px; padding: 1px; }
.darkrow1 { border-left: 1px solid #000000; border-right: 1px solid #000000; }
td.darkrow1 { border: 1px solid #2E2E2E; border-top: 0px; }
div.darkrow2 { margin: 0px 1px 1px 1px; }

.darkrow2 { border-bottom: 1px solid #343434; background: url(http://209.85.48.10/6549/164/upload/p685091.gif) repeat-x #262626; }

.darkrow3 { border: 1px solid #343434; border-top: 0px; background: url(http://209.85.48.10/6549/164/upload/p682594.gif) repeat-x top #252525; }
td.darkrow3 div { background: none; border: 0px; vertical-align: middle; }
td.darkrow3 div.darkrow3 { margin: 0px; padding: 0px; }

td.darkrow3 div a { margin: 1px; padding: 0px 4px 0px 4px; }
td.darkrow3 div a:hover { background: url(http://209.85.48.10/6549/164/upload/p682338.gif) repeat-x center center; color: #000000; }
.darkrow3 .desc { margin-left: 4px; }

input.row1 { color: #777777; background: none!important; border: 0px; }
.row1, .row2, .row3, .row4, .post1, .post2 { background-color: #252525; border: 1px solid #2E2E2E; border-top: 1px solid #343434; border-bottom: 1px solid #252525; }

.post1, .post2 { font-size: 12px; }

div.row4 { border-color: #000000!important; margin: 0px; }
td.row4 div.row4 { border: 0px!important; padding: 0px 0px 0px 2px; display: block; vertical-align: middle; }
td.row4 div.row4 a { margin: 0px 1px 0px 0px; border: 0px; }

.hlight, .dlight { background-color: #252525; }
.hlight td, .dlight td { border-top: 1px solid #2E2E2E; }

.titlemedium { text-align: left; font-weight: normal; padding: 1px; margin: 0px; background: top repeat-x url(http://209.85.48.10/6549/164/upload/p192068.gif) #262626; border: 1px solid #2E2E2E; border-top: 0px; padding-left: 5px; }

.maintitle { letter-spacing: 1px; padding: 16px 0px 8px 0px; font-size: 10px; text-align: center; background: url(http://209.85.48.10/6549/164/upload/p1332885.gif) no-repeat bottom center #1E1E1E; color: #000000; }
.maintitle a { color: #000000; }
.maintitle a:hover { color: #000000; text-decoration: underline; }
.maintitle img { display: none; }

/*Profile MT*/
table td.plainborder table td.maintitle { background: url(http://209.85.48.10/6549/164/upload/p1262587.gif) top repeat-x #292929; padding: 2px 0px 6px 30px; color: #656565; }

Continued in next post

Code:


td.plainborder td.maintitle { border: 0px; }

.plainborder { border: 0px solid #000000; background-color: #000000; }
.tableborder { border: 0px solid #242424; padding: 0px; margin: 0px; width: 100%; background: #000000; }
.tablefill  { border: 1px solid #000000!important; background-color: #252525; padding: 6px; }
.tablepad    { background-color: #252525; padding: 0px 6px 0px 6px; border-top: 1px solid #2E2E2E; }
.tablebasic  { width: 100%; padding: 0px 0px 0px 0px; margin: 0px; border: 0px }

/*Login*/
.tablebasic .pformleftw, .tablebasic .pformleft, .tablebasic .pformright { margin: 0px; border: 1px solid #2E2E2E; border-bottom: 0px solid #252525; }

form div.tablepad td.row1 { border: 0px; font-size: 11px; }

div.tableborder div.pformstrip { border: 1px solid #000000; border-top: 0px; }
html>body div.tableborder div.pformstrip { border-top: 1px solid #000000; }

/*Profile*/
td.plainborder td.maintitle { padding: 2px 0px 3px 50px; text-align: left; }
td.plainborder { background: none; }
td.plainborder table { background: #000000; }

.wrapmini    { float: left; line-height: 1.5em; width: 25% }
.pagelinks  { float: left; line-height: 1.2em; width: 35% }

.desc, .edit { font-size: 9px; }

.postdetails, .signature { font-size: 10px }
.postcolor  { line-height: 160%; }

.normalname { font-size: 13px; font-weight: normal; }
.unreg { font-size: 11px; font-weight: normal; color: #374C4F; }

.searchlite { font-weight: normal; color: #F00; background-color: #FF0 }

/*Standard quote code*/
#QUOTE, #CODE { font-size: 10px; border: 1px solid #000000; padding: 2px 4px 2px 4px; background: top repeat-x url(http://209.85.48.10/6549/164/upload/p192068.gif) #262626; }
#CODE { font-family: Courier New, Verdana, Arial; font-size: 11px; }

.post1 table, .post2 table { background: url(http://209.85.48.10/6549/164/upload/p682594.gif) repeat-x top #252525; border: 1px solid #000000; margin: 10px 0px 10px 0px; }

.post1 td, .post2 td { padding-left: 7px; }

/*Preview post*/
div.tableborder div.row1 { border: 1px solid #000000; border-top: 1px solid #2E2E2E; }
.copyright { font-family: Verdana, Tahoma, Arial, Sans-Serif; font-size: 9px; line-height: 12px }

.textinput, textarea, div.tableborder div.tablepad table input, .codebuttons, .forminput, input { border: 1px solid #000000; background: url(http://209.85.48.10/6549/164/upload/p192068.gif) top repeat-x fixed #262626!important; font-family: arial, verdana, sans-serif; font-size: 10px; color: #575757; margin: 1px; }
html>body .textinput, html>body textarea { background-attachment: scroll; }

.radiobutton, .checkbox { border: 0px!important; background: none; }

.thin { padding: 1px 0px 3px 3px; line-height: 140%; margin: 3px 0px 3px 0px; border: 1px solid #161616; border-bottom: 1px solid #2E2E2E; border-right: 1px solid #2E2E2E; background: #222222; }

.purple { color: purple; font-weight: normal; }
.red    { color: red; font-weight: normal; }
.green  { color: green; font-weight: normal; }
.blue  { color: blue; font-weight: normal; }
.orange { color: #F90; font-weight: normal; }

option { color: #777777!important; }
/*Fast reply*/
div.tableborder div.tablepad textarea.textinput { margin-top: 10px; }

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("darkbb.com") {

/* So, this is a little sheet that makes New FA look more like Old FA. This is still WIP, and will be updated.

-Kaen */

#ipbwrapper {
border: transparent !important;
background:url(http://i101.photobucket.com/albums/m78/Kaen27/Stylish/FAbgOne.png) repeat left top !important;
}

#wrapper {
padding-left: 23px !important;
padding-right: 23px !important;
background:url(http://209.85.48.10/6549/164/upload/p1261962.gif) repeat-y left top !important;

}

/*Necessary for olde FA's cool borders. */


/*strong {
color: #7d9a9d !important;
}*/

/*Member name links? */


a:link, body_alink
{
  color: #4e7d80 !important;
}
a:visited, body_avisited
{
  color: #4e7d80 !important;
}
a:hover, a:active, body_ahover
{
  color: #7d9a9d !important;
}

/* Changes link colors */

#logostrip {
height: 150px !important;
width: 800px !important;
text-align: center !important;
margin-left: auto !important;
margin-right: auto !important;
border: transparent !important;
}

/* This makes the bit with the banner not stretch across the whole thing. */

#submenu {
text-align: center !important;
margin-left: auto !important;
margin-right: auto !important;
border: transparent !important;
width: 921px !important;
background:url(http://img.photobucket.com/albums/v410/trevlac/fa/stripbg2.png) repeat left top !important;
}

/* Makes the HOME PORTAL CALENDER banner fit inside the border-things. */

#userlinks {
margin-left: auto !important;
margin-right: auto !important;
border: transparent !important;
width: 911px !important;
}

/* Makes the LOGGED AS USERNAME VIEW POSTS SINCE LAST VISIT banner fit inside the rad borders. */

#gfooter {
margin-left: auto !important;
margin-right: auto !important;
width: 911px !important;
background: url(http://img.photobucket.com/albums/v410/trevlac/fa/stripbg2.png) !important;
}

/* Makes that little footer thing at the bottom fit */

/* TITLE BARS TITLE BARS TITLE BARS TITLE BARS TITLE BARS */
/* TITLE BARS TITLE BARS TITLE BARS TITLE BARS TITLE BARS */
/* TITLE BARS TITLE BARS TITLE BARS TITLE BARS TITLE BARS */
/* TITLE BARS TITLE BARS TITLE BARS TITLE BARS TITLE BARS */

.maintitle { letter-spacing: 1px !important;
padding: 16px 0px 8px 0px !important;
height: 21px !important;
font-size: 10px !important;
text-align: center !important;
background: url(http://i101.photobucket.com/albums/m78/Kaen27/Stylish/FAmaintitleOne-6.png) no-repeat bottom center #1E1E1E !important;
color: #000000 !important;
margin: -2px !important;
}

/* Gives the title things that cool bar, with the three turquoise squares and the turquoise bar in the center, and the rest of it's gray. */








/*previous goes here*/


.h3:first-line, before, .maintitle { font-size: 10px;
text-align: center !important;
line-height: 28px !important;
border: 0px !important;
margin-bottom: 0px !important;
}
/* Moves topic titles down */

.maintitle { letter-spacing: 1px !important;
padding: 16px 0px 8px 0px !important;
height: 21px !important;
font-size: 10px !important;
text-align: center !important;
background: url(http://i101.photobucket.com/albums/m78/Kaen27/Stylish/FAmaintitleOne-3.png) no-repeat bottom center #1E1E1E !important;
color: #000000 !important;
margin: -2px !important;
}

/* Moves topic titles down */

div.maintitle h3  { font-size: 10px;
text-align: center !important;
width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
}

/* Centers the titles of those boxes on the side and the topic titles. :D */

.maintitle.floated h2 { font-size: 10px;
text-align: center !important;
width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
}

/* Gives the title things that cool bar, with the three turquoise squares and the turquoise bar in the center, and the rest of it's gray. */

/* TITLE BARS TITLE BARS TITLE BARS TITLE BARS TITLE BARS */
/* TITLE BARS TITLE BARS TITLE BARS TITLE BARS TITLE BARS */
/* TITLE BARS TITLE BARS TITLE BARS TITLE BARS TITLE BARS */
/* TITLE BARS TITLE BARS TITLE BARS TITLE BARS TITLE BARS */

.box-content {
  background-color: #252525 !important;
  border-bottom: 10px solid #1e1e1e !important;
  }
/* Controls bottom border color of those side-boxes */

table.ipbtable tfoot td {
height: 14px !important;
  background: url(http://209.85.48.10/6549/164/upload/p685091.gif) !important;
  }
/* See the main page? The bottom of the board sections? Three progressively-decreasing-in-turqoisety-boxes and then a nice shiny gradient? That footer? Yeah. */




  /* ------------------------\
  /Aaaaand that's all, folks./
 /Allthetimeiwant@gmail.com /
\-------------------------*/

}

Well, kids, things seem to work pretty well now...For you Firefox users.

for those of us who don't understand this stuff (i.e., me) is this what's making the site not sparkle anymore?

if it is, that's amazingly awesome.

Hey fuck you buddy. The sparkle was just a funny anti-twilight thing I did. The FA move happened around the same time as the whole "make fun of Twilight" deal and since it's already confirmed for shitty movie there's no point in keeping up the sparkles anymore.

The changes we made will only work on Firefox.