Emmy The Robot Fandom Wiki

MediaWiki:Common.css: Difference between revisions

Message Discussion

MediaWiki:Common.css (view source)

Revision as of 09:05, 14 June 2024

2,750 bytes added ,  23 days ago
no edit summary
No edit summary
No edit summary
 
(143 intermediate revisions by 4 users 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;
/* -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;
background-position: left top;
background-repeat: repeat;
margin-top:0.475em;
}
 
/* import lifesavers font */
@font-face {
font-family: LifeSavers-Regular;
src: url(https://static.miraheze.org/emmytherobotwiki/f/fa/LifeSavers-Regular.ttf);
}
@font-face {
font-family: LifeSavers-Bold;
src: url(https://static.miraheze.org/emmytherobotwiki/c/c7/LifeSavers-Bold.ttf);
}
 
/* apply lifesavers font to headers*/
.mw-body h1 {
font-family: LifeSavers-Bold;
}
.mw-body h2 {
font-family: LifeSavers-Bold;
}
.mw-body h3 {
font-family: LifeSavers-Bold;
}
.mw-body h4 {
font-family: LifeSavers-Bold;
}
.mw-body h5 {
font-family: LifeSavers-Bold;
}
.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 */
}
 
/* navigation left sidebar transparent */
#site-navigation.sidebar-chunk {
Line 23 ⟶ 79:
#site-navigation a {
color: #FFCC00;
font-weight: bold;
}
#site-navigation a:hover {
color: #FFE375;
}
 
/* OLIVIANON'S CSS EXPERIMENT SECTION START */
/*THIS STANZA BELOW IS THE ONE THAT GETS THE H1 TITLE FONT TO CHANGE, BUT IT APPEARS TO REQUIRE @FONT-FACE ABOVE TO WORK, UNSURE WHY YET*/
/*BOLD DOESN'T WORK BECAUSE @FONT-FACE IS LS-STANDARD, NOT LS-BOLD*/
/*.mw-body h1 {
font-family: LifeSavers-Regular;
src: url(https://static.miraheze.org/emmytherobotwiki/f/fa/LifeSavers-Regular.ttf);
font-size: 20px;
}*/
/*tr {
line-height: 1
*/
/*THIS IS A TEST LINE FOR INTERNET PERFORMANCE TESTING*/
/*SAVING THIS CSS FILE USUALLY FAILS SO IT IS A GOOD TEST*/
/*THE FOLLOWING IS NONSENSE TEXT TO REPEATEDLY SAVE THE FILE*/
/*DFGJHDNGIJHEFIGSEG*/
/* OLIVIANON'S CSS EXPERIMENT SECTION END */
 
/* category right sidebar transparent */
#catlinks-sidebar.sidebar-chunk {
Line 35 ⟶ 110:
#catlinks-sidebar a {
color: #FFCC00;
font-weight: bold;
}
#site-navigation a:hover {
Line 47 ⟶ 123:
#site-tools a {
color: #FFCC00;
font-weight: bold;
}
#site-tools a:hover {
Line 59 ⟶ 136:
#page-tools a {
color: #FFCC00;
font-weight: bold;
}
#page-tools a:hover {
Line 79 ⟶ 157:
visibility: hidden;
}
body::before {
content: "";
{
position: fixed;
background: url(https://static.miraheze.org/emmytherobotwiki/0/06/Bgtile.png) 0 0 repeat;
top: 0;
-webkit-animation: animate_background 6s linear 0s infinite;
left: 0;
-moz-animation: animate_background 6s linear 0s infinite;
width: 140%;
-o-animation: animate_background 6s linear 0s infinite;
height: 140%;
animation: animate_background 6s linear 0s infinite;
background: url(https://static.miraheze.org/emmytherobotwiki/0/06/Bgtile.png) 0 0 repeat;
}
@-webkit-keyframes animation: animate_background {6s linear infinite;
z-index: -1;
from {
background-position: 0 0;
}
to {
background-position: -257px -257px;
}
}
 
@keyframes animate_background {
from {
transform: translate(0, 0);
}
to {
transform: translate(-257px, -257px);
}
}
 
.mw-page-container
Line 189 ⟶ 271:
background-color: transparent;
}
 
/*
.page-Main_Page #mp-topbanner {
clearmargin-top: red0em;
}
 
*/
.vector-menu-tabs li
{
Line 325 ⟶ 407:
#mw-header-container {
background: none;
position: static;
}
#mw-header-container.ts-inner {
background: none;
position: static;
}
/* #mw-header controls size of search box along top of page*/
#mw-header {
width: 10097.5%;
max-width: 10097.5%;
padding: 0;
position: static;
Line 334 ⟶ 422:
#simpleSearch {
box-shadow: inset 0 2px 4px 0 rgba( 0, 0, 0, 0.05 );
background: rgba(0.5, 0.5, 0.5, 0.35);
position: fixedrelative;
top: 10;
left: 0;
width: 200px;
border: solid 1px @base70;
}
#simpleSearch #searchInput::placeholder {
/* Modern Ajax Poll look*/
color: ;
@import "/load.php?mode=articles&articles=u:dev:MediaWiki:AjaxPoll.Modern.css&only=styles";
}
 
/* Wikitable */
table.wikitable, table.wikitable caption, table.wikitable th, table.wikitable td {
padding-top: 0.2em;
padding-bottom: 0.2em;
}
 
/* ================= *
* Template: Spoiler *
* ================= */
 
.spoiler {
background-color: black;
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);
}
Retrieved from "https://emmytherobot.wiki/wiki/Special:MobileDiff/468...4147"