User:Vaileasys/sandbox: Difference between revisions
(sitenotice wip) |
(update css and remove inline styles) |
||
| Line 1: | Line 1: | ||
<div id="sitenotice" | <div id="sitenotice""> | ||
<div class="sitenotice | <div class="sitenotice"> | ||
<div | <div> | ||
[[File:Spiffo rummage.png|64px]] | [[File:Spiffo rummage.png|64px]] | ||
</div> | </div> | ||
<div | <div> | ||
'''Wiki maintenance!''' | '''Wiki maintenance!''' | ||
The wiki will be undergoing some maintenance while we modify the default theme.<br> | The wiki will be undergoing some maintenance while we modify the default theme.<br> | ||
Notice any oddities or want to provide feedback? Let us know on the [[PZwiki_talk:Community_portal/Wiki_theme|discussion page]] or | Notice any oddities or want to provide feedback? Let us know on the [[PZwiki_talk:Community_portal/Wiki_theme|discussion page]] or the [https://discord.com/channels/136501320340209664/473467044050894858 pzwiki discord channel]. | ||
</div> | </div> | ||
<div | <div> | ||
[[File:Be crafty.png|64px]] | [[File:Be crafty.png|64px]] | ||
</div> | </div> | ||
| Line 17: | Line 17: | ||
<syntaxhighlight lang="css"> | <syntaxhighlight lang="css"> | ||
/* Mediawiki:Sitenotice */ | |||
#sitenotice { | #sitenotice { | ||
background-color: #f8f9fa; | background-color: #f8f9fa; | ||
text-align: center; | text-align: center; | ||
} | } | ||
.sitenotice { | .sitenotice { | ||
justify-content: space-between; | justify-content: space-between; | ||
margin: 0.75rem 0; | margin: 0.75rem 0; | ||
padding: 1rem | padding: 0.5rem 1rem; | ||
border-bottom: 1px solid #eaecf0; | border-bottom: 1px solid #eaecf0; | ||
display: flex; | display: flex; | ||
| Line 31: | Line 31: | ||
align-items: center; | align-items: center; | ||
} | } | ||
.sitenotice > div { | .sitenotice > div { | ||
display: flex; | display: flex; | ||
flex-direction: column; | flex-direction: column; | ||
} | } | ||
.sitenotice > div:first-child { | .sitenotice > div:first-child { | ||
margin-right: | margin-right: 1rem; | ||
} | } | ||
.sitenotice > div:last-child { | .sitenotice > div:last-child { | ||
margin-left: | margin-left: 1rem; | ||
} | } | ||
/* hide images if screen size is less than 720px */ | /* hide images if screen size is less than 720px */ | ||
@media screen and (max-width: | @media screen and (max-width: 719px) { | ||
.sitenotice > div:first-child, | .sitenotice > div:first-child, | ||
.sitenotice > div:last-child { | .sitenotice > div:last-child { | ||
display: none; | display: none; | ||
} | } | ||
} | |||
</syntaxhighlight> | </syntaxhighlight> | ||
'''TODO:''' | |||
*create an [[MediaWiki:Anonnotice|anonnotice]] for users that aren't logged in | |||
**wording will be adjusted directing them to create an account to change the theme | |||
*Once style implemented, modify to advise how to change the theme | |||
Revision as of 06:49, 29 March 2024
Wiki maintenance!
The wiki will be undergoing some maintenance while we modify the default theme.
Notice any oddities or want to provide feedback? Let us know on the discussion page or the pzwiki discord channel.
/* Mediawiki:Sitenotice */
#sitenotice {
background-color: #f8f9fa;
text-align: center;
}
.sitenotice {
justify-content: space-between;
margin: 0.75rem 0;
padding: 0.5rem 1rem;
border-bottom: 1px solid #eaecf0;
display: flex;
width: auto;
align-items: center;
}
.sitenotice > div {
display: flex;
flex-direction: column;
}
.sitenotice > div:first-child {
margin-right: 1rem;
}
.sitenotice > div:last-child {
margin-left: 1rem;
}
/* hide images if screen size is less than 720px */
@media screen and (max-width: 719px) {
.sitenotice > div:first-child,
.sitenotice > div:last-child {
display: none;
}
}
TODO:
- create an anonnotice for users that aren't logged in
- wording will be adjusted directing them to create an account to change the theme
- Once style implemented, modify to advise how to change the theme