MediaWiki:Common.css

/* CSS placed here will be applied to all skins */

/************************************************* @import url('https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700&display=swap&subset=greek,greek-ext,latin-ext'); @import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap&subset=greek,greek-ext,latin-ext');
 * IMPORT FONTS
 * IMPORT FONTS

/************************************************* body { font-family:Roboto; background:url(/images/4/47/Common_Background_%28top%29.png), url(/images/thumb/0/02/Common_Background.png/60px-Common_Background.png); background-repeat: no-repeat, repeat; }
 * FORMATTING AND HEADERS
 * FORMATTING AND HEADERS

div#globalWrapper{ background:url("images/4/47/Common_Background_%28top%29.png") no-repeat; }

@media (max-width: 720px) { .page-Main_Page .mw-body { padding:0; } }

/* Hides Main Page/Community Portal page titles */ body.page-Main_Page.action-view h1.firstHeading, body.page-Main_Page.action-submit h1.firstHeading, body.page-Sonic_Archive_News.action-view h1.firstHeading, body.page-Sonic_Archive_News.action-submit h1.firstHeading{ display: none; }

.mw-newpages-pagename { font-weight: bolder; }

display:none; }
 * 1) jump-to-nav{

.mw-body h1, .mw-body-content h1{ font-family: "Roboto Slab","Linux Libertine","Georgia","Times",serif; border-bottom: 0px; font-size: 200%; margin-top: 10px; }

.mw-body-content h2, h3, h4, h5{ font-family: "Roboto", sans-serif; font-weight: 700; }

.mw-body-content h2 { font-size: 170%; font-weight:300; border-bottom: 0px; margin-bottom: 0px; }

.mw-body-content h3 { font-size:120%; font-weight:500; }

.gameportal { -webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px); }

.ve-ce-branchNode.ve-ce-documentNode.ve-ce-attachedRootNode.ve-ce-rootNode.mw-content-ltr.mw-parser-output.ve-ce-documentNode-codeEditor-webkit-hide{ padding:1.5em; }

