MediaWiki:Wikia.css

@import url("/load.php?mode=articles&only=styles&articles=u:dev:MediaWiki:ModernProfile/Masthead.css|u:dev:MediaWiki:ModernProfile/Wall.css");
@import url('https://fonts.googleapis.com/css?family=Nunito');
@import "/load.php?mode=articles&articles=u:dev:MediaWiki:TransparentToolbar.css&only=styles";
@import url("/load.php?mode=articles&articles=u:dev:MediaWiki:MinimalistSliderText/code.css&only=styles");


/* COLORS
Blue: #b0d3ce
Light blue: #e7edea
White: #f7f6f4

*/ 

/* links */
 
/* flowers */
[href$="/wiki/Rose"] {
    color: #C76E53 !important;
    font-weight: 700;}
 
[href$="/wiki/Daisy"] {
    color: #E4D4B6 !important;
    font-weight: 700;}
 
[href$="/wiki/Sunflower"] {
    color: #E9AD50 !important;
    font-weight: 700;}
 
[href$="/wiki/Bluebell"] {
    color: #9977BE !important;
    font-weight: 700;}
    
[href$="/wiki/White_Rose"] {
    color: #E4D4B6 !important;
    font-weight: 700;}
    
[href$="/wiki/Four_Leaf_Clover"] {
    color: #C2AD58 !important;
    font-weight: 700;}
    
[href$="/wiki/Sakura"] {
    color: #EC9A7F !important;
    font-weight: 700;}
    
[href$="/wiki/Maple_Leaf"] {
    color: #EF8A2C !important;
    font-weight: 700;}
    
[href$="/wiki/Snowflake"] {
    color: #B8D0D5 !important;
    font-weight: 700;}
 
/*----------END----------*/


/*******************************/
/*            TOC             */
/*****************************/
 
.toc,
#toc,
.WikiaArticle .toc {
border:1px solid silver;
float:center;
clear:center;
width:250px;
min-width:200px;
text-align:left;
background: #f7f6f4;
border-radius: 0px 20px 20px 0px;
padding-left: 5px;
}
 
/*----------END----------*/


/**************************/
/*     USER PAGES        */
/************************/
 
/* Round Avatar */
.avatar {
  border-radius: 100px;
  border: 1px solid lightgray;
}
 
.UserProfileMasthead .masthead-info {
    overflow:hidden;
}

/**************************/
/*        INFOBOX        */
/************************/
 
.pi-theme-box {
    background: #f7f6f4;
    border: 1px solid silver;
    width: 35%;
    }

.pi-theme-box .pi-title {
  background-color: #b0d3ce;
  font-size: 19px;
  text-align: center;
  padding: 0;
  color: #f7f6f4;
}

.pi-theme-box .pi-navigation {
   font-size: 13px;
   font-weight:normal;
   background: #f7f6f4;
}

.pi-theme-box .pi-header {
    background-color: #b0d3ce;
    max-height: 5px;
}

.pi-theme-box .pi-data-value {
    overflow-y: auto;
    background: #f7f6f4;
    padding-right: 5px;
    text-align:right;
}

.pi-theme-box .pi-border-color {
    border: none;
}

/***************************   S4*/

.pi-theme-s4 {
    background: #f7f6f4;
    border: 1px solid silver;
    width: 35%;
    }

.pi-theme-s4 .pi-title {
  background-color: #bfdae0;
  font-size: 19px;
  text-align: center;
  padding: 0;
  color: #f7f6f4;
}

.pi-theme-s4 .pi-border-color {
    border: none;
}

.pi-theme-s4 .pi-navigation {
   font-size: 13px;
   font-weight:normal;
   background: #f7f6f4;
}

.pi-theme-s4 .pi-header {
    background-color: #bfdae0;
    max-height: 5px;
}

.pi-theme-s4 .pi-data-value {
    color: #94b2c7;
    padding-right: 5px;
    font-weight: 700;
    border: 0px solid #f7f6f4;
    font-size: 15px;
    text-align:right;
}

/***************************      S1*/

.pi-theme-s1 {
    background: #f7f6f4;
    border: 1px solid silver;
    width: 35%;
    }
    
.pi-theme-s1 .pi-border-color {
    border: none;
}

