User:Vaileasys/sandbox: Difference between revisions

From PZwiki
(blanked sandbox)
Tag: Replaced
(sitenotice wip)
Line 1: Line 1:
<!--blank-->
<div id="sitenotice" style="background-color:#f8f9fa; text-align:center;">
<div class="sitenotice" style="text-align:center; justify-content:space-between; margin:0.75rem 0; padding:1rem 2rem; border-bottom:1px solid #eaecf0; display:flex; width:auto; align-items:center;">
<div style="display:flex; flex-direction:center; margin-right:2rem;">
[[File:Spiffo rummage.png|64px]]
</div>
<div style="display:flex; flex-direction:column; text-align:center;">
'''Wiki maintenance!'''
 
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 on the [https://discord.com/channels/136501320340209664/473467044050894858 pzwiki discord channel].
</div>
<div style="display:flex; flex-direction:center; margin-left:2rem;">
[[File:Be crafty.png|64px]]
</div>
</div>
</div>
 
<syntaxhighlight lang="css">
#sitenotice {
    background-color: #f8f9fa;
    text-align: center;
}
 
.sitenotice {
    justify-content: space-between;
    margin: 0.75rem 0;
    padding: 1rem 2rem;
    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: 2rem;
}
 
.sitenotice > div:last-child {
    margin-left: 2rem;
}
 
/* hide images if screen size is less than 720px */
@media screen and (max-width: 720px) {
    .sitenotice > div:first-child,
    .sitenotice > div:last-child {
        display: none;
    }
 
</syntaxhighlight>

Revision as of 06:22, 29 March 2024

Spiffo rummage.png

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 on the pzwiki discord channel.

Be crafty.png

#sitenotice {
    background-color: #f8f9fa;
    text-align: center;
}

.sitenotice {
    justify-content: space-between;
    margin: 0.75rem 0;
    padding: 1rem 2rem;
    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: 2rem;
}

.sitenotice > div:last-child {
    margin-left: 2rem;
}

/* hide images if screen size is less than 720px */
@media screen and (max-width: 720px) {
    .sitenotice > div:first-child,
    .sitenotice > div:last-child {
        display: none;
    }