Common.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.
Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
Opera: Press Ctrl-F5.
@import url("/MediaWiki:Highlights.css?ctype=text/css&action=raw");
@import url("/MediaWiki:Infobox.css?ctype=text/css&action=raw");
@import url("/load.php?mode=articles&articles=u:dev:MediaWiki:ContribsButtons.css|u:dev:MediaWiki:InterlanguageFlags.css|u:dev:MediaWiki:FandomIcons.css|u:dev:MediaWiki:UpgradedToolbar.css|u:dev:MediaWiki:BalancedComments.css|u:dev:MediaWiki:BalancedPageBottom.css|u:dev:MediaWiki:BalancedSearch.css|u:dev:MediaWiki:BalancedSlider.css|u:dev:MediaWiki:BalancedCategories.css|u:dev:MediaWiki:LocalNavExploreIcons.css&only=styles");

/* FONT IMPORT */
@import url('https://fonts.googleapis.com/css?family=Oxygen|Francois+One|Farro|Nunito');

/* Credit to Liam-Butler */
@font-face {
    font-family: 'Rocko';
    src: url('https://static.wikia.nocookie.net/rockosmodernlife/images/4/4c/Rocko_Font.TTF/revision/latest') format('truetype');
    font-size:12px;
}

@font-face {
    font-family: 'Smoot';
    src: url('https://static.wikia.nocookie.net/rockosmodernlife/images/5/55/Smoot_Font.TTF/revision/latest') format('truetype');
    font-size:12px;
}

@font-face {
    font-family: 'Wonk';
    src: url('https://static.wikia.nocookie.net/rockosmodernlife/images/1/16/Wonk_Font.TTF/revision/latest') format('truetype');
    font-size:12px;
}

/* Root */
:root {
    --button-text: var(--theme-accent-label-color);
    --body-text: var(--theme-body-text-color);
    --default-text-cont: 'Oxygen';
    --default-text-font: 'Francois One';
    --default-text-color: var(--theme-link-color, var(--border-color));
    --light-bg-color: #FFE4B5;
    --dark-bg-color: #684B66;
    --special-bg-color: var(--theme-sticky-nav-background-color);
    --border-color: var(--theme-accent-color);
}

.page-content table, main.page__main table {
	border-collapse: unset!important;
}

/* 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(--border-color);
  line-height: 1.7em;
}

/* Body */
.page-content, .category-gallery-item .snippet .text, .page-content a.wikia-button, .wikia-single-button a, .wikia-menu-button, .page-content input, .page .button, .page button, .page-content select, .page-content ul.tabbernav, .page-content .tabs, .page-content {
    font-family: var(--default-text-cont) !important;
}

.page-content .mw-headline, .rail-module h2, .WikiaRail .module h2, .toc, .portable-infobox .pi-title, .portable-infobox .pi-header, .portable-infobox .pi-data-label, .mainpage .header, #userProfileApp .user-identity-header :is(h1), #userProfileApp .user-identity-header :is(h2), .community-page-header-welcome-message, .community-page-subheader-welcome-message, .page-content .mw-headline {
    font-family: var(--default-text-font), sans-serf !important;
}
 
/* Recent changes byte indicators */
.mw-plusminus-pos {
    color: #3e8e41;
}
.mw-plusminus-neg {
    color: #c1372d;
}
.mw-plusminus-null {
    color: var(--border-color);
} 
/* diffchange colors */
td.diff-context {
    border-color: var(--border-color) !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;
}

/* Content Area Tweaks */
.page-content h2 {
   border-bottom:1px solid var(--border-color);
   margin-bottom:0.5em;
   margin-top:20px;
}

.toc {
    border-radius: 5px !important;
    border-color: var(--border-color) !important;
}

#toc .wds-icon ~ .wds-icon {
    display: none;
}
 
.page-content .thumbinner, .page-contentCategories {
    background-repeat: repeat;
}

/* TEXT STYLE */
.new {
    color: #A55353 !important;
}

/* Modules */
.WikiaRail .rail-module,
.community-page-help-module,
.community-page-card-module,
.WikiaRail .module,
.page-content .thumbinner,
.page-contentCategories,
.WikiaImageModule {
    border: 2px solid var(--border-color) !important;
    vertical-align: text-bottom !important;
    border-radius: 5px !important;
}
 
.WikiaRail .rail-module {
    padding: 15px 5px;
    margin: 0 0 30px 0;
}

.WikiaRail .rail-module h2, .WikiaRail .module h2 {
    border-bottom:1px solid var(--border-color);
}
 
.WikiaRail .rail-module .wds-button.wds-is-secondary {
    background: var(--border-color);
    color:var(--button-text)!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:var(--button-text)!important;
    text-shadow: 0 0 2.5px var(--button-text), 0 0 2.5px var(--button-text)!important;
}

#WikiaRail .activity-icon, .WikiaRail .rail-module h2.has-icon svg {
    fill:var(--border-color)!important;
}

/* Default color text */
.WikiNav, .module, .rail-module, .community-page-card-module .community-page-card-module-full-list-link {
    color: var(--border-color);
}

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