.pi-theme-s1 .pi-title {
  background-color: #f0acad;
  font-size: 19px;
  text-align: center;
  padding: 0;
  color: #f7f6f4;
}

.pi-theme-s1 .pi-image {
    border: 0px solid #f7f6f4;
    margin: 0px;
}

.pi-theme-s1 .pi-navigation {
   font-size: 13px;
   font-weight:normal;
   background: #f7f6f4;
}

.pi-theme-s1 .pi-header {
    background-color: #f0acad;
    max-height: 5px;
}

.pi-theme-s1 .pi-data-value {
    overflow-y: auto;
    color: #d58068;
    background: #f7f6f4;
    padding-right: 5px;
    font-weight: 700;
    font-size: 15px;
    text-align:right;
}

/*****************************      S2*/
.pi-theme-s2 {
    background: #f7f6f4;
    border: 1px solid silver;
    width: 35%;
    }
    
.pi-theme-s2 .pi-border-color {
    border: none;
}

.pi-theme-s2 .pi-title {
  background-color: #ddcf88;
  font-size: 19px;
  text-align: center;
  padding: 0;
  color: #f7f6f4;
}

.pi-theme-s2 .pi-image {
    border: 0px solid #f7f6f4;
    margin: 0px;
}

.pi-theme-s2 .pi-navigation {
   font-size: 13px;
   font-weight:normal;
   background: #f7f6f4;
}

.pi-theme-s2 .pi-header {
    background-color: #ddcf88;
    max-height: 5px;
}

.pi-theme-s2 .pi-data-value {
    overflow-y: auto;
    color: #98944a;
    background: #f7f6f4;
    padding-right: 5px;
    font-weight: 700;
    font-size: 15px;
    text-align:right;
}

/*************************      S3*/
.pi-theme-s3 {
    background: #f7f6f4;
    border: 1px solid silver;
    width: 35%;
    }
    
.pi-theme-s3 .pi-border-color {
    border: none;
}

.pi-theme-s3 .pi-title {
  background-color: #e7c495;
  font-size: 19px;
  text-align: center;
  padding: 0;
  color: #f7f6f4;
}

.pi-theme-s3 .pi-image {
    border: 0px solid #f7f6f4;
    margin: 0px;
}

.pi-theme-s3 .pi-navigation {
   font-size: 13px;
   font-weight:normal;
   background: #f7f6f4;
}

.pi-theme-s3 .pi-header {
    background-color: #e7c495;
    max-height: 5px;
}

.pi-theme-s3 .pi-data-value {
    overflow-y: auto;
    color: #df8e4a;
    background: #f7f6f4;
    padding-right: 5px;
    font-weight: 700;
    font-size: 15px;
    text-align:right;
}

/************************/

.pi-theme-food {
    background: #f7f6f4;
    border: 1px solid silver;
    width: 40%;
    float: center;
    }

.pi-theme-food .pi-title {
  background-color: #b0d3ce;
  font-size: 19px;
  text-align: center;
  padding: 0;
  color: #f7f6f4;
}

.pi-theme-food .pi-image {
    height: 50%;
    marigin-top: 20px;
    marigin-bottom: 20px;
}

.pi-theme-food .pi-navigation {
   font-size: 13px;
   font-weight:normal;
   background: #f7f6f4;
   border-bottom: 1px solid silver;
}

.pi-theme-food .pi-header {
    background-color: #b0d3ce;
}

.pi-theme-food .pi-data-value {
    overflow-y: auto;
    background: #f7f6f4;
    padding-right: 5px;
    text-align:left;
}

.pi-theme-food .pi-border-color {
    border: none;
}


/*******************************/
/*         TABLES             */
/*****************************/

/*facilities*/
.facilities {
    width: 100%;
	margin: 0 auto;
	background: #f7f6f4;
	border: 1px solid silver;
	text-align: center;
	border-spacing: 0.3em;
}

.facilities th {
	background: #b0d3ce;
    text-align: left;
    padding-left: 10px;
}

.facilities td {
	background: #f4e7c5;
	border-radius: 20px;
	padding: 30px 0px 30px 0px;
}

.facilitiesrow td {
	background: #f7f6f4;
	padding: 0px;
}

/*other*/
.base {
    width: 100%;
	background: #f7f6f4;
	border: 1px solid silver;
	text-align: center;
	margin-bottom:10px;
}

