101 Dalmatian Street Wiki
(Updating for FD)
No edit summary
 
Line 475: Line 475:
 
border-color: var(--border-color)!important;
 
border-color: var(--border-color)!important;
 
font-size: 110%;
 
font-size: 110%;
color: #fff;
 
 
moz-border-radius:6px;
 
moz-border-radius:6px;
 
-webkit-border-radius:6px;
 
-webkit-border-radius:6px;

Latest revision as of 16:25, 9 May 2022

@import url("/load.php?mode=articles&articles=u:dev:MediaWiki:ContribsButtons.css|u:dev:MediaWiki:FandomIcons.css|MediaWiki:Highlights.css|MediaWiki:Infobox.css|u:amphibiapedia:MediaWiki:ImageSvgs.css|u:dev:MediaWiki:InterlanguageFlags.css|u:dev:MediaWiki:MinimalistSliderText/code.css|u:dev:MediaWiki:NewCat%26LangBars.css|u:dev:MediaWiki:UpgradedToolbar.css|u:dev:MediaWiki:FandomizedTabs/tabbers.css&only=styles");

/* FONT IMPORT */
@import url('https://fonts.googleapis.com/css?family=Oswald|Ubuntu:500|Farro|Roboto|Chivo|Nunito|Signika|Lato|Concert+One|Patrick+Hand|Fredoka+One|Barrio|Alfa+Slab+One');

:root {
    --body-color: #000;
    --polar-1: #000;
    --bottombar-accent-color: #ED2939;
    --bottombar-light-bg-color: rgba(212, 212, 212, 0.25);
    --bottombar-light-text-color: var(--link-theme-normal);
    --activity-border-color: var(--border-color);
	--activity-dark-morelink-color: #ED2939;
	--activity-icon-color: #ED2939;
	--special-txt-color: #ED2939;
	--default-bg-color: #766EC8;
	--special-bg-color: #766EC8;
	--border-color: #ED2939;
}

/* Category add notice (From The Family Guy Wiki) */
.CategorySelect.editMode > .toolbar:before {
  display: block;
  content: "Please consult an administrator or a moderator before adding a new category.";
  float: left;
  color: var(--special-txt-color);
  line-height: 1.7em;
}

/* Profile Icons (Credits to Sonic News Network!) */
.profile-icons {
     vertical-align:middle;
     margin-right:10px
}
 
.profile-icons {
	padding-right: 10px;
	vertical-align: middle;
}

/* Maincharacterselector Template */
 #maincharacters img{
    background: transparent; 
    vertical-align: bottom;
}

/* Blog Lines */
.WikiaBlogListing .WikiaBlogListingPost {
    border-bottom: dotted;
    padding: 20px 0;
}
 
/* Body */
.WikiaMainContent, .category-gallery-item .snippet .text, .WikiaPage a.wikia-button, .wikia-single-button a, .wikia-menu-button, .WikiaPage input, .WikiaPage .button, .WikiaPage button, .WikiaPage select, .WikiaPage ul.tabbernav, .WikiaPage .tabs {
    font-family: 'Nunito' !important;
}

.WikiaMainContent .mw-headline, .rail-module h2, .WikiaRail .module h2, .toc, .portable-infobox .pi-title, .portable-infobox .pi-header, .embeddable-discussions-heading, .UserProfileMasthead .masthead-info h1, .UserProfileMasthead .tally em, .community-page-header-welcome-message,
.community-page-subheader-welcome-message {
    font-family: 'Oswald', sans-serf !important;
}

/* Content Area Tweaks */
.WikiaMainContent {
    line-height: 1.5em;
}

.WikiaMainContent h2 {
   border-bottom:1px solid var(--border-color);
   margin-bottom:0.5em;
   margin-top:20px;
}

#filetoc,
.toc {
    border-radius: 5px !important;
    border-color: var(--border-color) !important;
    background-color: var(--default-bg-color) !important;
}

