User:Ditto Duck Penguin/global.css

/* For the First time in forever, I finally used this page. I don't have to be afraid, or run down that very doorrrr, for the first time in forever, I can actually smash my floor

/*Yeah, I know.*/ @import "http://dev.wikia.com/Highlight/code.css?action=raw&ctype=text/css";

/*Nice try Steven Universe Wikia ;3*/ s.WikiaRail .module.community-page-entry-point-module { padding-top: 40px; } section.community-page-entry-point-module.module { display: block; }

.oasis-one-column .WikiaMainContent { width: 100%; } .oasis-one-column .WikiaMainContent { width: 1000px; }

@media only screen and (min-width: 1084px){ .WikiaMainContent { width: -webkit-calc(100% - 320px); width: calc(100% - 320px); } }

.WikiaMainContent { width: 100%; } .WikiaMainContent { float: left; position: relative; width: 680px; z-index: 1; } article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }

footer .wds-global-footer_wds-is-en { display: none !important; } .wikia-logo__subtitle, div[class="table-cell hubs-links"], div[class="table-cell"] { display: none !important; }

/* Theme for Special:DiscussionsFeed because why not ;v */ .df-content { font-weight: bold; color: LightGrey; }

.df-content:link, df-content:visited { text-decoration: none; }

.df-user { color: LightSkyBlue; }

.df-date { color: LightGrey; }

