MediaWiki:Wikia.css

@import url("/load.php?mode=articles&articles=MediaWiki:Portable_Infoboxes.css&only=styles"); @import url("/load.php?mode=articles&articles=MediaWiki:Highlight.css&only=styles"); @import url("/load.php?mode=articles&articles=MediaWiki:Homepage.css&only=styles"); @import url("/load.php?mode=articles&articles=u:dev:MediaWiki:ContribsButtons.css&only=styles"); @import url("//dev.fandom.com/load.php?mode=articles&only=styles&articles=MediaWiki:FontAwesome.css"); /* Font */ @font-face { font-family: SegoeUI; src: url('https://vignette.wikia.nocookie.net/sonic/images/5/55/Segoe-bold.woff') format("woff"), url('https://vignette.wikia.nocookie.net/sonic/images/5/52/Segoe-bold.ttf') format("truetype"); font-weight: 600; font-style: normal; } @font-face { font-family: SegoeUI; src: url('https://vignette.wikia.nocookie.net/sonic/images/9/90/Segoe.woff') format('woff'), url('https://vignette.wikia.nocookie.net/sonic/images/b/bb/Segoe.ttf') format('truetype'); font-weight: 400; font-style: normal; } .skin-oasis, .WikiaPage.V2, .button { font-family: SegoeUI, sans-serif; } .wds-community-header, .mcf-content, .page-header { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif ; } /* Small reference list */ .references { font-size: 100%; } .references-small { font-size: 90%;}

.same-bg { background: none }

/* Make MediaWiki:Newarticletext appear */ .mw-newarticletext { display: block; } /*** rounded corners ***/ /* this section was taken from Wookieepedia */ .rtop, .rbottom { display: block; padding: 0px; margin: 0px } .rtop, .rbottom { display: block; height: 1px; overflow: hidden; padding: 0px } .r1 {margin: 0 5px} .r2 {margin: 0 3px} .r3 {margin: 0 2px} .r4 {margin: 0 1px; height: 2px} /* end rounded corners */

