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: 10772028" data-attributes="member: 340712"><p>New stuff for the main thread view, very much work in progress, caveat emptor and so on:</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>div.message-cell--main {</p><p> background-color: #c0c0c0;</p><p>}</p><p>div.message-cell.message-cell--user {</p><p> background-color: #b0b0b0;</p><p>}</p><p>div.message--post {</p><p> background-color: #208080;</p><p>}</p><p>.message-attribution-main,</p><p>.message-lastEdit,</p><p>.message-signature {</p><p> color: #202020;</p><p>}</p><p>/* Quote and code box colors */</p><p>code,</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 !important;</p><p>}</p><p>.message-attribution-opposite--list {</p><p> color: #202020;</p><p>}</p><p>/* Thread titles */</p><p>.p-title,</p><p>.p-description {</p><p> color: #d0d0d0;</p><p>}</p><p>/* Username display near the thread title */</p><p>.username {</p><p> color: #7090ff !important;</p><p>}</p><p>a.u-concealed {</p><p> color: #d0d0d0;</p><p>}</p><p>/* Thread menu header */</p><p>.menu-header {</p><p> color: #202020 !important;</p><p>}</p><p>/* Links */</p><p>a {</p><p> color: #4060c0;</p><p> font-weight: bold;</p><p>}</p><p>/* Link color when mouseover */</p><p>a:hover {</p><p> color: #f85;</p><p>}</p><p>/* Thread list */</p><p>div.block,</p><p>div.block-container {</p><p> background-color: #c0c0c0;</p><p>}</p><p>div.block-filterBar {</p><p> /*background-color: #a0d0d0 !important;*/</p><p> background: linear-gradient(0deg, #a43, #f85);</p><p>}</p><p>a.filterBar-menuTrigger {</p><p> color: #222;</p><p>}</p><p>/* Thread list details */</p><p>/* This won't work, the number after the ID changes</p><p> and a wildcard can't be used there */</p><p>/*</p><p>a#js-XFUniqueId* {</p><p> color: #e0e0e0 !important;</p><p>}*/</p><p>.structItem-startDate {</p><p> color: #202020 !important;</p><p>}</p><p>/* This won't work, maybe because the target that this</p><p> is supposed to change is an anchor (i.e. a link) and</p><p> something maybe overrides the style, not sure */</p><p>/*.structItem-pageJump {</p><p> background-color: #e0e0e0 !important;</p><p> color: #202020 !important;</p><p>}*/</p><p>span[itemprop="name"] {</p><p> color: #ddd;</p><p>}</p><p>/* Colors for the Replies: and Views: texts on threads */</p><p>dl.pairs {</p><p> color: #202020;</p><p>}</p><p>/* This doesn't work for some reason */</p><p>/*dt#text {</p><p> color: #202020;</p><p>}*/[/CODE]</p><p></p><p>Looks tolerable to my eyes and doesn't break readability at the first cursory glances. Anyone can freely change the color codes I've put in to experiment what they look like and customize to their heart's content. And again, because I know that this bears repeating or the next thing is that I get complaints of colors always being too dark: <strong>the color definition is hexadecimal</strong>, so you won't get e.g. 100% white by putting #999999 there, that would be #ffffff. That should be evident from the color definitions containing letters a-f, but I just know it won't be. You can also use common color names in place of those codes like this:</p><p>[code]color: black</p><p>color: orange</p><p>color: olive</p><p>color: blue</p><p>color: silver[/code]</p><p>Short form can also be used, like this:</p><p>[code]color: #ddd</p><p>color: #fab[/code]</p><p>That is equivalent to</p><p>[code]color: #dddddd</p><p>color: #ffaabb[/code]</p><p>Unfortunately, letter p is not usable in hexadecimal.</p></blockquote><p></p>
[QUOTE="Automate, post: 10772028, member: 340712"] New stuff for the main thread view, very much work in progress, caveat emptor and so on: [CODE=css]/* Non-rounded avatars */ .avatar { border-radius: 0; } /* Background color */ .p-body { background-color: #505050; } /* Message box colors */ div.message-cell--main { background-color: #c0c0c0; } div.message-cell.message-cell--user { background-color: #b0b0b0; } div.message--post { background-color: #208080; } .message-attribution-main, .message-lastEdit, .message-signature { color: #202020; } /* Quote and code box colors */ code, .bbCodeBlock-content { background-color: #d0d0d0; color: #202020; } /* Right upper corner buttons and post number text color */ .message-attribution-opposite { color: #202020 !important; } .message-attribution-opposite--list { color: #202020; } /* Thread titles */ .p-title, .p-description { color: #d0d0d0; } /* Username display near the thread title */ .username { color: #7090ff !important; } a.u-concealed { color: #d0d0d0; } /* Thread menu header */ .menu-header { color: #202020 !important; } /* Links */ a { color: #4060c0; font-weight: bold; } /* Link color when mouseover */ a:hover { color: #f85; } /* Thread list */ div.block, div.block-container { background-color: #c0c0c0; } div.block-filterBar { /*background-color: #a0d0d0 !important;*/ background: linear-gradient(0deg, #a43, #f85); } a.filterBar-menuTrigger { color: #222; } /* Thread list details */ /* This won't work, the number after the ID changes and a wildcard can't be used there */ /* a#js-XFUniqueId* { color: #e0e0e0 !important; }*/ .structItem-startDate { color: #202020 !important; } /* This won't work, maybe because the target that this is supposed to change is an anchor (i.e. a link) and something maybe overrides the style, not sure */ /*.structItem-pageJump { background-color: #e0e0e0 !important; color: #202020 !important; }*/ span[itemprop="name"] { color: #ddd; } /* Colors for the Replies: and Views: texts on threads */ dl.pairs { color: #202020; } /* This doesn't work for some reason */ /*dt#text { color: #202020; }*/[/CODE] Looks tolerable to my eyes and doesn't break readability at the first cursory glances. Anyone can freely change the color codes I've put in to experiment what they look like and customize to their heart's content. And again, because I know that this bears repeating or the next thing is that I get complaints of colors always being too dark: [B]the color definition is hexadecimal[/B], so you won't get e.g. 100% white by putting #999999 there, that would be #ffffff. That should be evident from the color definitions containing letters a-f, but I just know it won't be. You can also use common color names in place of those codes like this: [code]color: black color: orange color: olive color: blue color: silver[/code] Short form can also be used, like this: [code]color: #ddd color: #fab[/code] That is equivalent to [code]color: #dddddd color: #ffaabb[/code] Unfortunately, letter p is not usable in hexadecimal. [/QUOTE]
Insert quotes…
Name
Verification
The blue sky is what color?
Post reply
Home
Forums
FreeOnes
Questions, Comments, and Suggestions
Style customization for the new board
Top