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!
===Image invert code, no Borders, and logo name spacing === [[User:Pyrrhus]] Please change the following to fix the logo make, and add the new code to create classes that inverts any image, and forces a no invert, and removes any border ideally this should go after the thumbinner and thumb css. * Now ready to do * Thanks ~[[User:Notjusttired|Njt]] ([[User talk:Notjusttired|talk]]) 11:43, October 27, 2019 (EDT) :{{done}} :[[User:Pyrrhus|Pyrrhus]] ([[User talk:Pyrrhus|talk]]) 13:38, October 27, 2019 (EDT) ::Thanks, that's working well. In the changed code can you set the margin a bit differently though: it's still not quite right - change the line to <code><nowiki >margin-right: -0.10em;</nowiki></code>. [[User:Pyrrhus]] ~[[User:Notjusttired|Njt]] ([[User talk:Notjusttired|talk]]) 22:29, October 27, 2019 (EDT) :::{{done}} :::[[User:Pyrrhus|Pyrrhus]] ([[User talk:Pyrrhus|talk]]) 23:58, October 27, 2019 (EDT) :::::Thanks [[User:Pyrrhus]]. Can you try deleting the <nowiki >margin-right: -0.15em;</nowiki > and see how it looks on Timeless? Confusingly the special pages don't load the custom font so the siding is different, or just needs testing on the main page. If it's too much of a gap after the # then <nowiki >margin-right: -0.15em;</nowiki > should sort it. ~[[User:Notjusttired|Njt]] ([[User talk:Notjusttired|talk]]) 10:33, October 28, 2019 (EDT) Old code: <pre> #p-logo-text a::before { content: "#"; font-family: Oswald, sans-serif; font-style: italic; font-variant: normal; margin-right: -0.3em; } </pre> Changed code for #MEpedia so # and MEpedia don't overlap on mobiles / small screens where the name is used instead of the logo: <pre> #p-logo-text a::before { content: "#"; font-family: Oswald, sans-serif; font-style: italic; font-variant: normal; margin-right: -0.15em; } </pre> New code for images: <pre> .oo-ui-image-invert { /* if it's normally inverted, don't invert image */ filter: invert(0%); } .noinvert { /* don't invert image */ background-color: transparent; filter: invert(0%)!important; border: none; } .invert { /* always invert image */ filter: invert(100%)!important; border: none; } /* no border on images eg for userboxes */ .noborder { border: none; } img.noimgborder, .noborder > img, .noborder table tr td img, .noborder table tr td div, .noimgborder > img { border: none; } /* Brighter icons eg for Done ticks */ .bright { filter: brightness(200%) } .brighter { filter: brightness(350%) } </pre> Please check the example in [[Template:Module rating/doc]] shows a black alpha symbol, which changes to a white alpha symbol using the Timeless skin ~[[User:Notjusttired|Njt]] ([[User talk:Notjusttired|talk]]) 11:43, October 27, 2019 (EDT) ====Re: Image invert code, no Borders, and logo name spacing -- ~~~~==== :: 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