MediaWiki:Common.css: Difference between revisions

no edit summary
No edit summary
No edit summary
 
(24 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 */
/*
PB2 website link color default:#FFCC00; hover:#FFE375; font-weight: bold;
*/
/* This breaks ALL p tags // div#mw-content-text.mw-body-content.mw-content-ltr p {
display: none;
} */
 
#mw-content-block.ts-inner {
h1#firstHeading.firstHeading.mw-first-heading {
max-width: 125em;
display: none;
}
 
#mw-content-block.ts-inner {
margin-left: 11%; /* Adjust this value to match the width of #mw-site-navigation */
max-width: 125em;
margin-right: 12.6%; /* Adjust this value to match the width of #mw-site-navigation */
}
 
Line 59 ⟶ 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 147 ⟶ 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;
/*background-size: auto auto; added this, will it WORK */
width: 140%;
-webkit-animation: animate_background 6s linear 0s infinite;
height: 140%;
-moz-animation: animate_background 6s linear 0s infinite;
background: url(https://static.miraheze.org/emmytherobotwiki/0/06/Bgtile.png) 0 0 repeat;
-o-animation: animate_background 6s linear 0s infinite;
animation: animate_background 6s linear 0s infinite;
z-index: -1;
@-webkit-keyframes animate_background {
from {
background-position: 0 0;
}
to {
background-position: -257px -257px;
}
}
 
@-webkit-keyframes animate_background {
from {
transform: translate(0, 0);
}
to {
transform: translate(-257px, -257px);
}
}
 
.mw-page-container