MediaWiki:Common.css: Difference between revisions
no edit summary
No edit summary |
No edit summary |
||
| (34 intermediate revisions by the same user not shown) | |||
Line 1:
/*In case someone is reading this, be careful when copying this code. We are not web developers, this is a Frankestein mess. Use at your own risk!*/
/* CSS placed here will be applied to all skins */
#mw-content-block.ts-inner {
max-width: 125em;
}▼
#mw-content {
margin-left: 11%; /* Adjust this value to match the width of #mw-site-navigation */
margin-right: 12.6%; /* Adjust this value to match the width of #mw-site-navigation */
}
Line 51 ⟶ 54:
.mw-body h6 {
font-family: LifeSavers-Bold;
}
#mw-site-navigation {
position: fixed; /* Change from static to fixed */
top: 0; /* Ensures it sticks to the top of the viewport */
max-height: 100vh; /* Limit the maximum height to viewport height */
overflow-y: auto; /* Add a vertical scrollbar if needed */
}
div#mw-related-navigation {
position: fixed; /* Change from static to fixed */
top: 200; /* Ensures it sticks to the top of the viewport */
max-height: calc(100vh - 200px); /* Adjust max-height to accommodate the change */
overflow-y: auto; /* Add a vertical scrollbar if needed */
right: 0; /*right side */
}
Line 139 ⟶ 157:
visibility: hidden;
}
body::before {
content: "";
position: fixed;
background: url(https://static.miraheze.org/emmytherobotwiki/0/06/Bgtile.png) 0 0 repeat;▼
top: 0;
background-attachment: fixed;▼
left: 0;
width: 140%;
height: 140%;
z-index: -1;
▲}
@-webkit-keyframes animate_background { ▼
from { ▼
} ▼
to { ▼
} ▼
}
transform: translate(0, 0);
transform: translate(-257px, -257px);
}
.mw-page-container
Line 251 ⟶ 271:
background-color: transparent;
}
}
.vector-menu-tabs li
{
Line 409 ⟶ 429:
color: ;
}
/* Wikitable */
Line 417 ⟶ 434:
padding-top: 0.2em;
padding-bottom: 0.2em;
}
/* ================= *
* Template: Spoiler *
* ================= */
.spoiler {
color: black;
}
.spoiler:focus,
.spoiler:active,
.spoiler:hover {
color: #ccc;
}
.spoiler a {
color: black;
}
.spoiler:focus a,
.spoiler:active a,
.spoiler:hover a {
color: var(--color-link);
}
| |||