.base th {
	background: #b0d3ce;
    text-align: left;
    padding-left: 10px;
}

.base td {
	background: #f7f6f4;
	min-height: 80px;
}

/*other*/

.base2 {
    width: 100%;
	background: #f7f6f4;
	border: 1px solid silver;
	text-align: center;
	margin-bottom:10px;
}

.base2 th {
	background: #b0d3ce;
    text-align: center;
}

.base2 td {
	background: #f7f6f4;
	text-align: center;
}

/* other */
.white {
    width: 100%;
	background: #b0d3ce;
	border: 1px solid silver;
	text-align: left;
	border-spacing: 0.3em;
}

.white td {
	background: #f7f6f4;
}

/************************/

/*******************************/
/*        TABBERS             */
/*****************************/

.tabberlive .tabbertab {/*--------------- tabber body */
    border:none !important;
    padding:0 !important;
}

/************************/

.WikiaArticle ul {list-style-image:url('https://vignette.wikia.nocookie.net/animalrestaurant/images/7/7a/Bullet.png');}

:root {
    --toolbar-bgcolor: rgba(156, 191, 186, 0.75);
}

/*.wds-community-header__sitename {
    font-family: 'Nunito' !important;
}*/
 

.wds-community-header {
    border: 2px, 2px, 0px, 2px solid #cfe0d6;
}

/*.WikiaPage {
border:2px solid #cfe0d6;
border-top: 0px;
}
.wds-community-header:before {
    border: 2px solid #cfe0d6;
    border-bottom: 0;
}*/

#WikiaPage {
    font-family: 'Nunito' !important;
}

/* Modifies the "edit section" button - Credits to Bee and Puppycat Wiki*/ 
.editsection a {
color: #daa238;
font-family:Helvetica;
font-size:9px;
text-transform:uppercase;
letter-spacing:1px;
font-style: none;
}
 
/* Removing  "Edit" Icon */
.WikiaArticle .editsection img {
  display:none;
}


/* Name Colors */
a[href="/wiki/User:Mieiki"] { font-weight: bold !important; color:#a6d2cc !important; }
a[href="/wiki/User:Megatron88"] { font-weight: bold !important; color:#ffbcc5 !important; }

/** Minimal Scrollbar **/
/* WebKit and Blink */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-thumb {
    background-color: rgba(50,50,50,0.5);
}
::-webkit-scrollbar-thumb:hover {
    background-color: rgba(40,40,40,0.75);
}
::-webkit-scrollbar-thumb:active {
    background-color: rgba(30,30,30,1);
}
::-webkit-scrollbar-track {
    background-color: transparent;
}
/* Spec Version (Gecko only at the time of this addition) */
*, body {
   scrollbar-width:thin;
   scrollbar-color:rgba(50,50,50,0.5) transparent;
}

/* Wikia Rail */
/* Code credit to Kung Fu Panda Wiki */
.WikiaRail .rail-module {
    margin: 0 0 30px;
    background: #f7f6f4;
    border: 1px solid silver;
    border-top: 8px solid #b0d3ce;
    padding: 20px 15px 20px;
}
 
.WikiaRail .module {
    margin: 0 0 30px;
    background: #f7f6f4;
    border: 1px solid silver;
    border-top: 8px solid #b0d3ce;
    padding: 20px 15px 20px;
}

/*Category*/
.WikiaArticleCategories, .article-categories, .CategorySelect.articlePage {
    background: #f7f6f4;
    border: 1px solid silver;
}

/* Wordmark animation ---- from We Bare Bears Wiki*/
.wds-community-header__wordmark:hover {
  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}
 
@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
 
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }
 
  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }
 
  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}

.wikiaPhotoGallery-slider-body .description h2 {
    --mst-main: rgba(176,211,206,0.9);
    box-shadow: none !important;
    border-radius: 2px 2px 0 0 !important;
}

.wikiaPhotoGallery-slider-body .description p {
    --mst-secondary: rgba(176,211,206,0.9);
}

.wikiaPhotoGallery-slider-body .horizontal .description {
    height:initial !important;
    padding: 0 5px !important;
}

/* Section headings
.WikiaArticle h2 {
    background: url(https://vignette.wikia.nocookie.net/animalrestaurant/images/7/70/Sparkle.png) left center no-repeat;
    padding-left: 20px;
} */