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; }

td.diff-marker { text-align: right; font-weight: bold; font-size: 1.25em; line-height: 1.2; }

.WikiaArticle td.diff-deletedline, .WikiaArticle td.diff-addedline { color: #000a14; }

.diff-currentversion-title, .diff { direction: ltr; unicode-bidi: embed; } table.diff td { padding: 0.33em 0.5em; } .diff-contentalign-left td { direction: ltr; unicode-bidi: embed; } td.diff-deletedline { border-color: #ffe49c; } td.diff-addedline, td.diff-deletedline, td.diff-context { font-size: 88%; line-height: 1.6; vertical-align: top; white-space: -moz-pre-wrap; white-space: pre-wrap; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; }

table.diff td { padding: 0.33em 0.5em; } .diff-contentalign-left td { direction: ltr; unicode-bidi: embed; } td.diff-addedline { border-color: #a3d3ff; } td.diff-addedline, td.diff-deletedline, td.diff-context { font-size: 88%; line-height: 1.6; vertical-align: top; white-space: -moz-pre-wrap; white-space: pre-wrap; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; }

.diff-contentalign-left td { direction: ltr; unicode-bidi: embed; } .diff-deletedline { background-color: #ffa; }

table.diff td.diff-marker { padding: 0.25em; }

.diff-currentversion-title, .diff { direction: ltr; unicode-bidi: embed; }

table.diff { border: none; border-spacing: 4px; margin: 0; width: 100%; table-layout: fixed; } .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;} } /* 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; }
 * 1) snow3 {
 * 1) particle {

@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; } }

/* 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 {

.appreciation-diff-module, .appreciation-banner { display: none; }

/* Removing Chatroom */

.chat-headline,.ChatModule .module .ChatModuleUninitialized,.ChatModule.module.ChatModuleUninitialized,.ChatModule.module.ChatModuleInitialized{display:none} .ChatModule.module{display:none}

/* Effective way to remove appreciation module */ div.banner-notifications-wrapper { display: none; }

/* Ditto boi */

/* Dropdown Button */ .dropdown { font-size: 33px; border: black dotted 5px; cursor: pointer; width: 228px; font-family: impact; color: #0a5fa3; }

/* The container - needed to position the dropdown content */ .dropdownmain { position: relative; display: inline-block; background: #11111f; }

/* Dropdown Content (Hidden by Default) */ .dropdown-content { display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); right: -160px; top: 0px; }

/* Links inside the dropdown */ .dropdown-content a { color: black; padding: 12px 16px; text-decoration: none; display: block; }

/* Change color of dropdown links on hover */ .dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */ .dropdownmain:hover .dropdown-content { display: block; }

/* Change the background color of the dropdown button when the dropdown content is shown */ .dropdownmain:hover .dropbtn { background-color: #3e8e41; }