.WikiaMainContentCategories {
    background-repeat: repeat;
}
.wikitable, table.wikitable {
    background: var(--default-bg-color) !important;
    border: 3px solid var(--border-color);
}
 
table.wikitable th, table.wikitable td {
    border: var(--border-color);
}
 
table.wikitable > tr > th, table.wikitable > * > tr > th {
    background: var(--default-bg-color) none repeat scroll 0% 0%;
}

.WikiaPage .page-header__separator {
    background-color: var(--border-color);
}

.wikitable,
table.wikitable {
    background-color: var(--default-bg-color) !important;
    background-repeat: repeat;
    border-color: var(--border-color) !important;
}
 
table.wikitable th,
table.wikitable td {
    border: var(--default-bg-color);
}

.pi-data-value div> ul {
    margin: .4em 0 .5em !important;
}

/* TEXT STYLE */
.WikiaMainContent a:not(.new), .page-content a:not(.new) {
    font-weight: bold !important;
}
 
.new {
    color: #962800 !important;
}

/* Recent changes byte indicators */
.mw-plusminus-pos {
   color: #3e8e41;
}

.mw-plusminus-neg {
   color: #c1372d;
}

/* diffchange colors */
td.diff-context {
   border-color: #ED2939 !important;
}
td.diff-addedline .diffchange {
   background-color:#4dff53 !important;
}
td.diff-addedline {
   border-color:#4dff53 !important;
}
td.diff-deletedline .diffchange {
   background-color:#ff564a !important;
}
td.diff-deletedline {
   border-color:#ff564a !important;
}

/* Customizing Profile Tabs */
.WikiaUserPagesHeader .tabs a:hover {
    text-shadow: 0 0 2.5px rgba(255, 104, 17), 
                 0 0 2.5px rgba(255, 104, 17);
    color: #8DB600 !important;
    text-decoration: none;
    -webkit-transition: all .4s linear 0s;
    -moz-transition: all .4s linear 0s;
    -ms-transition: all .4s linear 0s;
    -o-transition: all .4s linear 0s;
    transition: all .4s linear 0s;
}
 
.WikiaUserPagesHeader .tabs li a {
    border-bottom: none !important;
    text-decoration: none !important;
}
 
.WikiaUserPagesHeader .tabs {
    background: var(--special-bg-color);
}
/* End of Profile tabs customization */

/* ContribsButtons */
body.mw-special-Contributions #VSTFReportButtons .VSTFReportButton,
body.mw-special-Contributions #contentSub:not(.contentSub) a,
body.mw-special-Contributions #contentSub #contentSubSub a {
    background: var(--border-color);
}
 
body.mw-special-Contributions #VSTFReportButtons .VSTFReportButton:active,
body.mw-special-Contributions #VSTFReportButtons .VSTFReportButton:focus,
body.mw-special-Contributions #VSTFReportButtons .VSTFReportButton:hover,
body.mw-special-Contributions #contentSub:not(.contentSub) a:active,
body.mw-special-Contributions #contentSub:not(.contentSub) a:focus,
body.mw-special-Contributions #contentSub:not(.contentSub) a:hover,
body.mw-special-Contributions #contentSub #contentSubSub a:active,
body.mw-special-Contributions #contentSub #contentSubSub a:focus,
body.mw-special-Contributions #contentSub #contentSubSub a:hover {
    background: var(--special-bg-color);
}

/*Credits to SML Wiki for this code !*/
.mw-warning-with-logexcerpt {
    border-color: var(--border-color) !important;
}
 
/* button css mess */
a.wikia-button,
.wikia-single-button a,
.wikia-menu-button,
input[type="submit"],
input[type="reset"],
input[type="button"],
.button,
 .WikiaPage button, .WikiaNotifications li div {
    background: var(--border-color) !important;
    color: #000000 !important;
    border-radius: 0 !important;
}
 
