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

/* Messing with the Diff presentation. */ td.diff-marker { text-align: right; font-weight: bold; font-size: 1.25em; line-height: 1.2; }

td.diff-deletedline .diffchange { background: #95b0ff; }

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

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

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; }
 * 1) DiffPreview .diff-content {
 * 1) DiffPreview .diffchange {

.WikiaArticle td.diff-context { background-color: #ffbf16; color: #2d2d2d; }

.disabled { color: #888; }	color: orange; font-size: large; } div.center { text-align: center; }	overflow: auto; }
 * 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 */ ul.subnav-2.accent.firstChild.subnav-2 li:nth-of-type(5) { display: none; }

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

/* Removal CSS End */

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

/* Custom Drop Down menu End */

/* Re-creating Wikia */

/* Background [I love the dark as much as the light. I also need better response timing for reverting vandalism] */ body.skin-oasis { background: #07111f url(http://vignette1.wikia.nocookie.net/botcentral/images/c/c3/9b38ff59d29423ff76314b252c583135-d9vy3z0.jpg) top center repeat; background-repeat: no-repeat; background-size: 100% !important; background-attachment: fixed; background-position: inherit !important; background-color: #000; }

/* Removing Header background if any. */ .WikiHeader { background:none; }

/* Carbon Fiber forground */ .WikiaPage .WikiaPageBackground, #WikiaPage { background: linear-gradient(27deg, #151515 5px, transparent 5px) 0 5px, linear-gradient(207deg, #151515 5px, transparent 5px) 10px 0px, linear-gradient(27deg, #222 5px, transparent 5px) 0px 10px, linear-gradient(207deg, #222 5px, transparent 5px) 10px 5px, linear-gradient(90deg, #1b1b1b 10px, transparent 10px), linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424) !important; background-color: #131313; background-size: 20px 20px; } .WikiaPage .WikiaPageBackground:hover, #WikiaPage:Hover { background: rgba(0, 0, 0, 0.81) !important; } /* Wiki Rail modules are black and boxed */ border: 2px solid rgba(0, 0, 0, 0.62) !important; box-shadow: 6px 2px 2px black; background: rgba(0, 0, 0, 0.55) url(none) !important; } /* Removes annoying border Line */ .wikia-page-header .header-container { border-bottom:none !important; }
 * 1) WikiaRail .module, .WikiaArticle .thumbinner {

/* Boxes the Word Mark */ .WikiHeader .wordmark { margin-bottom: 10px; background: #484848; background-color: #131313; background-size: 20px 20px; word-wrap: break-word; border: 2px solid #1b1b1b; border-radius: 2pc; align-self: center; box-shadow: 2px 2px 2px black; }

.wikia-page-header .header-column h1, .wikia-page-header .header-column .WikiaRail .module h3, .WikiaRail .module .wikia-page-header .header-column h3 { margin: 0 10px 0 0; margin-top: 0px; margin-right: 10px; margin-bottom: 0px; margin-left: 0px; color: rgba(226, 226, 226, 0.98); text-shadow: 0px 2px 6px white; border-bottom: rgba(255, 255, 255, 0.28) dashed; border-top: rgba(255, 255, 255, 0.52) dashed; }

/* Source menu CSS */ .EditPage { background: linear-gradient(27deg,#151515 5px,transparent 5px) 0 5px,linear-gradient(207deg,#151515 5px,transparent 5px) 10px 0px,linear-gradient(27deg,#222 5px,transparent 5px) 0px 10px,linear-gradient(207deg,#222 5px,transparent 5px) 10px 5px,linear-gradient(90deg,#1b1b1b 10px,transparent 10px),linear-gradient(#1d1d1d 25%,#1a1a1a 25%,#1a1a1a 50%,transparent 50%,transparent 75%,#242424 75%,#242424); background-color: #131313; background-size: 30px 28px; }

.EditPage .module > .module_content { background-color: #4e4e4e; background-image: -moz-linear-gradient(top,white 0%,#ffffff 60%,#ebebeb 100%); background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(0%,#6d6d6d),color-stop(60%,#000000),color-stop(100%,#020202)); background-image: -o-linear-gradient(top,white 0%,#ffffff 60%,#ebebeb 100%); background-image: -ms-linear-gradient(top,white 0%,#ffffff 60%,#ebebeb 100%); color: #ffffff; box-shadow: 2px 19px 19px black; padding: 10px 20px 20px 20px; }

.EditPageRail{ box-shadow:none !important; }

.EditPageHeader { box-shadow: inset 0 -4px 2px 0 #292929; background-color: #1e1e1f; border-bottom: 1px solid #ffffff; }

.EditPageHeader > .wordmark { background: white; border-left: dotted #1d1d1d; border-right: black dotted; } /* Button CSS */

a.wikia-button, .wikia-single-button a, .wikia-menu-button, input[type="submit"], input[type="reset"], input[type="button"], .button, button { background-color: #000000; background-image: -moz-linear-gradient(top,#004888 35%,#002d55 65%); background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(35%,#4a4a4a),color-stop(65%,#161617)); border: 1px solid #2b2b2b; color: #fff; }

a.wikia-button:hover, .wikia-single-button a:hover, .wikia-menu-button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .button:hover, button:hover { background-color: #e4e4e4; background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(35%,#000000),color-stop(65%,#505050)); }