• The site has now migrated to Xenforo 2. If you see any issues with the forum operation, please post them in the feedback thread.
  • An addendum to Rule 3 regarding fan-translated works of things such as Web Novels has been made. Please see here for details.
  • RIP @Silver Swallow
  • The issue with logging in with email addresses has been resolved.
  • Due to issues with external spam filters, QQ is currently unable to send any mail to Microsoft E-mail addresses. This includes any account at live.com, hotmail.com or msn.com. Signing up to the forum with one of these addresses will result in your verification E-mail never arriving. For best results, please use a different E-mail provider for your QQ address.
  • For prospective new members, a word of warning: don't use common names like Dennis, Simon, or Kenny if you decide to create an account. Spammers have used them all before you and gotten those names flagged in the anti-spam databases. Your account registration will be rejected because of it.
  • Since it has happened MULTIPLE times now, I want to be very clear about this. You do not get to abandon an account and create a new one. You do not get to pass an account to someone else and create a new one. If you do so anyway, you will be banned for creating sockpuppets.
  • Due to the actions of particularly persistent spammers and trolls, we will be banning disposable email addresses from today onward.
  • The rules regarding NSFW links have been updated. See here for details.

Flexile Dark (or something similar)?

Selias

Selias

Well worn.
Joined
Mar 2, 2013
Messages
6,771
The only dark skins make it so that posts are in these weird little bubbles. I'd prefer something more like a dark version of Hydrogen.
 
I just spent the past 5 or 10 minutes throwing together a horribly messy userstyle for nitrogen that looks decent enough to work as a stop-gap until there's hopefully something better. Here it is if you want it. http://pastebin.com/vttN4MhA Just throw it in stylish or whatever, if you don't like orange then just change the last colour code and it should in theory all change, you know, unless I missed something.
It's also gotten rid of the recent posts thing on everything but the main forum page, well unless like I said, I missed something. I didn't touch profile or option stuff since I don't normally go to those, but I can fix them up too if it's wanted.
 
I really really want something that is properly a black background with white characters... gray on gray is better than the blazing white on black... but it's still a bit tiresome on my eyes.
 
With how I set it up it should be fairly easy to edit those yourself. Just change the various background:color, as well as background to whatever variation of black you'd like, or even just straight up type in black instead of a colour code, then do the same for color: #969696 but change that code to your selected white, typing in white is also valid of course.
 
Oh, that's actually pretty good. Is there any way to remove the stuff underneath the User Name, though? You know, Joined, Messages, Likes Recieved, and Trophy Points?

EDIT: Nevermind. Just added
Code: 
   DIV.extraUserInfo{
   display: none !important; }
to the end, above the last "}"
 
Alerni said:
With how I set it up it should be fairly easy to edit those yourself. Just change the various background:color, as well as background to whatever variation of black you'd like, or even just straight up type in black instead of a colour code, then do the same for color: #969696 but change that code to your selected white, typing in white is also valid of course.
Click to expand...
Click to shrink...

Not sure how to get to it to change things.
 
Alerni said:
I just spent the past 5 or 10 minutes throwing together a horribly messy userstyle for nitrogen that looks decent enough to work as a stop-gap until there's hopefully something better. Here it is if you want it. http://pastebin.com/vttN4MhA Just throw it in stylish or whatever, if you don't like orange then just change the last colour code and it should in theory all change, you know, unless I missed something.
It's also gotten rid of the recent posts thing on everything but the main forum page, well unless like I said, I missed something. I didn't touch profile or option stuff since I don't normally go to those, but I can fix them up too if it's wanted.
Click to expand...
Click to shrink...
Do you know how I can use stylish to change my default font for this site? I'm not a fan of Times New Roman.
 
Today has been a great way to refresh myself when it comes to CSS. It's also come with me completely reworking Nitrogen to fit my preferences which is kind of a bonus.

Selias said:
Do you know how I can use stylish to change my default font for this site? I'm not a fan of Times New Roman.
Click to expand...
Click to shrink...
That should be as easy as just doing this.
Code: 
body{
  font-family: Whatever-you-like
  }
Most things should read the font from body anyways, there may be a few things that don't but that standard text should.

Xicree said:
How do you edit this stuff?

For noobs.
Click to expand...
Click to shrink...
Do you mean editing things in general with stylish or editing the styles themselves? If it's the latter then just find stylish and right click > edit on the script you want to edit. If it's the former, then that involves learning CSS, which while not hard, is kind of time consuming.
 
Alerni said:
Today has been a great way to refresh myself when it comes to CSS. It's also come with me completely reworking Nitrogen to fit my preferences which is kind of a bonus.


That should be as easy as just doing this.
Code: 
body{
  font-family: Whatever-you-like
  }
Most things should read the font from body anyways, there may be a few things that don't but that standard text should.
Click to expand...
Click to shrink...
Code: 
@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("forum.questionablequesting.com") {
   body{
  font-family: arial
  }
}
Is that right? Because it's not working.
 
Now that we have flexile dark, how do we make it so that when we quote someone the background is not light blue?
 
Selias said:
Code: 
@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("forum.questionablequesting.com") {
   body{
  font-family: arial
  }
}
Is that right? Because it's not working.
Click to expand...
Click to shrink...
It seems like I was wrong and it's based on .message not body.

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

@-moz-document domain("forum.questionablequesting.com") {
body{
font-family: Arial
}
}
That should end up working, I know it got Consolas working for me.
I've never actually used font related things before so this has mostly been guessing until I figure out how it works.
 
