User:Vaileasys/sandbox: Difference between revisions
(updated css and html) |
(add more todo and vector-2022.css) |
||
Line 14: | Line 14: | ||
</div> | </div> | ||
'''[[MediaWiki:Common.css|Common.css]]''' | |||
<syntaxhighlight lang="css"> | <syntaxhighlight lang="css"> | ||
/* Mediawiki:Sitenotice */ | /* Mediawiki:Sitenotice */ | ||
.sitenotice-card { | .sitenotice-card { | ||
display: flex; | |||
justify-content: space-between; | |||
align-items: center | |||
text-align: center; | |||
background-color: #f8f9fa; | background-color: #f8f9fa; | ||
padding: 0.5rem 1rem; | padding: 0.5rem 1rem; | ||
border-bottom: 1px solid #eaecf0; | border-bottom: 1px solid #eaecf0; | ||
width: auto; | width: auto; | ||
} | } | ||
Line 47: | Line 47: | ||
} | } | ||
} | } | ||
</syntaxhighlight> | |||
'''[[MediaWiki:Vector-2022.css|Vector-2022.css]]''' | |||
<syntaxhighlight lang="css"> | |||
.vector-sitenotice-container { | |||
display: flex; | |||
justify-content: center; | |||
align-items: center; | |||
} | |||
.sitenotice-card { | |||
box-sizing: border-box; | |||
max-width: 1000px; | |||
width: 944px; | |||
} | |||
</syntaxhighlight> | </syntaxhighlight> | ||
===TODO=== | |||
*add <code>class="text-container"</code> for div with the text, so it can be modified per skin. | |||
<syntaxhighLight lang="css"> | |||
.sitenotice-card .text-container { | |||
/* styles go here */ | |||
} | |||
</syntaxhighlight> | |||
*consider adding {{code|<p>}} or {{code|<div>}} tag with <code>class="title"</code> for styling the title. | |||
<syntaxhighLight lang="css"> | |||
.sitenotice-card .text-container .title { | |||
/* styles go here */ | |||
} | |||
</syntaxhighlight> | |||
*create an [[MediaWiki:Anonnotice|anonnotice]] for users that aren't logged in | *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 | **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 | *Once style implemented, modify to advise how to change the theme |
Latest revision as of 09:40, 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-card {
display: flex;
justify-content: space-between;
align-items: center
text-align: center;
background-color: #f8f9fa;
padding: 0.5rem 1rem;
border-bottom: 1px solid #eaecf0;
width: auto;
}
.sitenotice-card > div {
display: flex;
flex-direction: column
}
.sitenotice-card .image-container-left {
margin-right: 1rem
}
.sitenotice-card .image-container-right {
margin-left: 1rem
}
/* hide images if screen size is less than 720px */
@media screen and (max-width: 719px) {
.sitenotice-card .image-container-left,
.sitenotice-card .image-container-right {
display:none
}
}
.vector-sitenotice-container {
display: flex;
justify-content: center;
align-items: center;
}
.sitenotice-card {
box-sizing: border-box;
max-width: 1000px;
width: 944px;
}
TODO
- add
class="text-container"
for div with the text, so it can be modified per skin.
.sitenotice-card .text-container {
/* styles go here */
}
- consider adding
<p>
or<div>
tag withclass="title"
for styling the title.
.sitenotice-card .text-container .title {
/* styles go here */
}
- 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