Anonymous
Not logged in
Talk
Contributions
Create account
Log in
Search
Editing
MediaWiki talk:Vector.css
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!
{{Interface explanation| This page contains “CSS” code, which controls how the '''default''' MEpedia interface displays to users. This includes the placement, color, size, and font of buttons, links, windows, and text. The CSS code that controls the MEpedia interface is stored in three locations: # The ‘skin’ contains most of the CSS code, and this basic ‘skin’ code can not be changed. However, an MEpedia user can select from a list of different skins in their user preferences. For example, a user can select either the “Pivot” skin or the “Vector” skin. # The [[MediaWiki:Common.css]] page contains MEpedia-specific changes to the CSS code that will apply to ALL skins available at MEpedia. # Each skin has a page that contains MEpedia-specific changes to the CSS code that will apply to ONLY that skin. For example, [[MediaWiki:Pivot.css]]. # When updating check the new code using the [https://jigsaw.w3.org/css-validator/#validate_by_input+with_options w3c css validator], vendor extension and "same color" errors can be ignored. # Anonymous users now use [[MediaWiki:Vector-2022.css]] in addition to this page, :not(skin-vector) excludes code from running on the new vector.}} ==Change the code== Please overwrite all the code with what is below (except the 'pre' tags). This will change the logo to the proper path on mobiles and hopefully sort out the logo overlap with the search bar on screens 320px wide. [[User:Kmdenmark]] [[User:Notjusttired|notjusttired]] ([[User talk:Notjusttired|talk]]) 20:37, June 24, 2019 (EDT) <pre> /* CSS placed here will affect users of the Vector skin */ #p-navigation{ position: absolute; top: 75px; } #p-tb{ position: absolute; top: 175px; } /*Hide error messages when citation in Visual editor*/ .citation-comment{ display:none; } /* Responsive vector for mobiles, also see responsive.less - should it be 850px? */ @media (max-width: 768px) { .mw-wiki-logo { display: block!important; left: 0!important; top: 0!important; position: relative !important; background-size: contain!important; background-image: url("https://www.me-pedia.org/resources/assets/mepedia_logo_mobile.png"); background-size: contain!important; width: 55px!important; margin: none; overflow: visible; } #p-logo { display: block!important; position: absolute!important; left: 5px!important; top: -85px!important; width: auto; height: auto; background-size: contain!important; } div#simpleSearch { max-width: 60%!important; margin-left:0!important; left: 60px!important; right: 40px!important; } } } </pre> ==Completed requests == Request to add this code to the end of Vector.css - without the ''pre'' tags This will put the MEAction logo in the top left on mobiles {{Read more |(using vector's responsive section) - so that people can click the logo to return to the main page. The MEpedia didn't fit, but a smaller one can be used later. [[User:JaimeS]] [[User:Kmdenmark]] [[User:Notjusttired|notjusttired]] ([[User talk:Notjusttired|talk]]) 19:16, May 31, 2019 (EDT) Updated with new mini logo [[User:Notjusttired|notjusttired]] ([[User talk:Notjusttired|talk]]) 14:35, June 1, 2019 (EDT) <pre> /* Responsive vector for mobiles, also see responsive.less - should it be 850px? */ @media (max-width: 768px) { .mw-wiki-logo { display: block!important; left: 0!important; top: 0!important; position: relative !important; background-size: contain!important; background-image: url("/images/a/a9/MEpedia_logo_mini.png"); background-size: contain!important; width: 55px!important; margin: none; overflow: visible; } #p-logo { display: block!important; position: absolute!important; left: 5px!important; top: -85px!important; width: auto; height: auto; background-size: contain!important; } div#simpleSearch { max-width: 60%; margin-left: 5em!important; margin-right: 5em!important; text-align: center; } } </pre > </pre > :[[User:Notjusttired]] Done! [[User:Kmdenmark|Kmdenmark]] ([[User talk:Kmdenmark|talk]]) 16:54, June 3, 2019 (EDT) ::It looks great! We had a development change made to make everything larger on a mobile, but it hid the MEpedia logo - which meant there was nothing easy to click on to get back to the main page. This code puts a mini MEpedia back at the top left. Thanks for doing this and the other requests too. It's good to see you back! [[User:Kmdenmark]] [[User:Notjusttired|notjusttired]] ([[User talk:Notjusttired|talk]]) 17:50, June 3, 2019 (EDT) :::Thank you! Been recovering from a couple doctor appointments. I think I'm back in full action. :) [[User:Notjusttired]] [[User:Kmdenmark|Kmdenmark]] ([[User talk:Kmdenmark|talk]]) 17:57, June 3, 2019 (EDT) ::::Full action??!!! Great! [[User:Notjusttired|notjusttired]] ([[User talk:Notjusttired|talk]]) 18:02, June 3, 2019 (EDT) }} ===Re: Completed requests -- [[User:Kmdenmark|Kmdenmark]] ([[User talk:Kmdenmark|talk]]) 21:31, June 24, 2019 (EDT)=== :Done! [[User:Kmdenmark|Kmdenmark]] ([[User talk:Kmdenmark|talk]]) 21:31, June 24, 2019 (EDT)
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)
Templates used on this page:
Template:Interface explanation
(
edit
)
Template:Read more
(
edit
)
Template:Tmbox
(
edit
)
Template:Tmbox/core
(
edit
)
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