For people who liked the Flexile Dark, try the Dark Responsive. Bought it for here especially, so I think you will like it.
 
Alerni said:
It seems like I was wrong and it's based on .message not body.

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

@-moz-document domain("forum.questionablequesting.com") {
body{
font-family: Arial
}
}
That should end up working, I know it got Consolas working for me.
I've never actually used font related things before so this has mostly been guessing until I figure out how it works.
Click to expand...
Click to shrink...
How is that different from what I wrote?
 
dalmedya said:
It's a hell of a lot better than Flexile, even with the rather hideous lime-green buttons.
Background's not quite dark enough, though.
Click to expand...
Click to shrink...
We can adjust the colors of the button soon (once I figure out how) though I personally like the level of darkness the theme has. Bright enough to be readable but not eye searing like the pure white skins are.
 
Vanathor said:
We can adjust the colors of the button soon (once I figure out how) though I personally like the level of darkness the theme has. Bright enough to be readable but not eye searing like the pure white skins are.
Click to expand...
Click to shrink...
Post backgrounds are fine, thread background is a bit light. Just my opinion, doesn't actually effect readability at all.
 
dalmedya said:
Post backgrounds are fine, thread background is a bit light. Just my opinion, doesn't actually effect readability at all.
Click to expand...
Click to shrink...
True, a bit more contrast would be nice. I'll try to do it myself (and make the eye-searing green darker as well) or if I can't figure it out, get alethiophile or elegee to help.
 
Selias said:
How is that different from what I wrote?
Click to expand...
Click to shrink...
That's what happens when I post when half asleep, it should have been this.
Code: 
@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("forum.questionablequesting.com") {
.message{
font-family: Arial
}
}
There's a problem with the fact that I'm pretty sure some themes use different selectors for text, so I may need to look into what it is for your theme, since I'm still using nitrogen even if at this point it doesn't look like nitrogen at all.
 
Vanathor said:
For people who liked the Flexile Dark, try the Dark Responsive. Bought it for here especially, so I think you will like it.
Click to expand...
Click to shrink...
Dark Responsive is really good, could use a tweek to make the background bubbles properly black instead of light grey though. Then it'd be perfect.
 
asdf
Alerni said:
That's what happens when I post when half asleep, it should have been this.
Code: 
@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("forum.questionablequesting.com") {
.message{
font-family: Arial
}
}
There's a problem with the fact that I'm pretty sure some themes use different selectors for text, so I may need to look into what it is for your theme, since I'm still using nitrogen even if at this point it doesn't look like nitrogen at all.
Click to expand...
Click to shrink...
Yeah. Is there some way to find it for myself? I tried a few things that I found with "Inspect Element," but none of them worked.
 
Selias said:
asdf

Yeah. Is there some way to find it for myself? I tried a few things that I found with "Inspect Element," but none of them worked.
Click to expand...
Click to shrink...
If you're making use of the element selector thing in Inspect Element that allows you to mouse over things to see what they effect, do that for a post and under Rules look for the bit mentioning font-family.
For example, when you inspect a post with Dark Responsive you'll end up seeing .messageText as the selector for all of that. Strangely enough I had issues getting that to work with font changing on its own so I went through a bit of a round about method that looks like this.

Code: 
body{
  font-family: "Consolas"!important;
  font-size: 14px!important
  }
 .messageText{
  font-family: inherit!important;
  font-size: inherit!important
  }
There's a chance that my original issues with it just came from because I forgot to add the !important onto the font-family and font-size in .messageText, but in the end this works fine too.
 
Alerni said:
If you're making use of the element selector thing in Inspect Element that allows you to mouse over things to see what they effect, do that for a post and under Rules look for the bit mentioning font-family.
For example, when you inspect a post with Dark Responsive you'll end up seeing .messageText as the selector for all of that. Strangely enough I had issues getting that to work with font changing on its own so I went through a bit of a round about method that looks like this.

Code: 
body{
  font-family: "Consolas"!important;
  font-size: 14px!important
  }
.messageText{
  font-family: inherit!important;
  font-size: inherit!important
  }
There's a chance that my original issues with it just came from because I forgot to add the !important onto the font-family and font-size in .messageText, but in the end this works fine too.
Click to expand...
Click to shrink...
Code: 
.messageText {
    font-size: 11pt;
    font-family: Georgia,"Times New Roman",Times,serif;
    line-height: 1.4;
}
That it?

EDIT: Nevermind. Yours worked.
 
Last edited:
Selias said:
Code: 
.messageText {
    font-size: 11pt;
    font-family: Georgia,"Times New Roman",Times,serif;
    line-height: 1.4;
}
That it?
Click to expand...
Click to shrink...
Yep, that's the right thing. Just change font-family to whatever you want, you can of course leave everything else alone if you want to. Also, when changing things you may want to remember to put !important after each line of a property, it seems like that might be important for font changes to work properly, it's a bit hard to tell.
 
Alerni said:
Yep, that's the right thing. Just change font-family to whatever you want, you can of course leave everything else alone if you want to. Also, when changing things you may want to remember to put !important after each line of a property, it seems like that might be important for font changes to work properly, it's a bit hard to tell.
Click to expand...
Click to shrink...
Thanks. Do you know why I can't change the font size, though?

EDIT: What the hell? For some reason, it's affecting SB and SV, even though I have "
@-moz-document domain("104.171.4.145")" in it.
 
Last edited:
You must log in or register to reply here.

Users who are viewing this thread

Total: 1 (members: 0, guests: 1)
Back
Top