Home
Forums
New posts
Search forums
What's new
New posts
New profile posts
Latest activity
Members
Current visitors
New profile posts
Search profile posts
Log in
Register
What's new
Search
Search
Search titles only
By:
New posts
Search forums
Menu
Log in
Register
Install the app
Install
Major Changes to the Word Censor - PLEASE READ
Home
Forums
FreeOnes
Questions, Comments, and Suggestions
Style customization for the new board
JavaScript is disabled. For a better experience, please enable JavaScript in your browser before proceeding.
You are using an out of date browser. It may not display this or other websites correctly.
You should upgrade or use an
alternative browser
.
Reply to thread
Message
<blockquote data-quote="Automate" data-source="post: 10771913" data-attributes="member: 340712"><p>Oh look! It's the new Freeones board and it isn't completely ****! Well, I'm one to always complain about something and even in this case, I do have several things that I want to customize. Things that I can do by myself, nobody on the Freeones team need to bother. These customizations are done with Cascading Style Sheets and browser addons like <a href="https://addons.mozilla.org/en-US/firefox/addon/styl-us/" target="_blank">Stylus</a> (the one I'm using right now) that apply those styles to override the ones the site is using.</p><p></p><p>Here are the fruits of my complaints so far:</p><p></p><p>[CODE=css]/* Non-rounded avatars */</p><p>.avatar {</p><p> border-radius: 0;</p><p>}</p><p>/* Background color */</p><p>.p-body {</p><p> background-color: #505050;</p><p>}</p><p>/* Message box colors */</p><p>.message-inner {</p><p> background-color: #b0b0b0;</p><p>}</p><p>.message-attribution-main {</p><p> color: #202020;</p><p>}</p><p>.message-lastEdit {</p><p> color: #202020;</p><p>}</p><p>.message-signature {</p><p> color: #202020;</p><p>}</p><p>/* Quote and code box colors */</p><p>code {</p><p> background-color: #d0d0d0;</p><p> color: #202020;</p><p>}</p><p>.bbCodeBlock-content {</p><p> background-color: #d0d0d0;</p><p> color: #202020;</p><p>}</p><p>/* Right upper corner buttons and post number text color */</p><p>.message-attribution-opposite {</p><p> color: #202020;</p><p>}</p><p>.message-attribution-opposite--list {</p><p> color: #202020;</p><p>}</p><p>/* Thread titles */</p><p>.p-title {</p><p> color: #d0d0d0;</p><p>}</p><p>/* Username display near the thread title */</p><p>.username {</p><p> color: #d0d0d0 !important;</p><p>}</p><p>.u-concealed {</p><p> color: #d0d0d0 !important;</p><p>}</p><p>/* Thread menu header */</p><p>.menu-header {</p><p> color: #202020 !important;</p><p>}</p><p>[/CODE]</p><p></p><p>Anyone who wants to put in their own customizations here, please do so and comment (of course, if you can be bothered, screenshot) what kinds of changes they make or what board component they change, like I've done above inside the CSS comment block /* */.</p><p></p><p>Edit: fixes to some glaring omissions, such as white text on white background on the thread menu header text that this causes.</p><p></p><p>Here's what the changes look like at the moment:</p></blockquote><p></p>
[QUOTE="Automate, post: 10771913, member: 340712"] Oh look! It's the new Freeones board and it isn't completely ****! Well, I'm one to always complain about something and even in this case, I do have several things that I want to customize. Things that I can do by myself, nobody on the Freeones team need to bother. These customizations are done with Cascading Style Sheets and browser addons like [URL='https://addons.mozilla.org/en-US/firefox/addon/styl-us/']Stylus[/URL] (the one I'm using right now) that apply those styles to override the ones the site is using. Here are the fruits of my complaints so far: [CODE=css]/* Non-rounded avatars */ .avatar { border-radius: 0; } /* Background color */ .p-body { background-color: #505050; } /* Message box colors */ .message-inner { background-color: #b0b0b0; } .message-attribution-main { color: #202020; } .message-lastEdit { color: #202020; } .message-signature { color: #202020; } /* Quote and code box colors */ code { background-color: #d0d0d0; color: #202020; } .bbCodeBlock-content { background-color: #d0d0d0; color: #202020; } /* Right upper corner buttons and post number text color */ .message-attribution-opposite { color: #202020; } .message-attribution-opposite--list { color: #202020; } /* Thread titles */ .p-title { color: #d0d0d0; } /* Username display near the thread title */ .username { color: #d0d0d0 !important; } .u-concealed { color: #d0d0d0 !important; } /* Thread menu header */ .menu-header { color: #202020 !important; } [/CODE] Anyone who wants to put in their own customizations here, please do so and comment (of course, if you can be bothered, screenshot) what kinds of changes they make or what board component they change, like I've done above inside the CSS comment block /* */. Edit: fixes to some glaring omissions, such as white text on white background on the thread menu header text that this causes. Here's what the changes look like at the moment: [/QUOTE]
Insert quotes…
Name
Verification
How many fingers is on your hand?
Post reply
Home
Forums
FreeOnes
Questions, Comments, and Suggestions
Style customization for the new board
Top