/* Customizing Tabber */ .tabbernav { font-weight: normal; font-size: 13px; padding: 0.3em 0; } .tabbernav a { padding: 0.3em 0.5em; margin: 0; color: #3a3a3a; border: none; background: transparent; } .tabberactive a { color: white; cursor: default; } .tabbertab { border: none; padding: 0; } ul.tabbernav { border: none; font: bold 12px SegoeUI; } .navb ul.tabbernav li { border: 1px solid lightgray; padding: 0; border-radius: 5px; } ul.tabbernav li a { padding-left: 16px; padding-right: 16px; padding-top: 10px; padding-bottom: 10px; letter-spacing: 0.6px; font-size: 13px; box-shadow: inset 0 3px transparent; display: inline-flex; white-space: nowrap; border: 1px solid #CCC; border-radius: 5px; } /* End of Customizing Tabber */

/**** Gradient color ****/ .tabberactive a { background: linear-gradient(to bottom,#327ffc 35%,#0461f7 65%); } .tabbernav :not(.tabberactive) a:hover { background: linear-gradient(to bottom,#f16529 35%,#e44d26 65%); } .references-2column { font-size: 90%; column-count:2; } /************************************** Template:Tab **********************************/ font-weight: bold; text-align: center; margin: 0 0 10px 0; border: 1px solid #ccc; display: grid; justify-content: center; align-items: stretch; grid-template-columns: repeat(3, 2fr); } .selflink { display: grid; } .goldentab, .greentab, .limeGreentab, .browntab, .orangetab, .bluetab, .turquoisetab, .MSBluetab, .RosyBrowntab, .MCarminetab, .itemtab, .defaulttab { color: white; text-transform: uppercase; padding: 5px 7.9px 5px 7.9px; font-size: 13px; }   margin: 0px; } .selflink .defaulttab { background: #17a5ff; color: black; } .selflink .goldentab { background: #bf9812; color: black; } .selflink .greentab { background: #74dd31; color: black; } .selflink .limeGreentab { background: #3b5945; color: black; } .selflink .browntab { background: #948373; color: black; } .selflink .orangetab { background: #994d00; color: black; } .selflink .bluetab { background: #2f88c4; color: black; } .selflink .turquoisetab { background: #38fcff; color: black; } .selflink .MSBluetab { background: #3318d8; color: black; } .selflink .RosyBrowntab { background: #8f5656; color: black; } .selflink .MCarminetab { background: #d47979; color: black; } .selflink .itemtab { background: #a67401; color: black; } /* Hover effect */ .img1 { position: relative; } .img1:hover .overlay { opacity: 1; } .overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; transition: .5s ease; } .article-thumb /* image overlap centering fix */ { margin-top: 0px; } /***** Navbox *****/ .gbox { margin: 5px; border: 1px solid #ccc; float: left; width: 150px; height: auto; } .desc { height: auto; padding: 5px; font-size: smaller; line-height: 20px; text-align: center; background-color: black; border-top: #0041a2 solid 4px; color: white; } .desc a { color: white; } .gbox img { width: 100%; height: 120px; object-fit: cover; object-position: center top; } .gbox img:hover { background: white; object-fit: cover !important; } .mw-collapsible.mw-made-collapsible { overflow: hidden; } .navb .tabbernav { display: flex; flex-direction: column; } .navb .tabber .tabber .tabbernav { flex-direction: row; flex-wrap: wrap; } .navb .tabber { display: grid; grid-template-columns: 1fr 8fr; } .navb .tabberactive { display: flex !important; flex-grow: 1; } .navb .tabberactive a { color: white !important; background: #777 !important; } .navb ul.tabbernav li a { flex-grow: 1; justify-content: center; align-items: center; max-width: 113px; word-break: break-all; white-space: normal; min-width: 113px; border: 1px solid transparent !important; margin: -1px !important; } .navb ul.tabbernav li { display: flex !important; flex-grow: 1; margin: 5px; font-size: larger; } .navb .tabbertab { display: grid; } .navb .tabbertab table { width: 100%; } .gbox .selflink { color: white; } .navb .tabber .tabber { grid-template-columns: 1fr !important; } .navb .tabber .tabber { grid-template-columns: 1fr !important; } .navb .tabber .tabber ul.tabbernav li a { max-width: none; white-space: normal; word-break: break-all; } .navb tr { display: flex; flex-direction: row; justify-content: space-around; }
 * 1) col {
 * 1) col p {

/************** Right rail modules ****************/ .discussions-rail-theme.rail-module { background: url(https://vignette.wikia.nocookie.net/sonic/images/b/b3/Generations_Silver.png/revision/20181011182127); background-size: contain; background-repeat: no-repeat; background-position-x: 90px; } .railModule.rail-module { padding: 0; border: none; } .discussions-rail-theme .embeddable-discussions-module .avatar-username, .WikiaRail .activity-module .edit-info .edit-info-user { color: #0148c2; } .skin-oasis .discussions-rail-theme .embeddable-discussions-module .embeddable-discussions-title { color: #0148c2; } .embeddable-discussions-module .embeddable-discussions-heading-container { margin-top: 0px; } .WikiaRail .rail-module { background-color: inherit; padding: 20px 15px 15px; font-size: 18px; margin: 0 2px 30px; border: 1px #cccccc solid; margin-top: 9px; } .edit-info-time { color: black; } .edit-info-time { color: black; } .skin-oasis #wikia-recent-activity .seemoreactivity-diff-link { margin: 0; } .skin-oasis #wikia-recent-activity .page-title { flex: 1 1 calc(99% - 17px); margin-left: 5px; } .WikiaRail .activity-module .page-title { white-space: normal; padding-left: 2px; } @supports (mix-blend-mode: multiply) { .wds-button:disabled { mix-blend-mode: color-dodge; opacity: 1; } } .CategorySelect.articlePage, .article-categories { background-image: url(https://vignette.wikia.nocookie.net/sonic/images/8/86/Newsletter_bg.jpg/revision/latest?cb=20171207102136); background-size: cover; background-repeat: no-repeat; } .catlinks { border: none; } .article-categories { border-radius: 9px; box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.12), 0 2px 6px rgba(0, 0, 0, 0.07); border-bottom: 3px solid #ccc; border-top: 3px solid #ccc; border-right: 3px solid #ccc; border-left: 3px solid #ccc; } span.name a,div.special-categories a, div.mw-normal-catlinks a { color: white; } .CategorySelect.articlePage > .toolbar { background: transparent; } .CategorySelect.articlePage .input { padding: 4px; } .CategorySelect.articlePage .category.new { background-color: aliceblue; } .special-categories,.catlinks { color: white; }	background: white; padding: 5px; }	background: white; }	background: black; color: white; } .oo-ui-inputWidget:last-child { background: white; }
 * 1) CategorySelectAdd {
 * 1) CategorySelectCancel {
 * 1) CategorySelectAdd:hover, #CategorySelectCancel:hover {

/* left Quote styling */
 * root {

--lquote-color: var(--theme-link-color); } .lquote:before { font-family:'FontAwesome'; content: "\f10d"; color:var(--lquote-color); font-size: 1.6em; position: absolute; left: 15px; top: 8px; } .lquote p::after { font-family: 'FontAwesome'; content:"\f10e"; font-size: 1.6em; position: absolute; color: var(--lquote-color); right: 20px; }

.lquote { font-size: 1.1em; width:auto; margin: 5px auto; font-style:italic; color: #555555; padding:1.0em 57px 0.05em 60px; border-left:8px solid var(--lquote-color) ; line-height:1.6; position: relative; background:#EDEDED; } .lquote p { margin-left: 0em; margin-bottom: 0px; } .lquote small { display: inline-block; color: #333333; font-style: normal; font-weight: bold; margin-top: 1em; }