Fusion Gamer custom thread prefixes/user titles

[Frode789]

I love the custom thread prefixes/user titles that comes with Fusion Gamer. Though I've noticed one thing:
They seem to be a tad too big: http://www.citiesskylines-nation.com/ Check the bottom of the front page. The prefixes overlap slightly into the line bellow. The same in thread view, and in resource list: http://www.citiesskylines-nation.com/resources/

How can I make them just a tiny bit smaller in height?

Also, side question: Can you pretty please add a few more colors in next update?

 

[Russ]

@Steve and I have been wanting to address prefixes on a global scale(xenbase) just haven't come up with a solid method to do yet(time wise ).

Try this in your extra.css:

.XenBase .fgRed, .XenBase .fgGreen, .XenBase .fgOrange, .XenBase .fgBlue, .XenBase .fgSilver, .XenBase .fgYellow, .XenBase .fgTeal
font-size: 12px;

It's inheriting that 16px font size from the titles making em extra large.

 

[Frode789]

Ah okay, hope to see some cool stuff soon then

Strangely enough it didn't make any difference. I tried to set the font even lower, but no change.

 

[Russ]

It would help if the css was right, try this:

.XenBase .fgRed, .XenBase .fgGreen, .XenBase .fgOrange, .XenBase .fgBlue, .XenBase .fgSilver, .XenBase .fgYellow, .XenBase .fgTeal
{
font-size: 12px !important;
}

 

[Frode789]

It would help if the css was right, try this:

.XenBase .fgRed, .XenBase .fgGreen, .XenBase .fgOrange, .XenBase .fgBlue, .XenBase .fgSilver, .XenBase .fgYellow, .XenBase .fgTeal
{
font-size: 12px !important;
}

hehe Did the trick, thanks

 

[Frode789]

Any ETA you could give on when there will be further prefixes for Fusion Gamer? I need more colors :\

 

[Russ]

What colors would you need? I can whip some up for you fairly easy, or you can do it yourself in extra.css:

.fgBabyBlue
{
   background: #89cff0 !important;
   border: none !important;
   color: #373737 !important;
   font-weight: bold;
   text-shadow: 0px 0px 2px #99dbfb;
   box-shadow: inset 0px 1px 0px 0px #b2e6ff;
   padding: 3px 8px;
   border-radius: @xb_borderradiuss;
}

 

[Frode789]

Cool, thanks!

Colors:
Purple, Dark Red, Dark Blue

 

[Russ]

Give these a go:

.fgPurple
 {
   background: none repeat scroll 0 0 #7d26cd !important;
  border: medium none !important;
  border-radius: 3px;
  box-shadow: 0 1px 0 0 #9c46ef inset;
  color: #e0e0e0 !important;
  font-weight: bold;
  padding: 3px 8px;
  text-shadow: 0 0 0 transparent, 0 0 2px #000;
}
.fgDarkRed
{
  background: none repeat scroll 0 0 #730505 !important;
  border: medium none !important;
  border-radius: 3px;
  box-shadow: 0 1px 0 0 #BE1C1C inset;
  color: #e0e0e0 !important;
  font-weight: bold;
  padding: 3px 8px;
  text-shadow: 0 0 0 transparent, 0 0 2px #000;
}
.fgDarkBlue
{
  background: none repeat scroll 0 0 #00008b !important;
  border: medium none !important;
  border-radius: 3px;
  box-shadow: 0 1px 0 0 #2826DE inset;
  color: #e0e0e0 !important;
  font-weight: bold;
  padding: 3px 8px;
  text-shadow: 0 0 0 transparent, 0 0 2px #000;
}

I need to combine all the extra css in here but you can use this for now

 

[Frode789]

Give these a go:

.fgPurple
{
   background: none repeat scroll 0 0 #7d26cd !important;
  border: medium none !important;
  border-radius: 3px;
  box-shadow: 0 1px 0 0 #9c46ef inset;
  color: #e0e0e0 !important;
  font-weight: bold;
  padding: 3px 8px;
  text-shadow: 0 0 0 transparent, 0 0 2px #000;
}
.fgDarkRed
{
  background: none repeat scroll 0 0 #730505 !important;
  border: medium none !important;
  border-radius: 3px;
  box-shadow: 0 1px 0 0 #BE1C1C inset;
  color: #e0e0e0 !important;
  font-weight: bold;
  padding: 3px 8px;
  text-shadow: 0 0 0 transparent, 0 0 2px #000;
}
.fgDarkBlue
{
  background: none repeat scroll 0 0 #00008b !important;
  border: medium none !important;
  border-radius: 3px;
  box-shadow: 0 1px 0 0 #2826DE inset;
  color: #e0e0e0 !important;
  font-weight: bold;
  padding: 3px 8px;
  text-shadow: 0 0 0 transparent, 0 0 2px #000;
}

I need to combine all the extra css in here but you can use this for now

Thanks!

However, the new banners are too small:

 

[Russ]

They need this as well:

.userText .fgPurple, .userText .fgDarkRed, .userText .fgDarkBlue
{
   display: block;
   margin-top: 3px;
}

 

[Zynektic]

Cheers for this but to keep your extra.css cleaner just add them to fusiongamer_classes.css and add a .userText .fgColour, at the top, makes it easier to add them.