/************************************************* .ns-6 .mw-body, .ns-6 #footer { background:#282828; color: #BFBFBF; }
 * NAMESPACE 6
 * FILE THEME
 * FILE THEME

.ns-6 h1, .ns-6 h2, .ns-6 h3, .ns-6 h4, .ns-6 h5, .ns-6 h6 { color: #DEDEDE; }

.ns-6 a, .ns-6 a:visited{ color: #A0C4E8; }

.ns-6 .catlinks, .ns-6 #filetoc { background-color: #181818; border:1px solid #454545; }

.ns-6 table.wikitable, .ns-6 .mw_metadata { background-color: #181818; color: #BFBFBF; border:1px solid #454545; }

.ns-6 table.wikitable > tr > th, .ns-6 table.wikitable > * > tr > th, .ns-6 .mw_metadata th { background-color: #0d1926; }

.ns-6 .mw_metadata td { background-color: unset; }

.ns-6 .editOptions, .ns-6 .wikiEditor-ui-controls, .ns-6 .wikiEditor-ui-buttons, .ns-6 .pBody, .ns-6 #editpage-specialchars{ background: #181818; }

.ns-6 .wikiEditor-preview-contents { background-color: #282828; }

.ns-6 #p-cactions li.selected a { background-color: #282828; color: #A0C4E8; }

/*************************************************
 * NAMESPACE 110
 * FORUM THEME
 * FORUM THEME

.ns-110 .mw-body{ background: #ccddeb; }

.ns-110 #p-cactions li.selected a, .ns-110 .wikiEditor-ui-controls, .ns-110 .wikiEditor-ui-buttons { background-color: #EEF2F5; }

/************************************************* .ns-3000 .mw-body{ background: #f2f8ff; }
 * NAMESPACE 3000
 * NEWS THEME
 * NEWS THEME

/*************************************************
 * FORUM HOVERTABLE
 * FORUM HOVERTABLE

.forum-hovertable > tbody > tr { transition:0.1s ease-in-out; }

.forum-hovertable > tbody > tr:hover { background-color: #06305B; color:#CDCDCD; }

.forum-hovertable > tbody > tr:hover a { color:#f0f8ff; }

.forum-hovertable > tbody > tr.forum-nohover { background-color: inherit; }

.forum-hovertable .forum_title a{	display:block; padding:5px; }

.forum-hovertable .forum_title a:hover{ text-decoration:none; }

/************************************************* .thumb{ transition:0.2s ease-in; }
 * THUMBNAILS
 * THUMBNAILS

.thumb:hover{ box-shadow:0 0 7px 0 #00000099; transform:scale(1.01); }

html .thumbimage{ background:none; border:none; }

div.thumbinner{ background-color:rgba(204,204,204,0.6); width:300px !important; }

/*************************************************
 * TABLE OF CONTENTS
 * TABLE OF CONTENTS

.toc{ background: #DDDDDD; border: solid 1px #CCCCCC; color: #282828; padding: 0; }

.toctitle{ padding:10px; }

font-family: Roboto !important; font-size: 1.2em !important; color: #282828; }
 * 1) toc h2{

.toc ul{ padding:10px; }

.tocnumber { color:#282828; }

/*************************************************
 * MAIN PAGE
 * MAIN PAGE

@media (min-width:1000px) { .series-nav{ display: block; }	.mainpageContent{ flex-direction: row; }

.mainpageContentOne{ flex:2; }	.mainpageContentTwo{ flex:1; } }

@media (max-width:1000px) { .series-nav{ display:none; }	.mainpageContent{ flex-direction: column; }

.mainpageContentOne{ flex:1; }	.mainpageContentTwo{ flex:1; } }

/*************************************************
 * INFOBOX
 * INFOBOX

.infobox { float:right; color:#FFFFFF; background:#EDEDED; box-shadow:0 0 7px 0 #00000099; }

.panel-bar{ padding:.25em; }

.news .infoboxImage img{ width: 100%; height: auto; }

.infobox .highlights ul, .infobox .highlights p{	padding:5px; }

.infobox .row{ display:flex; }

.infobox .row .label{ padding:5px; flex:1; }

.infobox .row .content{ padding:5px; flex:2; }

.infobox .content a{	color:#9DEEFF !important; }

.infobox .row{ flex-direction:row; }

.infobox .row .label{ text-align:right; }

.infobox .row .content{ text-align:left; }

@media (max-width:720px){ .infobox{ width:100%; margin:5px 0 5px 0; }	.tabber.infoboxTab{ width:100%; } }

@media (min-width:720px){ .infobox { width:360px; margin:5px; } }

.title{ font-family: Roboto Slab; font-size: 1.2em; color: #FFFFFF; padding: 10px; text-align: center; }

/************************************************* .mw-parser-output table{ border: none; background: #EFEFEF; border-spacing: 0; }
 * TABLES
 * TABLES

table tr{ border: none; }

td, th { border: none; padding: 0.8em; }

/************************************************* .wtcollectibles img{ max-width:100%; height:auto; }
 * CONTENT: COLLECTIBLES
 * CONTENT: COLLECTIBLES

/************************************************* .editOptions, .oui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame{ background:#FFFFFF; }
 * EDITING WINDOW
 * EDITING WINDOW

@supports (backdrop-filter: blur(20px)) or (-webkit-backdrop-filter: blur(20px)) { .editOptions, .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame{ background:#FFFFFF45; backdrop-filter:saturate(180%)blur(30px); }	.ve-ui-mwSaveDialog-license{ background:none !important; } }

/*************************************************
 * SEARCH
 * SEARCH

.mw-search-profile-tabs{ background:#DEE8F2; }

.search-types a{	text-decoration:none; }

.search-types .normal a:hover{ color:#FFFFFF; background:#8794a1; }

.search-types .current{ background:#B8BFC6; }

background:#B8BFC6; border-top:none; }
 * 1) mw-searchoptions{

.oo-ui-actionFieldLayout.oo-ui-fieldLayout-align-top, #mw-search-top-table .oo-ui-textInputWidget{ max-width:none; }

.mw-search-results li{ box-shadow: 0px 0px 5px 0px rgba(6, 48, 91, 0.1); padding:10px; margin: 10px; transition:0.1s ease-in; }

.mw-search-results li:hover{ box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.3); }

/************************************************* .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle{ margin-top:0; border:none; }
 * RECENT CHANGES
 * RECENT CHANGES

.oo-ui-widget.oo-ui-widget-enabled.oo-ui-draggableGroupElement.oo-ui-tagMultiselectWidget.oo-ui-tagMultiselectWidget-outlined.oo-ui-menuTagMultiselectWidget.mw-rcfilters-ui-filterTagMultiselectWidget{ margin-top:1em; }

span.oo-ui-widget.oo-ui-widget-enabled.oo-ui-buttonElement.oo-ui-buttonElement-frameless.oo-ui-indicatorElement.oo-ui-labelElement.oo-ui-flaggedElement-progressive.oo-ui-buttonWidget{ width:100%; }

/*************************************************	max-width:100%; }
 * UPLOAD WIZARD
 * 1) upload-wizard{
 * 1) upload-wizard{
 * 1) upload-wizard{
 * 1) upload-wizard{

/************************************************* .oo-ui-icon-previous, .mw-ui-icon-previous:before, .oo-ui-icon-imageGallery, .mw-ui-icon-imageGallery:before, .oo-ui-icon-next, .mw-ui-icon-next:before { background-image:none; }
 * GALLERY: SLIDESHOW NAVIGATION
 * GALLERY: SLIDESHOW NAVIGATION

.oo-ui-icon-previous:before{ content: '\E760'; font-family: FabricMDL2Icons; font-size: 1.8em; }

.oo-ui-icon-imageGallery:before { content: '\E7AA'; font-family: FabricMDL2Icons; font-size: 1.8em; }

.oo-ui-icon-next:before{ content: '\E761'; font-family: FabricMDL2Icons; font-size: 1.8em; }