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
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: 10772736" data-attributes="member: 340712"><p>Here's the CSS setting for changing the color of visited links:</p><p>[code=css]a:visited {</p><p> color: #c6c;</p><p>}[/code]</p><p></p><p>Of course, the browser setting <em>"remember browsing (and download) history"</em> must be enabled for this to work at all. Additionally, some links in signatures seem to have the link text inside [ICODE=css]span[/ICODE] elements and I don't yet know how to reach those, but most links will work with this.</p><p></p><p>Edit: turns out that there's an order for these pseudo-classes in order for them to work properly: [ICODE=css]:link, :visited, :hover, :active[/ICODE]. So in the Stylish CSS file those need to be in that order as well from the top down.</p><p></p><p><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/:visited" target="_blank">https://developer.mozilla.org/en-US/docs/Web/CSS/:visited</a></p><p></p><p>On that note, updated styles again:</p><p>[code=css]</p><p>/* 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:link {</p><p> color: #4060c0;</p><p> font-weight: bold;</p><p>}</p><p>/* Visited link */</p><p>a:visited {</p><p> color: #c6c;</p><p>}</p><p>/* Link color when mouseover */</p><p>a:hover {</p><p> color: #f85;</p><p>}</p><p>/* Link color when clicked, set it to the same as :link for now */</p><p>a:active {</p><p> color: #4060c0;</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>I probably need to make an account in some userstyle site and just put the link here. Doing updates this way will make this thread too busy to read in no time.</p></blockquote><p></p>
[QUOTE="Automate, post: 10772736, member: 340712"] Here's the CSS setting for changing the color of visited links: [code=css]a:visited { color: #c6c; }[/code] Of course, the browser setting [I]"remember browsing (and download) history"[/I] must be enabled for this to work at all. Additionally, some links in signatures seem to have the link text inside [ICODE=css]span[/ICODE] elements and I don't yet know how to reach those, but most links will work with this. Edit: turns out that there's an order for these pseudo-classes in order for them to work properly: [ICODE=css]:link, :visited, :hover, :active[/ICODE]. So in the Stylish CSS file those need to be in that order as well from the top down. [URL]https://developer.mozilla.org/en-US/docs/Web/CSS/:visited[/URL] On that note, updated styles again: [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:link { color: #4060c0; font-weight: bold; } /* Visited link */ a:visited { color: #c6c; } /* Link color when mouseover */ a:hover { color: #f85; } /* Link color when clicked, set it to the same as :link for now */ a:active { color: #4060c0; } /* 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] I probably need to make an account in some userstyle site and just put the link here. Doing updates this way will make this thread too busy to read in no time. [/QUOTE]
Insert quotes…
Name
Verification
If I have zero spoons, how many spoons do I have?
Post reply
Home
Forums
FreeOnes
Questions, Comments, and Suggestions
Style customization for the new board
Top
