No edit summary |
No edit summary |
||
Line 443: | Line 443: | ||
ul.tabbernav {/*----------------------------- tabber head */ |
ul.tabbernav {/*----------------------------- tabber head */ |
||
border: none !important; |
border: none !important; |
||
⚫ | |||
⚫ | |||
height:25px; |
height:25px; |
||
} |
} |
||
Line 459: | Line 457: | ||
transition: background-color 0.2s; |
transition: background-color 0.2s; |
||
font-size: 15px; |
font-size: 15px; |
||
⚫ | |||
color: #3a3a3a !important; |
color: #3a3a3a !important; |
||
border: 1px solid silver; |
border: 1px solid silver; |
||
Line 466: | Line 465: | ||
background-color: #e7edea !important; |
background-color: #e7edea !important; |
||
color: #3a3a3a !important; |
color: #3a3a3a !important; |
||
⚫ | |||
border: 1px solid silver; |
border: 1px solid silver; |
||
} |
} |
||
Line 473: | Line 473: | ||
background-color: #b0d3ce !important; |
background-color: #b0d3ce !important; |
||
color: #f7f6f4 !important; |
color: #f7f6f4 !important; |
||
+ | margin-top: 10px; |
||
border: 1px solid silver; |
border: 1px solid silver; |
||
} |
} |
||
− | .tabbernav li a[title="Main"]:: |
+ | .tabbernav li a[title="Main"]::after { |
content: url(https://vignette.wikia.nocookie.net/animalrestaurant/images/f/f2/ArrowDown.png/revision/latest/scale-to-width-down/15); |
content: url(https://vignette.wikia.nocookie.net/animalrestaurant/images/f/f2/ArrowDown.png/revision/latest/scale-to-width-down/15); |
||
− | padding- |
+ | padding-left:7px; |
position:relative; |
position:relative; |
||
} |
} |
||
− | .tabbernav li a[title="Story"]:: |
+ | .tabbernav li a[title="Story"]::after { |
content: url(https://vignette.wikia.nocookie.net/animalrestaurant/images/f/f6/SpeechBubble.png/revision/latest/scale-to-width-down/15); |
content: url(https://vignette.wikia.nocookie.net/animalrestaurant/images/f/f6/SpeechBubble.png/revision/latest/scale-to-width-down/15); |
||
− | padding- |
+ | padding-left:7px; |
position:relative; |
position:relative; |
||
} |
} |
Revision as of 23:59, 7 February 2020
@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 */
/*****************************/
ul.tabbernav {/*----------------------------- tabber head */
border: none !important;
height:25px;
}
.tabberlive .tabbertab {/*--------------- tabber body */
border:none !important;
padding:0 !important;
}
ul.tabbernav li a {/*----------------------- inactive tab */
background-color: #f7f6f4 !important;
border-radius: 0 !important;
padding: 10px 35px 10px 5px !important;
transition: background-color 0.2s;
font-size: 15px;
margin-top: 10px;
color: #3a3a3a !important;
border: 1px solid silver;
}
ul.tabbernav li a:hover {/*------------- hover tab */
background-color: #e7edea !important;
color: #3a3a3a !important;
margin-top: 10px;
border: 1px solid silver;
}
ul.tabbernav li.tabberactive a,
ul.tabbernav li.tabberactive a:hover {/*------------- active tab */
background-color: #b0d3ce !important;
color: #f7f6f4 !important;
margin-top: 10px;
border: 1px solid silver;
}
.tabbernav li a[title="Main"]::after {
content: url(https://vignette.wikia.nocookie.net/animalrestaurant/images/f/f2/ArrowDown.png/revision/latest/scale-to-width-down/15);
padding-left:7px;
position:relative;
}
.tabbernav li a[title="Story"]::after {
content: url(https://vignette.wikia.nocookie.net/animalrestaurant/images/f/f6/SpeechBubble.png/revision/latest/scale-to-width-down/15);
padding-left:7px;
position:relative;
}
/************************/
.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;
} */