CSS and Javascript changes must comply with the wiki design rules.
Note: After saving, 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: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* CSS placed here will affect users of the Hydra skin */
/* For elements which only display in the mobile view */
.mobileonly {
display: none;
}
/* fonts */
@font-face {
font-family: 'OpenSans-Bold';
src: local('OpenSans-Bold'), local('OpenSans-Bold'), url(/media/hydra/fonts/OpenSans-Bold.ttf) format('truetype');
}
@font-face {
font-family: 'OpenSans-BoldItalic';
src: local('OpenSans-BoldItalic'), local('OpenSans-BoldItalic'), url(/media/hydra/fonts/OpenSans-BoldItalic.ttf) format('truetype');
}
@font-face {
font-family: 'OpenSans-ExtraBold';
src: local('OpenSans-ExtraBold'), local('OpenSans-ExtraBold'), url(/media/hydra/fonts/OpenSans-ExtraBold.ttf) format('truetype');
}
@font-face {
font-family: 'OpenSans-ExtraBoldItalic';
src: local('OpenSans-ExtraBoldItalic'), local('OpenSans-ExtraBoldItalic'), url(/media/hydra/fonts/OpenSans-ExtraBoldItalic.ttf) format('truetype');
}
@font-face {
font-family: 'OpenSans-Italic';
src: local('OpenSans-Italic'), local('OpenSans-Italic'), url(/media/hydra/fonts/OpenSans-Italic.ttf) format('truetype');
}
@font-face {
font-family: 'OpenSans-Light';
src: local('OpenSans-Light'), local('OpenSans-Light'), url(/media/hydra/fonts/OpenSans-Light.ttf) format('truetype');
}
@font-face {
font-family: 'OpenSans-LightItalic';
src: local('OpenSans-LightItalic'), local('OpenSans-LightItalic'), url(/media/hydra/fonts/OpenSans-LightItalic.ttf) format('truetype');
}
@font-face {
font-family: 'OpenSans-Regular';
src: local('OpenSans-Regular'), local('OpenSans-Regular'), url(/media/hydra/fonts/OpenSans-Regular.ttf) format('truetype');
}
@font-face {
font-family: 'OpenSans-Semibold';
src: local('OpenSans-Semibold'), local('OpenSans-Semibold'), url(/media/hydra/fonts/OpenSans-Semibold.ttf) format('truetype');
}
@font-face {
font-family: 'OpenSans-SemiboldItalic';
src: local('OpenSans-SemiboldItalic'), local('OpenSans-SemiboldItalic'), url(/media/hydra/fonts/OpenSans-SemiboldItalic.ttf) format('truetype');
}
p {
font-family: "OpenSans-Regular";
}
/* links */
a,
a:visited,
div#content a.extiw,
div#content a.extiw:visited,
div#content a.external,
div#content a.external:visited {
color: #be5b20;
font-family: "OpenSans-Semibold";
}
a:hover {
color: #f7813d;
}
ul {
list-style-type: disc;
list-style-image: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20width%3D%225%22%20height%3D%2213%22%3E%0A%3Ccircle%20cx%3D%222.5%22%20cy%3D%229.5%22%20r%3D%222.5%22%20fill%3D%22%23be5b20%22%2F%3E%0A%3C%2Fsvg%3E%0A);
}
/* Hide main page header */
body.page-Happy_Birthdays_Wiki h1.firstHeading {
display:none;
}
body {
background: url("https://happybirthdays.gamepedia.com/media/happybirthdays.gamepedia.com/a/a5/Bg2.jpg") no-repeat fixed center center / cover rgba(80, 80, 80, 0.5);
-webkit-background-size: cover;
-o-background-size: cover;
-moz-background-size: cover;
}
#pageWrapper {
padding-right: 1em;
}
#mw-page-base {
background-color: transparent;
background-image: none;
background-position: left bottom;
background-repeat: repeat-x;
height: 5em;
}
/* Logo */
#p-logo a {
background-position: center center;
background-repeat: no-repeat;
background-size: 99% auto;
display: block;
height: 160px;
text-decoration-color: -moz-use-text-color;
text-decoration-line: none;
text-decoration-style: solid;
width: 10em;
}
/* Content */
div#content {
background: none repeat scroll 0 0 rgba(209, 247, 253, 0.8);
box-shadow: 0 0.1em 0.75em white;
color: black;
margin-left: 11em;
margin-top: 0em;
border: none;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.mw-body .firstHeading,
.mw-body h1,
.mw-body h2 {
border-bottom-color: #380e08;
border-bottom-style: solid;
border-bottom-width: 1px;
color: #380e08;
font-family: sans-serif;
font-weight:bold;
}
.mw-body h3,
.mw-body h4,
.mw-body h5,
.mw-body h6 {
color: #380e08;
font-family: sans-serif;
}
/* images */
img.thumbborder {
border:1px solid #380E08;
margin:5px;
}
/* Vector Tab styles */
#left-navigation {
margin-left: 11.5em;
}
#right-navigation {
margin-right: 1em;
}
/* removes the divider */
div.vectorTabs,
div.vectorTabs ul,
div.vectorTabs span,
div#mw-head div.vectorMenu h3 {
background-image: none;
}
div.vectorMenu h3 {
background-attachment: scroll;
background-clip: border-box;
background-color: #ff7727;
background-image: none;
background-origin: padding-box;
background-position: -10px center;
background-repeat: no-repeat;
background-size: auto auto;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
border: 2px solid black;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
display: inline-block;
height: 20px;
line-height: 0;
margin-bottom: 1px;
margin-left: 3px;
margin-right: 3px;
margin-top: 1px;
padding-bottom: 2px;
padding-left: 10px;
padding-right: 10px;
padding-top: 2px;
text-align: center;
}
/* share and more */
div.vectorMenu h3 span {
display: block;
font-size: 0.8em;
font-weight: normal;
margin-right: 20px;
padding-left: 0.7em;
padding-top: 1em;
text-transform: uppercase;
color: white;
text-shadow:1px 1px black;
font-family: "OpenSans-Semibold";
}
.vectorMenu h3 span::after {
content: '';
position: absolute;
top: 1.25em;
right: 0;
bottom: 0;
left: 0;
background-image: url(/skins/Vector/images/arrow-down.png?42edd);
background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E %3Cpath d=%22M11.05 3.996l-.965-1.053-4.035 3.86-3.947-3.86L1.05 3.996l5 5 5-5%22 fill=%22%23222%22/%3E %3C/svg%3E");
background-position: 100% 50%;
background-repeat: no-repeat;
opacity: 0.85;
}
div.vectorMenu h3 span::after {
filter: invert(100%);
}
div#mw-head div.vectorMenu h3 {
background-position: right bottom;
background-repeat: no-repeat;
float: left;
font-size: 1em;
height: 1.5em;
margin-right: -1px;
margin-top: -2px;
padding-right: 1px;
}
/* more about tabs */
div.vectorTabs {
background: transparent;
}
div.vectorTabs ul li {
}
div.vectorTabs ul li#ca-contribs,
div.vectorTabs ul li#ca-ve-edit {
background-attachment: scroll;
background-clip: border-box;
background-color: #ff7727;
background-image: none;
background-origin: padding-box;
background-position: -10px center;
background-repeat: no-repeat;
background-size: auto auto;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
border: 2px solid black;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
display: inline-block;
height: 20px;
line-height: 0;
margin-bottom: 1px;
margin-left: 3px;
margin-right: 3px;
margin-top: 1px;
padding-bottom: 2px;
padding-left: 10px;
padding-right: 10px;
padding-top: 2px;
text-align: center;
}
div.vectorTabs ul li#ca-edit {
background-attachment: scroll;
background-clip: border-box;
background-color: #00F2FF;
background-image: none;
background-origin: padding-box;
background-position: -10px center;
background-repeat: no-repeat;
background-size: auto auto;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
border: 2px solid black;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
display: inline-block;
height: 20px;
line-height: 0;
margin-bottom: 1px;
margin-left: 3px;
margin-right: 3px;
margin-top: 1px;
padding-bottom: 2px;
padding-left: 10px;
padding-right: 10px;
padding-top: 2px;
text-align: center;
}
div.vectorTabs ul li#ca-history {
background-attachment: scroll;
background-clip: border-box;
background-color: #74FF37;
background-image: none;
background-origin: padding-box;
background-position: -10px center;
background-repeat: no-repeat;
background-size: auto auto;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
border: 2px solid black;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
display: inline-block;
height: 20px;
line-height: 0;
margin-bottom: 1px;
margin-left: 3px;
margin-right: 3px;
margin-top: 1px;
padding-bottom: 2px;
padding-left: 10px;
padding-right: 10px;
padding-top: 2px;
text-align: center;
}
div.vectorTabs ul li#ca-nstab-main {
background-attachment: scroll;
background-clip: border-box;
background-color: #FF5CFF;
background-image: none;
background-origin: padding-box;
background-position: -10px center;
background-repeat: no-repeat;
background-size: auto auto;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
border: 2px solid black;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
display: inline-block;
height: 20px;
line-height: 0;
margin-bottom: 1px;
margin-left: 3px;
margin-right: 3px;
margin-top: 1px;
padding-bottom: 2px;
padding-left: 10px;
padding-right: 10px;
padding-top: 2px;
text-align: center;
}
div.vectorTabs ul li#ca-nstab-image,
div.vectorTabs ul li#ca-nstab-special,
div.vectorTabs ul li#ca-nstab-help,
div.vectorTabs ul li#ca-nstab-category,
div.vectorTabs ul li#ca-nstab-template,
div.vectorTabs ul li#ca-nstab-project,
div.vectorTabs ul li#ca-nstab-user,
div.vectorTabs ul li#ca-user,
div.vectorTabs ul li#ca-user_talk,
div.vectorTabs ul li#ca-user_profile,
div.vectorTabs ul li#ca-userprofile,
div.vectorTabs ul li#ca-user_wiki {
background-attachment: scroll;
background-clip: border-box;
background-color: #ff7727;
background-image: none;
background-origin: padding-box;
background-position: -10px center;
background-repeat: no-repeat;
background-size: auto auto;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
border: 2px solid black;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
display: inline-block;
height: 20px;
line-height: 0;
margin-bottom: 1px;
margin-left: 3px;
margin-right: 3px;
margin-top: 1px;
padding-bottom: 2px;
padding-left: 10px;
padding-right: 10px;
padding-top: 2px;
text-align: center;
}
div.vectorTabs ul li#ca-talk {
background-attachment: scroll;
background-clip: border-box;
background-color: #E3E236;
background-image: none;
background-origin: padding-box;
background-position: -10px center;
background-repeat: no-repeat;
background-size: auto auto;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
border: 2px solid black;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
display: inline-block;
height: 20px;
line-height: 0;
margin-bottom: 1px;
margin-left: 3px;
margin-right: 3px;
margin-top: 1px;
padding-bottom: 2px;
padding-left: 10px;
padding-right: 10px;
padding-top: 2px;
text-align: center;
}
div.vectorTabs ul li#ca-nstab-mediawiki,
div.vectorTabs ul li#ca-view,
div.vectorTabs ul li#ca-viewsource {
background-clip: border-box;
background-color: #FF4550;
background-image: none;
background-origin: padding-box;
background-position: -10px center;
background-repeat: no-repeat;
background-size: auto auto;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
border: 2px solid black;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
display: inline-block;
height: 20px;
line-height: 0;
margin-bottom: 1px;
margin-left: 3px;
margin-right: 3px;
margin-top: 1px;
padding-bottom: 2px;
padding-left: 10px;
padding-right: 10px;
padding-top: 2px;
text-align: center;
}
div.vectorTabs,
div.vectorTabs ul,
div.vectorTabs span,
background-image: none;
}
#ca-unwatch.icon a {
background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNjMmVkZmYiLz48c3RvcCBvZmZzZXQ9Ii41IiBzdG9wLWNvbG9yPSIjNjhiZGZmIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZmZmIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgeDE9IjEzLjQ3IiB5MT0iMTQuMzYzIiB4Mj0iNC41OTYiIHkyPSIzLjM5NyIgaWQ9ImIiIHhsaW5rOmhyZWY9IiNhIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIvPjwvZGVmcz48cGF0aCBkPSJNOC4xMDMgMS4xNDZsMi4xNzUgNC40MDggNC44NjQuNzA3LTMuNTIgMy40MzEuODMxIDQuODQ1LTQuMzUxLTIuMjg3LTQuMzUxIDIuMjg3LjgzMS00Ljg0NS0zLjUyLTMuNDMxIDQuODY0LS43MDd6IiBmaWxsPSJ1cmwoI2IpIiBzdHJva2U9IiM3Y2I1ZDEiIHN0cm9rZS13aWR0aD0iMC45OTk5MTk5OTk5OTk5OTk5Ii8+PC9zdmc+");
}
div#p-cactions div.menu ul li a {
background: none repeat scroll 0 0 transparent;
border: medium none;
color: #1A673D;
}
div#mw-head div.vectorMenu h4,
div#p-variants.vectorMenu #mw-vector-current-variant {
border: medium none;
display: inline-block;
float: left;
font-size: 0.8em;
font-weight: normal;
padding-left: 0.5em;
padding-top: 1.22em;
color: #FFFFFF;
font-size: 0.8em;
text-transform: uppercase;
font-family: "OpenSans-Light";
line-height: 7px;
}
div.vectorTabs,
div.vectorTabs span,
div.vectorTabs li a {
background-image: none;
text-transform: uppercase;
margin-top: -3px;
}
div.vectorTabs ul {
background: transparent;
}
div.vectorTabs ul li,
div.vectorTabs ul li.selected {
background: transparent;
border: none;
margin-top: -5px;
}
div.vectorTabs ul li span,
div.vectorTabs ul li.selected span {
background: transparent;
border: none;
}
div.vectorTabs li span a {
color: #FFFFFF;
}
div.vectorTabs span a:visited {
color: #FFFFFF;
}
div.vectorTabs li span a:hover,
div.vectorTabs span a:visited:hover {
color: #1A673D;
}
div.vectorTabs li.selected span a {
color: #FFFFFF !important;
}
div.vectorTabs span a:active {
color: #1A673D;
}
div.vectorMenu ul {
background: #000000;
border: 1px solid #434647;
}
div#p-cactions h5 {
background: transparent;
}
div.vectorMenu h5 a {
border: none;
background: transparent;
}
div#p-cactions div.menu ul {
border: 1px solid #3C130E;
background: #FF81A4;
color: #E3E236;
}
div#p-cactions div.menu ul li a {
background: transparent;
border: none;
color: white;
}
div#simpleSearch {
width: 10em;
margin-right: 1em;
}
div#mw-head a,
.vectorTabs li a span,
div#mw-head div.vectorTabs a,
div#mw-head div.vectorMenu a {
color: white;
text-shadow: 1px 1px black;
}
div.vectorMenu {
background-image: none;
background-position: 100% 20%;
background-repeat: no-repeat;
cursor: pointer;
direction: ltr;
float: left;
transition-delay: 0s;
transition-duration: 250ms;
transition-property: background-position;
transition-timing-function: ease;
}
div.vectorMenu div.menu {
border:2px solid #380E08;
clear: both;
left: -1px;
min-width: 100%;
position: absolute;
text-align: center;
top: 30px;
z-index: 1;
border-radius:5px;
background-color: #FF84A6;
}
#p-sharing #socialIconImages img {
box-sizing: content-box;
width: 50%;
}
/* Sidebar */
div#mw-panel div.portal,
div#mw-panel div.portal div.body,
#mw-panel.collapsible-nav .portal {
background-image: none; /* Optional! This removes the lines be horizontal lines between the portals */
}
div#mw-panel div.portal div.body ul li a,
div#mw-panel div.portal div.body ul li a:visited {
color: white; /* This color can be the same as other links on the wiki, or the same as the portal labels on the sidebar, or different from either */
}
div#mw-panel div.portal h3,
div#mw-panel div.portal h3:visited,
#mw-panel.collapsible-nav .portal h3 a,
#mw-panel.collapsible-nav .portal h3 a:visited,
#mw-panel.collapsible-nav .portal.collapsed h3 a,
#mw-panel.collapsible-nav .portal.collapsed h3 a:visited {
-webkit-text-stroke: 1px black;
color: #FF85A9;
text-shadow:
2px 2px 0 #000,
-1px -1px 0 #000,
1px -1px 0 #000,
-1px 1px 0 #000,
1px 1px 0 #000;
font-weight: bold; /* Optional, to make the labels stand out */
text-transform: uppercase; /* Optional, to make the labels stand out */
font-size:102%;
}
#mw-panel.collapsible-nav .portal.collapsed h3 {
background-image: linear-gradient(transparent, transparent), url(https://birthdaysthebeginning.gamepedia.com/media/birthdaysthebeginning.gamepedia.com/1/1b/Dino1.png);
background-position: left center;
background-repeat: no-repeat;
color: #0645ad;
background-size: 25px auto;
}
#mw-panel.collapsible-nav .portal h3 {
background-image: linear-gradient(transparent, transparent), url(https://birthdaysthebeginning.gamepedia.com/media/birthdaysthebeginning.gamepedia.com/9/95/Dino2.png);
background-position: left center;
background-repeat: no-repeat;
padding-bottom: 3px;
padding-left: 1.5em;
padding-right: 0;
padding-top: 4px;
background-size: 25px auto;
}
div#mw-panel div#p-socialProfiles.portal .body {
margin: auto;
}
.socialSidebar {
width: auto;
max-width: 100%;
}
/* Wiki editor fixes */
div.wikiEditor-preview-contents,
div.wikiEditor-preview-loading {
background-color: transparent;
}
.wikiEditor-ui {
background: rgba(0, 0, 0, 0);
border: medium none;
}
.wikiEditor-ui .wikiEditor-ui-view {
border-bottom: medium none;
border-left: 1px solid #202020;
border-right: 1px solid #202020;
border-top : medium none;
}
div.wikiEditor-ui-buttons {
background-color: rgba(0, 0, 0, 0);
border-top: medium none;
margin-right: 5px;
}
div.wikiEditor-ui-controls {
background-color: rgba(0, 0, 0, 0);
border-bottom: 1px solid #202020;
}
.wikiEditor-ui-tabs {
background-color: orange;
border-left: 1px solid #202020;
border-top: 1px solid #202020;
}
.wikiEditor-ui-tabs div {
background-color: orange;
border-right: 1px solid #202020;
border-bottom: 1px solid #202020;
}
.wikiEditor-ui-tabs div a {
background: orange; /* you can use a gradient here if you want to match your vector tabs or get fancy */
color: #202020;
}
.wikiEditor-ui-tabs div.current {
background-color: #FF7727;
border-bottom: 1px solid #202020;
}
.wikiEditor-ui-tabs div.current a {
color: white; /* depends on your tabs bg & how different you wish the current tab and text to appear */
font-weight: bold; /* optional to make it stand out */
}
.wikiEditor-ui .wikiEditor-ui-top {
border-bottom: 1px solid #202020;
}
.wikiEditor-ui-toolbar {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.wikiEditor-ui-toolbar .group {
border-right: 1px solid #202020;
}
.wikiEditor-ui-toolbar .group-search {
border-left: 1px solid #202020;
border-right: none;
}
.wikiEditor-ui-toolbar .group .label {
color: black;
}
.tab {
border-color: rgba(0, 0, 0, 0);
}
.wikiEditor-ui-toolbar .tabs span.tab a,
.wikiEditor-ui-toolbar .tabs span.tab a:visited {
color: black;
}
.wikiEditor-ui-toolbar .tabs span.tab a.current,
.wikiEditor-ui-toolbar .tabs span.tab a.current:visited {
color: black;
}
.wikiEditor-ui-toolbar .group .tool-select .label {
color: #000000; /* or any other dark colour, or change the bg to a dark colour to contrast with light text */
}
.wikiEditor-ui-toolbar .sections .section {
background-color: rgba(0, 0, 0, 0.2);
border-top: 1px solid #202020;
}
.wikiEditor-ui-toolbar .booklet .index div {
color: #202020;
}
.wikiEditor-ui-toolbar .booklet .index .current {
background-color: orange;
color: #202020;
}
.wikiEditor-ui-toolbar .booklet .pages {
background-color: orange;
}
.wikiEditor-ui-toolbar .page-characters div span {
border: 1px solid #202020;
color: #202020;
background:white;
}
.wikiEditor-ui-toolbar .page-characters div span:hover {
background-color: rgba(255, 255, 255, 0.3);
border-color: #202020;
color: #FF7796;
}
.wikiEditor-ui-toolbar .page-table td {
border-top: 1px solid #202020;
color: #202020;
}
.wikiEditor-preview-loading {
background-color: rgba(0, 0, 0, 0);
}
.wikiEditor-preview-contents {
background-color: rgba(0, 0, 0, 0);
border-color: -moz-use-text-color #202020 #202020;
border-image: none;
border-style: none solid solid;
border-width: medium 1px 1px;
}
.editOptions {
background-color: rgba(255,255,255,0.5);
border-color: -moz-use-text-color #202020 #202020;
border-image: none;
border-style: none solid solid;
border-width: medium 1px 1px;
}
/* Preferences */
.client-js #preftoc {
background-color: rgba(255, 255, 255, 0.5);
border: 0px;
}
.client-js #preftoc,
.client-js #preftoc li,
.client-js #preferences,
.client-js #preftoc li a {
background-image: none;
background-color: transparent;
color: #666666; /* this font color may need tweaking, depending on your background choices */
}
.client-js #preftoc li:first-child {
margin-bottom: 1px;
margin-left: 5px;
}
.client-js #preftoc li.selected a {
background-color: rgba(255, 255, 255, 0.5);
background-image: none;
border-color: #aaaaaa #aaaaaa rgba(255, 255, 255, 0.5);
border-style: solid;
border-width: 1px;
color: #000000; /* this font color may need tweaking, depending on your background choices */
}
.client-js #preferences {
background-color: rgba(255, 255, 255, 0.5);
border: 1px solid #aaaaaa;
}
.client-js #preferences fieldset {
border-color: #aaaaaa;
}
/* Page history */
#pagehistory li {
background-color: rgba(0, 0, 0, 0);
border: none;
padding: 3px;
}
#pagehistory li.selected {
background-color: rbga(0, 0, 0, 0);
background-image: none;
border: 1px dashed #aaaaaa;
padding: 3px;
}
table.diff {
background: transparent;
}
td.diff-context {
background: none repeat scroll 0 0 transparent;
color: #000000; /* this font colour may need tweaking depending on your choice of background */
}
td.diff-deletedline {
background-color: #FFE49C;
border-color: #FFE49C;
color: #000000;
}
td.diff-addedline {
background-color: #A3D3FF;
border-color: #A3D3FF;
color: #000000;
}
/* for "edit this page" tab and "discussion" tab etc */
.pagetab {
border-style: solid solid none;
border-width: thin;
border-color: #808080;
padding:0.25ex 1ex 0ex;
font-size: 95%;
}
.ambox {
background-color: #eeeeee;
border-bottom-color: #383838;
border-right-color: #383838;
border-top-color: #383838;
border-collapse: collapse;
font-size: 95%;
margin: 0 auto 2px auto;
width: 80%;
}
.ambox-gray {
border-left-color: #383838;
}
.ambox.ambox-tiny {
font-size: 90%;
margin: 2px 0;
width: auto;
}
.ambox + .ambox {
margin-top: -2px;
}
.ambox-text {
padding: 0.25em 0.5em;
}
.ambox-image {
padding: 2px 0px 2px 0.5em;
text-align: center;
width: 60px;
}
.ambox-tiny .ambox-image {
padding: 2px 0.5em;
text-align: left;
width: auto;
}
/* Ambox colors */
.ambox-blue {
border-left: 10px solid #1e90ff;
}
.ambox-red {
border-left: 10px solid #b22222;
}
.ambox-orange {
border-left: 10px solid #f28500;
}
.ambox-yellow {
border-left: 10px solid #f4c430;
}
.ambox-purple {
border-left: 10px solid #9932cc;
}
.ambox-gray {
border-left: 10px solid #bba;
}
.ambox-green {
border-left: 10px solid #228b22;
}
/* Ambox small text */
.amsmalltext {
font-size: smaller;
margin-left:0.8em;
margin-top:0.5em;
}
/* INFOBOXES: game or book depended color style */
.infoboxtable {
background-color: #103f63;
border: 1px solid #0e395a;
color: #56d7ed;
float: right;
font-size: 89%;
margin-bottom: 0.5em;
margin-left: 1em;
padding: 0.2em;
width: 300px;
}
.infoboxtable td {
vertical-align: top;
}
.infoboxtable a,
.infoboxtable a:link,
.infoboxtable a:visited {
color: gray;
vertical-align: top;
}
.infoboxtable td > div {
background-color: transparent;
font-weight: bold;
padding: 0.5px 7px;
text-align: right;
width:135px;
}
.infoboxname {
font-size: 120%;
font-weight: bold;
padding: 0.5em;
font-family: "OpenSans-Semibold";
background-attachment: scroll;
background-clip: border-box;
background-color: rgba(0, 0, 0, 0);
background-image: url("https://birthdaysthebeginning.gamepedia.com/media/birthdaysthebeginning.gamepedia.com/3/3a/Bg_stripes.png");
background-origin: padding-box;
background-position-y: center;
background-repeat: repeat;
background-size: 100% 100%;
height: 20px;
}
.infoboxdetails {
padding: 0em;
}
/* copyright images tweak */
.copyright-icon {
background: url("https://commons.gamepedia.com/media/commons.gamepedia.com/thumb/b/b6/Copyright.png/32px-Copyright.png") transparent center center no-repeat;
background-size: 100%;
width: 32px;
height: 32px;
}
div#simpleSearch {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: white;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAQCAIAAABY/YLgAAAAJUlEQVQIHQXBsQEAAAjDoND/73UWdnerhmHVsDQZJrNWVg3Dqge6bgMe6bejNAAAAABJRU5ErkJggg==");
background-position: left top;
background-repeat: repeat-x;
border-bottom-color: #aaa;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-image-outset: 0 0 0 0;
border-image-repeat: stretch stretch;
border-image-slice: 100% 100% 100% 100%;
border-image-source: none;
border-image-width: 1 1 1 1;
border-left-color: #aaa;
border-left-style: solid;
border-left-width: 1px;
border-right-color: #aaa;
border-right-style: solid;
border-right-width: 1px;
border-top-color: #aaa;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-top-style: solid;
border-top-width: 1px;
color: black;
display: block;
height: 1.4em;
margin-top: -0.4em;
max-width: 20em;
min-height: 1px;
min-width: 5em;
padding-right: 1.4em;
position: relative;
}
/* footer */
div#footer {
background: none repeat scroll 0 0 rgba(209, 247, 253, 0.8);
border:none;
box-shadow: 0 0.1em 0.75em white;
color: black;
margin-left: 11em;
padding-bottom: 1.25em;
padding-left: 1.25em;
padding-right: 1.25em;
padding-top: 1.25em;
margin-top: 10px;
}
#toc #toctitle,
.toc #toctitle,
#toc .toctitle,
.toc .toctitle {
text-align: center;
color: #ff85a9;
font-size: 102%;
font-weight: bold;
text-transform: uppercase;
background-color: #e3e236;
border:1px solid #380E08;
border-radius: 5px;
padding:3px;
}
#toc,
.toc {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
display: table;
padding-bottom: 7px;
padding-left: 7px;
padding-right: 7px;
padding-top: 7px;
border:2px solid #380E08;
}
.mw-body #toc h2,
.mw-body .toc h2 {
font-family: sans-serif;
font-size: 100%;
color: black;
font-weight: bold;
}
/* Tables */
table.wikitable > tr > th, table.wikitable > * > tr > th {
background-color: #ff7b9c;
font-family: "OpenSans-Semibold";
color: black;
text-align: center;
}
table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {
border: 1px solid #380E08;
padding-bottom: 0.2em;
padding-left: 0.4em;
padding-right: 0.4em;
padding-top: 0.2em;
}
table.wikitable > tr > td,
table.wikitable > * > tr > td {
background: #E3E236;
padding-bottom: 0.2em;
padding-left: 0.4em;
padding-right: 0.4em;
padding-top: 0.2em;
}
/********************************/
/* Front page appearance styles */
/********************************/
.fpbox .mainheading {
border: 0;
}
.fpbox {
background: rgba(0, 0, 0, 0.1);
border-radius: 5px;
border: 1px solid black;
box-shadow: 0 0.1em 0.75em #AF9CBB;
color: black; /* change for hydra (light) wikis */
margin: 5px 5px 5px 5px;
padding: 5px 5px 5px 5px;
}
.fpbox .welcome {
border-bottom: 1px solid #505050;
color: black; /* change for hydra (light) wikis */
font-size: 150%;
margin: 0 0 10px 0;
padding: 0 0 5px 0;
text-transform: uppercase;
text-align: center;
}
.fpbox .heading {
border-bottom: 1px solid #505050;
color: black; /* change for hydra (light) wikis */
font-size: 132%;
font-variant: small-caps;
margin: 0 0 10px 0;
padding: 0 0 5px 0;
background: #ff7727 linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0;
font-family: "OpenSans-Bold";
}
.fplink:not(.fplink-plain) {
background: #ff7727 linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0;
border: 1px solid black;
border-radius: 3px;
box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.2);
color: black;
font-weight: bold;
text-transform: uppercase;
font-family: "OpenSans-Bold", "sans-serif";
}
.fplink-fullwidth .fplink:not(.fplink-plain) {
background: rgba(0,0,0,0.4);
}
.linkslabel {
border-bottom: 2px solid #505050;
}
/************************************/
/* Front page appearance styles END */
/************************************/
/* Other element styles */
.mw-search-profile-tabs {
border: 1px solid #9d5d0b;
background-color: #ffbf6c;
margin-top: 1em;
}
.mw-search-profile-tabs div.search-types ul li.current a {
color: gray;
cursor: default;
}