MediaWiki:Common.css: Difference between revisions

From Emmy The Robot Fandom Wiki
no edit summary
(Reduced vertical padding on tables (AGAIN))
No edit summary
 
(37 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 {
PB2 website link color default:#FFCC00; hover:#FFE375; font-weight: bold;
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 */
}
 
#mw-content-container {
/* Background image (default cat) */
background-image: url(none);
background-attachment: fixed;
/* -webkit-animation: animate_background 6s linear 0s infinite;
-moz-animation: animate_background 6s linear 0s infinite;
-o-animation: animate_background 6s linear 0s infinite;
animation: animate_background 6s linear 0s infinite;*/
border: none;
background-color: transparent;
Line 46 ⟶ 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 134 ⟶ 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
Line 246 ⟶ 271:
background-color: transparent;
}
 
/*
.page-Main_Page #mp-topbanner {
clearmargin-top: red0em;
}
 
*/
.vector-menu-tabs li
{
Line 388 ⟶ 413:
position: static;
}
/* #mw-header controls size of search box along top of page*/
#mw-header {
width: 9097.5%;
max-width: 9097.5%;
padding: 0;
position: static;
Line 403 ⟶ 429:
color: ;
}
 
/* Modern Ajax Poll look*/
@import "/load.php?mode=articles&articles=u:dev:MediaWiki:AjaxPoll.Modern.css&only=styles";
 
/* Wikitable */
Line 411 ⟶ 434:
padding-top: 0.2em;
padding-bottom: 0.2em;
}
 
/* ================= *
* Template: Spoiler *
* ================= */
 
.spoiler {
background-attachmentcolor: fixedblack;
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);
}
Cookies help us deliver our services. By using our services, you agree to our use of cookies.