position: absolute; width: 30px; height: 30px; border: 8px solid #fff; border-right-color: transparent; border-radius: 50%; box-shadow: 0 0 25px 2px #eee; animation: spin 1s linear infinite; }
 * 1) ajaxloader {

@keyframes spin { from { transform: rotate(0deg);  opacity: 0.2; } 50% { transform: rotate(180deg); opacity: 1.0; } to  { transform: rotate(360deg); opacity: 0.2; } }

/* Removing ship of my Navigation because THEY SUCK! */ .wikia-logo-container, .hubs-links, .explore-wikia-entry-point, .search-container, .gamestar-logo { Display: none !important; }

/* Hahahahaha no */ .search-form-wrapper, /* Don't ask... */ li[data-user="Nadeedo"] { display: none !important; }

.diff-addedline { background-color: #cfc; } .diff-deletedline { background-color: #ffa; }	width: 49%; }	color: #f00; font-weight: bold; text-decoration: none; white-space: pre-wrap; } td.diff-context { background-color: #f2f2f2; } .disabled { color: #888; }	color: orange; font-size: large; } div.center { text-align: center; }	overflow: auto; }
 * 1) DiffPreview .diff-content {
 * 1) DiffPreview .diffchange {
 * 1) previousedit,
 * 2) nextedit {
 * 1) DiffView,
 * 2) DiffPreview {

/* Flowers, yes, I love flowers. */ /* 3D-Leaf Animtion*/ @media only screen and (min-width:1083px) { .october-leaf { -moz-transform: translateZ(0); -webkit-transform: translateZ(0); background-color: transparent; background-image: url("http://vignette3.wikia.nocookie.net/sonako/images/f/f1/Leaves.png/revision/latest?cb=20151205095709"); position: absolute; transform: translateZ(0); } } /* Snow Pure CSS Animtion*/ @media only screen and (min-width:1083px) { background: none; background-image: url('http://i.imgur.com/X6mU7on.png'), url('http://i.imgur.com/CFKKQ1K.png'), url('http://i.imgur.com/4NYnE0d.png'); left: 0; top: 0; position: fixed; width: 9999px !important; height: 9999px !important; pointer-events: none; z-index:1; -webkit-animation: snow3 10s linear infinite; -moz-animation: snow3 10s linear infinite; -ms-animation: snow3 10s linear infinite; animation: snow3 10s linear infinite; } @keyframes snow3 { 0% {background-position: 0px 0px, 0px 0px, 0px 0px;} 50% {background-position: 500px 500px, 100px 200px, -100px 150px;} 100% {background-position: 500px 1000px, 200px 400px, -100px 300px;} } @-moz-keyframes snow3 { 0% {background-position: 0px 0px, 0px 0px, 0px 0px;} 50% {background-position: 500px 500px, 100px 200px, -100px 150px;} 100% {background-position: 400px 1000px, 200px 400px, 100px 300px;} } @-webkit-keyframes snow3 { 0% {background-position: 0px 0px, 0px 0px, 0px 0px;} 50% {background-position: 500px 500px, 100px 200px, -100px 150px;} 100% {background-position: 500px 1000px, 200px 400px, -100px 300px;} } @-ms-keyframes snow3 { 0% {background-position: 0px 0px, 0px 0px, 0px 0px;} 50% {background-position: 500px 500px, 100px 200px, -100px 150px;} 100% {background-position: 500px 1000px, 200px 400px, -100px 300px;} } /* Particle Pure CSS Animtion*/ @media only screen and (min-width:1083px) { background: none; background-image: url('http://i.imgur.com/9OHENBk.png'), url('http://i.imgur.com/QsVxuvB.png'), url('http://i.imgur.com/HRvX4dn.png'); left: 0; top: 0; position: fixed; width: 9999px !important; height: 9999px !important; pointer-events: none; z-index:1; -webkit-animation: particlefloat 20s linear infinite; -moz-animation: particlefloat 20s linear infinite; -ms-animation: particlefloat 20s linear infinite; animation: particlefloat 20s linear infinite; } @keyframes particlefloat { 0% { background-position: 500px 1000px, 120px 400px, -100px 300px; } 10% { background-position: 500px 900px, 120px 360px, -100px 270px; } 20% { background-position: 500px 800px, 120px 320px, -100px 240px; } 30% { background-position: 500px 700px, 120px 280px, -100px 210px; } 40% { background-position: 500px 600px, 120px 240px, -100px 180px; } 50% { background-position: 500px 500px, 120px 200px, -100px 150px; } 60% { background-position: 500px 400px, 120px 160px, -100px 120px; } 70% { background-position: 500px 300px, 120px 120px, -100px 90px; } 80% { background-position: 500px 200px, 120px 80px, -100px 60px; } 90% { background-position: 500px 100px, 120px 40px, -100px 30px; } 100% { background-position: 500px 0px, 120px 0px, -100px 0px; } } @-moz-keyframes particlefloat { 0% { background-position: 500px 1000px, 120px 400px, -100px 300px; } 10% { background-position: 500px 900px, 120px 360px, -100px 270px; } 20% { background-position: 500px 800px, 120px 320px, -100px 240px; } 30% { background-position: 500px 700px, 120px 280px, -100px 210px; } 40% { background-position: 500px 600px, 120px 240px, -100px 180px; } 50% { background-position: 500px 500px, 120px 200px, -100px 150px; } 60% { background-position: 500px 400px, 120px 160px, -100px 120px; } 70% { background-position: 500px 300px, 120px 120px, -100px 90px; } 80% { background-position: 500px 200px, 120px 80px, -100px 60px; } 90% { background-position: 500px 100px, 120px 40px, -100px 30px; } 100% { background-position: 500px 0px, 120px 0px, -100px 0px; } } @-webkit-keyframes particlefloat { 0% { background-position: 500px 1000px, 120px 400px, -100px 300px; } 10% { background-position: 500px 900px, 120px 360px, -100px 270px; } 20% { background-position: 500px 800px, 120px 320px, -100px 240px; } 30% { background-position: 500px 700px, 120px 280px, -100px 210px; } 40% { background-position: 500px 600px, 120px 240px, -100px 180px; } 50% { background-position: 500px 500px, 120px 200px, -100px 150px; } 60% { background-position: 500px 400px, 120px 160px, -100px 120px; } 70% { background-position: 500px 300px, 120px 120px, -100px 90px; } 80% { background-position: 500px 200px, 120px 80px, -100px 60px; } 90% { background-position: 500px 100px, 120px 40px, -100px 30px; } 100% { background-position: 500px 0px, 120px 0px, -100px 0px; } } @-ms-keyframes particlefloat { 0% { background-position: 500px 1000px, 120px 400px, -100px 300px; } 10% { background-position: 500px 900px, 120px 360px, -100px 270px; } 20% { background-position: 500px 800px, 120px 320px, -100px 240px; } 30% { background-position: 500px 700px, 120px 280px, -100px 210px; } 40% { background-position: 500px 600px, 120px 240px, -100px 180px; } 50% { background-position: 500px 500px, 120px 200px, -100px 150px; } 60% { background-position: 500px 400px, 120px 160px, -100px 120px; } 70% { background-position: 500px 300px, 120px 120px, -100px 90px; } 80% { background-position: 500px 200px, 120px 80px, -100px 60px; } 90% { background-position: 500px 100px, 120px 40px, -100px 30px; } 100% { background-position: 500px 0px, 120px 0px, -100px 0px; } }
 * 1) snow3 {
 * 1) particle {

/* Fireflies Animtion*/ @media only screen and (min-width:1083px) { top: 0; position: fixed; z-index: 2; width: 100%; height: 100%; pointer-events: none; } }
 * 1) particles-js {