MediaWiki:Main.css: Difference between revisions
From Tiny Rogues Wiki
(Blanked the page) Tag: Blanking |
No edit summary |
||
Line 1: | Line 1: | ||
/* after content section */ | |||
#mw-data-after-content > div { | |||
display: flex; | |||
flex-direction: column; | |||
padding: 10px; | |||
gap: 15px; | |||
place-items: center; | |||
border: 1px solid var(--border-color); | |||
border-top: 0; | |||
} | |||
#mw-data-after-content br { | |||
display: none; | |||
} | |||
#mw-data-after-content { | |||
background: var(--theme-tone-6); | |||
border-radius: 0 0 5px 5px; | |||
} | |||
#mw-data-after-content a.nn-cmp-show { | |||
margin-top: 0.8em; | |||
display: inline-block; | |||
padding: 5px 10px; | |||
background-color: var(--theme-tone-3); | |||
width: fit-content; | |||
border-radius: 4px; | |||
font-weight: 500; | |||
color: black; | |||
transition: background-color 0.3s, color 0.2s; | |||
text-decoration: none; | |||
color: var(--text-color); | |||
} | |||
#mw-data-after-content a.nn-cmp-show:hover { | |||
background-color: var(--accent-color); | |||
color: white; | |||
} | |||
@media screen and (min-width: 1100px) and (max-width: 1340px) { | |||
#content-bottom-stuff { | |||
margin-left: 0; | |||
display: table-caption; | |||
} | |||
#mw-related-navigation .sidebar-chunk { | |||
box-shadow: 0 0 2px 1px rgb(0 0 0 / 10%) !important; | |||
} | |||
#mw-related-navigation { | |||
position: absolute; | |||
right: 0; | |||
transform: translateX(90%); | |||
transition: 300ms; | |||
} | |||
#mw-related-navigation:hover { | |||
transform: translateX(0); | |||
} | |||
} |
Revision as of 16:45, 19 January 2024
/* after content section */
#mw-data-after-content > div {
display: flex;
flex-direction: column;
padding: 10px;
gap: 15px;
place-items: center;
border: 1px solid var(--border-color);
border-top: 0;
}
#mw-data-after-content br {
display: none;
}
#mw-data-after-content {
background: var(--theme-tone-6);
border-radius: 0 0 5px 5px;
}
#mw-data-after-content a.nn-cmp-show {
margin-top: 0.8em;
display: inline-block;
padding: 5px 10px;
background-color: var(--theme-tone-3);
width: fit-content;
border-radius: 4px;
font-weight: 500;
color: black;
transition: background-color 0.3s, color 0.2s;
text-decoration: none;
color: var(--text-color);
}
#mw-data-after-content a.nn-cmp-show:hover {
background-color: var(--accent-color);
color: white;
}
@media screen and (min-width: 1100px) and (max-width: 1340px) {
#content-bottom-stuff {
margin-left: 0;
display: table-caption;
}
#mw-related-navigation .sidebar-chunk {
box-shadow: 0 0 2px 1px rgb(0 0 0 / 10%) !important;
}
#mw-related-navigation {
position: absolute;
right: 0;
transform: translateX(90%);
transition: 300ms;
}
#mw-related-navigation:hover {
transform: translateX(0);
}
}