/* Profile */
#userProfileApp .user-identity-header__tag {
	background-color: #FFA07A;
	color: var(--body-text);
	font-variant: all-small-caps;
	font-size: 16px;
	padding: 0 8px;
}

.skin-fandomdesktop #userProfileApp {
    background: url(https://static.wikia.nocookie.net/redballfire/images/8/85/Rocko_Spunky.png/revision/latest?cb=20220909213252) bottom right no-repeat;
    background-size: 20%;
}

#userProfileApp .user-identity-bio {
    width: 80%;
}

/** Categories **/
.article-categories {
    background: transparent!important;
}

.CategorySelect.articlePage, .CategorySelect.articlePage .last {
    background: var(--border-color);
    color: var(--button-text);
}

/* Rectangular buttons (DEV Wiki) */
a.wikia-button,
.wikia-single-button a,
.wikia-menu-button,
input[type="submit"],
input[type="reset"],
input[type="button"],
.button,
button, 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,
.wikia-single-button a.secondary,
.wikia-menu-button.secondary,
input[type="submit"].secondary,
input[type="reset"].secondary,
input[type="button"].secondary, 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;
}

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

/* Opacity */
    .opacity img {
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;}
 
    .opacity:hover img {
    filter:alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
    }

/*Scrollbar*/
::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}
body::-webkit-scrollbar {
    background: var(--light-bg-color);
}
::-webkit-scrollbar-thumb {
    background: var(--border-color) ;
}
::-webkit-scrollbar-thumb:hover {
    background: #FF69B4 !important;
}
::-webkit-scrollbar-thumb:active {
    background: #FFA500 !important;
}
 
/* Links */
.page-content 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;
}
a:active {
    color: var(--light-bg-color) !important;
    text-shadow: 0 0 2.5px #f00, 0 0 2.5px #f00;
}

/* Recent Changes Header */
span.rclinks {
    float: right;
}
 
span.rclinks > a {
    color: gray;
}
 
.rc-backlink-text > a:hover {
    text-decoration: none ;
}
 
span.rclinks > a:hover {
    text-decoration: none;
    color: #0000ee;
    transition: .3s;
}

span.rc-backlink-text > a,
span.rclinks > a {
    color: #0000ee ;
}

/* Color scheme for templates */
.color-base {
    border-color: var(--border-color)!important;
}
.color-main {
    text-align:center;
    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:var(--default-text-font);
    color: var(--border-color);
    line-height:101%;
}

/* Page tabber (credits to Hazbin Hotel Wiki) */
.pagetabber {
    font-family: var(--default-text-font);
    font-weight:bold !important;
    text-align:center;
    clear:both;
    display:flex;
}
.pagetabber div {
	border-bottom: 3px solid transparent;
	background-clip: padding-box;
}
.pagetabber div:hover, .pagetabber div.active {
    border-bottom: 3px solid var(--border-color)!important;
}

/* Main page */
.mainpage-welcome {
    text-align: center!important;
    border: 1px solid #CD0E66;
    border-radius: 15px;
    background: url(https://static.wikia.nocookie.net/rockosmodernlife/images/2/25/Mainpage_Welcome.png/revision/latest?cb=20220906013959);
    background-size: 50%;
    margin: auto auto 3px auto!important;
    padding: 25px;
    color: black!important;
    font-size: 17.5px;
}

.mainpage-button-nav {
    background-color: #A50DA1;
    margin: auto auto 25px auto!important;
    padding: 5px;
    color: white!important;
    text-align: center!important;
    font-weight: bold;
    width: 40%;
    box-shadow: -4px 4px #710DA5;
}

.mainpage-header {
    text-align: center!important;
    font-size: 30px;
    font-weight: bold;
    font-family: 'Smoot';
    text-transform: uppercase;
    letter-spacing: 5px;
    margin: auto auto 4px auto;
    color: #D78666;
    text-shadow: 2px 2px var(--body-text);
}

.mainpage-body {
    text-align: center!important;
    background: linear-gradient(to bottom, #76CBB7,#18ECBC,#36B598);
    border: 2px solid #109E7D;
    color: white!important;
    padding: 10px;
    margin: auto auto 25px auto;
    width: 95%;
    vertical-align: top;
    font-size: 15px;
}

.mainpage-welcome a,
.mainpage-body a {
    color: #a50b5e!important;
    text-shadow: 0 0 3px white!important;
}

.mainpage-links {
    margin: auto;
    padding: 0 25px 3px 25px;
}

.mainpage-links-button {
    text-align: left!important;
    font-family: 'Wonk';
    border: 0px;
    background-color: #3366cc;
    border-radius: 4px;
    color: white!important;
    font-size: 15px;
    font-weight: bold;
    line-height: 25px;
    margin: 1em 0;
    align-items: center;
    display: inherit!important;
}

.mainpage-links .fandom-icons {
    margin-right: 14px;
}

.mainpage-links-button:hover {
    padding:7px 25px;
    transition:1s;
}

.mainpage-button-nav a,
.mainpage-links-button a {
    color: white!important;
}

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