a.wikia-button.secondary,
.wikia-single-button a.secondary,
.wikia-menu-button.secondary,
input[type="submit"].secondary,
input[type="reset"].secondary,
input[type="button"].secondary,
.button.secondary {
    background: var(--border-color) !important;
    border-radius: 0 !important;
}
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, a.wikia-button.active,
a.wikia-button:active,
.wikia-single-button a.active,
.wikia-single-button a:active,
.wikia-menu-button.active,
.wikia-menu-button:active,
input[type="submit"].active,
input[type="submit"]:active,
input[type="reset"].active,
input[type="reset"]:active,
input[type="button"].active,
input[type="button"]:active,
.button.active,
.button:active,
button.active,
button:active, a.wikia-button.secondary:hover,
.wikia-single-button a.secondary:hover,
.wikia-menu-button.secondary:hover,
input[type="submit"].secondary:hover,
input[type="reset"].secondary:hover,
input[type="button"].secondary:hover,
.button.secondary:hover, a.wikia-button.secondary.active,
a.wikia-button.secondary:active,
.wikia-single-button a.secondary.active,
.wikia-single-button a.secondary:active,
.wikia-menu-button.secondary.active,
.wikia-menu-button.secondary:active,
input[type="submit"].secondary.active,
input[type="submit"].secondary:active,
input[type="reset"].secondary.active,
input[type="reset"].secondary:active,
input[type="button"].secondary.active,
input[type="button"].secondary:active,
.button.secondary.active,
.button.secondary:active, .EditPage .cke_button > a, .wikia-menu-button,
button.wikia-button, .wikia-menu-button > a,
.wikia-menu-button .drop, .wikia-button.talk.comments {
    border-radius: 0 !important;
}
 
/* Modules (Inspried by OK K.O.! Wiki & Steven Universe Wiki) */
.WikiaRail .rail-module,
.community-page-help-module,
.community-page-card-module,
.WikiaRail .module,
.WikiaMainContent .thumb,
.WikiaMainContentCategories,
.WikiaImageModule {
    border: 2px solid var(--border-color) !important;
    background:  var(--default-bg-color) !important;
    vertical-align: text-bottom !important;
    border-radius: 5px !important;
}

.WikiaRail .rail-module {
    padding: 20px 15px 15px;
    margin: 0 0 30px 0;
}

.WikiaRail .rail-module h2 {
    border-bottom:1px solid var(--special-txt-color);
}

.WikiaRail .rail-module .wds-button.wds-is-secondary {
    background:var(--border-color);
    color:white!important;
    -webkit-transition:.5s;
    -moz-transition:.5s;
    -ms-transition:.5s;
    -o-transition:.5s;
    transition:.5s;
}

.WikiaRail .rail-module .wds-button.wds-is-secondary:hover {
    background:var(--border-color)!important;
    border-color:var(--border-color)!important;
    color:white!important;
    text-shadow: 0 0 2.5px white, 0 0 2.5px white!important;
}

.WikiaRail .rail-module h2.has-icon svg {
    fill: var(--special-txt-color);
}

/* Default color text */
.WikiNav, .module, .rail-module, .rail-module a.edit-info-user, .community-page-card-module .community-page-card-module-full-list-link, .special-categories a, .UserProfileMasthead .wikis span, .UserProfileMasthead .details span, .tally {
    color: var(--special-txt-color);
}

.community-page-rail-module {
    border-top: 1px solid var(--special-bg-color)!important;
}

.WikiaRail .module h2 {
    border-bottom: 1px solid var(--special-txt-color);
    font-size: 16px;
    font-weight: bold;
    min-height: 30px;
    margin-bottom: 16px;
    padding-left: 2px;   
}

/* Username template */
.insertusername {
    color: #F00030;
}

