Phineas and Ferb Wiki
Phineas and Ferb Wiki
(testing color)
(test)
Line 25: Line 25:
 
.article-categories {
 
.article-categories {
 
border-color: #FF5500;
 
border-color: #FF5500;
background-color:#FFFFF0;
+
background-color:#FFFFFF;
 
}/*/
 
}/*/
   
Line 238: Line 238:
 
.WikiaArticle .toc {
 
.WikiaArticle .toc {
 
border-color: #AAAAAA !important;
 
border-color: #AAAAAA !important;
background-color: #FFFFF0 !important;
+
background-color: #FFFFFF !important;
 
background-image:none;
 
background-image:none;
 
}
 
}
Line 275: Line 275:
 
.forumheader {
 
.forumheader {
 
border: 1px solid #aaa;
 
border: 1px solid #aaa;
background-color: #FFFFF0; margin-top: 1em; padding: 12px;
+
background-color: #FFFFFF; margin-top: 1em; padding: 12px;
 
}
 
}
 
.forumlist td.forum_edited a {
 
.forumlist td.forum_edited a {
Line 415: Line 415:
 
/* PORTABLE INFOBOXES */
 
/* PORTABLE INFOBOXES */
 
.portable-infobox {
 
.portable-infobox {
background-color:#FFFFF0;
+
background-color:#FFFFFF;
 
border:1px solid #FF5500;
 
border:1px solid #FF5500;
 
border-radius:10px;
 
border-radius:10px;
Line 655: Line 655:
 
border-radius: 5px;
 
border-radius: 5px;
 
border-color: #FF5500 !important;
 
border-color: #FF5500 !important;
background-color: #FFFFF0 !important;
+
background-color: #FFFFFF !important;
 
}
 
}
   
Line 665: Line 665:
 
/* Links */
 
/* Links */
 
.WikiaNotifications li div a {
 
.WikiaNotifications li div a {
color: #FFFFF0;
+
color: #FFFFFF;
 
}/*/
 
}/*/
   
Line 690: Line 690:
 
.WikiaArticle .thumbinner,
 
.WikiaArticle .thumbinner,
 
.WikiaArticleCategories {
 
.WikiaArticleCategories {
background-color: #FFFFF0;
+
background-color: #FFFFFF;
 
border: 1px solid #FF5500 !important;
 
border: 1px solid #FF5500 !important;
 
vertical-align: text-bottom !important;
 
vertical-align: text-bottom !important;
Line 743: Line 743:
 
}
 
}
 
.UserProfileMasthead > div.masthead-info {
 
.UserProfileMasthead > div.masthead-info {
background-color: #FFFFF0;
+
background-color: #FFFFFF;
 
border-radius: 15px;
 
border-radius: 15px;
 
margin: 15px 0 15px 165px;
 
margin: 15px 0 15px 165px;
Line 769: Line 769:
 
.WikiaBarWrapper .tools-menu,
 
.WikiaBarWrapper .tools-menu,
 
.WikiaBarWrapper {
 
.WikiaBarWrapper {
background-color: #FFFFF0;
+
background-color: #FFFFFF;
 
}/*/
 
}/*/
   
Line 786: Line 786:
 
padding-left: 3em;
 
padding-left: 3em;
 
transition: all 0.3s;
 
transition: all 0.3s;
background: #FFFFF0;
+
background: #FFFFFF;
 
}
 
}
   

Revision as of 03:27, 15 July 2020

@import url("/load.php?mode=articles&only=styles&articles=u:dev:MediaWiki:ModernPolls.css|u:dev:MediaWiki:FandomizedTabs/tabbers.css|u:dev:MediaWiki:InterlanguageFlags.css");
 
/* Fonts */
@font-face {
  font-family: Ferbtastic; 
  src: url('https://vignette.wikia.nocookie.net/phineasandferb/images/e/e0/Ferbtastic.ttf') format('truetype');
}

@font-face {
  font-family: Graphite; 
  src: url('https://vignette.wikia.nocookie.net/phineasandferb/images/7/72/Graphite.ttf') format('truetype');
}

@font-face {
  font-family: Neographik; 
  src: url('https://vignette.wikia.nocookie.net/phineasandferb/images/1/11/NeographikMTStd.ttf') format('truetype');
}/*/

/*User tags*/
a.tag {
    color: inherit;
}/*/

/* Categories */
.article-categories { 
    border-color: #FF5500;
    background-color:#FFFFFF;
}/*/

/* Gallery buttons */
.gallery-button {
    text-align: center;
    padding-top: 10px;
}
.gallery-button a:hover, .mp-button a:hover {
    text-decoration: none;
}
.gallery-button span.button, .new-button {
    color: white;
    font-size: 12px;
    font-weight: 600;
    align-items: center;
    justify-content: center;
    display: inline-flex;
    letter-spacing: .15px;
    min-height: 18px;
    text-decoration: none !important;
    text-transform: uppercase;
    padding: 7px 18px;
    background-color: #CF7A00 !important;
    background-image: none;
    border-radius: 3px;
    transition: 0.3s ease;
}
.gallery-button span.button:hover, span.new-button:hover {
    background-color: #FFAE20 !important;
    border-color: #FFA200;
    cursor: pointer;
    text-decoration: none !important;
}

.WikiaArticle .noarticletext {
    border: 0;
    padding: 0;
}

div.mw-warning-with-logexcerpt {
    padding: 2px 10px;
    margin-bottom: 10px;
}

/* Reference list formatting */
.references-small ol li {
    font-size: 90%;
    line-height: 18px !important;
    text-align: justify;
    padding: 3px 0;
}
.references-column-count,
.references-column-count-2 {
    font-size: 100% !important;
}

.refpopups-box {
    font-size: 90%;
    line-height: 14px;
}


/* Spoiler tag */

.spoiler {
   border:1px dotted gray; 
   border-left:none; 
   border-right:none; 
   background:#fbfafa; 
   color:#fbfafa;
}

.spoiler a:link, .spoiler a:visited, .spoiler a:hover, .spoiler a:active {
   color:#fbfafa;
}

/* Main page element formatting */
.mp-section {
    background-image: -moz-linear-gradient(50% 0%, #FDF6E3 50%, #FDF6E3 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FDF6E3), color-stop(100%,#FDF6E3));
    background-image: -webkit-linear-gradient(top, #FDF6E3 0%, #FDF6E3 100%); 
    background-image: -o-linear-gradient(top, #FDF6E3 0%, #FDF6E3 100%);
    background-image: -ms-linear-gradient(top, #FDF6E3 0%, #FDF6E3 100%);
    border: 2px solid red;
    padding: 2px;
    margin-bottom: 10px;
}/*/

/* Sliders */
div.wikiaPhotoGallery-slider-body {
    background: transparent; 
}
div.wikiaPhotoGallery-slider-body .horizontal .description-background {
    height: 7px; 
    opacity: 0; 
}
div.wikiaPhotoGallery-slider-body .nav > img, div.wikiaPhotoGallery-slider-body .nav p > img {
    display: none;
}
.wikiaPhotoGallery-slider-body .nav {
    background: transparent;
    border: 2px solid white;
    border-radius: 50%;
    width: 7px;
    cursor: pointer;
    height: 7px;
    position: absolute;
}
.wikiaPhotoGallery-slider-body .selected {
    background: white;
    border: 2px solid white;
    border-radius: 50%;
    width: 7px;
    cursor: pointer;
    height: 7px;
}
 .wikiaPhotoGallery-slider-body .horizontal .wikiaPhotoGallery-slider-0 .nav {
    right: 70px !important;
}
.wikiaPhotoGallery-slider-body .horizontal .wikiaPhotoGallery-slider-1 .nav {
    right: 50px !important;
}
.wikiaPhotoGallery-slider-body .horizontal .wikiaPhotoGallery-slider-2 .nav {
    right: 30px !important;
}
.wikiaPhotoGallery-slider-body .horizontal .wikiaPhotoGallery-slider-3 .nav {
    right: 10px !important;
}
.wikiaPhotoGallery-slider-body a.wikia-button.secondary {
    background-color: rgba(254, 195, 86, 1) !important;
    background-image: none !important;
    border: 0 !important;
    color: black !important;
    text-transform: uppercase;
}

.wikiaPhotoGallery-slider-body a.wikia-button.secondary:hover {
    background-color: rgba(254, 195, 86, 1) !important;
    background-image: none !important;
    border: 0 !important;
    color: black !important;
    text-transform: uppercase;
}

.wikiaPhotoGallery-slider-body .horizontal .description {
    background: rgba(0, 0, 0, 0.85) !important;
    padding: 10px 15px 20px 15px !important;
    border-top-right-radius: 30px !important;
    width: 250px !important; 
}/*/

/* Brought in from Monaco to get back some stylings */
/*** NEW FEATURE CUSTOMIZATION
.WikiaPage {
   border: 1px solid #CC0000 !important;
   color: #000 !important;
}***/
.WikiaMainContent {
   color: #000 !important;
}
.WikiaSearch input[type="text"] {
   width:200px;
}
.skin-oasis #edit_enhancements_toolbar, editform > #edit_enhancements_toolbar fixed {
   background-color:#EEEEEE;
   margin:10px !important;
}
.accent {
   background-color:#FFFCCC;
}
.comments .article-comments-li.even blockquote {
   background:none repeat scroll 0 0 #FFFCCC !important;
}

.comments .article-comments-li.even blockquote:after {
   border-color:transparent !important;
}
div.ajax-poll {
   background-color:#FFFCC0;
}

/* Main Page Bloglist font change */
body.mainpage .WikiaBlogListing h1 {
   font-size:16px;
   font-weight:bold;
   margin-right:30px;
}

/* Nav Menus */
/*
.WikiHeader nav {
   left: 275px;
}
*/

/* Content Area Tweaks */
.WikiaArticle {
   line-height: 1.5em;
}
.WikiaArticle h2 {
   border-bottom:1px solid #AAAAAA;
   margin-bottom:0.6em;
   margin-top:20px;
}
.WikiaArticle h3 {
   font-weight:bold;
}
.WikiaPageHeader details {
   background-image:none !important;
}
.WikiaArticle .toc {
   border-color: #AAAAAA !important;
   background-color: #FFFFFF !important;
   background-image:none;
}
.WikiaArticle .thumbinner  {
   border-color: #339933 !important;
   background-color: #e5f3ff !important;
   background-image: none !important;
}
.WikiaArticleCategories, .wikitable {
   background-image: none !important;
}
.wikitable, table.wikitable {
   background: none !important;
   border: none;
}
table.wikitable th, table.wikitable td {
   border: none;
}

/*** STANDARD WIKIA SETTINGS ***/
/* Mark redirects in Special:Allpages and Special:Watchlist */
.allpagesredirect { font-style: italic; }
.watchlistredir { font-style: italic; }

/* Remove Main Page Header */
body.page-Phineas_and_Ferb_Wiki #siteSub, body.page-Main_Page #contentSub, body.page-Phineas_and_Ferb_Wiki h1.firstHeading {
    display: none !important;
}

/* Giving headers and TOC a little extra space */
h2 {margin-top: 20px;}

.toc {margin-top: 20px;}

/* Forum formatting (by -Algorithm & -Splaka) */
.forumheader {
     border: 1px solid #aaa;
     background-color: #FFFFFF; margin-top: 1em; padding: 12px;
}
.forumlist td.forum_edited a {
     color: black; text-decoration: none
}
.forumlist td.forum_title a {
     padding-left: 20px;
}
.forumlist td.forum_title a.forum_new {
     font-weight: bold; background: url(/images/4/4e/Forum_new.gif)
     center left no-repeat; padding-left: 20px;
}
.forumlist td.forum_title a.forum_new:visited {
     font-weight: normal; background: none; padding-left: 20px;
}
.forumlist th.forum_title {
     padding-left: 20px;
}

/* Recent changes byte indicators */
.mw-plusminus-pos { color: #006500; }
.mw-plusminus-neg { color: #8B0000; }

/* === Babel === */

div.babelbox {
   float: right;
   margin-left: 1em;
   margin-bottom: 0.5em;
   width: 246px;
   border: 1px solid #99B3FF;
   padding: 2px 0 2px 0;
}
.lang-blockN, .lang-block0, .lang-block1, .lang-block2, .lang-block3 {
   margin: 2px 4px 2px 4px; /* t, l, b, r */
   width:238px;
   border-collapse: collapse;
}
td.lang-codeN, td.lang-code0, td.lang-code1, td.lang-code2, td.lang-code3 {
   text-align:center;
   font-size:14pt;
   width:45px;
   height:45px;
}
td.lang-descriptionN, td.lang-description0, td.lang-description1,
td.lang-description2, td.lang-description3 {
  font-size:8pt;
  padding:4pt;
  line-height:1.25em
}

.lang-block0 {
   border:1px solid #FFB3B3;
}
td.lang-code0 {
  background-color: #FFB3B3;
  color: black;
}
td.lang-description0 {
  background-color: #FFE0E8;
  color: black;
}

.lang-block1,  .lang-block2, .lang-block3  {
   border:1px solid #99B3FF;
}
td.lang-code1, td.lang-code2, td.lang-code3 {
  background-color: #99B3FF;
  color: black;
}
td.lang-description1,  td.lang-description2, td.lang-description3 {
  background-color: #E0E8FF;
  color: black;
}

.lang-blockN {
   border:1px solid #6EF7A7;
}
td.lang-codeN {
  background-color: #6EF7A7;
  color: black;
}
td.lang-descriptionN {
  background-color: #C5FCDC;
  color: black;
}
/* </pre> */

/* Diff table */
table.diff, td.diff-otitle, td.diff-ntitle {
	background: none !important;
}
table.diff {
	font-size: 110%;
}
table.diff #mw-diff-otitle3, table.diff #mw-diff-ntitle3 {
	height: 20px;
	overflow-y: hidden !important;
}
table.diff td {
	padding: 3px 5px;
}
table.diff td.diff-deletedline, table.diff td.diff-addedline, table.diff td.diff-context {
	border: 1px solid #666;
	border-radius: 3px;
	border-left-width: 5px;
	color: inherit !important;
}
table.diff td.diff-deletedline {
	border-color: #ee2c10;
}
table.diff td.diff-addedline {
	border-color: #4eb9e1;
}
table.diff td.diff-context {
	background: #666;
	background: rgba(255, 255, 255, 0.1);
}
table.diff td.diff-context > div {
	opacity: 0.8;
}
table.diff .diffchange {
	border-radius: 3px;
	color: inherit;
	padding: 0 3px;
}
table.diff td.diff-deletedline .diffchange {
	background: #ee2c10;
}
table.diff td.diff-addedline .diffchange {
	background: #4eb9e1;
}
table.diff td.diff-marker {
	color: #eee;
	font-weight: bold;
	font-size: 17px;
}

/* PORTABLE INFOBOXES */
.portable-infobox {
    background-color:#FFFFFF;
    border:1px solid #FF5500;
    border-radius:10px;
    border-spacing:2px;
    color:black;
    padding:2px;
    width:200px;
    font-size:90%;
}

.pi-title {
    background-color:orange;
    color:white;
    font-size:medium !important;
    border-radius:0.5em 0.5em 0 0;
    text-align:center;
    font-weight:bold;
    padding:0px;
    line-height:1.0 !important;
}

.pi-secondary-background,
.pi-navigation {
    background-color:orange;
    color:white;
    font-size:small !important;
    text-align:center;
    font-weight:bold;
    padding:0px;
    line-height:1.0 !important;
}

.pi-caption {
    text-align:center;
    font-weight:bold;
}

/* Alternate infobox themes start */
/* Characters: */
.portable-infobox.type-character .pi-title, 
.portable-infobox.type-character .pi-secondary-background,
.portable-infobox.type-character .pi-navigation {
    background-color:#FFCC00;
}

.pi-theme-Christmas .pi-title, 
.pi-theme-Christmas .pi-secondary-background,
.pi-theme-Christmas .pi-navigation {
    background-color:green;
    color:red;
    font-family:Lucida Handwriting;
}

.portable-infobox.type-character.pi-theme-Kid .pi-title, 
.portable-infobox.type-character.pi-theme-Kid .pi-secondary-background,
.portable-infobox.type-character.pi-theme-Kid .pi-navigation {
    background-color:#FFA500;
}

.portable-infobox.type-character.pi-theme-Teen .pi-title, 
.portable-infobox.type-character.pi-theme-Teen .pi-secondary-background,
.portable-infobox.type-character.pi-theme-Teen .pi-navigation {
    background-color:#FF8C00;
}

.portable-infobox.type-character.pi-theme-Adult .pi-title, 
.portable-infobox.type-character.pi-theme-Adult .pi-secondary-background,
.portable-infobox.type-character.pi-theme-Adult .pi-navigation {
    background-color:#FF0000;
}

.portable-infobox.type-character.pi-theme-Senior .pi-title, 
.portable-infobox.type-character.pi-theme-Senior .pi-secondary-background,
.portable-infobox.type-character.pi-theme-Senior .pi-navigation {
    background-color:#A52A2A;
}

.portable-infobox.type-character.pi-theme-Animal .pi-title, 
.portable-infobox.type-character.pi-theme-Animal .pi-secondary-background,
.portable-infobox.type-character.pi-theme-Animal .pi-navigation {
    background-color:#8B4513;
}

.portable-infobox.type-character.pi-theme-Robot .pi-title, 
.portable-infobox.type-character.pi-theme-Robot .pi-secondary-background,
.portable-infobox.type-character.pi-theme-Robot .pi-navigation {
    background-color:#C0C0C0;
}

.portable-infobox.type-character.pi-theme-Alien .pi-title, 
.portable-infobox.type-character.pi-theme-Alien .pi-secondary-background,
.portable-infobox.type-character.pi-theme-Alien .pi-navigation {
    background-color:#008080;
}

.portable-infobox.type-character.pi-theme-Monster .pi-title, 
.portable-infobox.type-character.pi-theme-Monster .pi-secondary-background,
.portable-infobox.type-character.pi-theme-Monster .pi-navigation {
    background-color:#800080;
}

/* Episodes: */
.portable-infobox.type-episode .pi-title, 
.portable-infobox.type-episode .pi-secondary-background,
.portable-infobox.type-episode .pi-navigation {
    background-color:#FFA500;
    color:#FFFFFF;
}

.portable-infobox.type-episode.pi-theme-1 .pi-title, 
.portable-infobox.type-episode.pi-theme-1 .pi-secondary-background,
.portable-infobox.type-episode.pi-theme-1 .pi-navigation {
    background-color:#FFFF00;
    color:#FD5B08;
}

.portable-infobox.type-episode.pi-theme-2 .pi-title, 
.portable-infobox.type-episode.pi-theme-2 .pi-secondary-background,
.portable-infobox.type-episode.pi-theme-2 .pi-navigation {
    background-color:#FFD700;
}

.portable-infobox.type-episode.pi-theme-3 .pi-title, 
.portable-infobox.type-episode.pi-theme-3 .pi-secondary-background,
.portable-infobox.type-episode.pi-theme-3 .pi-navigation {
    background-color:#FFA500;
}

.portable-infobox.type-episode.pi-theme-4 .pi-title, 
.portable-infobox.type-episode.pi-theme-4 .pi-secondary-background,
.portable-infobox.type-episode.pi-theme-4 .pi-navigation {
    background-color:#FA8072;
}

.portable-infobox.type-episode.pi-theme-5 .pi-title, 
.portable-infobox.type-episode.pi-theme-5 .pi-secondary-background,
.portable-infobox.type-episode.pi-theme-5 .pi-navigation {
    background-color:#FF0000;
}

.portable-infobox.type-episode.pi-theme-6 .pi-title, 
.portable-infobox.type-episode.pi-theme-6 .pi-secondary-background,
.portable-infobox.type-episode.pi-theme-6 .pi-navigation {
    background-color:#C71585;
}

.portable-infobox.type-episode.pi-theme-7 .pi-title, 
.portable-infobox.type-episode.pi-theme-7 .pi-secondary-background,
.portable-infobox.type-episode.pi-theme-7 .pi-navigation {
    background-color:#800080;
}

.portable-infobox.type-episode.pi-theme-cspecial .pi-title, 
.portable-infobox.type-episode.pi-theme-cspecial .pi-secondary-background,
.portable-infobox.type-episode.pi-theme-cspecial .pi-navigation {
    background-color:#00FF00;
}

.portable-infobox.type-episode.pi-theme-film .pi-title, 
.portable-infobox.type-episode.pi-theme-film .pi-secondary-background,
.portable-infobox.type-episode.pi-theme-film .pi-navigation {
    background-color:#800080;
}

/* Alternate infobox themes end */

.pi-date {
    border-top:0;
    border-bottom:0;
}

.pi-image,
.pi-image-thumbnail {
    width:200px;
    height:auto;
}

.pi-border-color {
    border-bottom-style:none;
}

/* Removing title on main page */
.mainpage .WikiaPage .page-header__title,
.mainpage .WikiaPage .page-header__separator {
    display: none;
}

/* Recent Changes arrows */
.mw-rc-openarrow a img,
.mw-rc-closearrow a img {
    opacity: 0;
    position: absolute
}
.mw-rc-openarrow a,
.mw-rc-closearrow a {
    display: inline-block;
    width: 12px;
    height: 12px
}
.mw-rc-openarrow a {
    background-image: linear-gradient( transparent, transparent ),
        url( 'data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%3E%3Cpath%20d%3D%22M4%201.533v9.671l4.752-4.871z%22%20fill%3D%22%23797979%22%2F%3E%3C%2Fsvg%3E' )
}
.mw-rc-closearrow a {
    background-image: linear-gradient( transparent, transparent ),
        url( 'data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%3E%3Cpath%20d%3D%22M1.165%203.624h9.671l-4.871%204.752z%22%20fill%3D%22%23797979%22%2F%3E%3C%2Fsvg%3E' )
}/*/

/* Scrollbar */
::-webkit-scrollbar {
    width: 13.8px;
    height: 12px;
}
 
body::-webkit-scrollbar {
    background: #F1F1F1;
}
 
::-webkit-scrollbar-thumb {
    background: #FFA500;
}
 
::-webkit-scrollbar-thumb:hover {
    background:  #FCCF00;
}
 
::-webkit-scrollbar-thumb:active {
    background: #FDE401;
}/*/ 

/* Content Area */
.WikiaArticle h2 {
    border-bottom: 1px solid #FF5500;
    margin-bottom: .6em;
    margin-top: 20px;
}
 
.WikiaArticle .toc {
    border-radius: 5px;
    border-color: #FF5500 !important;
    background-color: #FFFFFF !important;
}

.WikiaArticle .editsection {
    float: right !important;
    margin-right: 10px !important;
}/*/ 
 
/* Links */
.WikiaNotifications li div a {
    color: #FFFFFF;
}/*/

/* Red links */
.WikiaMainContent a.new, 
.WikiaMainContent a.new:visited {
    color: #D00000;
}/*/ 
 
/* Community Page */
.page-Special_Community a[data-tracking*="avatar"] {
    padding-left: unset;
    background: unset;
}
.page-Special_Community a[data-tracking*="avatar"] > img {
    border: none;
}/*/ 
 
/* Module */
.WikiaRail .rail-module,
.ChatEntryPoint,
.ChatModule,
.WikiaRail .module,
.WikiaArticle .thumbinner,
.WikiaArticleCategories {
    background-color: #FFFFFF;
    border: 1px solid #FF5500 !important;
    vertical-align: text-bottom !important;
    border-radius: 5px !important;
}

.WikiaRail .rail-module {
    padding: 20px 15px 15px;
    margin: 0 0 30px 0;
}
a.wds-avatar-stack__avatar {
    background: none;
    padding-left: 0;
}
.community-page-rail-module .wds-avatar a {
    background-image: none;
    padding-left: unset;
}/*/ 

/* User Profile + Avatar Customization */
.UserProfileMasthead .masthead-avatar .avatar {
    border: 1.7px solid #FFA500 !important;
}

.UserProfileMasthead {
    min-height: 190px;
}

.UserProfileMasthead > div.masthead-info > div.masthead-info-lower::before {
    display: none;
}

.masthead-avatar .sprite.edit-pencil {
    display: none;
}

#userAvatarEdit {
    margin-left: 45px;
}

.UserProfileMasthead .masthead-info hgroup {
    border-radius: 0;
}

.UserProfileMasthead .masthead-info-lower::before {
    border-style: none;
}

.avatar {
    border-radius: 12px;
    border: none;
}
.UserProfileMasthead > div.masthead-info {
    background-color: #FFFFFF;
    border-radius: 15px;
    margin: 15px 0 15px 165px;
}

.masthead-avatar img {
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

.masthead-avatar:hover img {
  border-radius: 100% !important;
  box-shadow:0 0 30px white;
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}/*/

/* Main BG */
.WikiaBarWrapper .tools-menu,
.WikiaBarWrapper {
    background-color: #FFFFFF;
}/*/ 

/* Page Glowing */
.WikiaPage {
    border-color: #FF5500;
}/*/ 
 
/* Wiki Activity */
.activityfeed > li {
    border-left: 5px solid #FF5500;
	border-radius: 3px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
	margin: 0.5em;
	overflow: hidden;
	padding-left: 3em;
	transition: all 0.3s;
	background: #FFFFFF;
}

.activityfeed > li:hover {
	border-left-width: 10px;
}

.activity-type-edit img.edit.sprite {
    -webkit-mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-pencil-small.svg") !important;
    background-image: none;
    height: 18px;
    mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-pencil-small.svg");
    width: 18px;
    background-repeat: no-repeat;
    background-color: #FF5500;
}

.activity-type-talk img.talk.sprite {
    -webkit-mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-bubble-small.svg");
    background-image: none;
    height: 18px;
    mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-bubble-small.svg");
    width: 18px;
    background-repeat: no-repeat;
    background-color: #FF5500;
}

.activity-type-categorization img.categorization.sprite {
    -webkit-mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-tag-small.svg");
    background-image: none;
    height: 18px;
    mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-tag-small.svg");
    width: 18px;
    background-repeat: no-repeat;
    background-color: #FF5500;
}

.activity-type-new img.new.sprite {
    -webkit-mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-page-small.svg");
    background-image: none;
    height: 18px;
    mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-page-small.svg");
    width: 18px;
    background-repeat: no-repeat;
    background-color:  #FF5500;
}

.activityfeed-diff img {
    content: url(/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-magnifying-glass-small.svg);
    background-image: none !important;
}/*/   

/* Thumbnails */
.WikiaArticle .thumbinner {
    background: none;
    border-radius: 8px;
}/*/

/* Buttons */ 
:root {
    --fb-border-color: #FFA500;
    --fb-hover-border-color: #FCCF00;
    --fb-border-radius: 5px;
}
 
a.wikia-button,
.wikia-single-button a,
.wikia-menu-button,
input[type="submit"],
input[type="reset"],
input[type="button"],
.button,
.WikiaPage button:not(.ace_searchbtn_close):not(.ace_replacebtn):not(.ace_searchbtn):not(#toc-open) {
    background-image: none !important;
    border-color: var(--fb-border-color) !important;
    border-radius: var(--fb-border-radius) !important;
    font-family: var(--fb-font) !important;
    font-size: 10px !important;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 19px !important;
}
 
a.wikia-button:hover,
.wikia-single-button a:hover,
.wikia-menu-button:hover,
.wikia-menu-button > a:hover,
.wikia-menu-button > .drop:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:hover,
.WikiaPage button:not(.ace_searchbtn_close):not(.ace_replacebtn):not(.ace_searchbtn):not(#toc-open):hover {
    background-image: none !important;
    border-color: var(--fb-hover-border-color) !important;
}
 
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,
.WikiaPage button.active:not(.ace_searchbtn_close):not(.ace_replacebtn):not(.ace_searchbtn):not(#toc-open),
.WikiaPage button:not(.ace_searchbtn_close):not(.ace_replacebtn):not(.ace_searchbtn):not(#toc-open):active {
    background-image: none !important;
    border-color: transparent;
}
 
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-color: transparent !important;
    background-image: none !important;
    border-color: currentColor !important;
    font-family: var(--fb-font);
    font-size: 10px;
    font-weight: bold;
    border-radius: var(--fb-border-radius) !important;
    color: currentColor !important;
    text-transform: uppercase;
}
 
.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 {
    background-color: transparent !important;
    background-image: none !important;
    border-color: currentColor;
}
 
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 {
    background-color: transparent !important;
    background-image: none !important;
    border-color: currentColor;
}
 
.EditPage .cke_button > a {
    background-image: none !important;
    border-color: transparent;
    text-transform: uppercase;
    font-size: 10px !important;
    font-weight: bold;
    border-radius: var(--fb-border-radius) !important;
    font-family: var(--fb-font);
}
 
.wikia-menu-button,
button.wikia-button {
    background-image: none !important;
    border-color: transparent;
    border-radius: var(--fb-border-radius) !important;
    font-family: var(--fb-font);
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
}
 
.wikia-menu-button > a,
.wikia-menu-button .drop {
    background-image: none !important;
    border-color: transparent;
    border-radius: var(--fb-border-radius);
    font-family: var(--fb-font);
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
}/*/