MediaWiki:Common.css

/***** CSS placed here will be applied to all skins on the entire site. *****/ @import "/load.php?mode=articles&articles=u:dev:MediaWiki:EditorSourceMinimal/dark.css&only=styles"; @import url('https://fonts.googleapis.com/css?family=Coda|Teko|Orbitron|Share+Tech+Mono|Space+Mono|Rajdhani&display=swap');

/* Scroll */
 * -webkit-scrollbar {

width: 12px; height: 12px; }
 * -webkit-scrollbar-thumb {

background: #78eef5; }
 * -webkit-scrollbar-thumb:hover {

background: magenta !important; }
 * -webkit-scrollbar-thumb:active {

background: magenta !important; } /* Customizing Wiki Sprites (Borrowed from Riverdale Wiki)*/ .editsection .sprite.edit-pencil { background-image: url('https://runescape.wikia.com/wiki/Special:FilePath/Pencil-white.svg'); background-position: 0!important; } .activityfeed-diff:before { content: url(https://images.wikia.nocookie.net/riverdalearchie/images/thumb/e/e3/Notspriteview.png/15px-.png) !important; padding: 5px !important; position: absolute; } .activityfeed-diff img { display:none; } .sprite.contribute { background: url(https://vignette.wikia.nocookie.net/riverdalearchie/images/a/a9/Notspritecontribute.png) center no-repeat !important; background-size: 15px !important; height: 15px !important; width: 15px !important; } .sprite.categorization { background: url(https://vignette.wikia.nocookie.net/riverdalearchie/images/c/c3/Notspritecat.png) center no-repeat !important; background-size: 20px !important; height: 20px !important; width: 20px !important; } .sprite.new { background: url(https://vignette.wikia.nocookie.net/riverdalearchie/images/d/d2/Notspritenew.png) center no-repeat !important; background-size: 20px !important; height: 20px !important; width: 20px !important; } .sprite.edit { background: url(https://vignette.wikia.nocookie.net/riverdalearchie/images/3/32/Notspriteedit.png) center no-repeat !important; background-size: 20px !important; height: 20px !important; width: 20px !important; } .sprite.talk { background: url(https://vignette.wikia.nocookie.net/riverdalearchie/images/7/76/Notspritecomment.png) center no-repeat !important; background-size: 20px !important; height: 20px !important; width: 20px !important; } .sprite.blog { background:url(https://vignette.wikia.nocookie.net/riverdalearchie/images/a/a6/Notspritenewblog.png) center no-repeat !important; background-size: 17px !important; height: 17px !important; width: 17px !important; } .sprite-small.delete { background: url(https://vignette.wikia.nocookie.net/riverdalearchie/images/c/cc/Notspriteremove.png) center no-repeat !important; background-size: 15px !important; height: 15px !important; width: 15px !important; } .sprite.trash, .sprite.remove { background:url(https://vignette.wikia.nocookie.net/riverdalearchie/images/d/d7/Notspritedelete.png) center no-repeat !important; background-size: 15px !important; height: 15px !important; width: 15px !important; } .sprite.drag { background: url(https://vignette.wikia.nocookie.net/riverdalearchie/images/a/a0/Notspritemove.png) center no-repeat !important; background-size: 17px !important; height: 17px !important; width: 17px !important; } .sprite-small.edit, .sprite.edit-pencil { background: url(https://vignette.wikia.nocookie.net/riverdalearchie/images/2/2b/Notspriterewrite.png) center no-repeat !important; background-size: 15px !important; height: 15px !important; width: 15px !important; } .sprite.lock { background: url(https://vignette.wikia.nocookie.net/riverdalearchie/images/b/b0/Notspritelock.png) center no-repeat !important; background-size: 15px !important; height: 15px !important; width: 15px !important; } .wikia-menu-button .sprite.edit-pencil { background: url(https://vignette.wikia.nocookie.net/riverdalearchie/images/2/2b/Notspriterewrite.png) center no-repeat !important; background-size: 15px !important; height: 15px !important; width: 15px !important; }

/*Mbox*/ /*Message box customization */ .mbox { --type-important: rgba(200, 0, 0, 0.8); --type-moderate: rgba(233, 124, 47, 0.8); --type-minor: rgba(241, 197, 37, 0.8); display: flex; position: relative; background-color: rgba(134, 8, 189,0.7)!important; border: 1px solid #d182ce; border-left-width: 8px; border-left-color: #db8539; border-radius: 3px; margin-bottom: 5px; min-height: 32px; } .mbox__content { display: table; box-sizing: border-box; width: 100%; padding: 8px 15px; } .mbox__content__image { display: table-cell; width: 40px; height: 100%; text-align: center; vertical-align: middle; padding-right: 15px; } .mbox__content__wrapper { display: table-cell; vertical-align: middle; } .mbox__content__header { display: block; font-weight: bold; text-align:center; font-size:large; color:cyan; font-family: 'Rajdhani'; text-transform: uppercase; } .mbox__content__text { display: block; } .mbox__content__text__comment { font-size: small; } .mbox__content__aside { display: table-cell; width: 100px; vertical-align: middle; text-align: center; padding-left: 15px; border-left: 1px solid #d6d6d6; } .mbox__close { position: absolute; right: 0; top: 0; padding: 2px 7px; font-weight: bold; font-size: 16px; color: white; cursor: pointer; transition: all .15s ease-in; } .mbox__close:hover { color: #777; } .mbox__close:after { content: '×'; } .mw-collapsed + .mbox__close { transform: rotate(45deg); padding: 4px 7px 5px 2px; }

/*Main page */

.mp-header { text-transform:uppercase; text-align: center; font-family:Teko; font-size:60pt; transform: skew(-1deg, -5deg); line-height:70%; padding: 0.5em; text-shadow: 0 0 10px #8378ff; } .WikiaArticle h2, .mw-headline, .editsection { font-family: 'Share Tech Mono'; text-transform: uppercase; } .mp-header2 { text-shadow: 2px 4px 2px #6326ff; border-bottom: 2px solid cyan; font-size: 25pt; padding-top: 0.1em; line-height: 100%; }

/* Infobox */ .portable-infobox .pi-title, .portable-infobox .pi-header { font-family:'Teko'; text-transform: uppercase; } .portable-infobox .pi-title { font-size:x-large; } .portable-infobox .pi-header { font-size:large; background-color:#5c3aa1!important; text-align: left; } .portable-infobox { border:2px solid #6a72dc!important; }

/* Article structure */

color: #fdff6d; text-decoration:none; transition: .3s; } .WikiaArticle .toc { border-color:#ff1fa0; }
 * 1) WikiaPage a:hover {

.mw-content-text { font-family:'Coda'; }

/* Quote */
 * root {

--pull-quote-max-width: 80%; --pull-quote-text-color: rgba(255, 255, 255, .8); --pull-quote-mark-color: rgba(255, 255, 255, .75); --pull-quote-mark-font: "Orbitron", sans-serif; --pull-quote-hyphens: auto; --pull-quote-frame-color: #bbb; } /* .WikiaPage added as a parent selector to the following in order to override default blockquote styles. */ .WikiaPage .pull-quote { display: flex; flex-wrap: wrap; max-width: var(--pull-quote-max-width); margin: 1em auto; font-size: 1em; line-height: 1.8; } .WikiaPage .pull-quote__text { flex-basis: 100%; position: relative; padding: 0 2em; hyphens: var(--pull-quote-hyphens); color: var(--pull-quote-text-color); } .WikiaPage .pull-quote__text::before, .WikiaPage .pull-quote__text::after { position: absolute; font-size: 3em; font-family: var(--pull-quote-mark-font); font-weight: 700; color: var(--pull-quote-mark-color); } .WikiaPage .pull-quote__text::before { content: "“"; top: 0; left: 0; line-height: 1; } .WikiaPage .pull-quote__text::after { content: "”"; bottom: 0; right: 0; line-height: 0.2; } .WikiaPage .pull-quote__source { margin-left: auto; } .WikiaPage .pull-quote__source::before { content: "—"; } .WikiaPage .pull-quote--right, .WikiaPage .pull-quote--left { border: 1px solid var(--pull-quote-frame-color); border-left: 0; border-right: 0; padding: 1em 0; text-align: justify; } .WikiaPage .pull-quote--right { float: right; margin: 1em 0 1em 2em; } .WikiaPage .pull-quote--left { float: left; margin: 1em 2em 1em 0; } .mainpage .WikiaPage .page-header__title, .mainpage .WikiaPage .page-header__separator { display: none; }