/*Profile */
.UserProfileMasthead .masthead-info {
    background-image: url(https://vignette.wikia.nocookie.net/101dalmatianstreet/images/c/ce/London1.png/revision/latest?cb=20190620210740) !important;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

/* Tags (Credits to Kung Fu Panda Wiki) */
#userProfileApp .user-identity-header__tag {
	background-color: var(--default-bg-color);
	color: #000000;
	font-variant: all-small-caps;
	font-size: 16px;
	padding: 0 8px;
}
 
/*Scrollbar*/
::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}
body::-webkit-scrollbar {
    background: var(--special-bg-color);
}
::-webkit-scrollbar-thumb {
    background: var(--border-color);
}
::-webkit-scrollbar-thumb:hover {
    background: #FF69B4 !important;
}
::-webkit-scrollbar-thumb:active {
    background: #FFA500 !important;
}

/* Recent Changes Header */
span.rclinks {
    float: right;
}
 
span.rc-backlink-text > a:hover,
span.rclinks > a:hover {
    text-decoration: none !important;
}
 
span.rc-backlink-text > a,
span.rclinks > a {
    color: #0000ee !important;
}

/* Links */
.WikiaMainContent a:hover {
    text-shadow: 0 0 2.5px rgba(255, 104, 17), 
                 0 0 2.5px rgba(255, 104, 17);
    color: var(--border-color) !important;
    text-decoration: none;
    -webkit-transition: all .4s linear 0s;
    -moz-transition: all .4s linear 0s;
    -ms-transition: all .4s linear 0s;
    -o-transition: all .4s linear 0s;
    transition: all .4s linear 0s;
}

/*Custom highlighting code*/
/*** Works on common browsers ***/
::selection {
    background-color: var(--border-color);
    color: #FFFFFF;
}


/* CTab, ETab, & OTab Templates - Author: DEmersonJMFM & The Loud House Encyclopedia */
.CTab,
.ETab,
.OTab { 
    text-align: center;
    font-weight: bold;
    margin-left: 5px;
}
 
.CTab-Tab .selflink,
.CTab-Tab a:hover {
    color: black;
}
 
.CTab-Tab a, /* Expand link size to fill tab */
.CTab-Tab .selflink,
.ETab-Tab a,
.ETab-Tab .selflink,
.OTab-Tab a,
.OTab-Tab .selflink {
    padding: 8px 15px 9px;
    text-decoration: none;
}
 
.CTab-Tab, /* Individual tabs */
.ETab-Tab,
.OTab-Tab { 
    float: left; 
    margin-right: 2px;
    padding: 5px 0; 
    width: auto; 
    border: 2px solid var(--border-color); 
    border-bottom: none;
}
 
.CTab-Line, /* Line below tabs */
.ETab-Line,
.OTab-Line {
    clear: both;
    width: 100%;
    padding-bottom: 2px;
    border-top: 2px solid var(--border-color);
}
 
.CTab-General .CTab-Tab,
.ETab-General .ETab-Tab,
.OTab-General .OTab-Tab { background-color: #007F5C; } /* Colors from BG templates */
 
.page-Template_CTab .CTab-Tab, /* Maintain tab size on template & doc pages */
.page-Template_CTab_doc .CTab-Tab,
.page-Template_ETab .ETab-Tab,
.page-Template_ETab_doc .ETab-Tab,
.page-Template_OTab .OTab-Tab,
.page-Template_OTab_doc .OTab-Tab {
    padding: 5px 15px;
}

/* Color scheme for templates */
.color-base {
    border-color: var(--border-color)!important;
    color: #fff;
    background-color:var(--default-bg-color);
}
.color-main {
    text-align:center;
    background:var(--default-bg-color);
    border: 3px solid var(--border-color);
    border-color: var(--border-color)!important;
    font-size: 110%; 
    moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
}

.color-text {
    text-align:center;
    font-size: 25px;
    font-family:Oswald;
    color: var(--special-txt-color);
}

.mainpage .page-header__title,
.mainpage .page-header__separator {
	display: none;
}