Anonymous
Not logged in
Talk
Contributions
Create account
Log in
Search
Editing
MediaWiki talk:Timeless.css
(section)
From MEpedia, a crowd-sourced encyclopedia of ME and CFS science and history
Namespaces
Message
Discussion
More
More
Page actions
Read
Edit source
New topic
History
Warning:
You are not logged in. Your IP address will be publicly visible if you make any edits. If you
log in
or
create an account
, your edits will be attributed to your username, along with other benefits.
Anti-spam check. Do
not
fill this in!
==Old requests == ===Sitenotice and Anonnotice line color=== [[User:JaimeS]] Immediately after the lines <pre>hr { border-color: #000; background-color: #333; }</pre> please add the new code (as usual, without the "pre" tags). <pre> /* Set ruled line color on [[MediaWiki:Anonnotice]] and [[MediaWiki:Sitenotice]] to white */ .border-notice hr { border-color: white; background-color: transparent; } </pre> This will affect the Timeless dark skin only. Thank you ~[[User:Notjusttired|Njt]] ([[User talk:Notjusttired|talk]]) 11:30, August 10, 2022 (UTC) ===Fonts and bold in definition lists === There is a fault in the current Timeless.css live code, where the headings of definition lists aren't in bold. But also the fonts in the lists are serif fonts which looks really odd. This code fixes both the heading not being in bold and the font change, both vector and pivot skins already keep a consistent font. [[User:Kmdenmark]] Please add this code at the end of the [[MediaWiki:Timeless.css]] skin code<pre> /* override serif fonts from @fonts-secondary */ .mw-body dl, .mw-body dt, .mw-body dd, dl, dt, dd { font-family: inherit; } /* definition lists */ .mw-body dt { font-weight: bold;} /* end definition lists */ /* forms */ form { background-color: #000; color: #ccc; } </pre> Example page code for testing the new code: [[Migraine#Phases]], when using Timeless skin. (The definition lists are rarely used.) Thank you ~[[User:Notjusttired|Njt]] ([[User talk:Notjusttired|talk]]) 19:37, October 16, 2021 (UTC) :Done ~[[User:Notjusttired|Njt]] ([[User talk:Notjusttired|talk]]) 13:56, April 12, 2022 (UTC) ===Code editing colors === {{collapse top}} add <pre>.mf { color: #eee; !important} </pre> ~[[User:Notjusttired|Njt]] ([[User talk:Notjusttired|talk]]) 19:53, October 27, 2020 (UTC) :Now added ~[[User:Notjusttired|Njt]] ([[User talk:Notjusttired|talk]]) 17:25, November 18, 2020 (UTC) {{collapse bottom}} ===Logo fixes for different screens sizes === {{collapse top}} [[User:Kmdenmark]] Can you replace the code below, which ends in two lines containing only a single "}". This will do some fixes for different screensizes. The most noticeable change is that the transparent website logo is filled in with white on larger screens, which makes it more readable. Thanks ~[[User:Notjusttired|Njt]] ([[User talk:Notjusttired|talk]]) 17:46, October 20, 2020 (UTC) <br /> Old code: <pre> @media screen and (max-width: 1099px) and (min-width: 851px) { #mw-related-navigation .sidebar-chunk { border-color: #333; box-shadow: 2px 2px 1px rgba(0,0,0,0.5); } } </pre> New code: <pre> /* larger screens only white placeholder behind the MEpedia logo */ @media screen and (min-width: 851px) { #p-logo { background-color: #fff; background-size: contain; } } @media screen and (max-width: 1099px) and (min-width: 851px) { #mw-related-navigation .sidebar-chunk { border: 0; } #mw-header { background-color: #000; } .color-bar { border-color: transparent; } #mw-related-navigation, #page-tools, #page-tools h2, #user-tools, #personal h3, .sidebar-chunk, .pokey { background: transparent !important; box-shadow: none; } } </pre> {{collapse bottom}} ===Shade of red === {{collapse top}} [[User:Kmdenmark]] Can you make the shades of red changes below. There are several sections to change, mostly just changing the shade of red used. It's in 5 different sections. I hope it's clear enough. ~[[User:Notjusttired|Njt]] ([[User talk:Notjusttired|talk]]) 15:43, October 19, 2020 (UTC)<br /><br /> :[[User:Notjusttired|Njt]] Let me know if I did all the changes correctly. Done [[User:Kmdenmark|Kmdenmark]] ([[User talk:Kmdenmark|talk]]) 20:33, November 10, 2020 (UTC) ::All three changes are great, thanks [[User:Kmdenmark]] ~[[User:Notjusttired|Njt]] ([[User talk:Notjusttired|talk]]) 17:25, November 18, 2020 (UTC) Old code 1 <pre> /* wanted pages red color */ a.new, a.new:visited, a.new:link, .new a:visited, a.new:hover, .new a:hover, a.new:active, .new a:active { color: #FF2000; text-shadow: 1px 1px black; } </pre> <br /> New code 1: <pre> /* wanted pages red color without text shadow */ .new, a.new, #p-personal a.new, #p-personal a.new:visited, a.new:link, .new a:link, a.new:visited, .new a:visited, a.new:hover, .new a:hover, a.new:active, .new a:active { color: #FF5D5D; text-shadow: none; } </pre> Old code 2 <pre> /* red */ .mw-plusminus-neg, .error { color: #FF2000; } </pre> New code 2: <pre> /* red */ .mw-plusminus-neg, .error { color: #FF5D5D; } </pre> Old code 3: <pre> /* Color code snippets incl for errors */ code { background-color: #ccc; color: #000; font-weight:bold; } .error code { color: #FF2000; } </pre> New code 3: <pre> /* Color code snippets incl for errors */ /* red */ .red, .error { color: #FF5D5D; } code { background-color: #ccc; color: #000; font-weight:bold; } /* red over white */ .error code { background: #fff; color: #cc0000!important; } </pre> Old code 4 (at the very bottom) <pre> /* text colors */ .green { color: #33cc33;} .red { color: #FF2000;} .blue { color: skyblue;} .gray { color: lightgray;} </pre> New code 4 (at the very bottom) <pre> /* text colors- red defined higher up */ .green { color: #33cc33;} /* low vision sky blue */ .blue { color: #56b4e9;} .gray { color: lightgray;} </pre> Old code 5 (2/3 of the way down the page - less important) <pre> .oo-ui-flaggedElement-destructive { background: #000; border-color: #444; color: #FF2000!important; } .oo-ui-flaggedElement-destructive:hover { background: #333; color: #ff0000!important; } </pre> <pre> .oo-ui-flaggedElement-destructive { background: #000; border-color: #444; color: #FF5D5D!important; } .oo-ui-flaggedElement-destructive:hover { background: #333; color: #FF5D5D!important; } </pre> :Done [[User:Kmdenmark|Kmdenmark]] ([[User talk:Kmdenmark|talk]]) 20:26, November 10, 2020 (UTC) ::Thanks ~[[User:Notjusttired|Njt]] ([[User talk:Notjusttired|talk]]) 17:25, November 18, 2020 (UTC) {{collapse bottom}} ===Delete this orange code=== {{collapse top}} [[User:Kmdenmark]] Can you please find these 4 lines and delete them? They are about halfway down - right after a line of ******. The last line to be deleted contains just a } symbol. Thanks ~[[User:Notjusttired|Njt]] ([[User talk:Notjusttired|talk]]) 16:43, October 17, 2020 (UTC) <pre> /* orange */ .mw-parser-output a.external { color: #ff9900; } </pre> :Done [[User:Kmdenmark|Kmdenmark]] ([[User talk:Kmdenmark|talk]]) 20:24, November 10, 2020 (UTC) ::Thanks ~[[User:Notjusttired|Njt]] ([[User talk:Notjusttired|talk]]) 17:25, November 18, 2020 (UTC) {{collapse bottom}} ===Yellow/green view source link === {{collapse top}} Non-urgent request: Please delete these 3 lines from about halfway down the page. I think it was originally testing code that should not have been copied across (my mistake). It's part of the code labeled as added in Oct 2020. [[User:Kmdenmark]] <pre> #mw-page-header-links li.selected a { color: #999900; } </pre> This should change the color back to blue/sky blue for pages that can't be edited. ~[[User:Notjusttired|Njt]] ([[User talk:Notjusttired|talk]]) 00:49, October 15, 2020 (UTC) ====Re: Yellow/green view source link -- [[User:Kmdenmark|Kmdenmark]] ([[User talk:Kmdenmark|talk]]) 17:40, October 15, 2020 (UTC)==== :: {{Done}} [[User:Kmdenmark|Kmdenmark]] ([[User talk:Kmdenmark|talk]]) 17:40, October 15, 2020 (UTC) ::[[User:Notjusttired|Njt]], if I have skipped any requests, please flag them and I will do them. I worry that a few may miss being noticed. [[User:Kmdenmark|Kmdenmark]] ([[User talk:Kmdenmark|talk]]) 17:53, October 15, 2020 (UTC) :::That can happen when a lot of changes are requested in at once, but so far I'm checking and things are going well. Most of the recent changes have been very small, so easier to spot. Thanks again for your hard work [[User:Kmdenmark]]. ~[[User:Notjusttired|Njt]] ([[User talk:Notjusttired|talk]]) 21:53, October 15, 2020 (UTC) {{collapse bottom}} ===bottom banner info message === {{collapse top}} Non-urgent request: Please change this code [[User:Kmdenmark]]: <pre> .custom-bottom-banner { background-color: #333 !important; } </pre> to this: <pre> /* overwrite lightyellow information disclaimer */ .custom-bottom-banner { background: #111!important; color: #eee!important; } .custom-bottom-banner p { background: inherit; color: inherit; } </pre> This will affect the dark Timeless skin by making the info message under references "The information provided at this site is not intended to diagnose..." have a black background on dark timeless skin. This can be tested with [https://me-pedia.org/index.php?title=vitamin&useskin=timeless this link]. ~[[User:Notjusttired|Njt]] ([[User talk:Notjusttired|talk]]) 00:40, October 15, 2020 (UTC) ====Re: bottom banner info message -- [[User:Kmdenmark|Kmdenmark]] ([[User talk:Kmdenmark|talk]]) 17:46, October 15, 2020 (UTC)==== :: {{Done}} [[User:Kmdenmark|Kmdenmark]] ([[User talk:Kmdenmark|talk]]) 17:46, October 15, 2020 (UTC) {{collapse bottom}} ===Correct timeless text color === {{collapse top}} [[User:Kmdenmark]] could you please change this code from <pre> .skin-timeless { background: #333; color: #000; }</pre> to a black background and lighter text color: <pre> .skin-timeless { background: #000; color: #ccc; } </pre> ~[[User:Notjusttired|Njt]] ([[User talk:Notjusttired|talk]]) 21:31, October 12, 2020 (UTC) ====Re: Correct timeless text color -- [[User:Kmdenmark|Kmdenmark]] ([[User talk:Kmdenmark|talk]]) 17:49, October 15, 2020 (UTC)==== :: {{Done}} [[User:Kmdenmark|Kmdenmark]] ([[User talk:Kmdenmark|talk]]) 17:49, October 15, 2020 (UTC) ===Re: Fix simple error -- [[User:Kmdenmark|Kmdenmark]] ([[User talk:Kmdenmark|talk]]) 16:26, October 13, 2020 (UTC)=== : Replace this text with your reply ===Re: Requests -- [[User:Kmdenmark|Kmdenmark]] ([[User talk:Kmdenmark|talk]]) 17:53, October 15, 2020 (UTC)=== : Replace this text with your reply {{collapse bottom}} ===Done based on github code === {{collapse top|code added...}} <pre> /* overwrite screen-common.less colors */ #mw-content { background: #000; color: #ccc; border-color: #aaa; } #contentSub { color: #ccc; } .mw-datatable, .mw-datatable th, .mw-datatable tr, .mw-datatable > tr > td, .mw-datatable > * > tr > th, .mw-datatable > * > tr > td { background: #333; color: #ccc; } .mw-datatable, .mw-datatable > tr > th, .mw-datatable > tr > td, .mw-datatable > * > tr > th, .mw-datatable > * > tr > td, .wikitable, .wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td { border: 1px solid #000; } /* screen-mobile.less */ #menus-cover { background: #aaa; } #mw-content-block { background: #333; color: #ccc; } /* change mw default colors */ /* forms mediawiki/resources/src/mediawiki.ui/components/forms.less */ .mw-ui-vform > label, .mw-ui-label { color: #ccc; } </pre> ~[[User:Notjusttired|Njt]] ([[User talk:Notjusttired|talk]]) 15:58, October 2, 2020 (UTC) {{collapse bottom}} ===Fix simple error === {{collapse top}} [[User:Kmdenmark]] Can you please correct this by copying and pasting over the code below with the corrected code - which removes the extra hyphen after "background". Code now: : {{Done}}[[User:Kmdenmark|Kmdenmark]] ([[User talk:Kmdenmark|talk]]) <pre> /* addthis colors */ .addthis_default_style { background-: inherit; border-color: #000; color: #ccc; } </pre> Corrected code: <pre> /* addthis colors */ .addthis_default_style { background: inherit; border-color: #000; color: #ccc; } </pre> ~[[User:Notjusttired|Njt]] ([[User talk:Notjusttired|talk]]) 22:20, October 7, 2020 (UTC) {{Thanks}} ~[[User:Notjusttired|Njt]] ([[User talk:Notjusttired|talk]]) 16:31, October 14, 2020 (UTC) {{collapse bottom}} ===Colored text for use on pages=== {{collapse top |Done}} Can this be added to the end of the existing code, it will allow several colors of text that will change to a lighter shade on this skin. [[User:Kmdenmark]]. See related changed at [[MediaWiki_talk:Common.css]]. This will be useful in some tables and for positive / negative symbols, possibly for viruses and bacteria. Thank you ~[[User:Notjusttired|Njt]] ([[User talk:Notjusttired|talk]]) 01:26, August 22, 2020 (UTC) :{{Done}} [[User:Kmdenmark|Kmdenmark]] ([[User talk:Kmdenmark|talk]]) 13:26, August 24, 2020 (UTC) <pre> /* text colors */ .green { color: #33cc33;} .red { color: #FF2000;} .blue { color: skyblue;} .gray { color: lightgray;} /* dark text shadow, for use on light backgrounds */ .shadow { text-shadow: 2px 2px 4px #000;} </pre> '''This test code will only work when switching to the Timeless dark skin ''' <div> Background color #33333.<br> This is <span class="green">green</span>. This is <span class="red">red</span>. This is <span class="blue">blue</span>. This is <span class="gray">gray</span>. <span style="background:#f8f8f8" class="shadow">Text shadow over a light background.</span> </div> :Working nicely now, thanks ~[[User:Notjusttired|Njt]] ([[User talk:Notjusttired|talk]]) 22:57, September 2, 2020 (UTC) {{collapse bottom}} ===Re: Old requests -- ~~~~=== : Replace this text with your reply
Summary:
Please make sure your edits are consistent with
MEpedia's guidelines
.
By saving changes, you agree to the
Terms of use
, and you irrevocably agree to release your contribution under the
CC BY-SA 3.0 License
and the
GFDL
. You agree that a hyperlink or URL is sufficient attribution under the Creative Commons license.
Cancel
Editing help
(opens in new window)
Navigation
Navigation
Skip to content
Main page
Browse
Become an editor
Random page
Popular pages
Abbreviations
Glossary
About MEpedia
Links for editors
Contents
Guidelines
Recent changes
Pages in need
Search
Help
Wiki tools
Wiki tools
Special pages
Page tools
Page tools
User page tools
More
What links here
Related changes
Page information
Page logs