https://happybirthdays.fandom.com/api.php?action=feedcontributions&user=Encredechine&feedformat=atom
Happy Birthdays Wiki - User contributions [en]
2024-03-28T08:40:30Z
User contributions
MediaWiki 1.39.6
https://happybirthdays.fandom.com/wiki/Items?diff=6272
Items
2023-10-17T21:56:06Z
<p>Encredechine: </p>
<hr />
<div>{{stub}}<br />
{{PAGENAME}} - or "Seeds" appear as little blinking stars on the cube's surface (or down in its sea). Those little helpers can appear after a while, when certain conditions are met. Players will receive "Seed of Evolution", for instance, after they have captured 15 [[Organisms]]. Of course, sometimes, [[Navi]] will help out, such as in the first [[Episodes|Episode]] "[[The Cube is born]]".<br />
<br />
== List of Items ==<br />
{{cols|2|<br />
: [[Primordial Drop]]<br />
: [[Broth of Life]]<br />
: [[Seed of Life]]<br />
: [[Seed of Evolution]]<br />
: [[Seed of Mutation]]<br />
: [[Small Recovery Leaf]]<br />
: [[Normal Recovery Leaf]]<br />
: [[Large Recovery Leaf]]<br />
: [[River Source]]<br />
: [[Mountain Source]]<br />
: [[Mountain Range Source]]<br />
: [[Valley Source]]<br />
: [[Field Source]]<br />
: [[Water of Life]]<br />
: [[Global Warming]]<br />
: [[Global Cooling]]<br />
: [[Rainclouds and Sunlight]]<br />
: [[Vigorous Vegetation]]<br />
: [[Rainbow Coating]]<br />
: [[Stones]]<br />
: [[Mysterious Glass Jar]]<br />
}}<br />
<br />
[[Category:Game]]</div>
Encredechine
https://happybirthdays.fandom.com/wiki/How_To_Play_Guide_For_Birthdays_the_Beginning?diff=6246
How To Play Guide For Birthdays the Beginning
2023-10-17T06:55:26Z
<p>Encredechine: </p>
<hr />
<div>{{tocright}}<br />
The [[Prologue|introduction]] starts with the player meeting '''Navi''', a creature, who used to create whole worlds. He now needs help from the player to do this, and that's how the first [[Episodes|Episode]] of [[Birthdays the Beginning]] starts.<br />
{{clear}}<br />
== Player ==<br />
[[file:Chara-navi-img.png|50px|thumb|left]] <big>Navi</big><br />
{{clear}} <br />
Navi is the instructor and little helper of the Avatar. Once he could grow worlds on his own, but now he needs help!<br />
<br />
[[file:Chara-avatar-img.png|50px|thumb|left]] <big>Avatar</big><br />
The player character is represented by a small flying avatar. If the player likes to, he can name the Avatar. The player can see the Level and HP on the screen to the left. There is also the item menu.<br />
<br />
== Controls ==<br />
The cursor is a blinking red square, which is used to alter the [[Cube]]world.<br />
: WASD/right and left stick<br />
: Press '''C''' to move faster<br />
: Press '''.''' to raise land<br />
: Press ''',''' to lower land<br />
: Press '''B''' to capture organisms<br />
: Use the '''mouse wheel''' to adjust the cursor size<br />
: '''Press the mouse wheel''' to move the camera around. press again to get back.<br />
<br />
== Mini Map ==<br />
The mini map is a top down view on the whole cube.<br />
: The location of the avatar is shown by a red pin.<br />
: Locations on the map are marked red. Items appear as yellow dots.<br />
: Organisms appear as tiny pink dots<br />
<br />
== Micro Mode ==<br />
:Similar as '''Macro Mode''', but it's the mode, where players can terraform, pick up items and capture (select it with the cursor and press '''B''') organisms. Capturing organisms gives the Avatar XP and is necessary to level up. Collecting [[items]] is important for the terraforming process. Life forms are displayed as tiny pink dots in the mini map.<br />
[[file:capturing.png|150px|right|thumb|The Avatar captures an organism]]<br />
<br />
== Macro Mode ==<br />
: Press '''I''', to enter this mode<br />
: Heal lost HP<br />
: Unfreeze time: press '''X''' to start time and '''C''' to fast-forward time<br />
<br />
== View Mode == <br />
In this mode, terraforming is not possible, but one can have a closer look at the life forms. The Avatar can descend (''',''') and ascend with ('''.'''). Press '''V''' to enter this mode.<br />
<br />
== Life News ==<br />
: Shows all important news of the world, which organism appears, which is nearly extinct?<br />
<br />
== Cube Status ==<br />
: Shows the Air temperature, how much plant and animal life and land and water mass the world has.<br />
<br />
== How to build a world ==<br />
: While Navi will be a little helper in the beginning of the cube, players should always check and press '''N''', which opens the game menu. From there, players can watch their current cube status, they can save their progress, see their library of collected organisms and the game settings. <br />
: Players should meet the necessary conditions, if they want to create successfully a thriving cube. '''Lowering''' the land '''increases temperatures''', while '''highlands lower temperatures'''. Players should always have an eye on the cube status.<br />
: There are many [[items]] to be found in the world, which can help the development of the world.<br />
{{stub}}<br />
<br />
[[Category:Game]]</div>
Encredechine
https://happybirthdays.fandom.com/wiki/How_To_Play_Guide_For_Birthdays_the_Beginning?diff=6245
How To Play Guide For Birthdays the Beginning
2023-10-17T06:55:01Z
<p>Encredechine: reverted to this version</p>
<hr />
<div>{{tocright}}<br />
The [[Prologue|introduction]] starts with the player meeting '''Navi''', a creature, who used to create whole worlds. He now needs help from the player to do this, and that's how the first [[Episodes|Episode]] of [[Birthdays the Beginning]] starts.<br />
<br />
== Player ==<br />
[[file:Chara-navi-img.png|50px|thumb|left]] <big>Navi</big><br />
{{clear}} <br />
Navi is the instructor and little helper of the Avatar. Once he could grow worlds on his own, but now he needs help!<br />
<br />
[[file:Chara-avatar-img.png|50px|thumb|left]] <big>Avatar</big><br />
The player character is represented by a small flying avatar. If the player likes to, he can name the Avatar. The player can see the Level and HP on the screen to the left. There is also the item menu.<br />
<br />
== Controls ==<br />
The cursor is a blinking red square, which is used to alter the [[Cube]]world.<br />
: WASD/right and left stick<br />
: Press '''C''' to move faster<br />
: Press '''.''' to raise land<br />
: Press ''',''' to lower land<br />
: Press '''B''' to capture organisms<br />
: Use the '''mouse wheel''' to adjust the cursor size<br />
: '''Press the mouse wheel''' to move the camera around. press again to get back.<br />
<br />
== Mini Map ==<br />
The mini map is a top down view on the whole cube.<br />
: The location of the avatar is shown by a red pin.<br />
: Locations on the map are marked red. Items appear as yellow dots.<br />
: Organisms appear as tiny pink dots<br />
<br />
== Micro Mode ==<br />
:Similar as '''Macro Mode''', but it's the mode, where players can terraform, pick up items and capture (select it with the cursor and press '''B''') organisms. Capturing organisms gives the Avatar XP and is necessary to level up. Collecting [[items]] is important for the terraforming process. Life forms are displayed as tiny pink dots in the mini map.<br />
[[file:capturing.png|150px|right|thumb|The Avatar captures an organism]]<br />
<br />
== Macro Mode ==<br />
: Press '''I''', to enter this mode<br />
: Heal lost HP<br />
: Unfreeze time: press '''X''' to start time and '''C''' to fast-forward time<br />
<br />
== View Mode == <br />
In this mode, terraforming is not possible, but one can have a closer look at the life forms. The Avatar can descend (''',''') and ascend with ('''.'''). Press '''V''' to enter this mode.<br />
<br />
== Life News ==<br />
: Shows all important news of the world, which organism appears, which is nearly extinct?<br />
<br />
== Cube Status ==<br />
: Shows the Air temperature, how much plant and animal life and land and water mass the world has.<br />
<br />
== How to build a world ==<br />
: While Navi will be a little helper in the beginning of the cube, players should always check and press '''N''', which opens the game menu. From there, players can watch their current cube status, they can save their progress, see their library of collected organisms and the game settings. <br />
: Players should meet the necessary conditions, if they want to create successfully a thriving cube. '''Lowering''' the land '''increases temperatures''', while '''highlands lower temperatures'''. Players should always have an eye on the cube status.<br />
: There are many [[items]] to be found in the world, which can help the development of the world.<br />
{{stub}}<br />
<br />
[[Category:Game]]</div>
Encredechine
https://happybirthdays.fandom.com/wiki/How_To_Play_Guide_For_Birthdays_the_Beginning?diff=6244
How To Play Guide For Birthdays the Beginning
2023-10-17T06:51:31Z
<p>Encredechine: </p>
<hr />
<div>{{tocright}}<br />
The [[Prologue|introduction]] starts with the player meeting '''Navi''', a creature, who used to create whole worlds. He now needs help from the player to do this, and that's how the first [[Episodes|Episode]] of [[Birthdays the Beginning]] starts.<br />
<br />
== Player ==<br />
[[file:Chara-navi-img.png|50px|left]] <big>Navi</big> <br />
:Navi is the instructor and little helper of the Avatar. Once he could grow worlds on his own, but now he needs help!<br />
<br />
[[file:Chara-avatar-img.png|50px|left]] <big>Avatar</big><br />
:The player character is represented by a small flying avatar. If the player likes to, he can name the Avatar. The player can see the Level and HP on the screen to the left. There is also the item menu.<br />
<br />
== Controls ==<br />
The cursor is a blinking red square, which is used to alter the [[Cube]]world.<br />
: WASD/right and left stick<br />
: Press '''C''' to move faster<br />
: Press '''.''' to raise land<br />
: Press ''',''' to lower land<br />
: Press '''B''' to capture organisms<br />
: Use the '''mouse wheel''' to adjust the cursor size<br />
: '''Press the mouse wheel''' to move the camera around. press again to get back.<br />
<br />
== Mini Map ==<br />
The mini map is a top down view on the whole cube.<br />
: The location of the avatar is shown by a red pin.<br />
: Locations on the map are marked red. Items appear as yellow dots.<br />
: Organisms appear as tiny pink dots<br />
<br />
== Micro Mode ==<br />
:Similar as Macro Mode, but it's the mode, where players can terraform, pick up items and capture (select it with the cursor and press '''B''') organisms. Capturing organisms gives the Avatar XP and is necessary to level up. Collecting [[items]] is important for the terraforming process. Life forms are displayed as tiny pink dots in the mini map.<br />
[[file:capturing.png|150px|right|thumb|Avatar capturing an organism]]<br />
<br />
== Macro Mode ==<br />
: Press '''I''', to enter this mode<br />
: Heal lost HP<br />
: Unfreeze time: press '''X''' to start time and '''C''' to fast-forward time<br />
<br />
== View Mode == <br />
In this mode, terraforming is not possible, but one can have a closer look at the life forms. The Avatar can descend (''',''') and ascend with ('''.'''). Press '''V''' to enter this mode.<br />
[[Category:Game]]<br />
<br />
== Life News ==<br />
: Shows all important news of the world, which organism appears, which is nearly extinct?<br />
<br />
== Cube Status ==<br />
: Shows the Air temperature, how much plant and animal life and land and water mass the world has.<br />
<br />
== How to build a world ==<br />
: While Navi will be a little helper in the beginning of the cube, players should always check and press '''N''', which opens the game menu. From there, players can watch their current cube status, they can save their progress, see their library of collected organisms and the game settings. <br />
: Players should meet the necessary conditions, if they want to create successfully a thriving cube. '''Lowering''' the land '''increases temperatures''', while '''highlands lower temperatures'''. Players should always have an eye on the cube status.<br />
: There are many [[items]] to be found in the world, which can help the development of the world.<br />
{{stub}}<br />
<br />
[[Category:Game]]</div>
Encredechine
https://happybirthdays.fandom.com/wiki/How_To_Play_Guide_For_Birthdays_the_Beginning?diff=6243
How To Play Guide For Birthdays the Beginning
2023-10-17T06:51:10Z
<p>Encredechine: </p>
<hr />
<div>{{stub}}<br />
The [[Prologue|introduction]] starts with the player meeting '''Navi''', a creature, who used to create whole worlds. He now needs help from the player to do this, and that's how the first [[Episodes|Episode]] of [[Birthdays the Beginning]] starts.<br />
<br />
== Player ==<br />
[[file:Chara-navi-img.png|50px|left]] <big>Navi</big> <br />
:Navi is the instructor and little helper of the Avatar. Once he could grow worlds on his own, but now he needs help!<br />
<br />
[[file:Chara-avatar-img.png|50px|left]] <big>Avatar</big><br />
:The player character is represented by a small flying avatar. If the player likes to, he can name the Avatar. The player can see the Level and HP on the screen to the left. There is also the item menu.<br />
<br />
== Controls ==<br />
The cursor is a blinking red square, which is used to alter the [[Cube]]world.<br />
: WASD/right and left stick<br />
: Press '''C''' to move faster<br />
: Press '''.''' to raise land<br />
: Press ''',''' to lower land<br />
: Press '''B''' to capture organisms<br />
: Use the '''mouse wheel''' to adjust the cursor size<br />
: '''Press the mouse wheel''' to move the camera around. press again to get back.<br />
<br />
== Mini Map ==<br />
The mini map is a top down view on the whole cube.<br />
: The location of the avatar is shown by a red pin.<br />
: Locations on the map are marked red. Items appear as yellow dots.<br />
: Organisms appear as tiny pink dots<br />
<br />
== Micro Mode ==<br />
:Similar as Macro Mode, but it's the mode, where players can terraform, pick up items and capture (select it with the cursor and press '''B''') organisms. Capturing organisms gives the Avatar XP and is necessary to level up. Collecting [[items]] is important for the terraforming process. Life forms are displayed as tiny pink dots in the mini map.<br />
[[file:capturing.png|150px|right|thumb|Avatar capturing an organism]]<br />
<br />
== Macro Mode ==<br />
: Press '''I''', to enter this mode<br />
: Heal lost HP<br />
: Unfreeze time: press '''X''' to start time and '''C''' to fast-forward time<br />
<br />
== View Mode == <br />
In this mode, terraforming is not possible, but one can have a closer look at the life forms. The Avatar can descend (''',''') and ascend with ('''.'''). Press '''V''' to enter this mode.<br />
[[Category:Game]]<br />
<br />
== Life News ==<br />
: Shows all important news of the world, which organism appears, which is nearly extinct?<br />
<br />
== Cube Status ==<br />
: Shows the Air temperature, how much plant and animal life and land and water mass the world has.<br />
<br />
== How to build a world ==<br />
: While Navi will be a little helper in the beginning of the cube, players should always check and press '''N''', which opens the game menu. From there, players can watch their current cube status, they can save their progress, see their library of collected organisms and the game settings. <br />
: Players should meet the necessary conditions, if they want to create successfully a thriving cube. '''Lowering''' the land '''increases temperatures''', while '''highlands lower temperatures'''. Players should always have an eye on the cube status.<br />
: There are many [[items]] to be found in the world, which can help the development of the world.<br />
<br />
[[Category:Game]]</div>
Encredechine
https://happybirthdays.fandom.com/wiki/Happy_Birthdays_Wiki/Flex_section?diff=6031
Happy Birthdays Wiki/Flex section
2021-07-12T13:39:55Z
<p>Encredechine: </p>
<hr />
<div><div class="fpbox mobilecollapsible expanded" style="text-align: center;"><!-- BEGIN Videos box--><br />
<div class="heading desktopcenter mobileleft">Videos</div><br />
<div class="body" style="text-align: center;"><br />
{{#ev:youtube|BdflhkNkJL0|480|center|||autoplay=false}}<br />
</div><br />
</div><!--END Videos box--><br />
<br />
<div class="fpbox nomobile" style="text-align: center;"><!-- BEGIN Images box--><br />
<div class="heading">Featured images</div><br />
<div class="body"><br />
[[file:scr2.jpg|250px|border]] [[file:scr3.jpg|250px|border]] [[file:scr5.jpg|250px|border]]<br />
[[file:scr6.jpg|250px|border]] [[file:scr7.jpg|250px|border]] [[file:scr10.jpg|250px|border]]<br><br />
Have a look at more [[:Category:Screenshots|Screenshots]].<br />
</div><br />
</div><!--END Images box--><br />
<br />
<div class="fpbox mobilecollapsible expanded" id="fplinks" style="text-align: center;"><!-- BEGIN Links box--><br />
<div class="heading desktopcenter mobileleft">''{{Gamename}}'' Links</div><br />
<div class="body"><div class="fplinks"><!--<br />
-->{{FP link|url=http://www.birthdaysthebeginning.com/|<span style{{=}}"color: #ffffff;">Official page</span>|width=full}}<!--<br />
-->{{FP link|url=http://www.toybox-games.jp/|More from Toybox Games|width=full}}<!--<br />
--></div></div><br />
</div><!--END Links box--><noinclude>[[Category:Front page sections]]</noinclude></div>
Encredechine
https://happybirthdays.fandom.com/wiki/MediaWiki:Fandomdesktop.css?diff=6030
MediaWiki:Fandomdesktop.css
2021-07-12T13:39:09Z
<p>Encredechine: adding used font</p>
<hr />
<div>/* CSS placed here will affect users of the Fandomdesktop skin */<br />
/* For elements which only display in the mobile view */<br />
.mobileonly {<br />
display: none;<br />
}<br />
<br />
/* fonts */<br />
@font-face {<br />
font-family: 'OpenSans-Bold';<br />
src: local('OpenSans-Bold'), local('OpenSans-Bold'), url(/media/hydra/fonts/OpenSans-Bold.ttf) format('truetype');<br />
}<br />
<br />
/* The following section is necessary for most of the Notice templates */<br />
/* for "edit this page" tab and "discussion" tab etc */<br />
.pagetab {<br />
border-style: solid solid none;<br />
border-width: thin;<br />
border-color: var(--theme-border-color);<br />
padding: 0.25em 1em 0;<br />
font-size: 95%;<br />
}<br />
<br />
.ambox {<br />
background-color: var(--theme-page-text-mix-color-95);<br />
border-bottom-color: var(--theme-link-dynamic-color-2);<br />
border-right-color: var(--theme-link-dynamic-color-2);<br />
border-top-color: var(--theme-link-dynamic-color-2);<br />
border-collapse: collapse;<br />
display: flex;<br />
font-size: 95%;<br />
margin: 0 auto 2px auto;<br />
width: 80%;<br />
}<br />
<br />
.ambox-gray {<br />
border-left-color: #383838;<br />
}<br />
<br />
.ambox.ambox-tiny {<br />
font-size: 90%;<br />
margin: 2px 0;<br />
width: auto;<br />
}<br />
<br />
.ambox + .ambox {<br />
margin-top: -2px;<br />
}<br />
<br />
.ambox-text {<br />
padding: 0.25em 0.5em;<br />
}<br />
<br />
.ambox-image {<br />
align-self: center;<br />
padding: 2px 0px 2px 0.5em;<br />
text-align: center;<br />
width: 60px;<br />
}<br />
<br />
.ambox-tiny .ambox-image {<br />
padding: 2px 0.5em;<br />
text-align: left;<br />
width: auto;<br />
}<br />
<br />
/* Ambox colors */<br />
.ambox-blue {<br />
border-left: 10px solid #1e90ff;<br />
}<br />
<br />
.ambox-red {<br />
border-left: 10px solid #b22222;<br />
}<br />
<br />
.ambox-orange {<br />
border-left: 10px solid #f28500;<br />
}<br />
<br />
.ambox-yellow {<br />
border-left: 10px solid #f4c430;<br />
}<br />
<br />
.ambox-purple {<br />
border-left: 10px solid #9932cc;<br />
}<br />
<br />
.ambox-gray {<br />
border-left: 10px solid #bba;<br />
}<br />
<br />
.ambox-green {<br />
border-left: 10px solid #228b22;<br />
}<br />
<br />
/* Ambox small text */<br />
.amsmalltext {<br />
font-size: smaller;<br />
margin-left: 0.8em;<br />
margin-top: 0.5em;<br />
}<br />
<br />
/* Quote template */<br />
.quote-outer {<br />
align-items: center;<br />
border: var(--theme-border-color) solid 2px;<br />
border-radius: 10px 10px 10px 10px;<br />
padding: 0.2em 0.5em 1em 0.2em;<br />
display: flex;<br />
margin: auto;<br />
max-width: max-content;<br />
}<br />
<br />
.quote {<br />
display: grid;<br />
grid-template: "a b c" auto "d e e" auto / 50px auto 50px;<br />
margin: 0 auto;<br />
}<br />
<br />
.quotes {<br />
color: var(--theme-link-color);<br />
font-size: 40pt;<br />
font-family: serif;<br />
font-weight: bold;<br />
padding: 0px 10px;<br />
}<br />
<br />
.item-a,<br />
.item-c {<br />
color: var(--theme-link-color);<br />
}<br />
<br />
/* INFOBOXES: game or book depended color style */<br />
.infoboxtable {<br />
background-color: #103f63;<br />
border: 1px solid #0e395a;<br />
color: #56d7ed;<br />
float: right;<br />
font-size: 89%; <br />
margin-bottom: 0.5em; <br />
margin-left: 1em; <br />
padding: 0.2em; <br />
width: 300px;<br />
}<br />
<br />
.infoboxtable td {<br />
vertical-align: top;<br />
}<br />
<br />
.infoboxtable a,<br />
.infoboxtable a:link,<br />
.infoboxtable a:visited {<br />
color: gray;<br />
vertical-align: top;<br />
}<br />
<br />
.infoboxtable td > div {<br />
background-color: transparent;<br />
font-weight: bold;<br />
padding: 0.5px 7px;<br />
text-align: right;<br />
width:135px;<br />
}<br />
<br />
.infoboxname {<br />
font-size: 120%; <br />
font-weight: bold;<br />
padding: 0.5em; <br />
font-family: "OpenSans-Semibold";<br />
background-attachment: scroll;<br />
background-clip: border-box;<br />
background-color: rgba(0, 0, 0, 0);<br />
background-image: url("https://static.wikia.nocookie.net/birthdaysthebeginnings_gamepedia_en/images/3/3a/Bg_stripes.png/revision/latest");<br />
background-origin: padding-box;<br />
background-position-y: center;<br />
background-repeat: repeat;<br />
background-size: 100% 100%;<br />
height: 20px;<br />
}<br />
<br />
.infoboxdetails {<br />
padding: 0em;<br />
}<br />
/********************************/<br />
/* Front page appearance styles */<br />
/********************************/<br />
.fpbox .mainheading {<br />
border: 0;<br />
}<br />
<br />
.fpbox {<br />
background: rgba(0, 0, 0, 0.1);<br />
border-radius: 5px;<br />
border: 1px solid black;<br />
box-shadow: 0 0.1em 0.75em #AF9CBB;<br />
margin: 5px 5px 5px 5px;<br />
padding: 5px 5px 5px 5px;<br />
}<br />
<br />
.fpbox .welcome {<br />
border-bottom: 1px solid #505050;<br />
font-size: 150%;<br />
margin: 0 0 10px 0;<br />
padding: 0 0 5px 0;<br />
text-transform: uppercase;<br />
text-align: center;<br />
}<br />
<br />
.fpbox .heading {<br />
border-bottom: 1px solid #505050;<br />
color: black; /* change for hydra (light) wikis */<br />
font-size: 132%;<br />
font-variant: small-caps;<br />
margin: 0 0 10px 0;<br />
padding: 0 0 5px 0;<br />
background: #ff7727 linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0;<br />
font-family: "OpenSans-Bold";<br />
}<br />
<br />
.fplink:not(.fplink-plain) {<br />
background: #ff7727 linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0;<br />
border: 1px solid black;<br />
border-radius: 3px;<br />
box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.2);<br />
color: black;<br />
font-weight: bold;<br />
text-transform: uppercase;<br />
font-family: "OpenSans-Bold", "sans-serif";<br />
}<br />
<br />
.fplink-fullwidth .fplink:not(.fplink-plain) {<br />
background: rgba(0,0,0,0.4);<br />
}<br />
<br />
.linkslabel {<br />
border-bottom: 2px solid #505050;<br />
}<br />
<br />
/************************************/<br />
/* Front page appearance styles END */<br />
/************************************/</div>
Encredechine
https://happybirthdays.fandom.com/wiki/MediaWiki:Fandomdesktop.css?diff=6029
MediaWiki:Fandomdesktop.css
2021-07-12T13:38:15Z
<p>Encredechine: color setting in FPbox removed so it works on both skins</p>
<hr />
<div>/* CSS placed here will affect users of the Fandomdesktop skin */<br />
/* For elements which only display in the mobile view */<br />
.mobileonly {<br />
display: none;<br />
}<br />
<br />
/* The following section is necessary for most of the Notice templates */<br />
/* for "edit this page" tab and "discussion" tab etc */<br />
.pagetab {<br />
border-style: solid solid none;<br />
border-width: thin;<br />
border-color: var(--theme-border-color);<br />
padding: 0.25em 1em 0;<br />
font-size: 95%;<br />
}<br />
<br />
.ambox {<br />
background-color: var(--theme-page-text-mix-color-95);<br />
border-bottom-color: var(--theme-link-dynamic-color-2);<br />
border-right-color: var(--theme-link-dynamic-color-2);<br />
border-top-color: var(--theme-link-dynamic-color-2);<br />
border-collapse: collapse;<br />
display: flex;<br />
font-size: 95%;<br />
margin: 0 auto 2px auto;<br />
width: 80%;<br />
}<br />
<br />
.ambox-gray {<br />
border-left-color: #383838;<br />
}<br />
<br />
.ambox.ambox-tiny {<br />
font-size: 90%;<br />
margin: 2px 0;<br />
width: auto;<br />
}<br />
<br />
.ambox + .ambox {<br />
margin-top: -2px;<br />
}<br />
<br />
.ambox-text {<br />
padding: 0.25em 0.5em;<br />
}<br />
<br />
.ambox-image {<br />
align-self: center;<br />
padding: 2px 0px 2px 0.5em;<br />
text-align: center;<br />
width: 60px;<br />
}<br />
<br />
.ambox-tiny .ambox-image {<br />
padding: 2px 0.5em;<br />
text-align: left;<br />
width: auto;<br />
}<br />
<br />
/* Ambox colors */<br />
.ambox-blue {<br />
border-left: 10px solid #1e90ff;<br />
}<br />
<br />
.ambox-red {<br />
border-left: 10px solid #b22222;<br />
}<br />
<br />
.ambox-orange {<br />
border-left: 10px solid #f28500;<br />
}<br />
<br />
.ambox-yellow {<br />
border-left: 10px solid #f4c430;<br />
}<br />
<br />
.ambox-purple {<br />
border-left: 10px solid #9932cc;<br />
}<br />
<br />
.ambox-gray {<br />
border-left: 10px solid #bba;<br />
}<br />
<br />
.ambox-green {<br />
border-left: 10px solid #228b22;<br />
}<br />
<br />
/* Ambox small text */<br />
.amsmalltext {<br />
font-size: smaller;<br />
margin-left: 0.8em;<br />
margin-top: 0.5em;<br />
}<br />
<br />
/* Quote template */<br />
.quote-outer {<br />
align-items: center;<br />
border: var(--theme-border-color) solid 2px;<br />
border-radius: 10px 10px 10px 10px;<br />
padding: 0.2em 0.5em 1em 0.2em;<br />
display: flex;<br />
margin: auto;<br />
max-width: max-content;<br />
}<br />
<br />
.quote {<br />
display: grid;<br />
grid-template: "a b c" auto "d e e" auto / 50px auto 50px;<br />
margin: 0 auto;<br />
}<br />
<br />
.quotes {<br />
color: var(--theme-link-color);<br />
font-size: 40pt;<br />
font-family: serif;<br />
font-weight: bold;<br />
padding: 0px 10px;<br />
}<br />
<br />
.item-a,<br />
.item-c {<br />
color: var(--theme-link-color);<br />
}<br />
<br />
/* INFOBOXES: game or book depended color style */<br />
.infoboxtable {<br />
background-color: #103f63;<br />
border: 1px solid #0e395a;<br />
color: #56d7ed;<br />
float: right;<br />
font-size: 89%; <br />
margin-bottom: 0.5em; <br />
margin-left: 1em; <br />
padding: 0.2em; <br />
width: 300px;<br />
}<br />
<br />
.infoboxtable td {<br />
vertical-align: top;<br />
}<br />
<br />
.infoboxtable a,<br />
.infoboxtable a:link,<br />
.infoboxtable a:visited {<br />
color: gray;<br />
vertical-align: top;<br />
}<br />
<br />
.infoboxtable td > div {<br />
background-color: transparent;<br />
font-weight: bold;<br />
padding: 0.5px 7px;<br />
text-align: right;<br />
width:135px;<br />
}<br />
<br />
.infoboxname {<br />
font-size: 120%; <br />
font-weight: bold;<br />
padding: 0.5em; <br />
font-family: "OpenSans-Semibold";<br />
background-attachment: scroll;<br />
background-clip: border-box;<br />
background-color: rgba(0, 0, 0, 0);<br />
background-image: url("https://static.wikia.nocookie.net/birthdaysthebeginnings_gamepedia_en/images/3/3a/Bg_stripes.png/revision/latest");<br />
background-origin: padding-box;<br />
background-position-y: center;<br />
background-repeat: repeat;<br />
background-size: 100% 100%;<br />
height: 20px;<br />
}<br />
<br />
.infoboxdetails {<br />
padding: 0em;<br />
}<br />
/********************************/<br />
/* Front page appearance styles */<br />
/********************************/<br />
.fpbox .mainheading {<br />
border: 0;<br />
}<br />
<br />
.fpbox {<br />
background: rgba(0, 0, 0, 0.1);<br />
border-radius: 5px;<br />
border: 1px solid black;<br />
box-shadow: 0 0.1em 0.75em #AF9CBB;<br />
margin: 5px 5px 5px 5px;<br />
padding: 5px 5px 5px 5px;<br />
}<br />
<br />
.fpbox .welcome {<br />
border-bottom: 1px solid #505050;<br />
font-size: 150%;<br />
margin: 0 0 10px 0;<br />
padding: 0 0 5px 0;<br />
text-transform: uppercase;<br />
text-align: center;<br />
}<br />
<br />
.fpbox .heading {<br />
border-bottom: 1px solid #505050;<br />
color: black; /* change for hydra (light) wikis */<br />
font-size: 132%;<br />
font-variant: small-caps;<br />
margin: 0 0 10px 0;<br />
padding: 0 0 5px 0;<br />
background: #ff7727 linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0;<br />
font-family: "OpenSans-Bold";<br />
}<br />
<br />
.fplink:not(.fplink-plain) {<br />
background: #ff7727 linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0;<br />
border: 1px solid black;<br />
border-radius: 3px;<br />
box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.2);<br />
color: black;<br />
font-weight: bold;<br />
text-transform: uppercase;<br />
font-family: "OpenSans-Bold", "sans-serif";<br />
}<br />
<br />
.fplink-fullwidth .fplink:not(.fplink-plain) {<br />
background: rgba(0,0,0,0.4);<br />
}<br />
<br />
.linkslabel {<br />
border-bottom: 2px solid #505050;<br />
}<br />
<br />
/************************************/<br />
/* Front page appearance styles END */<br />
/************************************/</div>
Encredechine
https://happybirthdays.fandom.com/wiki/MediaWiki:Fandomdesktop.css?diff=6028
MediaWiki:Fandomdesktop.css
2021-07-12T13:37:31Z
<p>Encredechine: additional changes with variables, part 1</p>
<hr />
<div>/* CSS placed here will affect users of the Fandomdesktop skin */<br />
/* For elements which only display in the mobile view */<br />
.mobileonly {<br />
display: none;<br />
}<br />
<br />
/* The following section is necessary for most of the Notice templates */<br />
/* for "edit this page" tab and "discussion" tab etc */<br />
.pagetab {<br />
border-style: solid solid none;<br />
border-width: thin;<br />
border-color: var(--theme-border-color);<br />
padding: 0.25em 1em 0;<br />
font-size: 95%;<br />
}<br />
<br />
.ambox {<br />
background-color: var(--theme-page-text-mix-color-95);<br />
border-bottom-color: var(--theme-link-dynamic-color-2);<br />
border-right-color: var(--theme-link-dynamic-color-2);<br />
border-top-color: var(--theme-link-dynamic-color-2);<br />
border-collapse: collapse;<br />
display: flex;<br />
font-size: 95%;<br />
margin: 0 auto 2px auto;<br />
width: 80%;<br />
}<br />
<br />
.ambox-gray {<br />
border-left-color: #383838;<br />
}<br />
<br />
.ambox.ambox-tiny {<br />
font-size: 90%;<br />
margin: 2px 0;<br />
width: auto;<br />
}<br />
<br />
.ambox + .ambox {<br />
margin-top: -2px;<br />
}<br />
<br />
.ambox-text {<br />
padding: 0.25em 0.5em;<br />
}<br />
<br />
.ambox-image {<br />
align-self: center;<br />
padding: 2px 0px 2px 0.5em;<br />
text-align: center;<br />
width: 60px;<br />
}<br />
<br />
.ambox-tiny .ambox-image {<br />
padding: 2px 0.5em;<br />
text-align: left;<br />
width: auto;<br />
}<br />
<br />
/* Ambox colors */<br />
.ambox-blue {<br />
border-left: 10px solid #1e90ff;<br />
}<br />
<br />
.ambox-red {<br />
border-left: 10px solid #b22222;<br />
}<br />
<br />
.ambox-orange {<br />
border-left: 10px solid #f28500;<br />
}<br />
<br />
.ambox-yellow {<br />
border-left: 10px solid #f4c430;<br />
}<br />
<br />
.ambox-purple {<br />
border-left: 10px solid #9932cc;<br />
}<br />
<br />
.ambox-gray {<br />
border-left: 10px solid #bba;<br />
}<br />
<br />
.ambox-green {<br />
border-left: 10px solid #228b22;<br />
}<br />
<br />
/* Ambox small text */<br />
.amsmalltext {<br />
font-size: smaller;<br />
margin-left: 0.8em;<br />
margin-top: 0.5em;<br />
}<br />
<br />
/* Quote template */<br />
.quote-outer {<br />
align-items: center;<br />
border: var(--theme-border-color) solid 2px;<br />
border-radius: 10px 10px 10px 10px;<br />
padding: 0.2em 0.5em 1em 0.2em;<br />
display: flex;<br />
margin: auto;<br />
max-width: max-content;<br />
}<br />
<br />
.quote {<br />
display: grid;<br />
grid-template: "a b c" auto "d e e" auto / 50px auto 50px;<br />
margin: 0 auto;<br />
}<br />
<br />
.quotes {<br />
color: var(--theme-link-color);<br />
font-size: 40pt;<br />
font-family: serif;<br />
font-weight: bold;<br />
padding: 0px 10px;<br />
}<br />
<br />
.item-a,<br />
.item-c {<br />
color: var(--theme-link-color);<br />
}<br />
<br />
/* INFOBOXES: game or book depended color style */<br />
.infoboxtable {<br />
background-color: #103f63;<br />
border: 1px solid #0e395a;<br />
color: #56d7ed;<br />
float: right;<br />
font-size: 89%; <br />
margin-bottom: 0.5em; <br />
margin-left: 1em; <br />
padding: 0.2em; <br />
width: 300px;<br />
}<br />
<br />
.infoboxtable td {<br />
vertical-align: top;<br />
}<br />
<br />
.infoboxtable a,<br />
.infoboxtable a:link,<br />
.infoboxtable a:visited {<br />
color: gray;<br />
vertical-align: top;<br />
}<br />
<br />
.infoboxtable td > div {<br />
background-color: transparent;<br />
font-weight: bold;<br />
padding: 0.5px 7px;<br />
text-align: right;<br />
width:135px;<br />
}<br />
<br />
.infoboxname {<br />
font-size: 120%; <br />
font-weight: bold;<br />
padding: 0.5em; <br />
font-family: "OpenSans-Semibold";<br />
background-attachment: scroll;<br />
background-clip: border-box;<br />
background-color: rgba(0, 0, 0, 0);<br />
background-image: url("https://static.wikia.nocookie.net/birthdaysthebeginnings_gamepedia_en/images/3/3a/Bg_stripes.png/revision/latest");<br />
background-origin: padding-box;<br />
background-position-y: center;<br />
background-repeat: repeat;<br />
background-size: 100% 100%;<br />
height: 20px;<br />
}<br />
<br />
.infoboxdetails {<br />
padding: 0em;<br />
}<br />
/********************************/<br />
/* Front page appearance styles */<br />
/********************************/<br />
.fpbox .mainheading {<br />
border: 0;<br />
}<br />
<br />
.fpbox {<br />
background: rgba(0, 0, 0, 0.1);<br />
border-radius: 5px;<br />
border: 1px solid black;<br />
box-shadow: 0 0.1em 0.75em #AF9CBB;<br />
margin: 5px 5px 5px 5px;<br />
padding: 5px 5px 5px 5px;<br />
}<br />
<br />
.fpbox .welcome {<br />
border-bottom: 1px solid #505050;<br />
color: black; /* change for hydra (light) wikis */<br />
font-size: 150%;<br />
margin: 0 0 10px 0;<br />
padding: 0 0 5px 0;<br />
text-transform: uppercase;<br />
text-align: center;<br />
}<br />
<br />
.fpbox .heading {<br />
border-bottom: 1px solid #505050;<br />
color: black; /* change for hydra (light) wikis */<br />
font-size: 132%;<br />
font-variant: small-caps;<br />
margin: 0 0 10px 0;<br />
padding: 0 0 5px 0;<br />
background: #ff7727 linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0;<br />
font-family: "OpenSans-Bold";<br />
}<br />
<br />
.fplink:not(.fplink-plain) {<br />
background: #ff7727 linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0;<br />
border: 1px solid black;<br />
border-radius: 3px;<br />
box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.2);<br />
color: black;<br />
font-weight: bold;<br />
text-transform: uppercase;<br />
font-family: "OpenSans-Bold", "sans-serif";<br />
}<br />
<br />
.fplink-fullwidth .fplink:not(.fplink-plain) {<br />
background: rgba(0,0,0,0.4);<br />
}<br />
<br />
.linkslabel {<br />
border-bottom: 2px solid #505050;<br />
}<br />
<br />
/************************************/<br />
/* Front page appearance styles END */<br />
/************************************/</div>
Encredechine
https://happybirthdays.fandom.com/wiki/MediaWiki:Common.css?diff=6027
MediaWiki:Common.css
2021-07-12T13:35:44Z
<p>Encredechine: removing the part that is already in Fandomdesktop. css, I think this makes trouble with the text colour on the dark theme</p>
<hr />
<div>/* CSS placed here will be applied to all skins */<br />
/* This governs the sections on the Community portal */<br />
.cpbox {<br />
display: flex;<br />
flex-direction: row-reverse;<br />
flex-wrap: wrap;<br />
}<br />
<br />
.cpbox #admins {<br />
box-sizing: border-box;<br />
width: calc(33% - 10px);<br />
margin: 5px;<br />
flex-grow: 1;<br />
min-width: 300px;<br />
}<br />
<br />
.cpbox #help {<br />
box-sizing: border-box;<br />
width: calc(67% - 10px);<br />
margin: 5px;<br />
flex-grow: 1;<br />
}<br />
<br />
/* Template documentation styles */<br />
/* If modifying these styles, be sure to update the mobile skin! */<br />
.doc {<br />
margin: 0em auto 1em;<br />
background-color: rgba(0, 0, 0, 0.1);<br />
border: 2px solid #BDCAC3;<br />
border-radius: 1em;<br />
padding: 1em;<br />
}<br />
<br />
.doc-header {<br />
padding-bottom: 3px;<br />
border-bottom: 1px solid #BDCAC3;<br />
margin-bottom: 1ex;<br />
}<br />
<br />
.doc-footer {<br />
margin: 0;<br />
background-color: rgba(0, 0, 0, 0.1);<br />
border: 2px solid #BDCAC3;<br />
border-radius: 1em;<br />
padding: 1em;<br />
}<br />
<br />
/* Classes permitting setting of alignment on desktop only or differently on desktop and mobile */<br />
/* (See .mobileleft, .mobilecenter, .mobileright in MediaWiki:Mobile.css for the mobile equivalents */<br />
.desktopleft {<br />
text-align: left;<br />
}<br />
<br />
.desktopcenter {<br />
text-align: center;<br />
}<br />
<br />
.desktopright {<br />
text-align: right;<br />
}<br />
<br />
/* Front page structure */<br />
.fpbox {<br />
margin: 5px;<br />
padding: 5px;<br />
overflow: auto;<br />
width: calc(100% - 2px);<br />
}<br />
<br />
.fpbox.plain {<br />
background: transparent;<br />
border: none;<br />
box-shadow: none;<br />
}<br />
<br />
.fpbox .heading,<br />
.fpbox .mainheading,<br />
.fpbox .welcome {<br />
margin: 0 0 10px;<br />
padding: 0 0 5px;<br />
overflow: auto;<br />
}<br />
<br />
.fpbox .mainheading,<br />
.fpbox .welcome {<br />
font-size: 150%;<br />
font-weight: bold;<br />
}<br />
<br />
.fpbox .heading {<br />
text-align: center;<br />
font-size: 132%;<br />
}<br />
<br />
.linkslabel {<br />
margin: 15px 5px 5px;<br />
padding: 0 0 5px;<br />
}<br />
<br />
/* Template:FP links styles */<br />
.fplinks {<br />
display: flex;<br />
flex-wrap: wrap;<br />
justify-content: space-evenly;<br />
align-items: stretch;<br />
text-align: center;<br />
}<br />
<br />
.fplink-outer {<br />
padding: 5px;<br />
flex-basis: calc(25% - 10px);<br />
width: calc(25% - 15px);<br />
min-width: 115px;<br />
display: inline-block;<br />
vertical-align: middle;<br />
}<br />
<br />
.fplink-wide {<br />
flex-basis: calc(33% - 10px);<br />
width: calc(33% - 15px);<br />
}<br />
<br />
.fplink-fullwidth {<br />
flex-basis: 100%;<br />
width: calc(100% - 15px);<br />
font-weight: bold;<br />
}<br />
<br />
.fplink {<br />
padding: 0.5em;<br />
box-sizing: border-box;<br />
width: 100%;<br />
height: 100%;<br />
display: table;<br />
}<br />
<br />
.fplink-plain {<br />
background: transparent;<br />
border-radius: 0;<br />
border: 0;<br />
box-shadow: none;<br />
}<br />
<br />
.fplink-inner {<br />
display: table-row;<br />
}<br />
<br />
.fplink a,<br />
.fplink a:visited,<br />
.fplink a.external,<br />
.fplink a.external:visited,<br />
.fplink a.extiw,<br />
.fplink a.extiw:visited {<br />
display: table-cell;<br />
vertical-align: middle; <br />
color:#FFF !important;<br />
}<br />
<br />
.fplink a:hover {<br />
color:#fff0ea;<br />
}<br />
<br />
.fplink img {<br />
max-width: 150px;<br />
width: 100%;<br />
height: auto;<br />
}<br />
<br />
/* Auto-resize front page video to fit smaller columns */<br />
.fpbox .embedvideowrap {<br />
width: 100%!important;<br />
max-width: 480px;<br />
margin: 0 auto;<br />
}<br />
<br />
.fpbox .embedvideowrap iframe {<br />
width: 100%!important;<br />
}<br />
<br />
/* Multi-column box support */<br />
.fp-container main .columns .leftcol,<br />
.fp-container .columns .rightcol {<br />
width: 100%;<br />
margin: 0;<br />
padding: 0;<br />
}<br />
<br />
@media (min-width: 990px) {<br />
.fp-container .columns .leftcol {<br />
float: left;<br />
width: 50%;<br />
}<br />
<br />
.fp-container .columns .rightcol {<br />
float: right;<br />
width: 50%;<br />
}<br />
}<br />
<br />
.fp-section {<br />
display: flex;<br />
flex-wrap: wrap;<br />
}<br />
<br />
/* this CSS governs the responsive 2 column main page layout */<br />
#fp-2column.fp-container {<br />
display: grid;<br />
grid-template-areas: "a" "b" "c";<br />
grid-template-columns: 100%;<br />
}<br />
@media screen and (min-width:990px) {<br />
#fp-2column.fp-container {<br />
grid-template-areas: "a b" "c c";<br />
grid-template-columns: 50% 50%;<br />
}<br />
}<br />
@media screen and (min-width:1350px) {<br />
#fp-2column.fp-container {<br />
grid-template-areas: "a b" "c b";<br />
grid-template-columns: auto 520px;<br />
}<br />
}<br />
<br />
#fp-top {<br />
grid-area: a;<br />
}<br />
<br />
#fp-flex {<br />
grid-area: b;<br />
}<br />
<br />
#fp-bottom {<br />
grid-area: c;<br />
}<br />
<br />
/* end responsive 2 column main page layout */<br />
<br />
/* ******************** */<br />
/* End main page layout */<br />
/* ******************** */</div>
Encredechine
https://happybirthdays.fandom.com/wiki/MediaWiki:Fandomdesktop.css?diff=6026
MediaWiki:Fandomdesktop.css
2021-07-12T13:32:54Z
<p>Encredechine: removing the colour setting, didn't switch with theme change</p>
<hr />
<div>.ambox {<br />
background-color: #eeeeee;<br />
border-bottom-color: #383838;<br />
border-right-color: #383838;<br />
border-top-color: #383838;<br />
border-collapse: collapse;<br />
font-size: 95%;<br />
margin: 0 auto 2px auto;<br />
width: 80%;<br />
}<br />
<br />
.ambox-gray {<br />
border-left-color: #383838;<br />
}<br />
<br />
.ambox.ambox-tiny {<br />
font-size: 90%;<br />
margin: 2px 0;<br />
width: auto;<br />
}<br />
<br />
.ambox + .ambox {<br />
margin-top: -2px;<br />
}<br />
<br />
.ambox-text {<br />
padding: 0.25em 0.5em;<br />
}<br />
<br />
.ambox-image {<br />
padding: 2px 0px 2px 0.5em;<br />
text-align: center;<br />
width: 60px;<br />
}<br />
<br />
.ambox-tiny .ambox-image {<br />
padding: 2px 0.5em;<br />
text-align: left;<br />
width: auto;<br />
}<br />
<br />
/* Ambox colors */<br />
.ambox-blue {<br />
border-left: 10px solid #1e90ff;<br />
}<br />
<br />
.ambox-red {<br />
border-left: 10px solid #b22222;<br />
}<br />
<br />
.ambox-orange {<br />
border-left: 10px solid #f28500;<br />
}<br />
<br />
.ambox-yellow {<br />
border-left: 10px solid #f4c430;<br />
}<br />
<br />
.ambox-purple {<br />
border-left: 10px solid #9932cc;<br />
}<br />
<br />
.ambox-gray {<br />
border-left: 10px solid #bba;<br />
}<br />
<br />
.ambox-green {<br />
border-left: 10px solid #228b22;<br />
}<br />
<br />
/* Ambox small text */<br />
.amsmalltext {<br />
font-size: smaller;<br />
margin-left:0.8em;<br />
margin-top:0.5em;<br />
}<br />
<br />
/* INFOBOXES: game or book depended color style */<br />
.infoboxtable {<br />
background-color: #103f63;<br />
border: 1px solid #0e395a;<br />
color: #56d7ed;<br />
float: right;<br />
font-size: 89%; <br />
margin-bottom: 0.5em; <br />
margin-left: 1em; <br />
padding: 0.2em; <br />
width: 300px;<br />
}<br />
<br />
.infoboxtable td {<br />
vertical-align: top;<br />
}<br />
<br />
.infoboxtable a,<br />
.infoboxtable a:link,<br />
.infoboxtable a:visited {<br />
color: gray;<br />
vertical-align: top;<br />
}<br />
<br />
.infoboxtable td > div {<br />
background-color: transparent;<br />
font-weight: bold;<br />
padding: 0.5px 7px;<br />
text-align: right;<br />
width:135px;<br />
}<br />
<br />
.infoboxname {<br />
font-size: 120%; <br />
font-weight: bold;<br />
padding: 0.5em; <br />
font-family: "OpenSans-Semibold";<br />
background-attachment: scroll;<br />
background-clip: border-box;<br />
background-color: rgba(0, 0, 0, 0);<br />
background-image: url("https://static.wikia.nocookie.net/birthdaysthebeginnings_gamepedia_en/images/3/3a/Bg_stripes.png/revision/latest");<br />
background-origin: padding-box;<br />
background-position-y: center;<br />
background-repeat: repeat;<br />
background-size: 100% 100%;<br />
height: 20px;<br />
}<br />
<br />
.infoboxdetails {<br />
padding: 0em;<br />
}<br />
/********************************/<br />
/* Front page appearance styles */<br />
/********************************/<br />
.fpbox .mainheading {<br />
border: 0;<br />
}<br />
<br />
.fpbox {<br />
background: rgba(0, 0, 0, 0.1);<br />
border-radius: 5px;<br />
border: 1px solid black;<br />
box-shadow: 0 0.1em 0.75em #AF9CBB;<br />
margin: 5px 5px 5px 5px;<br />
padding: 5px 5px 5px 5px;<br />
}<br />
<br />
.fpbox .welcome {<br />
border-bottom: 1px solid #505050;<br />
color: black; /* change for hydra (light) wikis */<br />
font-size: 150%;<br />
margin: 0 0 10px 0;<br />
padding: 0 0 5px 0;<br />
text-transform: uppercase;<br />
text-align: center;<br />
}<br />
<br />
.fpbox .heading {<br />
border-bottom: 1px solid #505050;<br />
color: black; /* change for hydra (light) wikis */<br />
font-size: 132%;<br />
font-variant: small-caps;<br />
margin: 0 0 10px 0;<br />
padding: 0 0 5px 0;<br />
background: #ff7727 linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0;<br />
font-family: "OpenSans-Bold";<br />
}<br />
<br />
.fplink:not(.fplink-plain) {<br />
background: #ff7727 linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0;<br />
border: 1px solid black;<br />
border-radius: 3px;<br />
box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.2);<br />
color: black;<br />
font-weight: bold;<br />
text-transform: uppercase;<br />
font-family: "OpenSans-Bold", "sans-serif";<br />
}<br />
<br />
.fplink-fullwidth .fplink:not(.fplink-plain) {<br />
background: rgba(0,0,0,0.4);<br />
}<br />
<br />
.linkslabel {<br />
border-bottom: 2px solid #505050;<br />
}<br />
<br />
/************************************/<br />
/* Front page appearance styles END */<br />
/************************************/</div>
Encredechine
https://happybirthdays.fandom.com/wiki/Episodes?diff=5989
Episodes
2021-03-18T11:23:54Z
<p>Encredechine: Undo revision 5988 by Sopatodas (talk)</p>
<hr />
<div>{{stub}}<br />
The game consists out of several episodes and [[Missions]], which the player has to fulfill, until he can proceed and start the next episode.<br />
Each episode ends with a result, showing the player how good he solved the given tasks. He'll also see, how many [[organisms]] were captured.<br />
<br />
== Episodes ==<br />
: Episode 1: [[The Cube is born]]<br />
: Episode 2: [[Era of prodigious life]]<br />
: Episode 3: [[Age of dinosaurs and mankind]]<br />
: Episode 4: [[Birth and growth of civilization]]<br />
[[Category: Episodes]]</div>
Encredechine
https://happybirthdays.fandom.com/wiki/Zooplankton?diff=5984
Zooplankton
2021-01-13T09:29:29Z
<p>Encredechine: </p>
<hr />
<div>{{stub}} <br />
<center>[[file:zooplankton.png]]</center><br />
{{PAGENAME}} is the first organism next to [[Phytoplankton]] in the first [[cube]]. If [[Broth of Life]] is used, Zooplankton will [[evolution|evolve]] and [[Stromatolite]] will be born.<br />
Zooplankton will begin to spawn at 150,000 [[Phytoplankton]]. <br />
<br />
== Game issues ==<br />
There is a known bug where the Zooplankton population will cap at 8,750 until several million phytoplankton or you load the campaign, which is unfortunate.<br />
<br />
[[Category:Organisms]]</div>
Encredechine
https://happybirthdays.fandom.com/wiki/MediaWiki:Hydra.css?diff=5972
MediaWiki:Hydra.css
2020-11-04T19:25:43Z
<p>Encredechine: </p>
<hr />
<div>/* CSS placed here will affect users of the Hydra skin */<br />
/* For elements which only display in the mobile view */<br />
.mobileonly {<br />
display: none;<br />
}<br />
<br />
/* fonts */<br />
@font-face {<br />
font-family: 'OpenSans-Bold';<br />
src: local('OpenSans-Bold'), local('OpenSans-Bold'), url(/media/hydra/fonts/OpenSans-Bold.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-BoldItalic';<br />
src: local('OpenSans-BoldItalic'), local('OpenSans-BoldItalic'), url(/media/hydra/fonts/OpenSans-BoldItalic.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-ExtraBold';<br />
src: local('OpenSans-ExtraBold'), local('OpenSans-ExtraBold'), url(/media/hydra/fonts/OpenSans-ExtraBold.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-ExtraBoldItalic';<br />
src: local('OpenSans-ExtraBoldItalic'), local('OpenSans-ExtraBoldItalic'), url(/media/hydra/fonts/OpenSans-ExtraBoldItalic.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-Italic';<br />
src: local('OpenSans-Italic'), local('OpenSans-Italic'), url(/media/hydra/fonts/OpenSans-Italic.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-Light';<br />
src: local('OpenSans-Light'), local('OpenSans-Light'), url(/media/hydra/fonts/OpenSans-Light.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-LightItalic';<br />
src: local('OpenSans-LightItalic'), local('OpenSans-LightItalic'), url(/media/hydra/fonts/OpenSans-LightItalic.ttf) format('truetype');<br />
}<br />
<br />
<br />
@font-face {<br />
font-family: 'OpenSans-Regular';<br />
src: local('OpenSans-Regular'), local('OpenSans-Regular'), url(/media/hydra/fonts/OpenSans-Regular.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-Semibold';<br />
src: local('OpenSans-Semibold'), local('OpenSans-Semibold'), url(/media/hydra/fonts/OpenSans-Semibold.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-SemiboldItalic';<br />
src: local('OpenSans-SemiboldItalic'), local('OpenSans-SemiboldItalic'), url(/media/hydra/fonts/OpenSans-SemiboldItalic.ttf) format('truetype');<br />
}<br />
<br />
p {<br />
font-family: "OpenSans-Regular";<br />
}<br />
<br />
/* links */<br />
a, <br />
a:visited,<br />
div#content a.extiw,<br />
div#content a.extiw:visited,<br />
div#content a.external, <br />
div#content a.external:visited {<br />
color: #be5b20;<br />
font-family: "OpenSans-Semibold";<br />
}<br />
<br />
a:hover {<br />
color: #f7813d;<br />
}<br />
<br />
<br />
ul {<br />
list-style-type: disc;<br />
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);<br />
} <br />
<br />
/* Hide main page header */<br />
body.page-Happy_Birthdays_Wiki h1.firstHeading {<br />
display:none;<br />
}<br />
<br />
body {<br />
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);<br />
-webkit-background-size: cover;<br />
-o-background-size: cover;<br />
-moz-background-size: cover;<br />
}<br />
<br />
#pageWrapper { <br />
padding-right: 1em;<br />
}<br />
<br />
#mw-page-base {<br />
background-color: transparent;<br />
background-image: none;<br />
background-position: left bottom;<br />
background-repeat: repeat-x;<br />
height: 5em;<br />
}<br />
<br />
/* Logo */<br />
#p-logo a {<br />
background-position: center center;<br />
background-repeat: no-repeat;<br />
background-size: 99% auto;<br />
display: block;<br />
height: 160px;<br />
text-decoration-color: -moz-use-text-color;<br />
text-decoration-line: none;<br />
text-decoration-style: solid;<br />
width: 10em;<br />
}<br />
<br />
/* Content */<br />
div#content {<br />
background: none repeat scroll 0 0 rgba(209, 247, 253, 0.8);<br />
box-shadow: 0 0.1em 0.75em white;<br />
color: black;<br />
margin-left: 11em;<br />
margin-top: 0em;<br />
border: none;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
}<br />
<br />
.mw-body .firstHeading,<br />
.mw-body h1, <br />
.mw-body h2 {<br />
border-bottom-color: #380e08;<br />
border-bottom-style: solid;<br />
border-bottom-width: 1px;<br />
color: #380e08;<br />
font-family: sans-serif;<br />
font-weight:bold;<br />
}<br />
<br />
.mw-body h3, <br />
.mw-body h4, <br />
.mw-body h5, <br />
.mw-body h6 {<br />
color: #380e08;<br />
font-family: sans-serif;<br />
}<br />
<br />
/* images */<br />
img.thumbborder {<br />
border:1px solid #380E08;<br />
margin:5px;<br />
}<br />
<br />
/******************/<br />
/* NEW VECTOR NAV */<br />
/******************/<br />
/* Vector Tab styles */<br />
#left-navigation {<br />
margin-left: 11.5em;<br />
}<br />
<br />
#right-navigation {<br />
margin-right: 1em;<br />
}<br />
<br />
div.vectorTabs,<br />
div.vectorTabs span,<br />
div.vectorTabs li.selected,<br />
div.vectorTabs ul,<br />
div.vectorTabs ul li,<br />
div.vectorTabs li a {<br />
background-color: rgba(0, 0, 0, 0);<br />
background-image: none;<br />
}<br />
<br />
div.vectorTabs ul li {<br />
margin-right: 5px;<br />
}<br />
<br />
div.vectorTabs li span {<br />
background: #FF4550;<br />
display: inline-block;<br />
border: 2px solid white;<br />
border-radius: 4px;<br />
padding: 2px 10px;<br />
margin-top: 0.5em;<br />
height: 19px;<br />
text-align: center;<br />
}<br />
<br />
div.vectorTabs li a {<br />
background-image: none;<br />
margin-top: -16px;<br />
}<br />
<br />
div#mw-head a,<br />
div#mw-head div.vectorTabs a,<br />
div#mw-head div.vectorMenu a,<br />
.vectorTabs li a span,<br />
div.vectorMenu h3 span {<br />
color: white;<br />
font-family: "OpenSans-Semibold";<br />
text-transform: uppercase;<br />
}<br />
<br />
div#mw-head li.new a,<br />
div#mw-head li.new a:visited {<br />
color: gray !important;<br />
text-shadow: 1px 1px #000000;<br />
}<br />
<br />
div.vectorTabs ul li:first-child {<br />
border-image: none;<br />
border-left: medium none;<br />
}<br />
<br />
div#mw-head li.selected a,<br />
div#mw-head li.selected a span,<br />
div#mw-head div.vectorTabs li.selected a,<br />
div#mw-head div.vectorTabs li.selected a:visited {<br />
color: white !important;<br />
font-weight: bold;<br />
}<br />
<br />
div#p-sharing .menu {<br />
background-color: #FF4550;<br />
box-shadow: 0 0.1em 0.75em gray;<br />
margin-left: 45px;<br />
min-width: 0px;<br />
width: 48px;<br />
}<br />
<br />
#p-sharing #socialIconImages img {<br />
width: 100%;<br />
}<br />
<br />
#p-sharing #socialIconImages a {<br />
width: 40px;<br />
}<br />
<br />
div.vectorMenu h3 span {<br />
font-weight: bold;<br />
padding-top: 0.1em;<br />
}<br />
<br />
div.vectorMenu h3 span a,<br />
div.vectorMenu h3 span a:active {<br />
background: url("https://commons.gamepedia.com/media/commons.gamepedia.com/0/0b/Vector_menu_downarrow.png") no-repeat scroll center center transparent;<br />
}<br />
<br />
div#mw-head div.vectorMenu h4,<br />
div#p-variants.vectorMenu #mw-vector-current-variant {<br />
color: #FBD63B;<br />
font-weight: bold;<br />
padding-top: 0.2em;<br />
text-shadow: none;<br />
}<br />
<br />
div.vectorMenu h3 span::after {<br />
content: '';<br />
position: absolute;<br />
top: 0em;<br />
right: 0;<br />
bottom: 0;<br />
left: 0;<br />
background-image: url(/skins/Vector/images/arrow-down.png?42edd);<br />
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");<br />
background-position: 100% 50%;<br />
background-repeat: no-repeat;<br />
opacity: 0.85;<br />
}<br />
<br />
div.vectorMenu h3:hover span, <br />
div.vectorMenu h3:focus span {<br />
color: #FFFFFF;<br />
}<br />
<br />
.vectorTabs #ca-unwatch.icon a, <br />
.vectorTabs #ca-watch.icon a {<br />
margin: 0;<br />
padding: 0;<br />
display: block;<br />
width: 28px;<br />
padding-top: 3.1em;<br />
margin-top: -0.8em;<br />
height: 0;<br />
overflow: hidden;<br />
background-position: 5px 60%;<br />
background-repeat: no-repeat;<br />
}<br />
<br />
div#mw-head div.vectorMenu h3 {<br />
background: #F18B1B;<br />
display: inline-block;<br />
border: 2px solid white;<br />
border-radius: 4px;<br />
padding: 2px 10px;<br />
margin-top: 0.5em;<br />
margin-bottom: 0.5em;<br />
height: 19px;<br />
text-align: center;<br />
}<br />
<br />
div.vectorMenu h3 a,<br />
div.vectorMenu h3 a:active {<br />
background-color: rgba(0, 0, 0, 0);<br />
background-image: url("https://commons.gamepedia.com/media/commons.gamepedia.com/8/80/Vector_menu_downarrow_white.png");<br />
background-position: 50% 50%;<br />
border: medium none;<br />
}<br />
<br />
div.vectorMenu div.menu {<br />
border: none;<br />
left: auto;<br />
margin-left: 5px;<br />
right: 0;<br />
top: 40px;<br />
}<br />
<br />
div#mw-head div.vectorMenu ul {<br />
background-color: #FF4550;<br />
background-image: none;<br />
border-right: 5px none;<br />
box-shadow: 0 0.1em 0.75em gray;<br />
}<br />
<br />
div#mw-head div.vectorMenu li a {<br />
color: #FFF;<br />
}<br />
<br />
div#mw-head div.vectorMenu li a:hover {<br />
color: #e0fdff;<br />
}<br />
<br />
/* different coloured tabs */<br />
div.vectorTabs li#ca-contribs span, <br />
div.vectorTabs li#ca-ve-edit span {<br />
background-color: #44D8F8;<br />
}<br />
<br />
div.vectorTabs li#ca-edit span {<br />
background-color: #00F2FF;<br />
}<br />
<br />
div.vectorTabs li#ca-history span {<br />
background-color: #74FF37;<br />
}<br />
<br />
div.vectorTabs li#ca-nstab-main span {<br />
background-color: #FF5CFF;<br />
}<br />
<br />
div.vectorTabs li#ca-nstab-image span, <br />
div.vectorTabs li#ca-nstab-special span, <br />
div.vectorTabs li#ca-nstab-help span, <br />
div.vectorTabs li#ca-nstab-category span, <br />
div.vectorTabs li#ca-nstab-template span, <br />
div.vectorTabs li#ca-nstab-project span, <br />
div.vectorTabs li#ca-nstab-user span, <br />
div.vectorTabs li#ca-user span, <br />
div.vectorTabs li#ca-user_talk span, <br />
div.vectorTabs li#ca-user_profile span, <br />
div.vectorTabs li#ca-userprofile span, <br />
div.vectorTabs li#ca-user_wiki span {<br />
background-color: #ff7727;<br />
}<br />
<br />
div.vectorTabs li#ca-talk span {<br />
background-color: #E3E236;<br />
}<br />
<br />
div.vectorTabs li#ca-nstab-mediawiki span,<br />
div.vectorTabs li#ca-view span, <br />
div.vectorTabs li#ca-viewsource span {<br />
background-color: #FF4550;<br />
}<br />
<br />
/* NEW VECTOR NAV STYLE END */<br />
<br />
/* Sidebar */<br />
div#mw-panel div.portal,<br />
div#mw-panel div.portal div.body,<br />
#mw-panel.collapsible-nav .portal {<br />
background-image: none; /* Optional! This removes the lines be horizontal lines between the portals */<br />
}<br />
<br />
div#mw-panel div.portal div.body ul li a,<br />
div#mw-panel div.portal div.body ul li a:visited {<br />
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 */<br />
}<br />
<br />
div#mw-panel div.portal h3,<br />
div#mw-panel div.portal h3:visited,<br />
#mw-panel.collapsible-nav .portal h3 a,<br />
#mw-panel.collapsible-nav .portal h3 a:visited,<br />
#mw-panel.collapsible-nav .portal.collapsed h3 a,<br />
#mw-panel.collapsible-nav .portal.collapsed h3 a:visited {<br />
color: #FF85A9;<br />
text-shadow:<br />
2px 2px 0 #000,<br />
-1px -1px 0 #000, <br />
1px -1px 0 #000,<br />
-1px 1px 0 #000,<br />
1px 1px 0 #000;<br />
font-weight: bold; /* Optional, to make the labels stand out */<br />
text-transform: uppercase; /* Optional, to make the labels stand out */<br />
font-size:102%; <br />
}<br />
<br />
#mw-panel.collapsible-nav .portal.collapsed h3:hover {<br />
text-decoration: none;<br />
}<br />
<br />
#mw-panel.collapsible-nav .portal.collapsed h3 {<br />
background-image: linear-gradient(transparent, transparent), url(https://birthdaysthebeginning.gamepedia.com/media/birthdaysthebeginning.gamepedia.com/1/1b/Dino1.png);<br />
background-position: left center;<br />
background-repeat: no-repeat;<br />
color: #0645ad;<br />
background-size: 25px auto;<br />
}<br />
<br />
#mw-panel.collapsible-nav .portal h3 {<br />
background-image: linear-gradient(transparent, transparent), url(https://birthdaysthebeginning.gamepedia.com/media/birthdaysthebeginning.gamepedia.com/9/95/Dino2.png);<br />
background-position: left center;<br />
background-repeat: no-repeat;<br />
padding-bottom: 3px;<br />
padding-left: 1.5em;<br />
padding-right: 0;<br />
padding-top: 4px;<br />
background-size: 25px auto;<br />
}<br />
<br />
div#mw-panel div#p-socialProfiles.portal .body {<br />
margin: auto;<br />
}<br />
<br />
.socialSidebar {<br />
width: auto;<br />
max-width: 100%;<br />
}<br />
<br />
/* Wiki editor fixes */<br />
div.wikiEditor-preview-contents,<br />
div.wikiEditor-preview-loading {<br />
background-color: transparent;<br />
}<br />
<br />
.wikiEditor-ui {<br />
background: rgba(0, 0, 0, 0);<br />
border: medium none;<br />
}<br />
<br />
.wikiEditor-ui .wikiEditor-ui-view {<br />
border-bottom: medium none;<br />
border-left: 1px solid #202020;<br />
border-right: 1px solid #202020;<br />
border-top : medium none;<br />
}<br />
<br />
div.wikiEditor-ui-buttons {<br />
background-color: rgba(0, 0, 0, 0);<br />
border-top: medium none;<br />
margin-right: 5px;<br />
}<br />
<br />
div.wikiEditor-ui-controls {<br />
background-color: rgba(0, 0, 0, 0);<br />
border-bottom: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-tabs {<br />
background-color: orange;<br />
border-left: 1px solid #202020;<br />
border-top: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-tabs div {<br />
background-color: orange;<br />
border-right: 1px solid #202020;<br />
border-bottom: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-tabs div a {<br />
background: orange; /* you can use a gradient here if you want to match your vector tabs or get fancy */<br />
color: #202020;<br />
}<br />
<br />
.wikiEditor-ui-tabs div.current {<br />
background-color: #FF7727;<br />
border-bottom: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-tabs div.current a {<br />
color: white; /* depends on your tabs bg & how different you wish the current tab and text to appear */<br />
font-weight: bold; /* optional to make it stand out */<br />
}<br />
<br />
.wikiEditor-ui .wikiEditor-ui-top {<br />
border-bottom: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-toolbar {<br />
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);<br />
}<br />
<br />
.wikiEditor-ui-toolbar .group {<br />
border-right: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .group-search {<br />
border-left: 1px solid #202020;<br />
border-right: none;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .group .label {<br />
color: black;<br />
}<br />
<br />
.tab {<br />
border-color: rgba(0, 0, 0, 0);<br />
}<br />
<br />
.wikiEditor-ui-toolbar .tabs span.tab a,<br />
.wikiEditor-ui-toolbar .tabs span.tab a:visited {<br />
color: black;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .tabs span.tab a.current,<br />
.wikiEditor-ui-toolbar .tabs span.tab a.current:visited {<br />
color: black;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .group .tool-select .label {<br />
color: #000000; /* or any other dark colour, or change the bg to a dark colour to contrast with light text */<br />
}<br />
<br />
.wikiEditor-ui-toolbar .sections .section {<br />
background-color: rgba(0, 0, 0, 0.2);<br />
border-top: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .booklet .index div {<br />
color: #202020;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .booklet .index .current {<br />
background-color: orange;<br />
color: #202020;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .booklet .pages {<br />
background-color: orange;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .page-characters div span {<br />
border: 1px solid #202020;<br />
color: #202020;<br />
background:white;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .page-characters div span:hover {<br />
background-color: rgba(255, 255, 255, 0.3);<br />
border-color: #202020;<br />
color: #FF7796;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .page-table td {<br />
border-top: 1px solid #202020;<br />
color: #202020;<br />
}<br />
<br />
.wikiEditor-preview-loading {<br />
background-color: rgba(0, 0, 0, 0);<br />
}<br />
<br />
.wikiEditor-preview-contents {<br />
background-color: rgba(0, 0, 0, 0);<br />
border-color: -moz-use-text-color #202020 #202020;<br />
border-image: none;<br />
border-style: none solid solid;<br />
border-width: medium 1px 1px;<br />
}<br />
<br />
.editOptions { <br />
background-color: rgba(255,255,255,0.5);<br />
border-color: -moz-use-text-color #202020 #202020;<br />
border-image: none;<br />
border-style: none solid solid;<br />
border-width: medium 1px 1px;<br />
}<br />
<br />
/* Preferences */<br />
.client-js #preftoc {<br />
background-color: rgba(255, 255, 255, 0.5);<br />
border: 0px;<br />
}<br />
<br />
.client-js #preftoc,<br />
.client-js #preftoc li, <br />
.client-js #preferences, <br />
.client-js #preftoc li a {<br />
background-image: none;<br />
background-color: transparent;<br />
color: #666666; /* this font color may need tweaking, depending on your background choices */<br />
}<br />
<br />
.client-js #preftoc li:first-child {<br />
margin-bottom: 1px;<br />
margin-left: 5px;<br />
}<br />
<br />
.client-js #preftoc li.selected a {<br />
background-color: rgba(255, 255, 255, 0.5);<br />
background-image: none;<br />
border-color: #aaaaaa #aaaaaa rgba(255, 255, 255, 0.5);<br />
border-style: solid;<br />
border-width: 1px;<br />
color: #000000; /* this font color may need tweaking, depending on your background choices */<br />
}<br />
<br />
.client-js #preferences {<br />
background-color: rgba(255, 255, 255, 0.5);<br />
border: 1px solid #aaaaaa;<br />
}<br />
<br />
.client-js #preferences fieldset {<br />
border-color: #aaaaaa;<br />
}<br />
<br />
<br />
/* Page history */<br />
#pagehistory li {<br />
background-color: rgba(0, 0, 0, 0);<br />
border: none;<br />
padding: 3px;<br />
}<br />
<br />
#pagehistory li.selected {<br />
background-color: rbga(0, 0, 0, 0);<br />
background-image: none;<br />
border: 1px dashed #aaaaaa;<br />
padding: 3px;<br />
}<br />
<br />
table.diff {<br />
background: transparent;<br />
}<br />
<br />
td.diff-context {<br />
background: none repeat scroll 0 0 transparent;<br />
color: #000000; /* this font colour may need tweaking depending on your choice of background */<br />
}<br />
<br />
td.diff-deletedline {<br />
background-color: #FFE49C;<br />
border-color: #FFE49C;<br />
color: #000000;<br />
}<br />
<br />
td.diff-addedline {<br />
background-color: #A3D3FF;<br />
border-color: #A3D3FF;<br />
color: #000000;<br />
}<br />
<br />
<br />
/* for "edit this page" tab and "discussion" tab etc */<br />
.pagetab {<br />
border-style: solid solid none;<br />
border-width: thin;<br />
border-color: #808080;<br />
padding:0.25ex 1ex 0ex;<br />
font-size: 95%;<br />
}<br />
<br />
.ambox {<br />
background-color: #eeeeee;<br />
border-bottom-color: #383838;<br />
border-right-color: #383838;<br />
border-top-color: #383838;<br />
border-collapse: collapse;<br />
font-size: 95%;<br />
margin: 0 auto 2px auto;<br />
width: 80%;<br />
}<br />
<br />
.ambox-gray {<br />
border-left-color: #383838;<br />
}<br />
<br />
.ambox.ambox-tiny {<br />
font-size: 90%;<br />
margin: 2px 0;<br />
width: auto;<br />
}<br />
<br />
.ambox + .ambox {<br />
margin-top: -2px;<br />
}<br />
<br />
.ambox-text {<br />
padding: 0.25em 0.5em;<br />
}<br />
<br />
.ambox-image {<br />
padding: 2px 0px 2px 0.5em;<br />
text-align: center;<br />
width: 60px;<br />
}<br />
<br />
.ambox-tiny .ambox-image {<br />
padding: 2px 0.5em;<br />
text-align: left;<br />
width: auto;<br />
}<br />
<br />
/* Ambox colors */<br />
.ambox-blue {<br />
border-left: 10px solid #1e90ff;<br />
}<br />
<br />
.ambox-red {<br />
border-left: 10px solid #b22222;<br />
}<br />
<br />
.ambox-orange {<br />
border-left: 10px solid #f28500;<br />
}<br />
<br />
.ambox-yellow {<br />
border-left: 10px solid #f4c430;<br />
}<br />
<br />
.ambox-purple {<br />
border-left: 10px solid #9932cc;<br />
}<br />
<br />
.ambox-gray {<br />
border-left: 10px solid #bba;<br />
}<br />
<br />
.ambox-green {<br />
border-left: 10px solid #228b22;<br />
}<br />
<br />
/* Ambox small text */<br />
.amsmalltext {<br />
font-size: smaller;<br />
margin-left:0.8em;<br />
margin-top:0.5em;<br />
}<br />
<br />
/* INFOBOXES: game or book depended color style */<br />
.infoboxtable {<br />
background-color: #103f63;<br />
border: 1px solid #0e395a;<br />
color: #56d7ed;<br />
float: right;<br />
font-size: 89%; <br />
margin-bottom: 0.5em; <br />
margin-left: 1em; <br />
padding: 0.2em; <br />
width: 300px;<br />
}<br />
<br />
.infoboxtable td {<br />
vertical-align: top;<br />
}<br />
<br />
.infoboxtable a,<br />
.infoboxtable a:link,<br />
.infoboxtable a:visited {<br />
color: gray;<br />
vertical-align: top;<br />
}<br />
<br />
.infoboxtable td > div {<br />
background-color: transparent;<br />
font-weight: bold;<br />
padding: 0.5px 7px;<br />
text-align: right;<br />
width:135px;<br />
}<br />
<br />
.infoboxname {<br />
font-size: 120%; <br />
font-weight: bold;<br />
padding: 0.5em; <br />
font-family: "OpenSans-Semibold";<br />
background-attachment: scroll;<br />
background-clip: border-box;<br />
background-color: rgba(0, 0, 0, 0);<br />
background-image: url("https://birthdaysthebeginning.gamepedia.com/media/birthdaysthebeginning.gamepedia.com/3/3a/Bg_stripes.png");<br />
background-origin: padding-box;<br />
background-position-y: center;<br />
background-repeat: repeat;<br />
background-size: 100% 100%;<br />
height: 20px;<br />
}<br />
<br />
.infoboxdetails {<br />
padding: 0em;<br />
}<br />
<br />
/* copyright images tweak */<br />
.copyright-icon {<br />
background: url("https://commons.gamepedia.com/media/commons.gamepedia.com/thumb/b/b6/Copyright.png/32px-Copyright.png") transparent center center no-repeat;<br />
background-size: 100%;<br />
width: 32px;<br />
height: 32px;<br />
}<br />
<br />
div#simpleSearch {<br />
-moz-border-bottom-colors: none;<br />
-moz-border-left-colors: none;<br />
-moz-border-right-colors: none;<br />
-moz-border-top-colors: none;<br />
background-color: white;<br />
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAQCAIAAABY/YLgAAAAJUlEQVQIHQXBsQEAAAjDoND/73UWdnerhmHVsDQZJrNWVg3Dqge6bgMe6bejNAAAAABJRU5ErkJggg==");<br />
background-position: left top;<br />
background-repeat: repeat-x;<br />
border-bottom-color: #aaa;<br />
border-bottom-left-radius: 10px;<br />
border-bottom-right-radius: 10px;<br />
border-bottom-style: solid;<br />
border-bottom-width: 1px;<br />
border-image-outset: 0 0 0 0;<br />
border-image-repeat: stretch stretch;<br />
border-image-slice: 100% 100% 100% 100%;<br />
border-image-source: none;<br />
border-image-width: 1 1 1 1;<br />
border-left-color: #aaa;<br />
border-left-style: solid;<br />
border-left-width: 1px;<br />
border-right-color: #aaa;<br />
border-right-style: solid;<br />
border-right-width: 1px;<br />
border-top-color: #aaa;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
border-top-style: solid;<br />
border-top-width: 1px;<br />
color: black;<br />
display: block;<br />
height: 1.4em;<br />
margin-top: -0.4em;<br />
max-width: 20em;<br />
min-height: 1px;<br />
min-width: 5em;<br />
padding-right: 1.4em;<br />
position: relative;<br />
}<br />
<br />
/* footer */<br />
div#footer {<br />
background: none repeat scroll 0 0 rgba(209, 247, 253, 0.8);<br />
border:none;<br />
box-shadow: 0 0.1em 0.75em white;<br />
color: black;<br />
margin-left: 11em;<br />
padding-bottom: 1.25em;<br />
padding-left: 1.25em;<br />
padding-right: 1.25em;<br />
padding-top: 1.25em;<br />
margin-top: 10px;<br />
}<br />
<br />
#toc #toctitle, <br />
.toc #toctitle, <br />
#toc .toctitle, <br />
.toc .toctitle {<br />
text-align: center;<br />
color: #ff85a9;<br />
font-size: 102%;<br />
font-weight: bold;<br />
text-transform: uppercase;<br />
background-color: #e3e236;<br />
border:1px solid #380E08;<br />
border-radius: 5px;<br />
padding:3px;<br />
}<br />
<br />
#toc, <br />
.toc {<br />
border-bottom-left-radius: 10px;<br />
border-bottom-right-radius: 10px;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
display: table;<br />
padding-bottom: 7px;<br />
padding-left: 7px;<br />
padding-right: 7px;<br />
padding-top: 7px;<br />
border:2px solid #380E08;<br />
}<br />
<br />
.mw-body #toc h2, <br />
.mw-body .toc h2 {<br />
font-family: sans-serif;<br />
font-size: 100%;<br />
color: black;<br />
font-weight: bold;<br />
}<br />
<br />
/* Tables */<br />
table.wikitable > tr > th, table.wikitable > * > tr > th {<br />
background-color: #ff7b9c;<br />
font-family: "OpenSans-Semibold";<br />
color: black;<br />
text-align: center;<br />
}<br />
<br />
table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {<br />
border: 1px solid #380E08;<br />
padding-bottom: 0.2em;<br />
padding-left: 0.4em;<br />
padding-right: 0.4em;<br />
padding-top: 0.2em;<br />
}<br />
<br />
table.wikitable > tr > td, <br />
table.wikitable > * > tr > td {<br />
background: #E3E236;<br />
padding-bottom: 0.2em;<br />
padding-left: 0.4em;<br />
padding-right: 0.4em;<br />
padding-top: 0.2em;<br />
}<br />
<br />
<br />
/********************************/<br />
/* Front page appearance styles */<br />
/********************************/<br />
.fpbox .mainheading {<br />
border: 0;<br />
}<br />
<br />
.fpbox {<br />
background: rgba(0, 0, 0, 0.1);<br />
border-radius: 5px;<br />
border: 1px solid black;<br />
box-shadow: 0 0.1em 0.75em #AF9CBB;<br />
color: black; /* change for hydra (light) wikis */<br />
margin: 5px 5px 5px 5px;<br />
padding: 5px 5px 5px 5px;<br />
}<br />
<br />
.fpbox .welcome {<br />
border-bottom: 1px solid #505050;<br />
color: black; /* change for hydra (light) wikis */<br />
font-size: 150%;<br />
margin: 0 0 10px 0;<br />
padding: 0 0 5px 0;<br />
text-transform: uppercase;<br />
text-align: center;<br />
}<br />
<br />
.fpbox .heading {<br />
border-bottom: 1px solid #505050;<br />
color: black; /* change for hydra (light) wikis */<br />
font-size: 132%;<br />
font-variant: small-caps;<br />
margin: 0 0 10px 0;<br />
padding: 0 0 5px 0;<br />
background: #ff7727 linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0;<br />
font-family: "OpenSans-Bold";<br />
}<br />
<br />
.fplink:not(.fplink-plain) {<br />
background: #ff7727 linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0;<br />
border: 1px solid black;<br />
border-radius: 3px;<br />
box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.2);<br />
color: black;<br />
font-weight: bold;<br />
text-transform: uppercase;<br />
font-family: "OpenSans-Bold", "sans-serif";<br />
}<br />
<br />
.fplink-fullwidth .fplink:not(.fplink-plain) {<br />
background: rgba(0,0,0,0.4);<br />
}<br />
<br />
.linkslabel {<br />
border-bottom: 2px solid #505050;<br />
}<br />
<br />
/************************************/<br />
/* Front page appearance styles END */<br />
/************************************/<br />
<br />
<br />
/* Other element styles */<br />
<br />
.mw-search-profile-tabs {<br />
border: 1px solid #9d5d0b;<br />
background-color: #ffbf6c;<br />
margin-top: 1em;<br />
}<br />
<br />
.mw-search-profile-tabs div.search-types ul li.current a {<br />
color: gray;<br />
cursor: default;<br />
}</div>
Encredechine
https://happybirthdays.fandom.com/wiki/MediaWiki:Hydra.css?diff=5971
MediaWiki:Hydra.css
2020-11-04T19:24:47Z
<p>Encredechine: trying to remove that ugly blue underline</p>
<hr />
<div>/* CSS placed here will affect users of the Hydra skin */<br />
/* For elements which only display in the mobile view */<br />
.mobileonly {<br />
display: none;<br />
}<br />
<br />
/* fonts */<br />
@font-face {<br />
font-family: 'OpenSans-Bold';<br />
src: local('OpenSans-Bold'), local('OpenSans-Bold'), url(/media/hydra/fonts/OpenSans-Bold.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-BoldItalic';<br />
src: local('OpenSans-BoldItalic'), local('OpenSans-BoldItalic'), url(/media/hydra/fonts/OpenSans-BoldItalic.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-ExtraBold';<br />
src: local('OpenSans-ExtraBold'), local('OpenSans-ExtraBold'), url(/media/hydra/fonts/OpenSans-ExtraBold.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-ExtraBoldItalic';<br />
src: local('OpenSans-ExtraBoldItalic'), local('OpenSans-ExtraBoldItalic'), url(/media/hydra/fonts/OpenSans-ExtraBoldItalic.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-Italic';<br />
src: local('OpenSans-Italic'), local('OpenSans-Italic'), url(/media/hydra/fonts/OpenSans-Italic.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-Light';<br />
src: local('OpenSans-Light'), local('OpenSans-Light'), url(/media/hydra/fonts/OpenSans-Light.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-LightItalic';<br />
src: local('OpenSans-LightItalic'), local('OpenSans-LightItalic'), url(/media/hydra/fonts/OpenSans-LightItalic.ttf) format('truetype');<br />
}<br />
<br />
<br />
@font-face {<br />
font-family: 'OpenSans-Regular';<br />
src: local('OpenSans-Regular'), local('OpenSans-Regular'), url(/media/hydra/fonts/OpenSans-Regular.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-Semibold';<br />
src: local('OpenSans-Semibold'), local('OpenSans-Semibold'), url(/media/hydra/fonts/OpenSans-Semibold.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-SemiboldItalic';<br />
src: local('OpenSans-SemiboldItalic'), local('OpenSans-SemiboldItalic'), url(/media/hydra/fonts/OpenSans-SemiboldItalic.ttf) format('truetype');<br />
}<br />
<br />
p {<br />
font-family: "OpenSans-Regular";<br />
}<br />
<br />
/* links */<br />
a, <br />
a:visited,<br />
div#content a.extiw,<br />
div#content a.extiw:visited,<br />
div#content a.external, <br />
div#content a.external:visited {<br />
color: #be5b20;<br />
font-family: "OpenSans-Semibold";<br />
}<br />
<br />
a:hover {<br />
color: #f7813d;<br />
}<br />
<br />
<br />
ul {<br />
list-style-type: disc;<br />
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);<br />
} <br />
<br />
/* Hide main page header */<br />
body.page-Happy_Birthdays_Wiki h1.firstHeading {<br />
display:none;<br />
}<br />
<br />
body {<br />
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);<br />
-webkit-background-size: cover;<br />
-o-background-size: cover;<br />
-moz-background-size: cover;<br />
}<br />
<br />
#pageWrapper { <br />
padding-right: 1em;<br />
}<br />
<br />
#mw-page-base {<br />
background-color: transparent;<br />
background-image: none;<br />
background-position: left bottom;<br />
background-repeat: repeat-x;<br />
height: 5em;<br />
}<br />
<br />
/* Logo */<br />
#p-logo a {<br />
background-position: center center;<br />
background-repeat: no-repeat;<br />
background-size: 99% auto;<br />
display: block;<br />
height: 160px;<br />
text-decoration-color: -moz-use-text-color;<br />
text-decoration-line: none;<br />
text-decoration-style: solid;<br />
width: 10em;<br />
}<br />
<br />
/* Content */<br />
div#content {<br />
background: none repeat scroll 0 0 rgba(209, 247, 253, 0.8);<br />
box-shadow: 0 0.1em 0.75em white;<br />
color: black;<br />
margin-left: 11em;<br />
margin-top: 0em;<br />
border: none;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
}<br />
<br />
.mw-body .firstHeading,<br />
.mw-body h1, <br />
.mw-body h2 {<br />
border-bottom-color: #380e08;<br />
border-bottom-style: solid;<br />
border-bottom-width: 1px;<br />
color: #380e08;<br />
font-family: sans-serif;<br />
font-weight:bold;<br />
}<br />
<br />
.mw-body h3, <br />
.mw-body h4, <br />
.mw-body h5, <br />
.mw-body h6 {<br />
color: #380e08;<br />
font-family: sans-serif;<br />
}<br />
<br />
/* images */<br />
img.thumbborder {<br />
border:1px solid #380E08;<br />
margin:5px;<br />
}<br />
<br />
/******************/<br />
/* NEW VECTOR NAV */<br />
/******************/<br />
/* Vector Tab styles */<br />
#left-navigation {<br />
margin-left: 11.5em;<br />
}<br />
<br />
#right-navigation {<br />
margin-right: 1em;<br />
}<br />
<br />
div.vectorTabs,<br />
div.vectorTabs span,<br />
div.vectorTabs li.selected,<br />
div.vectorTabs ul,<br />
div.vectorTabs ul li,<br />
div.vectorTabs li a {<br />
background-color: rgba(0, 0, 0, 0);<br />
background-image: none;<br />
}<br />
<br />
div.vectorTabs ul li {<br />
margin-right: 5px;<br />
}<br />
<br />
div.vectorTabs li span {<br />
background: #FF4550;<br />
display: inline-block;<br />
border: 2px solid white;<br />
border-radius: 4px;<br />
padding: 2px 10px;<br />
margin-top: 0.5em;<br />
height: 19px;<br />
text-align: center;<br />
}<br />
<br />
div.vectorTabs li a {<br />
background-image: none;<br />
margin-top: -16px;<br />
}<br />
<br />
div#mw-head a,<br />
div#mw-head div.vectorTabs a,<br />
div#mw-head div.vectorMenu a,<br />
.vectorTabs li a span,<br />
div.vectorMenu h3 span {<br />
color: white;<br />
font-family: "OpenSans-Semibold";<br />
text-transform: uppercase;<br />
}<br />
<br />
div#mw-head li.new a,<br />
div#mw-head li.new a:visited {<br />
color: gray !important;<br />
text-shadow: 1px 1px #000000;<br />
}<br />
<br />
div.vectorTabs ul li:first-child {<br />
border-image: none;<br />
border-left: medium none;<br />
}<br />
<br />
div#mw-head li.selected a,<br />
div#mw-head li.selected a span,<br />
div#mw-head div.vectorTabs li.selected a,<br />
div#mw-head div.vectorTabs li.selected a:visited {<br />
color: white !important;<br />
font-weight: bold;<br />
}<br />
<br />
div#p-sharing .menu {<br />
background-color: #FF4550;<br />
box-shadow: 0 0.1em 0.75em gray;<br />
margin-left: 45px;<br />
min-width: 0px;<br />
width: 48px;<br />
}<br />
<br />
#p-sharing #socialIconImages img {<br />
width: 100%;<br />
}<br />
<br />
#p-sharing #socialIconImages a {<br />
width: 40px;<br />
}<br />
<br />
div.vectorMenu h3 span {<br />
font-weight: bold;<br />
padding-top: 0.1em;<br />
}<br />
<br />
div.vectorMenu h3 span a,<br />
div.vectorMenu h3 span a:active {<br />
background: url("https://commons.gamepedia.com/media/commons.gamepedia.com/0/0b/Vector_menu_downarrow.png") no-repeat scroll center center transparent;<br />
}<br />
<br />
div#mw-head div.vectorMenu h4,<br />
div#p-variants.vectorMenu #mw-vector-current-variant {<br />
color: #FBD63B;<br />
font-weight: bold;<br />
padding-top: 0.2em;<br />
text-shadow: none;<br />
}<br />
<br />
div.vectorMenu h3 span::after {<br />
content: '';<br />
position: absolute;<br />
top: 0em;<br />
right: 0;<br />
bottom: 0;<br />
left: 0;<br />
background-image: url(/skins/Vector/images/arrow-down.png?42edd);<br />
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");<br />
background-position: 100% 50%;<br />
background-repeat: no-repeat;<br />
opacity: 0.85;<br />
}<br />
<br />
div.vectorMenu h3:hover span, <br />
div.vectorMenu h3:focus span {<br />
color: #FFFFFF;<br />
}<br />
<br />
.vectorTabs #ca-unwatch.icon a, <br />
.vectorTabs #ca-watch.icon a {<br />
margin: 0;<br />
padding: 0;<br />
display: block;<br />
width: 28px;<br />
padding-top: 3.1em;<br />
margin-top: -0.8em;<br />
height: 0;<br />
overflow: hidden;<br />
background-position: 5px 60%;<br />
background-repeat: no-repeat;<br />
}<br />
<br />
div#mw-head div.vectorMenu h3 {<br />
background: #F18B1B;<br />
display: inline-block;<br />
border: 2px solid white;<br />
border-radius: 4px;<br />
padding: 2px 10px;<br />
margin-top: 0.5em;<br />
margin-bottom: 0.5em;<br />
height: 19px;<br />
text-align: center;<br />
}<br />
<br />
div.vectorMenu h3 a,<br />
div.vectorMenu h3 a:active {<br />
background-color: rgba(0, 0, 0, 0);<br />
background-image: url("https://commons.gamepedia.com/media/commons.gamepedia.com/8/80/Vector_menu_downarrow_white.png");<br />
background-position: 50% 50%;<br />
border: medium none;<br />
}<br />
<br />
div.vectorMenu div.menu {<br />
border: none;<br />
left: auto;<br />
margin-left: 5px;<br />
right: 0;<br />
top: 40px;<br />
}<br />
<br />
div#mw-head div.vectorMenu ul {<br />
background-color: #FF4550;<br />
background-image: none;<br />
border-right: 5px none;<br />
box-shadow: 0 0.1em 0.75em gray;<br />
}<br />
<br />
div#mw-head div.vectorMenu li a {<br />
color: #FFF;<br />
}<br />
<br />
div#mw-head div.vectorMenu li a:hover {<br />
color: #e0fdff;<br />
}<br />
<br />
/* different coloured tabs */<br />
div.vectorTabs li#ca-contribs span, <br />
div.vectorTabs li#ca-ve-edit span {<br />
background-color: #44D8F8;<br />
}<br />
<br />
div.vectorTabs li#ca-edit span {<br />
background-color: #00F2FF;<br />
}<br />
<br />
div.vectorTabs li#ca-history span {<br />
background-color: #74FF37;<br />
}<br />
<br />
div.vectorTabs li#ca-nstab-main span {<br />
background-color: #FF5CFF;<br />
}<br />
<br />
div.vectorTabs li#ca-nstab-image span, <br />
div.vectorTabs li#ca-nstab-special span, <br />
div.vectorTabs li#ca-nstab-help span, <br />
div.vectorTabs li#ca-nstab-category span, <br />
div.vectorTabs li#ca-nstab-template span, <br />
div.vectorTabs li#ca-nstab-project span, <br />
div.vectorTabs li#ca-nstab-user span, <br />
div.vectorTabs li#ca-user span, <br />
div.vectorTabs li#ca-user_talk span, <br />
div.vectorTabs li#ca-user_profile span, <br />
div.vectorTabs li#ca-userprofile span, <br />
div.vectorTabs li#ca-user_wiki span {<br />
background-color: #ff7727;<br />
}<br />
<br />
div.vectorTabs li#ca-talk span {<br />
background-color: #E3E236;<br />
}<br />
<br />
div.vectorTabs li#ca-nstab-mediawiki span,<br />
div.vectorTabs li#ca-view span, <br />
div.vectorTabs li#ca-viewsource span {<br />
background-color: #FF4550;<br />
}<br />
<br />
/* NEW VECTOR NAV STYLE END */<br />
<br />
/* Sidebar */<br />
div#mw-panel div.portal,<br />
div#mw-panel div.portal div.body,<br />
#mw-panel.collapsible-nav .portal {<br />
background-image: none; /* Optional! This removes the lines be horizontal lines between the portals */<br />
}<br />
<br />
div#mw-panel div.portal div.body ul li a,<br />
div#mw-panel div.portal div.body ul li a:visited {<br />
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 */<br />
}<br />
<br />
div#mw-panel div.portal h3,<br />
div#mw-panel div.portal h3:visited,<br />
#mw-panel.collapsible-nav .portal h3 a,<br />
#mw-panel.collapsible-nav .portal h3 a:visited,<br />
#mw-panel.collapsible-nav .portal.collapsed h3 a,<br />
#mw-panel.collapsible-nav .portal.collapsed h3 a:visited {<br />
color: #FF85A9;<br />
text-shadow:<br />
2px 2px 0 #000,<br />
-1px -1px 0 #000, <br />
1px -1px 0 #000,<br />
-1px 1px 0 #000,<br />
1px 1px 0 #000;<br />
font-weight: bold; /* Optional, to make the labels stand out */<br />
text-transform: uppercase; /* Optional, to make the labels stand out */<br />
font-size:102%; <br />
}<br />
<br />
#mw-panel.collapsible-nav .portal.collapsed h3:hover {<br />
text-decoration: none;<br />
color: #e87696;<br />
}<br />
<br />
#mw-panel.collapsible-nav .portal.collapsed h3 {<br />
background-image: linear-gradient(transparent, transparent), url(https://birthdaysthebeginning.gamepedia.com/media/birthdaysthebeginning.gamepedia.com/1/1b/Dino1.png);<br />
background-position: left center;<br />
background-repeat: no-repeat;<br />
color: #0645ad;<br />
background-size: 25px auto;<br />
}<br />
<br />
#mw-panel.collapsible-nav .portal h3 {<br />
background-image: linear-gradient(transparent, transparent), url(https://birthdaysthebeginning.gamepedia.com/media/birthdaysthebeginning.gamepedia.com/9/95/Dino2.png);<br />
background-position: left center;<br />
background-repeat: no-repeat;<br />
padding-bottom: 3px;<br />
padding-left: 1.5em;<br />
padding-right: 0;<br />
padding-top: 4px;<br />
background-size: 25px auto;<br />
}<br />
<br />
div#mw-panel div#p-socialProfiles.portal .body {<br />
margin: auto;<br />
}<br />
<br />
.socialSidebar {<br />
width: auto;<br />
max-width: 100%;<br />
}<br />
<br />
/* Wiki editor fixes */<br />
div.wikiEditor-preview-contents,<br />
div.wikiEditor-preview-loading {<br />
background-color: transparent;<br />
}<br />
<br />
.wikiEditor-ui {<br />
background: rgba(0, 0, 0, 0);<br />
border: medium none;<br />
}<br />
<br />
.wikiEditor-ui .wikiEditor-ui-view {<br />
border-bottom: medium none;<br />
border-left: 1px solid #202020;<br />
border-right: 1px solid #202020;<br />
border-top : medium none;<br />
}<br />
<br />
div.wikiEditor-ui-buttons {<br />
background-color: rgba(0, 0, 0, 0);<br />
border-top: medium none;<br />
margin-right: 5px;<br />
}<br />
<br />
div.wikiEditor-ui-controls {<br />
background-color: rgba(0, 0, 0, 0);<br />
border-bottom: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-tabs {<br />
background-color: orange;<br />
border-left: 1px solid #202020;<br />
border-top: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-tabs div {<br />
background-color: orange;<br />
border-right: 1px solid #202020;<br />
border-bottom: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-tabs div a {<br />
background: orange; /* you can use a gradient here if you want to match your vector tabs or get fancy */<br />
color: #202020;<br />
}<br />
<br />
.wikiEditor-ui-tabs div.current {<br />
background-color: #FF7727;<br />
border-bottom: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-tabs div.current a {<br />
color: white; /* depends on your tabs bg & how different you wish the current tab and text to appear */<br />
font-weight: bold; /* optional to make it stand out */<br />
}<br />
<br />
.wikiEditor-ui .wikiEditor-ui-top {<br />
border-bottom: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-toolbar {<br />
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);<br />
}<br />
<br />
.wikiEditor-ui-toolbar .group {<br />
border-right: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .group-search {<br />
border-left: 1px solid #202020;<br />
border-right: none;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .group .label {<br />
color: black;<br />
}<br />
<br />
.tab {<br />
border-color: rgba(0, 0, 0, 0);<br />
}<br />
<br />
.wikiEditor-ui-toolbar .tabs span.tab a,<br />
.wikiEditor-ui-toolbar .tabs span.tab a:visited {<br />
color: black;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .tabs span.tab a.current,<br />
.wikiEditor-ui-toolbar .tabs span.tab a.current:visited {<br />
color: black;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .group .tool-select .label {<br />
color: #000000; /* or any other dark colour, or change the bg to a dark colour to contrast with light text */<br />
}<br />
<br />
.wikiEditor-ui-toolbar .sections .section {<br />
background-color: rgba(0, 0, 0, 0.2);<br />
border-top: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .booklet .index div {<br />
color: #202020;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .booklet .index .current {<br />
background-color: orange;<br />
color: #202020;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .booklet .pages {<br />
background-color: orange;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .page-characters div span {<br />
border: 1px solid #202020;<br />
color: #202020;<br />
background:white;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .page-characters div span:hover {<br />
background-color: rgba(255, 255, 255, 0.3);<br />
border-color: #202020;<br />
color: #FF7796;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .page-table td {<br />
border-top: 1px solid #202020;<br />
color: #202020;<br />
}<br />
<br />
.wikiEditor-preview-loading {<br />
background-color: rgba(0, 0, 0, 0);<br />
}<br />
<br />
.wikiEditor-preview-contents {<br />
background-color: rgba(0, 0, 0, 0);<br />
border-color: -moz-use-text-color #202020 #202020;<br />
border-image: none;<br />
border-style: none solid solid;<br />
border-width: medium 1px 1px;<br />
}<br />
<br />
.editOptions { <br />
background-color: rgba(255,255,255,0.5);<br />
border-color: -moz-use-text-color #202020 #202020;<br />
border-image: none;<br />
border-style: none solid solid;<br />
border-width: medium 1px 1px;<br />
}<br />
<br />
/* Preferences */<br />
.client-js #preftoc {<br />
background-color: rgba(255, 255, 255, 0.5);<br />
border: 0px;<br />
}<br />
<br />
.client-js #preftoc,<br />
.client-js #preftoc li, <br />
.client-js #preferences, <br />
.client-js #preftoc li a {<br />
background-image: none;<br />
background-color: transparent;<br />
color: #666666; /* this font color may need tweaking, depending on your background choices */<br />
}<br />
<br />
.client-js #preftoc li:first-child {<br />
margin-bottom: 1px;<br />
margin-left: 5px;<br />
}<br />
<br />
.client-js #preftoc li.selected a {<br />
background-color: rgba(255, 255, 255, 0.5);<br />
background-image: none;<br />
border-color: #aaaaaa #aaaaaa rgba(255, 255, 255, 0.5);<br />
border-style: solid;<br />
border-width: 1px;<br />
color: #000000; /* this font color may need tweaking, depending on your background choices */<br />
}<br />
<br />
.client-js #preferences {<br />
background-color: rgba(255, 255, 255, 0.5);<br />
border: 1px solid #aaaaaa;<br />
}<br />
<br />
.client-js #preferences fieldset {<br />
border-color: #aaaaaa;<br />
}<br />
<br />
<br />
/* Page history */<br />
#pagehistory li {<br />
background-color: rgba(0, 0, 0, 0);<br />
border: none;<br />
padding: 3px;<br />
}<br />
<br />
#pagehistory li.selected {<br />
background-color: rbga(0, 0, 0, 0);<br />
background-image: none;<br />
border: 1px dashed #aaaaaa;<br />
padding: 3px;<br />
}<br />
<br />
table.diff {<br />
background: transparent;<br />
}<br />
<br />
td.diff-context {<br />
background: none repeat scroll 0 0 transparent;<br />
color: #000000; /* this font colour may need tweaking depending on your choice of background */<br />
}<br />
<br />
td.diff-deletedline {<br />
background-color: #FFE49C;<br />
border-color: #FFE49C;<br />
color: #000000;<br />
}<br />
<br />
td.diff-addedline {<br />
background-color: #A3D3FF;<br />
border-color: #A3D3FF;<br />
color: #000000;<br />
}<br />
<br />
<br />
/* for "edit this page" tab and "discussion" tab etc */<br />
.pagetab {<br />
border-style: solid solid none;<br />
border-width: thin;<br />
border-color: #808080;<br />
padding:0.25ex 1ex 0ex;<br />
font-size: 95%;<br />
}<br />
<br />
.ambox {<br />
background-color: #eeeeee;<br />
border-bottom-color: #383838;<br />
border-right-color: #383838;<br />
border-top-color: #383838;<br />
border-collapse: collapse;<br />
font-size: 95%;<br />
margin: 0 auto 2px auto;<br />
width: 80%;<br />
}<br />
<br />
.ambox-gray {<br />
border-left-color: #383838;<br />
}<br />
<br />
.ambox.ambox-tiny {<br />
font-size: 90%;<br />
margin: 2px 0;<br />
width: auto;<br />
}<br />
<br />
.ambox + .ambox {<br />
margin-top: -2px;<br />
}<br />
<br />
.ambox-text {<br />
padding: 0.25em 0.5em;<br />
}<br />
<br />
.ambox-image {<br />
padding: 2px 0px 2px 0.5em;<br />
text-align: center;<br />
width: 60px;<br />
}<br />
<br />
.ambox-tiny .ambox-image {<br />
padding: 2px 0.5em;<br />
text-align: left;<br />
width: auto;<br />
}<br />
<br />
/* Ambox colors */<br />
.ambox-blue {<br />
border-left: 10px solid #1e90ff;<br />
}<br />
<br />
.ambox-red {<br />
border-left: 10px solid #b22222;<br />
}<br />
<br />
.ambox-orange {<br />
border-left: 10px solid #f28500;<br />
}<br />
<br />
.ambox-yellow {<br />
border-left: 10px solid #f4c430;<br />
}<br />
<br />
.ambox-purple {<br />
border-left: 10px solid #9932cc;<br />
}<br />
<br />
.ambox-gray {<br />
border-left: 10px solid #bba;<br />
}<br />
<br />
.ambox-green {<br />
border-left: 10px solid #228b22;<br />
}<br />
<br />
/* Ambox small text */<br />
.amsmalltext {<br />
font-size: smaller;<br />
margin-left:0.8em;<br />
margin-top:0.5em;<br />
}<br />
<br />
/* INFOBOXES: game or book depended color style */<br />
.infoboxtable {<br />
background-color: #103f63;<br />
border: 1px solid #0e395a;<br />
color: #56d7ed;<br />
float: right;<br />
font-size: 89%; <br />
margin-bottom: 0.5em; <br />
margin-left: 1em; <br />
padding: 0.2em; <br />
width: 300px;<br />
}<br />
<br />
.infoboxtable td {<br />
vertical-align: top;<br />
}<br />
<br />
.infoboxtable a,<br />
.infoboxtable a:link,<br />
.infoboxtable a:visited {<br />
color: gray;<br />
vertical-align: top;<br />
}<br />
<br />
.infoboxtable td > div {<br />
background-color: transparent;<br />
font-weight: bold;<br />
padding: 0.5px 7px;<br />
text-align: right;<br />
width:135px;<br />
}<br />
<br />
.infoboxname {<br />
font-size: 120%; <br />
font-weight: bold;<br />
padding: 0.5em; <br />
font-family: "OpenSans-Semibold";<br />
background-attachment: scroll;<br />
background-clip: border-box;<br />
background-color: rgba(0, 0, 0, 0);<br />
background-image: url("https://birthdaysthebeginning.gamepedia.com/media/birthdaysthebeginning.gamepedia.com/3/3a/Bg_stripes.png");<br />
background-origin: padding-box;<br />
background-position-y: center;<br />
background-repeat: repeat;<br />
background-size: 100% 100%;<br />
height: 20px;<br />
}<br />
<br />
.infoboxdetails {<br />
padding: 0em;<br />
}<br />
<br />
/* copyright images tweak */<br />
.copyright-icon {<br />
background: url("https://commons.gamepedia.com/media/commons.gamepedia.com/thumb/b/b6/Copyright.png/32px-Copyright.png") transparent center center no-repeat;<br />
background-size: 100%;<br />
width: 32px;<br />
height: 32px;<br />
}<br />
<br />
div#simpleSearch {<br />
-moz-border-bottom-colors: none;<br />
-moz-border-left-colors: none;<br />
-moz-border-right-colors: none;<br />
-moz-border-top-colors: none;<br />
background-color: white;<br />
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAQCAIAAABY/YLgAAAAJUlEQVQIHQXBsQEAAAjDoND/73UWdnerhmHVsDQZJrNWVg3Dqge6bgMe6bejNAAAAABJRU5ErkJggg==");<br />
background-position: left top;<br />
background-repeat: repeat-x;<br />
border-bottom-color: #aaa;<br />
border-bottom-left-radius: 10px;<br />
border-bottom-right-radius: 10px;<br />
border-bottom-style: solid;<br />
border-bottom-width: 1px;<br />
border-image-outset: 0 0 0 0;<br />
border-image-repeat: stretch stretch;<br />
border-image-slice: 100% 100% 100% 100%;<br />
border-image-source: none;<br />
border-image-width: 1 1 1 1;<br />
border-left-color: #aaa;<br />
border-left-style: solid;<br />
border-left-width: 1px;<br />
border-right-color: #aaa;<br />
border-right-style: solid;<br />
border-right-width: 1px;<br />
border-top-color: #aaa;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
border-top-style: solid;<br />
border-top-width: 1px;<br />
color: black;<br />
display: block;<br />
height: 1.4em;<br />
margin-top: -0.4em;<br />
max-width: 20em;<br />
min-height: 1px;<br />
min-width: 5em;<br />
padding-right: 1.4em;<br />
position: relative;<br />
}<br />
<br />
/* footer */<br />
div#footer {<br />
background: none repeat scroll 0 0 rgba(209, 247, 253, 0.8);<br />
border:none;<br />
box-shadow: 0 0.1em 0.75em white;<br />
color: black;<br />
margin-left: 11em;<br />
padding-bottom: 1.25em;<br />
padding-left: 1.25em;<br />
padding-right: 1.25em;<br />
padding-top: 1.25em;<br />
margin-top: 10px;<br />
}<br />
<br />
#toc #toctitle, <br />
.toc #toctitle, <br />
#toc .toctitle, <br />
.toc .toctitle {<br />
text-align: center;<br />
color: #ff85a9;<br />
font-size: 102%;<br />
font-weight: bold;<br />
text-transform: uppercase;<br />
background-color: #e3e236;<br />
border:1px solid #380E08;<br />
border-radius: 5px;<br />
padding:3px;<br />
}<br />
<br />
#toc, <br />
.toc {<br />
border-bottom-left-radius: 10px;<br />
border-bottom-right-radius: 10px;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
display: table;<br />
padding-bottom: 7px;<br />
padding-left: 7px;<br />
padding-right: 7px;<br />
padding-top: 7px;<br />
border:2px solid #380E08;<br />
}<br />
<br />
.mw-body #toc h2, <br />
.mw-body .toc h2 {<br />
font-family: sans-serif;<br />
font-size: 100%;<br />
color: black;<br />
font-weight: bold;<br />
}<br />
<br />
/* Tables */<br />
table.wikitable > tr > th, table.wikitable > * > tr > th {<br />
background-color: #ff7b9c;<br />
font-family: "OpenSans-Semibold";<br />
color: black;<br />
text-align: center;<br />
}<br />
<br />
table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {<br />
border: 1px solid #380E08;<br />
padding-bottom: 0.2em;<br />
padding-left: 0.4em;<br />
padding-right: 0.4em;<br />
padding-top: 0.2em;<br />
}<br />
<br />
table.wikitable > tr > td, <br />
table.wikitable > * > tr > td {<br />
background: #E3E236;<br />
padding-bottom: 0.2em;<br />
padding-left: 0.4em;<br />
padding-right: 0.4em;<br />
padding-top: 0.2em;<br />
}<br />
<br />
<br />
/********************************/<br />
/* Front page appearance styles */<br />
/********************************/<br />
.fpbox .mainheading {<br />
border: 0;<br />
}<br />
<br />
.fpbox {<br />
background: rgba(0, 0, 0, 0.1);<br />
border-radius: 5px;<br />
border: 1px solid black;<br />
box-shadow: 0 0.1em 0.75em #AF9CBB;<br />
color: black; /* change for hydra (light) wikis */<br />
margin: 5px 5px 5px 5px;<br />
padding: 5px 5px 5px 5px;<br />
}<br />
<br />
.fpbox .welcome {<br />
border-bottom: 1px solid #505050;<br />
color: black; /* change for hydra (light) wikis */<br />
font-size: 150%;<br />
margin: 0 0 10px 0;<br />
padding: 0 0 5px 0;<br />
text-transform: uppercase;<br />
text-align: center;<br />
}<br />
<br />
.fpbox .heading {<br />
border-bottom: 1px solid #505050;<br />
color: black; /* change for hydra (light) wikis */<br />
font-size: 132%;<br />
font-variant: small-caps;<br />
margin: 0 0 10px 0;<br />
padding: 0 0 5px 0;<br />
background: #ff7727 linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0;<br />
font-family: "OpenSans-Bold";<br />
}<br />
<br />
.fplink:not(.fplink-plain) {<br />
background: #ff7727 linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0;<br />
border: 1px solid black;<br />
border-radius: 3px;<br />
box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.2);<br />
color: black;<br />
font-weight: bold;<br />
text-transform: uppercase;<br />
font-family: "OpenSans-Bold", "sans-serif";<br />
}<br />
<br />
.fplink-fullwidth .fplink:not(.fplink-plain) {<br />
background: rgba(0,0,0,0.4);<br />
}<br />
<br />
.linkslabel {<br />
border-bottom: 2px solid #505050;<br />
}<br />
<br />
/************************************/<br />
/* Front page appearance styles END */<br />
/************************************/<br />
<br />
<br />
/* Other element styles */<br />
<br />
.mw-search-profile-tabs {<br />
border: 1px solid #9d5d0b;<br />
background-color: #ffbf6c;<br />
margin-top: 1em;<br />
}<br />
<br />
.mw-search-profile-tabs div.search-types ul li.current a {<br />
color: gray;<br />
cursor: default;<br />
}</div>
Encredechine
https://happybirthdays.fandom.com/wiki/MediaWiki:Hydra.css?diff=5970
MediaWiki:Hydra.css
2020-11-04T19:20:10Z
<p>Encredechine: removed the extra stroke, I think text-shadow should be enough.</p>
<hr />
<div>/* CSS placed here will affect users of the Hydra skin */<br />
/* For elements which only display in the mobile view */<br />
.mobileonly {<br />
display: none;<br />
}<br />
<br />
/* fonts */<br />
@font-face {<br />
font-family: 'OpenSans-Bold';<br />
src: local('OpenSans-Bold'), local('OpenSans-Bold'), url(/media/hydra/fonts/OpenSans-Bold.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-BoldItalic';<br />
src: local('OpenSans-BoldItalic'), local('OpenSans-BoldItalic'), url(/media/hydra/fonts/OpenSans-BoldItalic.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-ExtraBold';<br />
src: local('OpenSans-ExtraBold'), local('OpenSans-ExtraBold'), url(/media/hydra/fonts/OpenSans-ExtraBold.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-ExtraBoldItalic';<br />
src: local('OpenSans-ExtraBoldItalic'), local('OpenSans-ExtraBoldItalic'), url(/media/hydra/fonts/OpenSans-ExtraBoldItalic.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-Italic';<br />
src: local('OpenSans-Italic'), local('OpenSans-Italic'), url(/media/hydra/fonts/OpenSans-Italic.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-Light';<br />
src: local('OpenSans-Light'), local('OpenSans-Light'), url(/media/hydra/fonts/OpenSans-Light.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-LightItalic';<br />
src: local('OpenSans-LightItalic'), local('OpenSans-LightItalic'), url(/media/hydra/fonts/OpenSans-LightItalic.ttf) format('truetype');<br />
}<br />
<br />
<br />
@font-face {<br />
font-family: 'OpenSans-Regular';<br />
src: local('OpenSans-Regular'), local('OpenSans-Regular'), url(/media/hydra/fonts/OpenSans-Regular.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-Semibold';<br />
src: local('OpenSans-Semibold'), local('OpenSans-Semibold'), url(/media/hydra/fonts/OpenSans-Semibold.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-SemiboldItalic';<br />
src: local('OpenSans-SemiboldItalic'), local('OpenSans-SemiboldItalic'), url(/media/hydra/fonts/OpenSans-SemiboldItalic.ttf) format('truetype');<br />
}<br />
<br />
p {<br />
font-family: "OpenSans-Regular";<br />
}<br />
<br />
/* links */<br />
a, <br />
a:visited,<br />
div#content a.extiw,<br />
div#content a.extiw:visited,<br />
div#content a.external, <br />
div#content a.external:visited {<br />
color: #be5b20;<br />
font-family: "OpenSans-Semibold";<br />
}<br />
<br />
a:hover {<br />
color: #f7813d;<br />
}<br />
<br />
<br />
ul {<br />
list-style-type: disc;<br />
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);<br />
} <br />
<br />
/* Hide main page header */<br />
body.page-Happy_Birthdays_Wiki h1.firstHeading {<br />
display:none;<br />
}<br />
<br />
body {<br />
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);<br />
-webkit-background-size: cover;<br />
-o-background-size: cover;<br />
-moz-background-size: cover;<br />
}<br />
<br />
#pageWrapper { <br />
padding-right: 1em;<br />
}<br />
<br />
#mw-page-base {<br />
background-color: transparent;<br />
background-image: none;<br />
background-position: left bottom;<br />
background-repeat: repeat-x;<br />
height: 5em;<br />
}<br />
<br />
/* Logo */<br />
#p-logo a {<br />
background-position: center center;<br />
background-repeat: no-repeat;<br />
background-size: 99% auto;<br />
display: block;<br />
height: 160px;<br />
text-decoration-color: -moz-use-text-color;<br />
text-decoration-line: none;<br />
text-decoration-style: solid;<br />
width: 10em;<br />
}<br />
<br />
/* Content */<br />
div#content {<br />
background: none repeat scroll 0 0 rgba(209, 247, 253, 0.8);<br />
box-shadow: 0 0.1em 0.75em white;<br />
color: black;<br />
margin-left: 11em;<br />
margin-top: 0em;<br />
border: none;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
}<br />
<br />
.mw-body .firstHeading,<br />
.mw-body h1, <br />
.mw-body h2 {<br />
border-bottom-color: #380e08;<br />
border-bottom-style: solid;<br />
border-bottom-width: 1px;<br />
color: #380e08;<br />
font-family: sans-serif;<br />
font-weight:bold;<br />
}<br />
<br />
.mw-body h3, <br />
.mw-body h4, <br />
.mw-body h5, <br />
.mw-body h6 {<br />
color: #380e08;<br />
font-family: sans-serif;<br />
}<br />
<br />
/* images */<br />
img.thumbborder {<br />
border:1px solid #380E08;<br />
margin:5px;<br />
}<br />
<br />
/******************/<br />
/* NEW VECTOR NAV */<br />
/******************/<br />
/* Vector Tab styles */<br />
#left-navigation {<br />
margin-left: 11.5em;<br />
}<br />
<br />
#right-navigation {<br />
margin-right: 1em;<br />
}<br />
<br />
div.vectorTabs,<br />
div.vectorTabs span,<br />
div.vectorTabs li.selected,<br />
div.vectorTabs ul,<br />
div.vectorTabs ul li,<br />
div.vectorTabs li a {<br />
background-color: rgba(0, 0, 0, 0);<br />
background-image: none;<br />
}<br />
<br />
div.vectorTabs ul li {<br />
margin-right: 5px;<br />
}<br />
<br />
div.vectorTabs li span {<br />
background: #FF4550;<br />
display: inline-block;<br />
border: 2px solid white;<br />
border-radius: 4px;<br />
padding: 2px 10px;<br />
margin-top: 0.5em;<br />
height: 19px;<br />
text-align: center;<br />
}<br />
<br />
div.vectorTabs li a {<br />
background-image: none;<br />
margin-top: -16px;<br />
}<br />
<br />
div#mw-head a,<br />
div#mw-head div.vectorTabs a,<br />
div#mw-head div.vectorMenu a,<br />
.vectorTabs li a span,<br />
div.vectorMenu h3 span {<br />
color: white;<br />
font-family: "OpenSans-Semibold";<br />
text-transform: uppercase;<br />
}<br />
<br />
div#mw-head li.new a,<br />
div#mw-head li.new a:visited {<br />
color: gray !important;<br />
text-shadow: 1px 1px #000000;<br />
}<br />
<br />
div.vectorTabs ul li:first-child {<br />
border-image: none;<br />
border-left: medium none;<br />
}<br />
<br />
div#mw-head li.selected a,<br />
div#mw-head li.selected a span,<br />
div#mw-head div.vectorTabs li.selected a,<br />
div#mw-head div.vectorTabs li.selected a:visited {<br />
color: white !important;<br />
font-weight: bold;<br />
}<br />
<br />
div#p-sharing .menu {<br />
background-color: #FF4550;<br />
box-shadow: 0 0.1em 0.75em gray;<br />
margin-left: 45px;<br />
min-width: 0px;<br />
width: 48px;<br />
}<br />
<br />
#p-sharing #socialIconImages img {<br />
width: 100%;<br />
}<br />
<br />
#p-sharing #socialIconImages a {<br />
width: 40px;<br />
}<br />
<br />
div.vectorMenu h3 span {<br />
font-weight: bold;<br />
padding-top: 0.1em;<br />
}<br />
<br />
div.vectorMenu h3 span a,<br />
div.vectorMenu h3 span a:active {<br />
background: url("https://commons.gamepedia.com/media/commons.gamepedia.com/0/0b/Vector_menu_downarrow.png") no-repeat scroll center center transparent;<br />
}<br />
<br />
div#mw-head div.vectorMenu h4,<br />
div#p-variants.vectorMenu #mw-vector-current-variant {<br />
color: #FBD63B;<br />
font-weight: bold;<br />
padding-top: 0.2em;<br />
text-shadow: none;<br />
}<br />
<br />
div.vectorMenu h3 span::after {<br />
content: '';<br />
position: absolute;<br />
top: 0em;<br />
right: 0;<br />
bottom: 0;<br />
left: 0;<br />
background-image: url(/skins/Vector/images/arrow-down.png?42edd);<br />
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");<br />
background-position: 100% 50%;<br />
background-repeat: no-repeat;<br />
opacity: 0.85;<br />
}<br />
<br />
div.vectorMenu h3:hover span, <br />
div.vectorMenu h3:focus span {<br />
color: #FFFFFF;<br />
}<br />
<br />
.vectorTabs #ca-unwatch.icon a, <br />
.vectorTabs #ca-watch.icon a {<br />
margin: 0;<br />
padding: 0;<br />
display: block;<br />
width: 28px;<br />
padding-top: 3.1em;<br />
margin-top: -0.8em;<br />
height: 0;<br />
overflow: hidden;<br />
background-position: 5px 60%;<br />
background-repeat: no-repeat;<br />
}<br />
<br />
div#mw-head div.vectorMenu h3 {<br />
background: #F18B1B;<br />
display: inline-block;<br />
border: 2px solid white;<br />
border-radius: 4px;<br />
padding: 2px 10px;<br />
margin-top: 0.5em;<br />
margin-bottom: 0.5em;<br />
height: 19px;<br />
text-align: center;<br />
}<br />
<br />
div.vectorMenu h3 a,<br />
div.vectorMenu h3 a:active {<br />
background-color: rgba(0, 0, 0, 0);<br />
background-image: url("https://commons.gamepedia.com/media/commons.gamepedia.com/8/80/Vector_menu_downarrow_white.png");<br />
background-position: 50% 50%;<br />
border: medium none;<br />
}<br />
<br />
div.vectorMenu div.menu {<br />
border: none;<br />
left: auto;<br />
margin-left: 5px;<br />
right: 0;<br />
top: 40px;<br />
}<br />
<br />
div#mw-head div.vectorMenu ul {<br />
background-color: #FF4550;<br />
background-image: none;<br />
border-right: 5px none;<br />
box-shadow: 0 0.1em 0.75em gray;<br />
}<br />
<br />
div#mw-head div.vectorMenu li a {<br />
color: #FFF;<br />
}<br />
<br />
div#mw-head div.vectorMenu li a:hover {<br />
color: #e0fdff;<br />
}<br />
<br />
/* different coloured tabs */<br />
div.vectorTabs li#ca-contribs span, <br />
div.vectorTabs li#ca-ve-edit span {<br />
background-color: #44D8F8;<br />
}<br />
<br />
div.vectorTabs li#ca-edit span {<br />
background-color: #00F2FF;<br />
}<br />
<br />
div.vectorTabs li#ca-history span {<br />
background-color: #74FF37;<br />
}<br />
<br />
div.vectorTabs li#ca-nstab-main span {<br />
background-color: #FF5CFF;<br />
}<br />
<br />
div.vectorTabs li#ca-nstab-image span, <br />
div.vectorTabs li#ca-nstab-special span, <br />
div.vectorTabs li#ca-nstab-help span, <br />
div.vectorTabs li#ca-nstab-category span, <br />
div.vectorTabs li#ca-nstab-template span, <br />
div.vectorTabs li#ca-nstab-project span, <br />
div.vectorTabs li#ca-nstab-user span, <br />
div.vectorTabs li#ca-user span, <br />
div.vectorTabs li#ca-user_talk span, <br />
div.vectorTabs li#ca-user_profile span, <br />
div.vectorTabs li#ca-userprofile span, <br />
div.vectorTabs li#ca-user_wiki span {<br />
background-color: #ff7727;<br />
}<br />
<br />
div.vectorTabs li#ca-talk span {<br />
background-color: #E3E236;<br />
}<br />
<br />
div.vectorTabs li#ca-nstab-mediawiki span,<br />
div.vectorTabs li#ca-view span, <br />
div.vectorTabs li#ca-viewsource span {<br />
background-color: #FF4550;<br />
}<br />
<br />
/* NEW VECTOR NAV STYLE END */<br />
<br />
/* Sidebar */<br />
div#mw-panel div.portal,<br />
div#mw-panel div.portal div.body,<br />
#mw-panel.collapsible-nav .portal {<br />
background-image: none; /* Optional! This removes the lines be horizontal lines between the portals */<br />
}<br />
<br />
div#mw-panel div.portal div.body ul li a,<br />
div#mw-panel div.portal div.body ul li a:visited {<br />
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 */<br />
}<br />
<br />
div#mw-panel div.portal h3,<br />
div#mw-panel div.portal h3:visited,<br />
#mw-panel.collapsible-nav .portal h3 a,<br />
#mw-panel.collapsible-nav .portal h3 a:visited,<br />
#mw-panel.collapsible-nav .portal.collapsed h3 a,<br />
#mw-panel.collapsible-nav .portal.collapsed h3 a:visited {<br />
color: #FF85A9;<br />
text-shadow:<br />
2px 2px 0 #000,<br />
-1px -1px 0 #000, <br />
1px -1px 0 #000,<br />
-1px 1px 0 #000,<br />
1px 1px 0 #000;<br />
font-weight: bold; /* Optional, to make the labels stand out */<br />
text-transform: uppercase; /* Optional, to make the labels stand out */<br />
font-size:102%; <br />
}<br />
<br />
#mw-panel.collapsible-nav .portal.collapsed h3 {<br />
background-image: linear-gradient(transparent, transparent), url(https://birthdaysthebeginning.gamepedia.com/media/birthdaysthebeginning.gamepedia.com/1/1b/Dino1.png);<br />
background-position: left center;<br />
background-repeat: no-repeat;<br />
color: #0645ad;<br />
background-size: 25px auto;<br />
}<br />
<br />
#mw-panel.collapsible-nav .portal h3 {<br />
background-image: linear-gradient(transparent, transparent), url(https://birthdaysthebeginning.gamepedia.com/media/birthdaysthebeginning.gamepedia.com/9/95/Dino2.png);<br />
background-position: left center;<br />
background-repeat: no-repeat;<br />
padding-bottom: 3px;<br />
padding-left: 1.5em;<br />
padding-right: 0;<br />
padding-top: 4px;<br />
background-size: 25px auto;<br />
}<br />
<br />
div#mw-panel div#p-socialProfiles.portal .body {<br />
margin: auto;<br />
}<br />
<br />
.socialSidebar {<br />
width: auto;<br />
max-width: 100%;<br />
}<br />
<br />
/* Wiki editor fixes */<br />
div.wikiEditor-preview-contents,<br />
div.wikiEditor-preview-loading {<br />
background-color: transparent;<br />
}<br />
<br />
.wikiEditor-ui {<br />
background: rgba(0, 0, 0, 0);<br />
border: medium none;<br />
}<br />
<br />
.wikiEditor-ui .wikiEditor-ui-view {<br />
border-bottom: medium none;<br />
border-left: 1px solid #202020;<br />
border-right: 1px solid #202020;<br />
border-top : medium none;<br />
}<br />
<br />
div.wikiEditor-ui-buttons {<br />
background-color: rgba(0, 0, 0, 0);<br />
border-top: medium none;<br />
margin-right: 5px;<br />
}<br />
<br />
div.wikiEditor-ui-controls {<br />
background-color: rgba(0, 0, 0, 0);<br />
border-bottom: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-tabs {<br />
background-color: orange;<br />
border-left: 1px solid #202020;<br />
border-top: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-tabs div {<br />
background-color: orange;<br />
border-right: 1px solid #202020;<br />
border-bottom: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-tabs div a {<br />
background: orange; /* you can use a gradient here if you want to match your vector tabs or get fancy */<br />
color: #202020;<br />
}<br />
<br />
.wikiEditor-ui-tabs div.current {<br />
background-color: #FF7727;<br />
border-bottom: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-tabs div.current a {<br />
color: white; /* depends on your tabs bg & how different you wish the current tab and text to appear */<br />
font-weight: bold; /* optional to make it stand out */<br />
}<br />
<br />
.wikiEditor-ui .wikiEditor-ui-top {<br />
border-bottom: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-toolbar {<br />
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);<br />
}<br />
<br />
.wikiEditor-ui-toolbar .group {<br />
border-right: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .group-search {<br />
border-left: 1px solid #202020;<br />
border-right: none;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .group .label {<br />
color: black;<br />
}<br />
<br />
.tab {<br />
border-color: rgba(0, 0, 0, 0);<br />
}<br />
<br />
.wikiEditor-ui-toolbar .tabs span.tab a,<br />
.wikiEditor-ui-toolbar .tabs span.tab a:visited {<br />
color: black;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .tabs span.tab a.current,<br />
.wikiEditor-ui-toolbar .tabs span.tab a.current:visited {<br />
color: black;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .group .tool-select .label {<br />
color: #000000; /* or any other dark colour, or change the bg to a dark colour to contrast with light text */<br />
}<br />
<br />
.wikiEditor-ui-toolbar .sections .section {<br />
background-color: rgba(0, 0, 0, 0.2);<br />
border-top: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .booklet .index div {<br />
color: #202020;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .booklet .index .current {<br />
background-color: orange;<br />
color: #202020;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .booklet .pages {<br />
background-color: orange;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .page-characters div span {<br />
border: 1px solid #202020;<br />
color: #202020;<br />
background:white;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .page-characters div span:hover {<br />
background-color: rgba(255, 255, 255, 0.3);<br />
border-color: #202020;<br />
color: #FF7796;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .page-table td {<br />
border-top: 1px solid #202020;<br />
color: #202020;<br />
}<br />
<br />
.wikiEditor-preview-loading {<br />
background-color: rgba(0, 0, 0, 0);<br />
}<br />
<br />
.wikiEditor-preview-contents {<br />
background-color: rgba(0, 0, 0, 0);<br />
border-color: -moz-use-text-color #202020 #202020;<br />
border-image: none;<br />
border-style: none solid solid;<br />
border-width: medium 1px 1px;<br />
}<br />
<br />
.editOptions { <br />
background-color: rgba(255,255,255,0.5);<br />
border-color: -moz-use-text-color #202020 #202020;<br />
border-image: none;<br />
border-style: none solid solid;<br />
border-width: medium 1px 1px;<br />
}<br />
<br />
/* Preferences */<br />
.client-js #preftoc {<br />
background-color: rgba(255, 255, 255, 0.5);<br />
border: 0px;<br />
}<br />
<br />
.client-js #preftoc,<br />
.client-js #preftoc li, <br />
.client-js #preferences, <br />
.client-js #preftoc li a {<br />
background-image: none;<br />
background-color: transparent;<br />
color: #666666; /* this font color may need tweaking, depending on your background choices */<br />
}<br />
<br />
.client-js #preftoc li:first-child {<br />
margin-bottom: 1px;<br />
margin-left: 5px;<br />
}<br />
<br />
.client-js #preftoc li.selected a {<br />
background-color: rgba(255, 255, 255, 0.5);<br />
background-image: none;<br />
border-color: #aaaaaa #aaaaaa rgba(255, 255, 255, 0.5);<br />
border-style: solid;<br />
border-width: 1px;<br />
color: #000000; /* this font color may need tweaking, depending on your background choices */<br />
}<br />
<br />
.client-js #preferences {<br />
background-color: rgba(255, 255, 255, 0.5);<br />
border: 1px solid #aaaaaa;<br />
}<br />
<br />
.client-js #preferences fieldset {<br />
border-color: #aaaaaa;<br />
}<br />
<br />
<br />
/* Page history */<br />
#pagehistory li {<br />
background-color: rgba(0, 0, 0, 0);<br />
border: none;<br />
padding: 3px;<br />
}<br />
<br />
#pagehistory li.selected {<br />
background-color: rbga(0, 0, 0, 0);<br />
background-image: none;<br />
border: 1px dashed #aaaaaa;<br />
padding: 3px;<br />
}<br />
<br />
table.diff {<br />
background: transparent;<br />
}<br />
<br />
td.diff-context {<br />
background: none repeat scroll 0 0 transparent;<br />
color: #000000; /* this font colour may need tweaking depending on your choice of background */<br />
}<br />
<br />
td.diff-deletedline {<br />
background-color: #FFE49C;<br />
border-color: #FFE49C;<br />
color: #000000;<br />
}<br />
<br />
td.diff-addedline {<br />
background-color: #A3D3FF;<br />
border-color: #A3D3FF;<br />
color: #000000;<br />
}<br />
<br />
<br />
/* for "edit this page" tab and "discussion" tab etc */<br />
.pagetab {<br />
border-style: solid solid none;<br />
border-width: thin;<br />
border-color: #808080;<br />
padding:0.25ex 1ex 0ex;<br />
font-size: 95%;<br />
}<br />
<br />
.ambox {<br />
background-color: #eeeeee;<br />
border-bottom-color: #383838;<br />
border-right-color: #383838;<br />
border-top-color: #383838;<br />
border-collapse: collapse;<br />
font-size: 95%;<br />
margin: 0 auto 2px auto;<br />
width: 80%;<br />
}<br />
<br />
.ambox-gray {<br />
border-left-color: #383838;<br />
}<br />
<br />
.ambox.ambox-tiny {<br />
font-size: 90%;<br />
margin: 2px 0;<br />
width: auto;<br />
}<br />
<br />
.ambox + .ambox {<br />
margin-top: -2px;<br />
}<br />
<br />
.ambox-text {<br />
padding: 0.25em 0.5em;<br />
}<br />
<br />
.ambox-image {<br />
padding: 2px 0px 2px 0.5em;<br />
text-align: center;<br />
width: 60px;<br />
}<br />
<br />
.ambox-tiny .ambox-image {<br />
padding: 2px 0.5em;<br />
text-align: left;<br />
width: auto;<br />
}<br />
<br />
/* Ambox colors */<br />
.ambox-blue {<br />
border-left: 10px solid #1e90ff;<br />
}<br />
<br />
.ambox-red {<br />
border-left: 10px solid #b22222;<br />
}<br />
<br />
.ambox-orange {<br />
border-left: 10px solid #f28500;<br />
}<br />
<br />
.ambox-yellow {<br />
border-left: 10px solid #f4c430;<br />
}<br />
<br />
.ambox-purple {<br />
border-left: 10px solid #9932cc;<br />
}<br />
<br />
.ambox-gray {<br />
border-left: 10px solid #bba;<br />
}<br />
<br />
.ambox-green {<br />
border-left: 10px solid #228b22;<br />
}<br />
<br />
/* Ambox small text */<br />
.amsmalltext {<br />
font-size: smaller;<br />
margin-left:0.8em;<br />
margin-top:0.5em;<br />
}<br />
<br />
/* INFOBOXES: game or book depended color style */<br />
.infoboxtable {<br />
background-color: #103f63;<br />
border: 1px solid #0e395a;<br />
color: #56d7ed;<br />
float: right;<br />
font-size: 89%; <br />
margin-bottom: 0.5em; <br />
margin-left: 1em; <br />
padding: 0.2em; <br />
width: 300px;<br />
}<br />
<br />
.infoboxtable td {<br />
vertical-align: top;<br />
}<br />
<br />
.infoboxtable a,<br />
.infoboxtable a:link,<br />
.infoboxtable a:visited {<br />
color: gray;<br />
vertical-align: top;<br />
}<br />
<br />
.infoboxtable td > div {<br />
background-color: transparent;<br />
font-weight: bold;<br />
padding: 0.5px 7px;<br />
text-align: right;<br />
width:135px;<br />
}<br />
<br />
.infoboxname {<br />
font-size: 120%; <br />
font-weight: bold;<br />
padding: 0.5em; <br />
font-family: "OpenSans-Semibold";<br />
background-attachment: scroll;<br />
background-clip: border-box;<br />
background-color: rgba(0, 0, 0, 0);<br />
background-image: url("https://birthdaysthebeginning.gamepedia.com/media/birthdaysthebeginning.gamepedia.com/3/3a/Bg_stripes.png");<br />
background-origin: padding-box;<br />
background-position-y: center;<br />
background-repeat: repeat;<br />
background-size: 100% 100%;<br />
height: 20px;<br />
}<br />
<br />
.infoboxdetails {<br />
padding: 0em;<br />
}<br />
<br />
/* copyright images tweak */<br />
.copyright-icon {<br />
background: url("https://commons.gamepedia.com/media/commons.gamepedia.com/thumb/b/b6/Copyright.png/32px-Copyright.png") transparent center center no-repeat;<br />
background-size: 100%;<br />
width: 32px;<br />
height: 32px;<br />
}<br />
<br />
div#simpleSearch {<br />
-moz-border-bottom-colors: none;<br />
-moz-border-left-colors: none;<br />
-moz-border-right-colors: none;<br />
-moz-border-top-colors: none;<br />
background-color: white;<br />
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAQCAIAAABY/YLgAAAAJUlEQVQIHQXBsQEAAAjDoND/73UWdnerhmHVsDQZJrNWVg3Dqge6bgMe6bejNAAAAABJRU5ErkJggg==");<br />
background-position: left top;<br />
background-repeat: repeat-x;<br />
border-bottom-color: #aaa;<br />
border-bottom-left-radius: 10px;<br />
border-bottom-right-radius: 10px;<br />
border-bottom-style: solid;<br />
border-bottom-width: 1px;<br />
border-image-outset: 0 0 0 0;<br />
border-image-repeat: stretch stretch;<br />
border-image-slice: 100% 100% 100% 100%;<br />
border-image-source: none;<br />
border-image-width: 1 1 1 1;<br />
border-left-color: #aaa;<br />
border-left-style: solid;<br />
border-left-width: 1px;<br />
border-right-color: #aaa;<br />
border-right-style: solid;<br />
border-right-width: 1px;<br />
border-top-color: #aaa;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
border-top-style: solid;<br />
border-top-width: 1px;<br />
color: black;<br />
display: block;<br />
height: 1.4em;<br />
margin-top: -0.4em;<br />
max-width: 20em;<br />
min-height: 1px;<br />
min-width: 5em;<br />
padding-right: 1.4em;<br />
position: relative;<br />
}<br />
<br />
/* footer */<br />
div#footer {<br />
background: none repeat scroll 0 0 rgba(209, 247, 253, 0.8);<br />
border:none;<br />
box-shadow: 0 0.1em 0.75em white;<br />
color: black;<br />
margin-left: 11em;<br />
padding-bottom: 1.25em;<br />
padding-left: 1.25em;<br />
padding-right: 1.25em;<br />
padding-top: 1.25em;<br />
margin-top: 10px;<br />
}<br />
<br />
#toc #toctitle, <br />
.toc #toctitle, <br />
#toc .toctitle, <br />
.toc .toctitle {<br />
text-align: center;<br />
color: #ff85a9;<br />
font-size: 102%;<br />
font-weight: bold;<br />
text-transform: uppercase;<br />
background-color: #e3e236;<br />
border:1px solid #380E08;<br />
border-radius: 5px;<br />
padding:3px;<br />
}<br />
<br />
#toc, <br />
.toc {<br />
border-bottom-left-radius: 10px;<br />
border-bottom-right-radius: 10px;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
display: table;<br />
padding-bottom: 7px;<br />
padding-left: 7px;<br />
padding-right: 7px;<br />
padding-top: 7px;<br />
border:2px solid #380E08;<br />
}<br />
<br />
.mw-body #toc h2, <br />
.mw-body .toc h2 {<br />
font-family: sans-serif;<br />
font-size: 100%;<br />
color: black;<br />
font-weight: bold;<br />
}<br />
<br />
/* Tables */<br />
table.wikitable > tr > th, table.wikitable > * > tr > th {<br />
background-color: #ff7b9c;<br />
font-family: "OpenSans-Semibold";<br />
color: black;<br />
text-align: center;<br />
}<br />
<br />
table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {<br />
border: 1px solid #380E08;<br />
padding-bottom: 0.2em;<br />
padding-left: 0.4em;<br />
padding-right: 0.4em;<br />
padding-top: 0.2em;<br />
}<br />
<br />
table.wikitable > tr > td, <br />
table.wikitable > * > tr > td {<br />
background: #E3E236;<br />
padding-bottom: 0.2em;<br />
padding-left: 0.4em;<br />
padding-right: 0.4em;<br />
padding-top: 0.2em;<br />
}<br />
<br />
<br />
/********************************/<br />
/* Front page appearance styles */<br />
/********************************/<br />
.fpbox .mainheading {<br />
border: 0;<br />
}<br />
<br />
.fpbox {<br />
background: rgba(0, 0, 0, 0.1);<br />
border-radius: 5px;<br />
border: 1px solid black;<br />
box-shadow: 0 0.1em 0.75em #AF9CBB;<br />
color: black; /* change for hydra (light) wikis */<br />
margin: 5px 5px 5px 5px;<br />
padding: 5px 5px 5px 5px;<br />
}<br />
<br />
.fpbox .welcome {<br />
border-bottom: 1px solid #505050;<br />
color: black; /* change for hydra (light) wikis */<br />
font-size: 150%;<br />
margin: 0 0 10px 0;<br />
padding: 0 0 5px 0;<br />
text-transform: uppercase;<br />
text-align: center;<br />
}<br />
<br />
.fpbox .heading {<br />
border-bottom: 1px solid #505050;<br />
color: black; /* change for hydra (light) wikis */<br />
font-size: 132%;<br />
font-variant: small-caps;<br />
margin: 0 0 10px 0;<br />
padding: 0 0 5px 0;<br />
background: #ff7727 linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0;<br />
font-family: "OpenSans-Bold";<br />
}<br />
<br />
.fplink:not(.fplink-plain) {<br />
background: #ff7727 linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0;<br />
border: 1px solid black;<br />
border-radius: 3px;<br />
box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.2);<br />
color: black;<br />
font-weight: bold;<br />
text-transform: uppercase;<br />
font-family: "OpenSans-Bold", "sans-serif";<br />
}<br />
<br />
.fplink-fullwidth .fplink:not(.fplink-plain) {<br />
background: rgba(0,0,0,0.4);<br />
}<br />
<br />
.linkslabel {<br />
border-bottom: 2px solid #505050;<br />
}<br />
<br />
/************************************/<br />
/* Front page appearance styles END */<br />
/************************************/<br />
<br />
<br />
/* Other element styles */<br />
<br />
.mw-search-profile-tabs {<br />
border: 1px solid #9d5d0b;<br />
background-color: #ffbf6c;<br />
margin-top: 1em;<br />
}<br />
<br />
.mw-search-profile-tabs div.search-types ul li.current a {<br />
color: gray;<br />
cursor: default;<br />
}</div>
Encredechine
https://happybirthdays.fandom.com/wiki/Talk:Happy_Birthdays_Wiki?diff=5968
Talk:Happy Birthdays Wiki
2020-11-04T14:37:40Z
<p>Encredechine: Created page with "<div class="plainlinks" style="text-align:center; padding: 3px; font-size:120%; font-variant: small-caps; border-radius: 4px;">'''[{{fullurle:{{FULLPAGENAME}}|action=edit&sect..."</p>
<hr />
<div><div class="plainlinks" style="text-align:center; padding: 3px; font-size:120%; font-variant: small-caps; border-radius: 4px;">'''[{{fullurle:{{FULLPAGENAME}}|action=edit&section=new}} Please post your questions or comments at the bottom of the page by clicking this link to add a new section.]'''</div></div>
Encredechine
https://happybirthdays.fandom.com/wiki/MediaWiki:Hydra.css?diff=5967
MediaWiki:Hydra.css
2020-11-04T14:36:03Z
<p>Encredechine: trying to bring the coloured tabs back</p>
<hr />
<div>/* CSS placed here will affect users of the Hydra skin */<br />
/* For elements which only display in the mobile view */<br />
.mobileonly {<br />
display: none;<br />
}<br />
<br />
/* fonts */<br />
@font-face {<br />
font-family: 'OpenSans-Bold';<br />
src: local('OpenSans-Bold'), local('OpenSans-Bold'), url(/media/hydra/fonts/OpenSans-Bold.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-BoldItalic';<br />
src: local('OpenSans-BoldItalic'), local('OpenSans-BoldItalic'), url(/media/hydra/fonts/OpenSans-BoldItalic.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-ExtraBold';<br />
src: local('OpenSans-ExtraBold'), local('OpenSans-ExtraBold'), url(/media/hydra/fonts/OpenSans-ExtraBold.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-ExtraBoldItalic';<br />
src: local('OpenSans-ExtraBoldItalic'), local('OpenSans-ExtraBoldItalic'), url(/media/hydra/fonts/OpenSans-ExtraBoldItalic.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-Italic';<br />
src: local('OpenSans-Italic'), local('OpenSans-Italic'), url(/media/hydra/fonts/OpenSans-Italic.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-Light';<br />
src: local('OpenSans-Light'), local('OpenSans-Light'), url(/media/hydra/fonts/OpenSans-Light.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-LightItalic';<br />
src: local('OpenSans-LightItalic'), local('OpenSans-LightItalic'), url(/media/hydra/fonts/OpenSans-LightItalic.ttf) format('truetype');<br />
}<br />
<br />
<br />
@font-face {<br />
font-family: 'OpenSans-Regular';<br />
src: local('OpenSans-Regular'), local('OpenSans-Regular'), url(/media/hydra/fonts/OpenSans-Regular.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-Semibold';<br />
src: local('OpenSans-Semibold'), local('OpenSans-Semibold'), url(/media/hydra/fonts/OpenSans-Semibold.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-SemiboldItalic';<br />
src: local('OpenSans-SemiboldItalic'), local('OpenSans-SemiboldItalic'), url(/media/hydra/fonts/OpenSans-SemiboldItalic.ttf) format('truetype');<br />
}<br />
<br />
p {<br />
font-family: "OpenSans-Regular";<br />
}<br />
<br />
/* links */<br />
a, <br />
a:visited,<br />
div#content a.extiw,<br />
div#content a.extiw:visited,<br />
div#content a.external, <br />
div#content a.external:visited {<br />
color: #be5b20;<br />
font-family: "OpenSans-Semibold";<br />
}<br />
<br />
a:hover {<br />
color: #f7813d;<br />
}<br />
<br />
<br />
ul {<br />
list-style-type: disc;<br />
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);<br />
} <br />
<br />
/* Hide main page header */<br />
body.page-Happy_Birthdays_Wiki h1.firstHeading {<br />
display:none;<br />
}<br />
<br />
body {<br />
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);<br />
-webkit-background-size: cover;<br />
-o-background-size: cover;<br />
-moz-background-size: cover;<br />
}<br />
<br />
#pageWrapper { <br />
padding-right: 1em;<br />
}<br />
<br />
#mw-page-base {<br />
background-color: transparent;<br />
background-image: none;<br />
background-position: left bottom;<br />
background-repeat: repeat-x;<br />
height: 5em;<br />
}<br />
<br />
/* Logo */<br />
#p-logo a {<br />
background-position: center center;<br />
background-repeat: no-repeat;<br />
background-size: 99% auto;<br />
display: block;<br />
height: 160px;<br />
text-decoration-color: -moz-use-text-color;<br />
text-decoration-line: none;<br />
text-decoration-style: solid;<br />
width: 10em;<br />
}<br />
<br />
/* Content */<br />
div#content {<br />
background: none repeat scroll 0 0 rgba(209, 247, 253, 0.8);<br />
box-shadow: 0 0.1em 0.75em white;<br />
color: black;<br />
margin-left: 11em;<br />
margin-top: 0em;<br />
border: none;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
}<br />
<br />
.mw-body .firstHeading,<br />
.mw-body h1, <br />
.mw-body h2 {<br />
border-bottom-color: #380e08;<br />
border-bottom-style: solid;<br />
border-bottom-width: 1px;<br />
color: #380e08;<br />
font-family: sans-serif;<br />
font-weight:bold;<br />
}<br />
<br />
.mw-body h3, <br />
.mw-body h4, <br />
.mw-body h5, <br />
.mw-body h6 {<br />
color: #380e08;<br />
font-family: sans-serif;<br />
}<br />
<br />
/* images */<br />
img.thumbborder {<br />
border:1px solid #380E08;<br />
margin:5px;<br />
}<br />
<br />
/******************/<br />
/* NEW VECTOR NAV */<br />
/******************/<br />
/* Vector Tab styles */<br />
#left-navigation {<br />
margin-left: 11.5em;<br />
}<br />
<br />
#right-navigation {<br />
margin-right: 1em;<br />
}<br />
<br />
div.vectorTabs,<br />
div.vectorTabs span,<br />
div.vectorTabs li.selected,<br />
div.vectorTabs ul,<br />
div.vectorTabs ul li,<br />
div.vectorTabs li a {<br />
background-color: rgba(0, 0, 0, 0);<br />
background-image: none;<br />
}<br />
<br />
div.vectorTabs ul li {<br />
margin-right: 5px;<br />
}<br />
<br />
div.vectorTabs li span {<br />
background: #FF4550;<br />
display: inline-block;<br />
border: 2px solid white;<br />
border-radius: 4px;<br />
padding: 2px 10px;<br />
margin-top: 0.5em;<br />
height: 19px;<br />
text-align: center;<br />
}<br />
<br />
div.vectorTabs li a {<br />
background-image: none;<br />
margin-top: -16px;<br />
}<br />
<br />
div#mw-head a,<br />
div#mw-head div.vectorTabs a,<br />
div#mw-head div.vectorMenu a,<br />
.vectorTabs li a span,<br />
div.vectorMenu h3 span {<br />
color: white;<br />
font-family: "OpenSans-Semibold";<br />
text-transform: uppercase;<br />
}<br />
<br />
div#mw-head li.new a,<br />
div#mw-head li.new a:visited {<br />
color: gray !important;<br />
text-shadow: 1px 1px #000000;<br />
}<br />
<br />
div.vectorTabs ul li:first-child {<br />
border-image: none;<br />
border-left: medium none;<br />
}<br />
<br />
div#mw-head li.selected a,<br />
div#mw-head li.selected a span,<br />
div#mw-head div.vectorTabs li.selected a,<br />
div#mw-head div.vectorTabs li.selected a:visited {<br />
color: white !important;<br />
font-weight: bold;<br />
}<br />
<br />
div#p-sharing .menu {<br />
background-color: #FF4550;<br />
box-shadow: 0 0.1em 0.75em gray;<br />
margin-left: 45px;<br />
min-width: 0px;<br />
width: 48px;<br />
}<br />
<br />
#p-sharing #socialIconImages img {<br />
width: 100%;<br />
}<br />
<br />
#p-sharing #socialIconImages a {<br />
width: 40px;<br />
}<br />
<br />
div.vectorMenu h3 span {<br />
font-weight: bold;<br />
padding-top: 0.1em;<br />
}<br />
<br />
div.vectorMenu h3 span a,<br />
div.vectorMenu h3 span a:active {<br />
background: url("https://commons.gamepedia.com/media/commons.gamepedia.com/0/0b/Vector_menu_downarrow.png") no-repeat scroll center center transparent;<br />
}<br />
<br />
div#mw-head div.vectorMenu h4,<br />
div#p-variants.vectorMenu #mw-vector-current-variant {<br />
color: #FBD63B;<br />
font-weight: bold;<br />
padding-top: 0.2em;<br />
text-shadow: none;<br />
}<br />
<br />
div.vectorMenu h3 span::after {<br />
content: '';<br />
position: absolute;<br />
top: 0em;<br />
right: 0;<br />
bottom: 0;<br />
left: 0;<br />
background-image: url(/skins/Vector/images/arrow-down.png?42edd);<br />
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");<br />
background-position: 100% 50%;<br />
background-repeat: no-repeat;<br />
opacity: 0.85;<br />
}<br />
<br />
div.vectorMenu h3:hover span, <br />
div.vectorMenu h3:focus span {<br />
color: #FFFFFF;<br />
}<br />
<br />
.vectorTabs #ca-unwatch.icon a, <br />
.vectorTabs #ca-watch.icon a {<br />
margin: 0;<br />
padding: 0;<br />
display: block;<br />
width: 28px;<br />
padding-top: 3.1em;<br />
margin-top: -0.8em;<br />
height: 0;<br />
overflow: hidden;<br />
background-position: 5px 60%;<br />
background-repeat: no-repeat;<br />
}<br />
<br />
div#mw-head div.vectorMenu h3 {<br />
background: #F18B1B;<br />
display: inline-block;<br />
border: 2px solid white;<br />
border-radius: 4px;<br />
padding: 2px 10px;<br />
margin-top: 0.5em;<br />
margin-bottom: 0.5em;<br />
height: 19px;<br />
text-align: center;<br />
}<br />
<br />
div.vectorMenu h3 a,<br />
div.vectorMenu h3 a:active {<br />
background-color: rgba(0, 0, 0, 0);<br />
background-image: url("https://commons.gamepedia.com/media/commons.gamepedia.com/8/80/Vector_menu_downarrow_white.png");<br />
background-position: 50% 50%;<br />
border: medium none;<br />
}<br />
<br />
div.vectorMenu div.menu {<br />
border: none;<br />
left: auto;<br />
margin-left: 5px;<br />
right: 0;<br />
top: 40px;<br />
}<br />
<br />
div#mw-head div.vectorMenu ul {<br />
background-color: #FF4550;<br />
background-image: none;<br />
border-right: 5px none;<br />
box-shadow: 0 0.1em 0.75em gray;<br />
}<br />
<br />
div#mw-head div.vectorMenu li a {<br />
color: #FFF;<br />
}<br />
<br />
div#mw-head div.vectorMenu li a:hover {<br />
color: #e0fdff;<br />
}<br />
<br />
/* different coloured tabs */<br />
div.vectorTabs li#ca-contribs span, <br />
div.vectorTabs li#ca-ve-edit span {<br />
background-color: #44D8F8;<br />
}<br />
<br />
div.vectorTabs li#ca-edit span {<br />
background-color: #00F2FF;<br />
}<br />
<br />
div.vectorTabs li#ca-history span {<br />
background-color: #74FF37;<br />
}<br />
<br />
div.vectorTabs li#ca-nstab-main span {<br />
background-color: #FF5CFF;<br />
}<br />
<br />
div.vectorTabs li#ca-nstab-image span, <br />
div.vectorTabs li#ca-nstab-special span, <br />
div.vectorTabs li#ca-nstab-help span, <br />
div.vectorTabs li#ca-nstab-category span, <br />
div.vectorTabs li#ca-nstab-template span, <br />
div.vectorTabs li#ca-nstab-project span, <br />
div.vectorTabs li#ca-nstab-user span, <br />
div.vectorTabs li#ca-user span, <br />
div.vectorTabs li#ca-user_talk span, <br />
div.vectorTabs li#ca-user_profile span, <br />
div.vectorTabs li#ca-userprofile span, <br />
div.vectorTabs li#ca-user_wiki span {<br />
background-color: #ff7727;<br />
}<br />
<br />
div.vectorTabs li#ca-talk span {<br />
background-color: #E3E236;<br />
}<br />
<br />
div.vectorTabs li#ca-nstab-mediawiki span,<br />
div.vectorTabs li#ca-view span, <br />
div.vectorTabs li#ca-viewsource span {<br />
background-color: #FF4550;<br />
}<br />
<br />
/* NEW VECTOR NAV STYLE END */<br />
<br />
/* Sidebar */<br />
div#mw-panel div.portal,<br />
div#mw-panel div.portal div.body,<br />
#mw-panel.collapsible-nav .portal {<br />
background-image: none; /* Optional! This removes the lines be horizontal lines between the portals */<br />
}<br />
<br />
div#mw-panel div.portal div.body ul li a,<br />
div#mw-panel div.portal div.body ul li a:visited {<br />
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 */<br />
}<br />
<br />
div#mw-panel div.portal h3,<br />
div#mw-panel div.portal h3:visited,<br />
#mw-panel.collapsible-nav .portal h3 a,<br />
#mw-panel.collapsible-nav .portal h3 a:visited,<br />
#mw-panel.collapsible-nav .portal.collapsed h3 a,<br />
#mw-panel.collapsible-nav .portal.collapsed h3 a:visited {<br />
-webkit-text-stroke: 1px black;<br />
color: #FF85A9;<br />
text-shadow:<br />
2px 2px 0 #000,<br />
-1px -1px 0 #000, <br />
1px -1px 0 #000,<br />
-1px 1px 0 #000,<br />
1px 1px 0 #000;<br />
font-weight: bold; /* Optional, to make the labels stand out */<br />
text-transform: uppercase; /* Optional, to make the labels stand out */<br />
font-size:102%;<br />
<br />
}<br />
<br />
#mw-panel.collapsible-nav .portal.collapsed h3 {<br />
background-image: linear-gradient(transparent, transparent), url(https://birthdaysthebeginning.gamepedia.com/media/birthdaysthebeginning.gamepedia.com/1/1b/Dino1.png);<br />
background-position: left center;<br />
background-repeat: no-repeat;<br />
color: #0645ad;<br />
background-size: 25px auto;<br />
}<br />
<br />
#mw-panel.collapsible-nav .portal h3 {<br />
background-image: linear-gradient(transparent, transparent), url(https://birthdaysthebeginning.gamepedia.com/media/birthdaysthebeginning.gamepedia.com/9/95/Dino2.png);<br />
background-position: left center;<br />
background-repeat: no-repeat;<br />
padding-bottom: 3px;<br />
padding-left: 1.5em;<br />
padding-right: 0;<br />
padding-top: 4px;<br />
background-size: 25px auto;<br />
}<br />
<br />
div#mw-panel div#p-socialProfiles.portal .body {<br />
margin: auto;<br />
}<br />
<br />
.socialSidebar {<br />
width: auto;<br />
max-width: 100%;<br />
}<br />
<br />
/* Wiki editor fixes */<br />
div.wikiEditor-preview-contents,<br />
div.wikiEditor-preview-loading {<br />
background-color: transparent;<br />
}<br />
<br />
.wikiEditor-ui {<br />
background: rgba(0, 0, 0, 0);<br />
border: medium none;<br />
}<br />
<br />
.wikiEditor-ui .wikiEditor-ui-view {<br />
border-bottom: medium none;<br />
border-left: 1px solid #202020;<br />
border-right: 1px solid #202020;<br />
border-top : medium none;<br />
}<br />
<br />
div.wikiEditor-ui-buttons {<br />
background-color: rgba(0, 0, 0, 0);<br />
border-top: medium none;<br />
margin-right: 5px;<br />
}<br />
<br />
div.wikiEditor-ui-controls {<br />
background-color: rgba(0, 0, 0, 0);<br />
border-bottom: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-tabs {<br />
background-color: orange;<br />
border-left: 1px solid #202020;<br />
border-top: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-tabs div {<br />
background-color: orange;<br />
border-right: 1px solid #202020;<br />
border-bottom: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-tabs div a {<br />
background: orange; /* you can use a gradient here if you want to match your vector tabs or get fancy */<br />
color: #202020;<br />
}<br />
<br />
.wikiEditor-ui-tabs div.current {<br />
background-color: #FF7727;<br />
border-bottom: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-tabs div.current a {<br />
color: white; /* depends on your tabs bg & how different you wish the current tab and text to appear */<br />
font-weight: bold; /* optional to make it stand out */<br />
}<br />
<br />
.wikiEditor-ui .wikiEditor-ui-top {<br />
border-bottom: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-toolbar {<br />
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);<br />
}<br />
<br />
.wikiEditor-ui-toolbar .group {<br />
border-right: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .group-search {<br />
border-left: 1px solid #202020;<br />
border-right: none;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .group .label {<br />
color: black;<br />
}<br />
<br />
.tab {<br />
border-color: rgba(0, 0, 0, 0);<br />
}<br />
<br />
.wikiEditor-ui-toolbar .tabs span.tab a,<br />
.wikiEditor-ui-toolbar .tabs span.tab a:visited {<br />
color: black;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .tabs span.tab a.current,<br />
.wikiEditor-ui-toolbar .tabs span.tab a.current:visited {<br />
color: black;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .group .tool-select .label {<br />
color: #000000; /* or any other dark colour, or change the bg to a dark colour to contrast with light text */<br />
}<br />
<br />
.wikiEditor-ui-toolbar .sections .section {<br />
background-color: rgba(0, 0, 0, 0.2);<br />
border-top: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .booklet .index div {<br />
color: #202020;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .booklet .index .current {<br />
background-color: orange;<br />
color: #202020;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .booklet .pages {<br />
background-color: orange;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .page-characters div span {<br />
border: 1px solid #202020;<br />
color: #202020;<br />
background:white;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .page-characters div span:hover {<br />
background-color: rgba(255, 255, 255, 0.3);<br />
border-color: #202020;<br />
color: #FF7796;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .page-table td {<br />
border-top: 1px solid #202020;<br />
color: #202020;<br />
}<br />
<br />
.wikiEditor-preview-loading {<br />
background-color: rgba(0, 0, 0, 0);<br />
}<br />
<br />
.wikiEditor-preview-contents {<br />
background-color: rgba(0, 0, 0, 0);<br />
border-color: -moz-use-text-color #202020 #202020;<br />
border-image: none;<br />
border-style: none solid solid;<br />
border-width: medium 1px 1px;<br />
}<br />
<br />
.editOptions { <br />
background-color: rgba(255,255,255,0.5);<br />
border-color: -moz-use-text-color #202020 #202020;<br />
border-image: none;<br />
border-style: none solid solid;<br />
border-width: medium 1px 1px;<br />
}<br />
<br />
/* Preferences */<br />
.client-js #preftoc {<br />
background-color: rgba(255, 255, 255, 0.5);<br />
border: 0px;<br />
}<br />
<br />
.client-js #preftoc,<br />
.client-js #preftoc li, <br />
.client-js #preferences, <br />
.client-js #preftoc li a {<br />
background-image: none;<br />
background-color: transparent;<br />
color: #666666; /* this font color may need tweaking, depending on your background choices */<br />
}<br />
<br />
.client-js #preftoc li:first-child {<br />
margin-bottom: 1px;<br />
margin-left: 5px;<br />
}<br />
<br />
.client-js #preftoc li.selected a {<br />
background-color: rgba(255, 255, 255, 0.5);<br />
background-image: none;<br />
border-color: #aaaaaa #aaaaaa rgba(255, 255, 255, 0.5);<br />
border-style: solid;<br />
border-width: 1px;<br />
color: #000000; /* this font color may need tweaking, depending on your background choices */<br />
}<br />
<br />
.client-js #preferences {<br />
background-color: rgba(255, 255, 255, 0.5);<br />
border: 1px solid #aaaaaa;<br />
}<br />
<br />
.client-js #preferences fieldset {<br />
border-color: #aaaaaa;<br />
}<br />
<br />
<br />
/* Page history */<br />
#pagehistory li {<br />
background-color: rgba(0, 0, 0, 0);<br />
border: none;<br />
padding: 3px;<br />
}<br />
<br />
#pagehistory li.selected {<br />
background-color: rbga(0, 0, 0, 0);<br />
background-image: none;<br />
border: 1px dashed #aaaaaa;<br />
padding: 3px;<br />
}<br />
<br />
table.diff {<br />
background: transparent;<br />
}<br />
<br />
td.diff-context {<br />
background: none repeat scroll 0 0 transparent;<br />
color: #000000; /* this font colour may need tweaking depending on your choice of background */<br />
}<br />
<br />
td.diff-deletedline {<br />
background-color: #FFE49C;<br />
border-color: #FFE49C;<br />
color: #000000;<br />
}<br />
<br />
td.diff-addedline {<br />
background-color: #A3D3FF;<br />
border-color: #A3D3FF;<br />
color: #000000;<br />
}<br />
<br />
<br />
/* for "edit this page" tab and "discussion" tab etc */<br />
.pagetab {<br />
border-style: solid solid none;<br />
border-width: thin;<br />
border-color: #808080;<br />
padding:0.25ex 1ex 0ex;<br />
font-size: 95%;<br />
}<br />
<br />
.ambox {<br />
background-color: #eeeeee;<br />
border-bottom-color: #383838;<br />
border-right-color: #383838;<br />
border-top-color: #383838;<br />
border-collapse: collapse;<br />
font-size: 95%;<br />
margin: 0 auto 2px auto;<br />
width: 80%;<br />
}<br />
<br />
.ambox-gray {<br />
border-left-color: #383838;<br />
}<br />
<br />
.ambox.ambox-tiny {<br />
font-size: 90%;<br />
margin: 2px 0;<br />
width: auto;<br />
}<br />
<br />
.ambox + .ambox {<br />
margin-top: -2px;<br />
}<br />
<br />
.ambox-text {<br />
padding: 0.25em 0.5em;<br />
}<br />
<br />
.ambox-image {<br />
padding: 2px 0px 2px 0.5em;<br />
text-align: center;<br />
width: 60px;<br />
}<br />
<br />
.ambox-tiny .ambox-image {<br />
padding: 2px 0.5em;<br />
text-align: left;<br />
width: auto;<br />
}<br />
<br />
/* Ambox colors */<br />
.ambox-blue {<br />
border-left: 10px solid #1e90ff;<br />
}<br />
<br />
.ambox-red {<br />
border-left: 10px solid #b22222;<br />
}<br />
<br />
.ambox-orange {<br />
border-left: 10px solid #f28500;<br />
}<br />
<br />
.ambox-yellow {<br />
border-left: 10px solid #f4c430;<br />
}<br />
<br />
.ambox-purple {<br />
border-left: 10px solid #9932cc;<br />
}<br />
<br />
.ambox-gray {<br />
border-left: 10px solid #bba;<br />
}<br />
<br />
.ambox-green {<br />
border-left: 10px solid #228b22;<br />
}<br />
<br />
/* Ambox small text */<br />
.amsmalltext {<br />
font-size: smaller;<br />
margin-left:0.8em;<br />
margin-top:0.5em;<br />
}<br />
<br />
/* INFOBOXES: game or book depended color style */<br />
.infoboxtable {<br />
background-color: #103f63;<br />
border: 1px solid #0e395a;<br />
color: #56d7ed;<br />
float: right;<br />
font-size: 89%; <br />
margin-bottom: 0.5em; <br />
margin-left: 1em; <br />
padding: 0.2em; <br />
width: 300px;<br />
}<br />
<br />
.infoboxtable td {<br />
vertical-align: top;<br />
}<br />
<br />
.infoboxtable a,<br />
.infoboxtable a:link,<br />
.infoboxtable a:visited {<br />
color: gray;<br />
vertical-align: top;<br />
}<br />
<br />
.infoboxtable td > div {<br />
background-color: transparent;<br />
font-weight: bold;<br />
padding: 0.5px 7px;<br />
text-align: right;<br />
width:135px;<br />
}<br />
<br />
.infoboxname {<br />
font-size: 120%; <br />
font-weight: bold;<br />
padding: 0.5em; <br />
font-family: "OpenSans-Semibold";<br />
background-attachment: scroll;<br />
background-clip: border-box;<br />
background-color: rgba(0, 0, 0, 0);<br />
background-image: url("https://birthdaysthebeginning.gamepedia.com/media/birthdaysthebeginning.gamepedia.com/3/3a/Bg_stripes.png");<br />
background-origin: padding-box;<br />
background-position-y: center;<br />
background-repeat: repeat;<br />
background-size: 100% 100%;<br />
height: 20px;<br />
}<br />
<br />
.infoboxdetails {<br />
padding: 0em;<br />
}<br />
<br />
/* copyright images tweak */<br />
.copyright-icon {<br />
background: url("https://commons.gamepedia.com/media/commons.gamepedia.com/thumb/b/b6/Copyright.png/32px-Copyright.png") transparent center center no-repeat;<br />
background-size: 100%;<br />
width: 32px;<br />
height: 32px;<br />
}<br />
<br />
div#simpleSearch {<br />
-moz-border-bottom-colors: none;<br />
-moz-border-left-colors: none;<br />
-moz-border-right-colors: none;<br />
-moz-border-top-colors: none;<br />
background-color: white;<br />
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAQCAIAAABY/YLgAAAAJUlEQVQIHQXBsQEAAAjDoND/73UWdnerhmHVsDQZJrNWVg3Dqge6bgMe6bejNAAAAABJRU5ErkJggg==");<br />
background-position: left top;<br />
background-repeat: repeat-x;<br />
border-bottom-color: #aaa;<br />
border-bottom-left-radius: 10px;<br />
border-bottom-right-radius: 10px;<br />
border-bottom-style: solid;<br />
border-bottom-width: 1px;<br />
border-image-outset: 0 0 0 0;<br />
border-image-repeat: stretch stretch;<br />
border-image-slice: 100% 100% 100% 100%;<br />
border-image-source: none;<br />
border-image-width: 1 1 1 1;<br />
border-left-color: #aaa;<br />
border-left-style: solid;<br />
border-left-width: 1px;<br />
border-right-color: #aaa;<br />
border-right-style: solid;<br />
border-right-width: 1px;<br />
border-top-color: #aaa;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
border-top-style: solid;<br />
border-top-width: 1px;<br />
color: black;<br />
display: block;<br />
height: 1.4em;<br />
margin-top: -0.4em;<br />
max-width: 20em;<br />
min-height: 1px;<br />
min-width: 5em;<br />
padding-right: 1.4em;<br />
position: relative;<br />
}<br />
<br />
/* footer */<br />
div#footer {<br />
background: none repeat scroll 0 0 rgba(209, 247, 253, 0.8);<br />
border:none;<br />
box-shadow: 0 0.1em 0.75em white;<br />
color: black;<br />
margin-left: 11em;<br />
padding-bottom: 1.25em;<br />
padding-left: 1.25em;<br />
padding-right: 1.25em;<br />
padding-top: 1.25em;<br />
margin-top: 10px;<br />
}<br />
<br />
#toc #toctitle, <br />
.toc #toctitle, <br />
#toc .toctitle, <br />
.toc .toctitle {<br />
text-align: center;<br />
color: #ff85a9;<br />
font-size: 102%;<br />
font-weight: bold;<br />
text-transform: uppercase;<br />
background-color: #e3e236;<br />
border:1px solid #380E08;<br />
border-radius: 5px;<br />
padding:3px;<br />
}<br />
<br />
#toc, <br />
.toc {<br />
border-bottom-left-radius: 10px;<br />
border-bottom-right-radius: 10px;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
display: table;<br />
padding-bottom: 7px;<br />
padding-left: 7px;<br />
padding-right: 7px;<br />
padding-top: 7px;<br />
border:2px solid #380E08;<br />
}<br />
<br />
.mw-body #toc h2, <br />
.mw-body .toc h2 {<br />
font-family: sans-serif;<br />
font-size: 100%;<br />
color: black;<br />
font-weight: bold;<br />
}<br />
<br />
/* Tables */<br />
table.wikitable > tr > th, table.wikitable > * > tr > th {<br />
background-color: #ff7b9c;<br />
font-family: "OpenSans-Semibold";<br />
color: black;<br />
text-align: center;<br />
}<br />
<br />
table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {<br />
border: 1px solid #380E08;<br />
padding-bottom: 0.2em;<br />
padding-left: 0.4em;<br />
padding-right: 0.4em;<br />
padding-top: 0.2em;<br />
}<br />
<br />
table.wikitable > tr > td, <br />
table.wikitable > * > tr > td {<br />
background: #E3E236;<br />
padding-bottom: 0.2em;<br />
padding-left: 0.4em;<br />
padding-right: 0.4em;<br />
padding-top: 0.2em;<br />
}<br />
<br />
<br />
/********************************/<br />
/* Front page appearance styles */<br />
/********************************/<br />
.fpbox .mainheading {<br />
border: 0;<br />
}<br />
<br />
.fpbox {<br />
background: rgba(0, 0, 0, 0.1);<br />
border-radius: 5px;<br />
border: 1px solid black;<br />
box-shadow: 0 0.1em 0.75em #AF9CBB;<br />
color: black; /* change for hydra (light) wikis */<br />
margin: 5px 5px 5px 5px;<br />
padding: 5px 5px 5px 5px;<br />
}<br />
<br />
.fpbox .welcome {<br />
border-bottom: 1px solid #505050;<br />
color: black; /* change for hydra (light) wikis */<br />
font-size: 150%;<br />
margin: 0 0 10px 0;<br />
padding: 0 0 5px 0;<br />
text-transform: uppercase;<br />
text-align: center;<br />
}<br />
<br />
.fpbox .heading {<br />
border-bottom: 1px solid #505050;<br />
color: black; /* change for hydra (light) wikis */<br />
font-size: 132%;<br />
font-variant: small-caps;<br />
margin: 0 0 10px 0;<br />
padding: 0 0 5px 0;<br />
background: #ff7727 linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0;<br />
font-family: "OpenSans-Bold";<br />
}<br />
<br />
.fplink:not(.fplink-plain) {<br />
background: #ff7727 linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0;<br />
border: 1px solid black;<br />
border-radius: 3px;<br />
box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.2);<br />
color: black;<br />
font-weight: bold;<br />
text-transform: uppercase;<br />
font-family: "OpenSans-Bold", "sans-serif";<br />
}<br />
<br />
.fplink-fullwidth .fplink:not(.fplink-plain) {<br />
background: rgba(0,0,0,0.4);<br />
}<br />
<br />
.linkslabel {<br />
border-bottom: 2px solid #505050;<br />
}<br />
<br />
/************************************/<br />
/* Front page appearance styles END */<br />
/************************************/<br />
<br />
<br />
/* Other element styles */<br />
<br />
.mw-search-profile-tabs {<br />
border: 1px solid #9d5d0b;<br />
background-color: #ffbf6c;<br />
margin-top: 1em;<br />
}<br />
<br />
.mw-search-profile-tabs div.search-types ul li.current a {<br />
color: gray;<br />
cursor: default;<br />
}</div>
Encredechine
https://happybirthdays.fandom.com/wiki/User:Encredechine/hydra.css?diff=5966
User:Encredechine/hydra.css
2020-11-04T14:35:08Z
<p>Encredechine: Blanked the page</p>
<hr />
<div></div>
Encredechine
https://happybirthdays.fandom.com/wiki/User:Encredechine/hydra.css?diff=5965
User:Encredechine/hydra.css
2020-11-04T14:33:49Z
<p>Encredechine: </p>
<hr />
<div>/* different coloured tabs */<br />
div.vectorTabs li#ca-contribs span, <br />
div.vectorTabs li#ca-ve-edit span {<br />
background-color: #44D8F8;<br />
}<br />
<br />
div.vectorTabs li#ca-edit span {<br />
background-color: #00F2FF;<br />
}<br />
<br />
div.vectorTabs li#ca-history span {<br />
background-color: #74FF37;<br />
}<br />
<br />
div.vectorTabs li#ca-nstab-main span {<br />
background-color: #FF5CFF;<br />
}<br />
<br />
div.vectorTabs li#ca-nstab-image span, <br />
div.vectorTabs li#ca-nstab-special span, <br />
div.vectorTabs li#ca-nstab-help span, <br />
div.vectorTabs li#ca-nstab-category span, <br />
div.vectorTabs li#ca-nstab-template span, <br />
div.vectorTabs li#ca-nstab-project span, <br />
div.vectorTabs li#ca-nstab-user span, <br />
div.vectorTabs li#ca-user span, <br />
div.vectorTabs li#ca-user_talk span, <br />
div.vectorTabs li#ca-user_profile span, <br />
div.vectorTabs li#ca-userprofile span, <br />
div.vectorTabs li#ca-user_wiki span {<br />
background-color: #ff7727;<br />
}<br />
<br />
div.vectorTabs li#ca-talk span {<br />
background-color: #E3E236;<br />
}<br />
<br />
div.vectorTabs li#ca-nstab-mediawiki span,<br />
div.vectorTabs li#ca-view span, <br />
div.vectorTabs li#ca-viewsource span {<br />
background-color: #FF4550;<br />
}</div>
Encredechine
https://happybirthdays.fandom.com/wiki/User:Encredechine/hydra.css?diff=5964
User:Encredechine/hydra.css
2020-11-04T14:31:58Z
<p>Encredechine: </p>
<hr />
<div>/* different coloured tabs */<br />
div.vectorTabs li#ca-contribs span, <br />
div.vectorTabs li#ca-ve-edit span {<br />
background-color: #44D8F8;<br />
}<br />
<br />
div.vectorTabs ul li#ca-edit {<br />
background-color: #00F2FF;<br />
}<br />
<br />
div.vectorTabs ul li#ca-history {<br />
background-color: #74FF37 !important;<br />
}<br />
<br />
div.vectorTabs ul li#ca-nstab-main {<br />
background-color: #FF5CFF;<br />
}<br />
<br />
div.vectorTabs ul li#ca-nstab-image, <br />
div.vectorTabs ul li#ca-nstab-special, <br />
div.vectorTabs ul li#ca-nstab-help, <br />
div.vectorTabs ul li#ca-nstab-category, <br />
div.vectorTabs ul li#ca-nstab-template, <br />
div.vectorTabs ul li#ca-nstab-project, <br />
div.vectorTabs ul li#ca-nstab-user, <br />
div.vectorTabs ul li#ca-user, <br />
div.vectorTabs ul li#ca-user_talk, <br />
div.vectorTabs ul li#ca-user_profile, <br />
div.vectorTabs ul li#ca-userprofile, <br />
div.vectorTabs ul li#ca-user_wiki {<br />
background-color: #ff7727;<br />
}<br />
<br />
div.vectorTabs ul li#ca-talk {<br />
background-color: #E3E236;<br />
}<br />
<br />
div.vectorTabs ul li#ca-nstab-mediawiki,<br />
div.vectorTabs ul li#ca-view, <br />
div.vectorTabs ul li#ca-viewsource {<br />
background-color: #FF4550;<br />
}</div>
Encredechine
https://happybirthdays.fandom.com/wiki/User:Encredechine/hydra.css?diff=5963
User:Encredechine/hydra.css
2020-11-04T14:31:42Z
<p>Encredechine: </p>
<hr />
<div>/* different coloured tabs */<br />
div.vectorTabs li#ca-contribs span, <br />
div.vectorTabs li#ca-ve-edit span {<br />
background-color: #44D8F8;<br />
background-attachment: scroll;<br />
background-clip: border-box;<br />
background-image: none;<br />
background-origin: padding-box;<br />
background-position: -10px center;<br />
background-repeat: no-repeat;<br />
background-size: auto auto;<br />
border-bottom-left-radius: 10px;<br />
border-bottom-right-radius: 10px;<br />
border: 2px solid black;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
display: inline-block;<br />
height: 20px;<br />
line-height: 0;<br />
margin-bottom: 1px;<br />
margin-left: 3px;<br />
margin-right: 3px;<br />
margin-top: 1px;<br />
padding-bottom: 2px;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
padding-top: 2px;<br />
text-align: center;<br />
}<br />
<br />
div.vectorTabs ul li#ca-edit {<br />
background-color: #00F2FF;<br />
}<br />
<br />
div.vectorTabs ul li#ca-history {<br />
background-color: #74FF37 !important;<br />
}<br />
<br />
div.vectorTabs ul li#ca-nstab-main {<br />
background-color: #FF5CFF;<br />
}<br />
<br />
div.vectorTabs ul li#ca-nstab-image, <br />
div.vectorTabs ul li#ca-nstab-special, <br />
div.vectorTabs ul li#ca-nstab-help, <br />
div.vectorTabs ul li#ca-nstab-category, <br />
div.vectorTabs ul li#ca-nstab-template, <br />
div.vectorTabs ul li#ca-nstab-project, <br />
div.vectorTabs ul li#ca-nstab-user, <br />
div.vectorTabs ul li#ca-user, <br />
div.vectorTabs ul li#ca-user_talk, <br />
div.vectorTabs ul li#ca-user_profile, <br />
div.vectorTabs ul li#ca-userprofile, <br />
div.vectorTabs ul li#ca-user_wiki {<br />
background-color: #ff7727;<br />
}<br />
<br />
div.vectorTabs ul li#ca-talk {<br />
background-color: #E3E236;<br />
}<br />
<br />
div.vectorTabs ul li#ca-nstab-mediawiki,<br />
div.vectorTabs ul li#ca-view, <br />
div.vectorTabs ul li#ca-viewsource {<br />
background-color: #FF4550;<br />
}</div>
Encredechine
https://happybirthdays.fandom.com/wiki/User:Encredechine/hydra.css?diff=5962
User:Encredechine/hydra.css
2020-11-04T14:28:10Z
<p>Encredechine: </p>
<hr />
<div>/* different coloured tabs */<br />
div.vectorTabs ul li#ca-contribs, <br />
div.vectorTabs ul li#ca-ve-edit {<br />
background-color: #44D8F8;<br />
background-attachment: scroll;<br />
background-clip: border-box;<br />
background-image: none;<br />
background-origin: padding-box;<br />
background-position: -10px center;<br />
background-repeat: no-repeat;<br />
background-size: auto auto;<br />
border-bottom-left-radius: 10px;<br />
border-bottom-right-radius: 10px;<br />
border: 2px solid black;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
display: inline-block;<br />
height: 20px;<br />
line-height: 0;<br />
margin-bottom: 1px;<br />
margin-left: 3px;<br />
margin-right: 3px;<br />
margin-top: 1px;<br />
padding-bottom: 2px;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
padding-top: 2px;<br />
text-align: center;<br />
}<br />
<br />
div.vectorTabs ul li#ca-edit {<br />
background-color: #00F2FF;<br />
}<br />
<br />
div.vectorTabs ul li#ca-history {<br />
background-color: #74FF37 !important;<br />
}<br />
<br />
div.vectorTabs ul li#ca-nstab-main {<br />
background-color: #FF5CFF;<br />
}<br />
<br />
div.vectorTabs ul li#ca-nstab-image, <br />
div.vectorTabs ul li#ca-nstab-special, <br />
div.vectorTabs ul li#ca-nstab-help, <br />
div.vectorTabs ul li#ca-nstab-category, <br />
div.vectorTabs ul li#ca-nstab-template, <br />
div.vectorTabs ul li#ca-nstab-project, <br />
div.vectorTabs ul li#ca-nstab-user, <br />
div.vectorTabs ul li#ca-user, <br />
div.vectorTabs ul li#ca-user_talk, <br />
div.vectorTabs ul li#ca-user_profile, <br />
div.vectorTabs ul li#ca-userprofile, <br />
div.vectorTabs ul li#ca-user_wiki {<br />
background-color: #ff7727;<br />
}<br />
<br />
div.vectorTabs ul li#ca-talk {<br />
background-color: #E3E236;<br />
}<br />
<br />
div.vectorTabs ul li#ca-nstab-mediawiki,<br />
div.vectorTabs ul li#ca-view, <br />
div.vectorTabs ul li#ca-viewsource {<br />
background-color: #FF4550;<br />
}</div>
Encredechine
https://happybirthdays.fandom.com/wiki/User:Encredechine/hydra.css?diff=5961
User:Encredechine/hydra.css
2020-11-04T14:26:04Z
<p>Encredechine: </p>
<hr />
<div>/* different coloured tabs */<br />
div.vectorTabs ul li#ca-contribs, <br />
div.vectorTabs ul li#ca-ve-edit {<br />
background-color: #ff7727;<br />
}<br />
<br />
div.vectorTabs ul li#ca-edit {<br />
background-color: #00F2FF;<br />
}<br />
<br />
div.vectorTabs ul li#ca-history {<br />
background-color: #74FF37 !important;<br />
}<br />
<br />
div.vectorTabs ul li#ca-nstab-main {<br />
background-color: #FF5CFF;<br />
}<br />
<br />
div.vectorTabs ul li#ca-nstab-image, <br />
div.vectorTabs ul li#ca-nstab-special, <br />
div.vectorTabs ul li#ca-nstab-help, <br />
div.vectorTabs ul li#ca-nstab-category, <br />
div.vectorTabs ul li#ca-nstab-template, <br />
div.vectorTabs ul li#ca-nstab-project, <br />
div.vectorTabs ul li#ca-nstab-user, <br />
div.vectorTabs ul li#ca-user, <br />
div.vectorTabs ul li#ca-user_talk, <br />
div.vectorTabs ul li#ca-user_profile, <br />
div.vectorTabs ul li#ca-userprofile, <br />
div.vectorTabs ul li#ca-user_wiki {<br />
background-color: #ff7727;<br />
}<br />
<br />
div.vectorTabs ul li#ca-talk {<br />
background-color: #E3E236;<br />
}<br />
<br />
div.vectorTabs ul li#ca-nstab-mediawiki,<br />
div.vectorTabs ul li#ca-view, <br />
div.vectorTabs ul li#ca-viewsource {<br />
background-color: #FF4550;<br />
}</div>
Encredechine
https://happybirthdays.fandom.com/wiki/User:Encredechine/hydra.css?diff=5960
User:Encredechine/hydra.css
2020-11-04T14:25:37Z
<p>Encredechine: </p>
<hr />
<div>/* different coloured tabs */<br />
div.vectorTabs ul li#ca-contribs, <br />
div.vectorTabs ul li#ca-ve-edit {<br />
background-color: #ff7727;<br />
}<br />
<br />
div.vectorTabs ul li#ca-edit {<br />
background-color: #00F2FF;<br />
}<br />
<br />
div.vectorTabs ul li #ca-history {<br />
background-color: #74FF37 !important;<br />
}<br />
<br />
div.vectorTabs ul li#ca-nstab-main {<br />
background-color: #FF5CFF;<br />
}<br />
<br />
div.vectorTabs ul li#ca-nstab-image, <br />
div.vectorTabs ul li#ca-nstab-special, <br />
div.vectorTabs ul li#ca-nstab-help, <br />
div.vectorTabs ul li#ca-nstab-category, <br />
div.vectorTabs ul li#ca-nstab-template, <br />
div.vectorTabs ul li#ca-nstab-project, <br />
div.vectorTabs ul li#ca-nstab-user, <br />
div.vectorTabs ul li#ca-user, <br />
div.vectorTabs ul li#ca-user_talk, <br />
div.vectorTabs ul li#ca-user_profile, <br />
div.vectorTabs ul li#ca-userprofile, <br />
div.vectorTabs ul li#ca-user_wiki {<br />
background-color: #ff7727;<br />
}<br />
<br />
div.vectorTabs ul li#ca-talk {<br />
background-color: #E3E236;<br />
}<br />
<br />
div.vectorTabs ul li#ca-nstab-mediawiki,<br />
div.vectorTabs ul li#ca-view, <br />
div.vectorTabs ul li#ca-viewsource {<br />
background-color: #FF4550;<br />
}</div>
Encredechine
https://happybirthdays.fandom.com/wiki/User:Encredechine/hydra.css?diff=5959
User:Encredechine/hydra.css
2020-11-04T14:23:40Z
<p>Encredechine: </p>
<hr />
<div>/* different coloured tabs */<br />
div.vectorTabs li span#ca-contribs, <br />
div.vectorTabs li span#ca-ve-edit {<br />
background-color: #ff7727;<br />
}<br />
<br />
div.vectorTabs li span#ca-edit {<br />
background-color: #00F2FF;<br />
}<br />
<br />
div.vectorTabs li span#ca-history {<br />
background-color: #74FF37 !important;<br />
}<br />
<br />
div.vectorTabs ul li#ca-nstab-main {<br />
background-color: #FF5CFF;<br />
}<br />
<br />
div.vectorTabs ul li#ca-nstab-image, <br />
div.vectorTabs ul li#ca-nstab-special, <br />
div.vectorTabs ul li#ca-nstab-help, <br />
div.vectorTabs ul li#ca-nstab-category, <br />
div.vectorTabs ul li#ca-nstab-template, <br />
div.vectorTabs ul li#ca-nstab-project, <br />
div.vectorTabs ul li#ca-nstab-user, <br />
div.vectorTabs ul li#ca-user, <br />
div.vectorTabs ul li#ca-user_talk, <br />
div.vectorTabs ul li#ca-user_profile, <br />
div.vectorTabs ul li#ca-userprofile, <br />
div.vectorTabs ul li#ca-user_wiki {<br />
background-color: #ff7727;<br />
}<br />
<br />
div.vectorTabs ul li#ca-talk {<br />
background-color: #E3E236;<br />
}<br />
<br />
div.vectorTabs ul li#ca-nstab-mediawiki,<br />
div.vectorTabs ul li#ca-view, <br />
div.vectorTabs ul li#ca-viewsource {<br />
background-color: #FF4550;<br />
}</div>
Encredechine
https://happybirthdays.fandom.com/wiki/User:Encredechine/hydra.css?diff=5958
User:Encredechine/hydra.css
2020-11-04T14:23:23Z
<p>Encredechine: </p>
<hr />
<div>/* different coloured tabs */<br />
div.vectorTabs li span#ca-contribs, <br />
div.vectorTabs li span#ca-ve-edit {<br />
background-color: #ff7727;<br />
}<br />
<br />
div.vectorTabs li span#ca-edit {<br />
background-color: #00F2FF;<br />
}<br />
<br />
div.vectorTabs li span#ca-history {<br />
background-color: #74FF37;<br />
}<br />
<br />
div.vectorTabs ul li#ca-nstab-main {<br />
background-color: #FF5CFF;<br />
}<br />
<br />
div.vectorTabs ul li#ca-nstab-image, <br />
div.vectorTabs ul li#ca-nstab-special, <br />
div.vectorTabs ul li#ca-nstab-help, <br />
div.vectorTabs ul li#ca-nstab-category, <br />
div.vectorTabs ul li#ca-nstab-template, <br />
div.vectorTabs ul li#ca-nstab-project, <br />
div.vectorTabs ul li#ca-nstab-user, <br />
div.vectorTabs ul li#ca-user, <br />
div.vectorTabs ul li#ca-user_talk, <br />
div.vectorTabs ul li#ca-user_profile, <br />
div.vectorTabs ul li#ca-userprofile, <br />
div.vectorTabs ul li#ca-user_wiki {<br />
background-color: #ff7727;<br />
}<br />
<br />
div.vectorTabs ul li#ca-talk {<br />
background-color: #E3E236;<br />
}<br />
<br />
div.vectorTabs ul li#ca-nstab-mediawiki,<br />
div.vectorTabs ul li#ca-view, <br />
div.vectorTabs ul li#ca-viewsource {<br />
background-color: #FF4550;<br />
}</div>
Encredechine
https://happybirthdays.fandom.com/wiki/User:Encredechine/hydra.css?diff=5957
User:Encredechine/hydra.css
2020-11-04T14:22:31Z
<p>Encredechine: </p>
<hr />
<div>/* different coloured tabs */<br />
div.vectorTabs li span#ca-contribs, <br />
div.vectorTabs li span#ca-ve-edit {<br />
background-color: #ff7727;<br />
}<br />
<br />
div.vectorTabs ul li#ca-edit {<br />
background-attachment: scroll;<br />
background-color: #00F2FF;<br />
}<br />
<br />
div.vectorTabs ul li#ca-history {<br />
background-color: #74FF37;<br />
}<br />
<br />
div.vectorTabs ul li#ca-nstab-main {<br />
background-color: #FF5CFF;<br />
}<br />
<br />
div.vectorTabs ul li#ca-nstab-image, <br />
div.vectorTabs ul li#ca-nstab-special, <br />
div.vectorTabs ul li#ca-nstab-help, <br />
div.vectorTabs ul li#ca-nstab-category, <br />
div.vectorTabs ul li#ca-nstab-template, <br />
div.vectorTabs ul li#ca-nstab-project, <br />
div.vectorTabs ul li#ca-nstab-user, <br />
div.vectorTabs ul li#ca-user, <br />
div.vectorTabs ul li#ca-user_talk, <br />
div.vectorTabs ul li#ca-user_profile, <br />
div.vectorTabs ul li#ca-userprofile, <br />
div.vectorTabs ul li#ca-user_wiki {<br />
background-color: #ff7727;<br />
}<br />
<br />
div.vectorTabs ul li#ca-talk {<br />
background-color: #E3E236;<br />
}<br />
<br />
div.vectorTabs ul li#ca-nstab-mediawiki,<br />
div.vectorTabs ul li#ca-view, <br />
div.vectorTabs ul li#ca-viewsource {<br />
background-color: #FF4550;<br />
}</div>
Encredechine
https://happybirthdays.fandom.com/wiki/User:Encredechine/hydra.css?diff=5956
User:Encredechine/hydra.css
2020-11-04T14:21:25Z
<p>Encredechine: </p>
<hr />
<div>/* different coloured tabs */<br />
div.vectorTabs ul li#ca-contribs, <br />
div.vectorTabs ul li#ca-ve-edit {<br />
background-color: #ff7727;<br />
}<br />
<br />
div.vectorTabs ul li#ca-edit {<br />
background-attachment: scroll;<br />
background-color: #00F2FF;<br />
}<br />
<br />
div.vectorTabs ul li#ca-history {<br />
background-color: #74FF37;<br />
}<br />
<br />
div.vectorTabs ul li#ca-nstab-main {<br />
background-color: #FF5CFF;<br />
}<br />
<br />
div.vectorTabs ul li#ca-nstab-image, <br />
div.vectorTabs ul li#ca-nstab-special, <br />
div.vectorTabs ul li#ca-nstab-help, <br />
div.vectorTabs ul li#ca-nstab-category, <br />
div.vectorTabs ul li#ca-nstab-template, <br />
div.vectorTabs ul li#ca-nstab-project, <br />
div.vectorTabs ul li#ca-nstab-user, <br />
div.vectorTabs ul li#ca-user, <br />
div.vectorTabs ul li#ca-user_talk, <br />
div.vectorTabs ul li#ca-user_profile, <br />
div.vectorTabs ul li#ca-userprofile, <br />
div.vectorTabs ul li#ca-user_wiki {<br />
background-color: #ff7727;<br />
}<br />
<br />
div.vectorTabs ul li#ca-talk {<br />
background-color: #E3E236;<br />
}<br />
<br />
div.vectorTabs ul li#ca-nstab-mediawiki,<br />
div.vectorTabs ul li#ca-view, <br />
div.vectorTabs ul li#ca-viewsource {<br />
background-color: #FF4550;<br />
}</div>
Encredechine
https://happybirthdays.fandom.com/wiki/MediaWiki:Hydra.css?diff=5955
MediaWiki:Hydra.css
2020-11-04T14:15:03Z
<p>Encredechine: </p>
<hr />
<div>/* CSS placed here will affect users of the Hydra skin */<br />
/* For elements which only display in the mobile view */<br />
.mobileonly {<br />
display: none;<br />
}<br />
<br />
/* fonts */<br />
@font-face {<br />
font-family: 'OpenSans-Bold';<br />
src: local('OpenSans-Bold'), local('OpenSans-Bold'), url(/media/hydra/fonts/OpenSans-Bold.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-BoldItalic';<br />
src: local('OpenSans-BoldItalic'), local('OpenSans-BoldItalic'), url(/media/hydra/fonts/OpenSans-BoldItalic.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-ExtraBold';<br />
src: local('OpenSans-ExtraBold'), local('OpenSans-ExtraBold'), url(/media/hydra/fonts/OpenSans-ExtraBold.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-ExtraBoldItalic';<br />
src: local('OpenSans-ExtraBoldItalic'), local('OpenSans-ExtraBoldItalic'), url(/media/hydra/fonts/OpenSans-ExtraBoldItalic.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-Italic';<br />
src: local('OpenSans-Italic'), local('OpenSans-Italic'), url(/media/hydra/fonts/OpenSans-Italic.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-Light';<br />
src: local('OpenSans-Light'), local('OpenSans-Light'), url(/media/hydra/fonts/OpenSans-Light.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-LightItalic';<br />
src: local('OpenSans-LightItalic'), local('OpenSans-LightItalic'), url(/media/hydra/fonts/OpenSans-LightItalic.ttf) format('truetype');<br />
}<br />
<br />
<br />
@font-face {<br />
font-family: 'OpenSans-Regular';<br />
src: local('OpenSans-Regular'), local('OpenSans-Regular'), url(/media/hydra/fonts/OpenSans-Regular.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-Semibold';<br />
src: local('OpenSans-Semibold'), local('OpenSans-Semibold'), url(/media/hydra/fonts/OpenSans-Semibold.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-SemiboldItalic';<br />
src: local('OpenSans-SemiboldItalic'), local('OpenSans-SemiboldItalic'), url(/media/hydra/fonts/OpenSans-SemiboldItalic.ttf) format('truetype');<br />
}<br />
<br />
p {<br />
font-family: "OpenSans-Regular";<br />
}<br />
<br />
/* links */<br />
a, <br />
a:visited,<br />
div#content a.extiw,<br />
div#content a.extiw:visited,<br />
div#content a.external, <br />
div#content a.external:visited {<br />
color: #be5b20;<br />
font-family: "OpenSans-Semibold";<br />
}<br />
<br />
a:hover {<br />
color: #f7813d;<br />
}<br />
<br />
<br />
ul {<br />
list-style-type: disc;<br />
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);<br />
} <br />
<br />
/* Hide main page header */<br />
body.page-Happy_Birthdays_Wiki h1.firstHeading {<br />
display:none;<br />
}<br />
<br />
body {<br />
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);<br />
-webkit-background-size: cover;<br />
-o-background-size: cover;<br />
-moz-background-size: cover;<br />
}<br />
<br />
#pageWrapper { <br />
padding-right: 1em;<br />
}<br />
<br />
#mw-page-base {<br />
background-color: transparent;<br />
background-image: none;<br />
background-position: left bottom;<br />
background-repeat: repeat-x;<br />
height: 5em;<br />
}<br />
<br />
/* Logo */<br />
#p-logo a {<br />
background-position: center center;<br />
background-repeat: no-repeat;<br />
background-size: 99% auto;<br />
display: block;<br />
height: 160px;<br />
text-decoration-color: -moz-use-text-color;<br />
text-decoration-line: none;<br />
text-decoration-style: solid;<br />
width: 10em;<br />
}<br />
<br />
/* Content */<br />
div#content {<br />
background: none repeat scroll 0 0 rgba(209, 247, 253, 0.8);<br />
box-shadow: 0 0.1em 0.75em white;<br />
color: black;<br />
margin-left: 11em;<br />
margin-top: 0em;<br />
border: none;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
}<br />
<br />
.mw-body .firstHeading,<br />
.mw-body h1, <br />
.mw-body h2 {<br />
border-bottom-color: #380e08;<br />
border-bottom-style: solid;<br />
border-bottom-width: 1px;<br />
color: #380e08;<br />
font-family: sans-serif;<br />
font-weight:bold;<br />
}<br />
<br />
.mw-body h3, <br />
.mw-body h4, <br />
.mw-body h5, <br />
.mw-body h6 {<br />
color: #380e08;<br />
font-family: sans-serif;<br />
}<br />
<br />
/* images */<br />
img.thumbborder {<br />
border:1px solid #380E08;<br />
margin:5px;<br />
}<br />
<br />
/******************/<br />
/* NEW VECTOR NAV */<br />
/******************/<br />
/* Vector Tab styles */<br />
#left-navigation {<br />
margin-left: 11.5em;<br />
}<br />
<br />
#right-navigation {<br />
margin-right: 1em;<br />
}<br />
<br />
div.vectorTabs,<br />
div.vectorTabs span,<br />
div.vectorTabs li.selected,<br />
div.vectorTabs ul,<br />
div.vectorTabs ul li,<br />
div.vectorTabs li a {<br />
background-color: rgba(0, 0, 0, 0);<br />
background-image: none;<br />
}<br />
<br />
div.vectorTabs ul li {<br />
margin-right: 5px;<br />
}<br />
<br />
div.vectorTabs li span {<br />
background: #FF4550;<br />
display: inline-block;<br />
border: 2px solid white;<br />
border-radius: 4px;<br />
padding: 2px 10px;<br />
margin-top: 0.5em;<br />
height: 19px;<br />
text-align: center;<br />
}<br />
<br />
div.vectorTabs li a {<br />
background-image: none;<br />
margin-top: -16px;<br />
}<br />
<br />
div#mw-head a,<br />
div#mw-head div.vectorTabs a,<br />
div#mw-head div.vectorMenu a,<br />
.vectorTabs li a span,<br />
div.vectorMenu h3 span {<br />
color: white;<br />
font-family: "OpenSans-Semibold";<br />
text-transform: uppercase;<br />
}<br />
<br />
div#mw-head li.new a,<br />
div#mw-head li.new a:visited {<br />
color: gray !important;<br />
text-shadow: 1px 1px #000000;<br />
}<br />
<br />
div.vectorTabs ul li:first-child {<br />
border-image: none;<br />
border-left: medium none;<br />
}<br />
<br />
div#mw-head li.selected a,<br />
div#mw-head li.selected a span,<br />
div#mw-head div.vectorTabs li.selected a,<br />
div#mw-head div.vectorTabs li.selected a:visited {<br />
color: white !important;<br />
font-weight: bold;<br />
}<br />
<br />
div#p-sharing .menu {<br />
background-color: #FF4550;<br />
box-shadow: 0 0.1em 0.75em gray;<br />
margin-left: 45px;<br />
min-width: 0px;<br />
width: 48px;<br />
}<br />
<br />
#p-sharing #socialIconImages img {<br />
width: 100%;<br />
}<br />
<br />
#p-sharing #socialIconImages a {<br />
width: 40px;<br />
}<br />
<br />
div.vectorMenu h3 span {<br />
font-weight: bold;<br />
padding-top: 0.1em;<br />
}<br />
<br />
div.vectorMenu h3 span a,<br />
div.vectorMenu h3 span a:active {<br />
background: url("https://commons.gamepedia.com/media/commons.gamepedia.com/0/0b/Vector_menu_downarrow.png") no-repeat scroll center center transparent;<br />
}<br />
<br />
div#mw-head div.vectorMenu h4,<br />
div#p-variants.vectorMenu #mw-vector-current-variant {<br />
color: #FBD63B;<br />
font-weight: bold;<br />
padding-top: 0.2em;<br />
text-shadow: none;<br />
}<br />
<br />
div.vectorMenu h3 span::after {<br />
content: '';<br />
position: absolute;<br />
top: 0em;<br />
right: 0;<br />
bottom: 0;<br />
left: 0;<br />
background-image: url(/skins/Vector/images/arrow-down.png?42edd);<br />
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");<br />
background-position: 100% 50%;<br />
background-repeat: no-repeat;<br />
opacity: 0.85;<br />
}<br />
<br />
div.vectorMenu h3:hover span, <br />
div.vectorMenu h3:focus span {<br />
color: #FFFFFF;<br />
}<br />
<br />
.vectorTabs #ca-unwatch.icon a, <br />
.vectorTabs #ca-watch.icon a {<br />
margin: 0;<br />
padding: 0;<br />
display: block;<br />
width: 28px;<br />
padding-top: 3.1em;<br />
margin-top: -0.8em;<br />
height: 0;<br />
overflow: hidden;<br />
background-position: 5px 60%;<br />
background-repeat: no-repeat;<br />
}<br />
<br />
div#mw-head div.vectorMenu h3 {<br />
background: #F18B1B;<br />
display: inline-block;<br />
border: 2px solid white;<br />
border-radius: 4px;<br />
padding: 2px 10px;<br />
margin-top: 0.5em;<br />
margin-bottom: 0.5em;<br />
height: 19px;<br />
text-align: center;<br />
}<br />
<br />
div.vectorMenu h3 a,<br />
div.vectorMenu h3 a:active {<br />
background-color: rgba(0, 0, 0, 0);<br />
background-image: url("https://commons.gamepedia.com/media/commons.gamepedia.com/8/80/Vector_menu_downarrow_white.png");<br />
background-position: 50% 50%;<br />
border: medium none;<br />
}<br />
<br />
div.vectorMenu div.menu {<br />
border: none;<br />
left: auto;<br />
margin-left: 5px;<br />
right: 0;<br />
top: 40px;<br />
}<br />
<br />
div#mw-head div.vectorMenu ul {<br />
background-color: #FF4550;<br />
background-image: none;<br />
border-right: 5px none;<br />
box-shadow: 0 0.1em 0.75em gray;<br />
}<br />
<br />
div#mw-head div.vectorMenu li a {<br />
color: #FFF;<br />
}<br />
<br />
div#mw-head div.vectorMenu li a:hover {<br />
color: #e0fdff;<br />
}<br />
<br />
/* NEW VECTOR NAV STYLE END */<br />
<br />
/* Sidebar */<br />
div#mw-panel div.portal,<br />
div#mw-panel div.portal div.body,<br />
#mw-panel.collapsible-nav .portal {<br />
background-image: none; /* Optional! This removes the lines be horizontal lines between the portals */<br />
}<br />
<br />
div#mw-panel div.portal div.body ul li a,<br />
div#mw-panel div.portal div.body ul li a:visited {<br />
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 */<br />
}<br />
<br />
div#mw-panel div.portal h3,<br />
div#mw-panel div.portal h3:visited,<br />
#mw-panel.collapsible-nav .portal h3 a,<br />
#mw-panel.collapsible-nav .portal h3 a:visited,<br />
#mw-panel.collapsible-nav .portal.collapsed h3 a,<br />
#mw-panel.collapsible-nav .portal.collapsed h3 a:visited {<br />
-webkit-text-stroke: 1px black;<br />
color: #FF85A9;<br />
text-shadow:<br />
2px 2px 0 #000,<br />
-1px -1px 0 #000, <br />
1px -1px 0 #000,<br />
-1px 1px 0 #000,<br />
1px 1px 0 #000;<br />
font-weight: bold; /* Optional, to make the labels stand out */<br />
text-transform: uppercase; /* Optional, to make the labels stand out */<br />
font-size:102%;<br />
<br />
}<br />
<br />
#mw-panel.collapsible-nav .portal.collapsed h3 {<br />
background-image: linear-gradient(transparent, transparent), url(https://birthdaysthebeginning.gamepedia.com/media/birthdaysthebeginning.gamepedia.com/1/1b/Dino1.png);<br />
background-position: left center;<br />
background-repeat: no-repeat;<br />
color: #0645ad;<br />
background-size: 25px auto;<br />
}<br />
<br />
#mw-panel.collapsible-nav .portal h3 {<br />
background-image: linear-gradient(transparent, transparent), url(https://birthdaysthebeginning.gamepedia.com/media/birthdaysthebeginning.gamepedia.com/9/95/Dino2.png);<br />
background-position: left center;<br />
background-repeat: no-repeat;<br />
padding-bottom: 3px;<br />
padding-left: 1.5em;<br />
padding-right: 0;<br />
padding-top: 4px;<br />
background-size: 25px auto;<br />
}<br />
<br />
div#mw-panel div#p-socialProfiles.portal .body {<br />
margin: auto;<br />
}<br />
<br />
.socialSidebar {<br />
width: auto;<br />
max-width: 100%;<br />
}<br />
<br />
/* Wiki editor fixes */<br />
div.wikiEditor-preview-contents,<br />
div.wikiEditor-preview-loading {<br />
background-color: transparent;<br />
}<br />
<br />
.wikiEditor-ui {<br />
background: rgba(0, 0, 0, 0);<br />
border: medium none;<br />
}<br />
<br />
.wikiEditor-ui .wikiEditor-ui-view {<br />
border-bottom: medium none;<br />
border-left: 1px solid #202020;<br />
border-right: 1px solid #202020;<br />
border-top : medium none;<br />
}<br />
<br />
div.wikiEditor-ui-buttons {<br />
background-color: rgba(0, 0, 0, 0);<br />
border-top: medium none;<br />
margin-right: 5px;<br />
}<br />
<br />
div.wikiEditor-ui-controls {<br />
background-color: rgba(0, 0, 0, 0);<br />
border-bottom: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-tabs {<br />
background-color: orange;<br />
border-left: 1px solid #202020;<br />
border-top: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-tabs div {<br />
background-color: orange;<br />
border-right: 1px solid #202020;<br />
border-bottom: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-tabs div a {<br />
background: orange; /* you can use a gradient here if you want to match your vector tabs or get fancy */<br />
color: #202020;<br />
}<br />
<br />
.wikiEditor-ui-tabs div.current {<br />
background-color: #FF7727;<br />
border-bottom: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-tabs div.current a {<br />
color: white; /* depends on your tabs bg & how different you wish the current tab and text to appear */<br />
font-weight: bold; /* optional to make it stand out */<br />
}<br />
<br />
.wikiEditor-ui .wikiEditor-ui-top {<br />
border-bottom: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-toolbar {<br />
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);<br />
}<br />
<br />
.wikiEditor-ui-toolbar .group {<br />
border-right: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .group-search {<br />
border-left: 1px solid #202020;<br />
border-right: none;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .group .label {<br />
color: black;<br />
}<br />
<br />
.tab {<br />
border-color: rgba(0, 0, 0, 0);<br />
}<br />
<br />
.wikiEditor-ui-toolbar .tabs span.tab a,<br />
.wikiEditor-ui-toolbar .tabs span.tab a:visited {<br />
color: black;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .tabs span.tab a.current,<br />
.wikiEditor-ui-toolbar .tabs span.tab a.current:visited {<br />
color: black;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .group .tool-select .label {<br />
color: #000000; /* or any other dark colour, or change the bg to a dark colour to contrast with light text */<br />
}<br />
<br />
.wikiEditor-ui-toolbar .sections .section {<br />
background-color: rgba(0, 0, 0, 0.2);<br />
border-top: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .booklet .index div {<br />
color: #202020;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .booklet .index .current {<br />
background-color: orange;<br />
color: #202020;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .booklet .pages {<br />
background-color: orange;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .page-characters div span {<br />
border: 1px solid #202020;<br />
color: #202020;<br />
background:white;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .page-characters div span:hover {<br />
background-color: rgba(255, 255, 255, 0.3);<br />
border-color: #202020;<br />
color: #FF7796;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .page-table td {<br />
border-top: 1px solid #202020;<br />
color: #202020;<br />
}<br />
<br />
.wikiEditor-preview-loading {<br />
background-color: rgba(0, 0, 0, 0);<br />
}<br />
<br />
.wikiEditor-preview-contents {<br />
background-color: rgba(0, 0, 0, 0);<br />
border-color: -moz-use-text-color #202020 #202020;<br />
border-image: none;<br />
border-style: none solid solid;<br />
border-width: medium 1px 1px;<br />
}<br />
<br />
.editOptions { <br />
background-color: rgba(255,255,255,0.5);<br />
border-color: -moz-use-text-color #202020 #202020;<br />
border-image: none;<br />
border-style: none solid solid;<br />
border-width: medium 1px 1px;<br />
}<br />
<br />
/* Preferences */<br />
.client-js #preftoc {<br />
background-color: rgba(255, 255, 255, 0.5);<br />
border: 0px;<br />
}<br />
<br />
.client-js #preftoc,<br />
.client-js #preftoc li, <br />
.client-js #preferences, <br />
.client-js #preftoc li a {<br />
background-image: none;<br />
background-color: transparent;<br />
color: #666666; /* this font color may need tweaking, depending on your background choices */<br />
}<br />
<br />
.client-js #preftoc li:first-child {<br />
margin-bottom: 1px;<br />
margin-left: 5px;<br />
}<br />
<br />
.client-js #preftoc li.selected a {<br />
background-color: rgba(255, 255, 255, 0.5);<br />
background-image: none;<br />
border-color: #aaaaaa #aaaaaa rgba(255, 255, 255, 0.5);<br />
border-style: solid;<br />
border-width: 1px;<br />
color: #000000; /* this font color may need tweaking, depending on your background choices */<br />
}<br />
<br />
.client-js #preferences {<br />
background-color: rgba(255, 255, 255, 0.5);<br />
border: 1px solid #aaaaaa;<br />
}<br />
<br />
.client-js #preferences fieldset {<br />
border-color: #aaaaaa;<br />
}<br />
<br />
<br />
/* Page history */<br />
#pagehistory li {<br />
background-color: rgba(0, 0, 0, 0);<br />
border: none;<br />
padding: 3px;<br />
}<br />
<br />
#pagehistory li.selected {<br />
background-color: rbga(0, 0, 0, 0);<br />
background-image: none;<br />
border: 1px dashed #aaaaaa;<br />
padding: 3px;<br />
}<br />
<br />
table.diff {<br />
background: transparent;<br />
}<br />
<br />
td.diff-context {<br />
background: none repeat scroll 0 0 transparent;<br />
color: #000000; /* this font colour may need tweaking depending on your choice of background */<br />
}<br />
<br />
td.diff-deletedline {<br />
background-color: #FFE49C;<br />
border-color: #FFE49C;<br />
color: #000000;<br />
}<br />
<br />
td.diff-addedline {<br />
background-color: #A3D3FF;<br />
border-color: #A3D3FF;<br />
color: #000000;<br />
}<br />
<br />
<br />
/* for "edit this page" tab and "discussion" tab etc */<br />
.pagetab {<br />
border-style: solid solid none;<br />
border-width: thin;<br />
border-color: #808080;<br />
padding:0.25ex 1ex 0ex;<br />
font-size: 95%;<br />
}<br />
<br />
.ambox {<br />
background-color: #eeeeee;<br />
border-bottom-color: #383838;<br />
border-right-color: #383838;<br />
border-top-color: #383838;<br />
border-collapse: collapse;<br />
font-size: 95%;<br />
margin: 0 auto 2px auto;<br />
width: 80%;<br />
}<br />
<br />
.ambox-gray {<br />
border-left-color: #383838;<br />
}<br />
<br />
.ambox.ambox-tiny {<br />
font-size: 90%;<br />
margin: 2px 0;<br />
width: auto;<br />
}<br />
<br />
.ambox + .ambox {<br />
margin-top: -2px;<br />
}<br />
<br />
.ambox-text {<br />
padding: 0.25em 0.5em;<br />
}<br />
<br />
.ambox-image {<br />
padding: 2px 0px 2px 0.5em;<br />
text-align: center;<br />
width: 60px;<br />
}<br />
<br />
.ambox-tiny .ambox-image {<br />
padding: 2px 0.5em;<br />
text-align: left;<br />
width: auto;<br />
}<br />
<br />
/* Ambox colors */<br />
.ambox-blue {<br />
border-left: 10px solid #1e90ff;<br />
}<br />
<br />
.ambox-red {<br />
border-left: 10px solid #b22222;<br />
}<br />
<br />
.ambox-orange {<br />
border-left: 10px solid #f28500;<br />
}<br />
<br />
.ambox-yellow {<br />
border-left: 10px solid #f4c430;<br />
}<br />
<br />
.ambox-purple {<br />
border-left: 10px solid #9932cc;<br />
}<br />
<br />
.ambox-gray {<br />
border-left: 10px solid #bba;<br />
}<br />
<br />
.ambox-green {<br />
border-left: 10px solid #228b22;<br />
}<br />
<br />
/* Ambox small text */<br />
.amsmalltext {<br />
font-size: smaller;<br />
margin-left:0.8em;<br />
margin-top:0.5em;<br />
}<br />
<br />
/* INFOBOXES: game or book depended color style */<br />
.infoboxtable {<br />
background-color: #103f63;<br />
border: 1px solid #0e395a;<br />
color: #56d7ed;<br />
float: right;<br />
font-size: 89%; <br />
margin-bottom: 0.5em; <br />
margin-left: 1em; <br />
padding: 0.2em; <br />
width: 300px;<br />
}<br />
<br />
.infoboxtable td {<br />
vertical-align: top;<br />
}<br />
<br />
.infoboxtable a,<br />
.infoboxtable a:link,<br />
.infoboxtable a:visited {<br />
color: gray;<br />
vertical-align: top;<br />
}<br />
<br />
.infoboxtable td > div {<br />
background-color: transparent;<br />
font-weight: bold;<br />
padding: 0.5px 7px;<br />
text-align: right;<br />
width:135px;<br />
}<br />
<br />
.infoboxname {<br />
font-size: 120%; <br />
font-weight: bold;<br />
padding: 0.5em; <br />
font-family: "OpenSans-Semibold";<br />
background-attachment: scroll;<br />
background-clip: border-box;<br />
background-color: rgba(0, 0, 0, 0);<br />
background-image: url("https://birthdaysthebeginning.gamepedia.com/media/birthdaysthebeginning.gamepedia.com/3/3a/Bg_stripes.png");<br />
background-origin: padding-box;<br />
background-position-y: center;<br />
background-repeat: repeat;<br />
background-size: 100% 100%;<br />
height: 20px;<br />
}<br />
<br />
.infoboxdetails {<br />
padding: 0em;<br />
}<br />
<br />
/* copyright images tweak */<br />
.copyright-icon {<br />
background: url("https://commons.gamepedia.com/media/commons.gamepedia.com/thumb/b/b6/Copyright.png/32px-Copyright.png") transparent center center no-repeat;<br />
background-size: 100%;<br />
width: 32px;<br />
height: 32px;<br />
}<br />
<br />
div#simpleSearch {<br />
-moz-border-bottom-colors: none;<br />
-moz-border-left-colors: none;<br />
-moz-border-right-colors: none;<br />
-moz-border-top-colors: none;<br />
background-color: white;<br />
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAQCAIAAABY/YLgAAAAJUlEQVQIHQXBsQEAAAjDoND/73UWdnerhmHVsDQZJrNWVg3Dqge6bgMe6bejNAAAAABJRU5ErkJggg==");<br />
background-position: left top;<br />
background-repeat: repeat-x;<br />
border-bottom-color: #aaa;<br />
border-bottom-left-radius: 10px;<br />
border-bottom-right-radius: 10px;<br />
border-bottom-style: solid;<br />
border-bottom-width: 1px;<br />
border-image-outset: 0 0 0 0;<br />
border-image-repeat: stretch stretch;<br />
border-image-slice: 100% 100% 100% 100%;<br />
border-image-source: none;<br />
border-image-width: 1 1 1 1;<br />
border-left-color: #aaa;<br />
border-left-style: solid;<br />
border-left-width: 1px;<br />
border-right-color: #aaa;<br />
border-right-style: solid;<br />
border-right-width: 1px;<br />
border-top-color: #aaa;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
border-top-style: solid;<br />
border-top-width: 1px;<br />
color: black;<br />
display: block;<br />
height: 1.4em;<br />
margin-top: -0.4em;<br />
max-width: 20em;<br />
min-height: 1px;<br />
min-width: 5em;<br />
padding-right: 1.4em;<br />
position: relative;<br />
}<br />
<br />
/* footer */<br />
div#footer {<br />
background: none repeat scroll 0 0 rgba(209, 247, 253, 0.8);<br />
border:none;<br />
box-shadow: 0 0.1em 0.75em white;<br />
color: black;<br />
margin-left: 11em;<br />
padding-bottom: 1.25em;<br />
padding-left: 1.25em;<br />
padding-right: 1.25em;<br />
padding-top: 1.25em;<br />
margin-top: 10px;<br />
}<br />
<br />
#toc #toctitle, <br />
.toc #toctitle, <br />
#toc .toctitle, <br />
.toc .toctitle {<br />
text-align: center;<br />
color: #ff85a9;<br />
font-size: 102%;<br />
font-weight: bold;<br />
text-transform: uppercase;<br />
background-color: #e3e236;<br />
border:1px solid #380E08;<br />
border-radius: 5px;<br />
padding:3px;<br />
}<br />
<br />
#toc, <br />
.toc {<br />
border-bottom-left-radius: 10px;<br />
border-bottom-right-radius: 10px;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
display: table;<br />
padding-bottom: 7px;<br />
padding-left: 7px;<br />
padding-right: 7px;<br />
padding-top: 7px;<br />
border:2px solid #380E08;<br />
}<br />
<br />
.mw-body #toc h2, <br />
.mw-body .toc h2 {<br />
font-family: sans-serif;<br />
font-size: 100%;<br />
color: black;<br />
font-weight: bold;<br />
}<br />
<br />
/* Tables */<br />
table.wikitable > tr > th, table.wikitable > * > tr > th {<br />
background-color: #ff7b9c;<br />
font-family: "OpenSans-Semibold";<br />
color: black;<br />
text-align: center;<br />
}<br />
<br />
table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {<br />
border: 1px solid #380E08;<br />
padding-bottom: 0.2em;<br />
padding-left: 0.4em;<br />
padding-right: 0.4em;<br />
padding-top: 0.2em;<br />
}<br />
<br />
table.wikitable > tr > td, <br />
table.wikitable > * > tr > td {<br />
background: #E3E236;<br />
padding-bottom: 0.2em;<br />
padding-left: 0.4em;<br />
padding-right: 0.4em;<br />
padding-top: 0.2em;<br />
}<br />
<br />
<br />
/********************************/<br />
/* Front page appearance styles */<br />
/********************************/<br />
.fpbox .mainheading {<br />
border: 0;<br />
}<br />
<br />
.fpbox {<br />
background: rgba(0, 0, 0, 0.1);<br />
border-radius: 5px;<br />
border: 1px solid black;<br />
box-shadow: 0 0.1em 0.75em #AF9CBB;<br />
color: black; /* change for hydra (light) wikis */<br />
margin: 5px 5px 5px 5px;<br />
padding: 5px 5px 5px 5px;<br />
}<br />
<br />
.fpbox .welcome {<br />
border-bottom: 1px solid #505050;<br />
color: black; /* change for hydra (light) wikis */<br />
font-size: 150%;<br />
margin: 0 0 10px 0;<br />
padding: 0 0 5px 0;<br />
text-transform: uppercase;<br />
text-align: center;<br />
}<br />
<br />
.fpbox .heading {<br />
border-bottom: 1px solid #505050;<br />
color: black; /* change for hydra (light) wikis */<br />
font-size: 132%;<br />
font-variant: small-caps;<br />
margin: 0 0 10px 0;<br />
padding: 0 0 5px 0;<br />
background: #ff7727 linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0;<br />
font-family: "OpenSans-Bold";<br />
}<br />
<br />
.fplink:not(.fplink-plain) {<br />
background: #ff7727 linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0;<br />
border: 1px solid black;<br />
border-radius: 3px;<br />
box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.2);<br />
color: black;<br />
font-weight: bold;<br />
text-transform: uppercase;<br />
font-family: "OpenSans-Bold", "sans-serif";<br />
}<br />
<br />
.fplink-fullwidth .fplink:not(.fplink-plain) {<br />
background: rgba(0,0,0,0.4);<br />
}<br />
<br />
.linkslabel {<br />
border-bottom: 2px solid #505050;<br />
}<br />
<br />
/************************************/<br />
/* Front page appearance styles END */<br />
/************************************/<br />
<br />
<br />
/* Other element styles */<br />
<br />
.mw-search-profile-tabs {<br />
border: 1px solid #9d5d0b;<br />
background-color: #ffbf6c;<br />
margin-top: 1em;<br />
}<br />
<br />
.mw-search-profile-tabs div.search-types ul li.current a {<br />
color: gray;<br />
cursor: default;<br />
}</div>
Encredechine
https://happybirthdays.fandom.com/wiki/MediaWiki:Hydra.css?diff=5954
MediaWiki:Hydra.css
2020-11-04T14:10:36Z
<p>Encredechine: </p>
<hr />
<div>/* CSS placed here will affect users of the Hydra skin */<br />
/* For elements which only display in the mobile view */<br />
.mobileonly {<br />
display: none;<br />
}<br />
<br />
/* fonts */<br />
@font-face {<br />
font-family: 'OpenSans-Bold';<br />
src: local('OpenSans-Bold'), local('OpenSans-Bold'), url(/media/hydra/fonts/OpenSans-Bold.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-BoldItalic';<br />
src: local('OpenSans-BoldItalic'), local('OpenSans-BoldItalic'), url(/media/hydra/fonts/OpenSans-BoldItalic.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-ExtraBold';<br />
src: local('OpenSans-ExtraBold'), local('OpenSans-ExtraBold'), url(/media/hydra/fonts/OpenSans-ExtraBold.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-ExtraBoldItalic';<br />
src: local('OpenSans-ExtraBoldItalic'), local('OpenSans-ExtraBoldItalic'), url(/media/hydra/fonts/OpenSans-ExtraBoldItalic.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-Italic';<br />
src: local('OpenSans-Italic'), local('OpenSans-Italic'), url(/media/hydra/fonts/OpenSans-Italic.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-Light';<br />
src: local('OpenSans-Light'), local('OpenSans-Light'), url(/media/hydra/fonts/OpenSans-Light.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-LightItalic';<br />
src: local('OpenSans-LightItalic'), local('OpenSans-LightItalic'), url(/media/hydra/fonts/OpenSans-LightItalic.ttf) format('truetype');<br />
}<br />
<br />
<br />
@font-face {<br />
font-family: 'OpenSans-Regular';<br />
src: local('OpenSans-Regular'), local('OpenSans-Regular'), url(/media/hydra/fonts/OpenSans-Regular.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-Semibold';<br />
src: local('OpenSans-Semibold'), local('OpenSans-Semibold'), url(/media/hydra/fonts/OpenSans-Semibold.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-SemiboldItalic';<br />
src: local('OpenSans-SemiboldItalic'), local('OpenSans-SemiboldItalic'), url(/media/hydra/fonts/OpenSans-SemiboldItalic.ttf) format('truetype');<br />
}<br />
<br />
p {<br />
font-family: "OpenSans-Regular";<br />
}<br />
<br />
/* links */<br />
a, <br />
a:visited,<br />
div#content a.extiw,<br />
div#content a.extiw:visited,<br />
div#content a.external, <br />
div#content a.external:visited {<br />
color: #be5b20;<br />
font-family: "OpenSans-Semibold";<br />
}<br />
<br />
a:hover {<br />
color: #f7813d;<br />
}<br />
<br />
<br />
ul {<br />
list-style-type: disc;<br />
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);<br />
} <br />
<br />
/* Hide main page header */<br />
body.page-Happy_Birthdays_Wiki h1.firstHeading {<br />
display:none;<br />
}<br />
<br />
body {<br />
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);<br />
-webkit-background-size: cover;<br />
-o-background-size: cover;<br />
-moz-background-size: cover;<br />
}<br />
<br />
#pageWrapper { <br />
padding-right: 1em;<br />
}<br />
<br />
#mw-page-base {<br />
background-color: transparent;<br />
background-image: none;<br />
background-position: left bottom;<br />
background-repeat: repeat-x;<br />
height: 5em;<br />
}<br />
<br />
/* Logo */<br />
#p-logo a {<br />
background-position: center center;<br />
background-repeat: no-repeat;<br />
background-size: 99% auto;<br />
display: block;<br />
height: 160px;<br />
text-decoration-color: -moz-use-text-color;<br />
text-decoration-line: none;<br />
text-decoration-style: solid;<br />
width: 10em;<br />
}<br />
<br />
/* Content */<br />
div#content {<br />
background: none repeat scroll 0 0 rgba(209, 247, 253, 0.8);<br />
box-shadow: 0 0.1em 0.75em white;<br />
color: black;<br />
margin-left: 11em;<br />
margin-top: 0em;<br />
border: none;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
}<br />
<br />
.mw-body .firstHeading,<br />
.mw-body h1, <br />
.mw-body h2 {<br />
border-bottom-color: #380e08;<br />
border-bottom-style: solid;<br />
border-bottom-width: 1px;<br />
color: #380e08;<br />
font-family: sans-serif;<br />
font-weight:bold;<br />
}<br />
<br />
.mw-body h3, <br />
.mw-body h4, <br />
.mw-body h5, <br />
.mw-body h6 {<br />
color: #380e08;<br />
font-family: sans-serif;<br />
}<br />
<br />
/* images */<br />
img.thumbborder {<br />
border:1px solid #380E08;<br />
margin:5px;<br />
}<br />
<br />
/******************/<br />
/* NEW VECTOR NAV */<br />
/******************/<br />
/* Vector Tab styles */<br />
#left-navigation {<br />
margin-left: 11.5em;<br />
}<br />
<br />
#right-navigation {<br />
margin-right: 1em;<br />
}<br />
<br />
div.vectorTabs,<br />
div.vectorTabs span,<br />
div.vectorTabs li.selected,<br />
div.vectorTabs ul,<br />
div.vectorTabs ul li,<br />
div.vectorTabs li a {<br />
background-color: rgba(0, 0, 0, 0);<br />
background-image: none;<br />
}<br />
<br />
div.vectorTabs ul li {<br />
margin-right: 5px;<br />
}<br />
<br />
div.vectorTabs li span {<br />
background: #FF4550;<br />
display: inline-block;<br />
border: 2px solid white;<br />
border-radius: 4px;<br />
padding: 2px 10px;<br />
margin-top: 0.5em;<br />
height: 19px;<br />
text-align: center;<br />
}<br />
<br />
div.vectorTabs li a {<br />
background-image: none;<br />
margin-top: -16px;<br />
}<br />
<br />
div#mw-head a,<br />
div#mw-head div.vectorTabs a,<br />
div#mw-head div.vectorMenu a,<br />
.vectorTabs li a span,<br />
div.vectorMenu h3 span {<br />
color: white;<br />
font-family: "OpenSans-Semibold";<br />
text-transform: uppercase;<br />
}<br />
<br />
div#mw-head li.new a,<br />
div#mw-head li.new a:visited {<br />
color: gray !important;<br />
text-shadow: 1px 1px #000000;<br />
}<br />
<br />
div.vectorTabs ul li:first-child {<br />
border-image: none;<br />
border-left: medium none;<br />
}<br />
<br />
div#mw-head li.selected a,<br />
div#mw-head li.selected a span,<br />
div#mw-head div.vectorTabs li.selected a,<br />
div#mw-head div.vectorTabs li.selected a:visited {<br />
color: white !important;<br />
font-weight: bold;<br />
}<br />
<br />
div#p-sharing .menu {<br />
background-color: #FF4550;<br />
box-shadow: 0 0.1em 0.75em gray;<br />
margin-left: 45px;<br />
min-width: 0px;<br />
width: 48px;<br />
}<br />
<br />
#p-sharing #socialIconImages img {<br />
width: 100%;<br />
}<br />
<br />
#p-sharing #socialIconImages a {<br />
width: 40px;<br />
}<br />
<br />
div.vectorMenu h3 span {<br />
font-weight: bold;<br />
padding-top: 0.1em;<br />
}<br />
<br />
div.vectorMenu h3 span a,<br />
div.vectorMenu h3 span a:active {<br />
background: url("https://commons.gamepedia.com/media/commons.gamepedia.com/0/0b/Vector_menu_downarrow.png") no-repeat scroll center center transparent;<br />
}<br />
<br />
div#mw-head div.vectorMenu h4,<br />
div#p-variants.vectorMenu #mw-vector-current-variant {<br />
color: #FBD63B;<br />
font-weight: bold;<br />
padding-top: 0.2em;<br />
text-shadow: none;<br />
}<br />
<br />
div.vectorMenu h3 span::after {<br />
content: '';<br />
position: absolute;<br />
top: 0em;<br />
right: 0;<br />
bottom: 0;<br />
left: 0;<br />
background-image: url(/skins/Vector/images/arrow-down.png?42edd);<br />
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");<br />
background-position: 100% 50%;<br />
background-repeat: no-repeat;<br />
opacity: 0.85;<br />
}<br />
<br />
div.vectorMenu h3:hover span, <br />
div.vectorMenu h3:focus span {<br />
color: #FFFFFF;<br />
}<br />
<br />
.vectorTabs #ca-unwatch.icon a, <br />
.vectorTabs #ca-watch.icon a {<br />
margin: 0;<br />
padding: 0;<br />
display: block;<br />
width: 28px;<br />
padding-top: 3.1em;<br />
margin-top: -0.8em;<br />
height: 0;<br />
overflow: hidden;<br />
background-position: 5px 60%;<br />
background-repeat: no-repeat;<br />
}<br />
<br />
div#mw-head div.vectorMenu h3 {<br />
background: #F18B1B;<br />
display: inline-block;<br />
border: 2px solid white;<br />
border-radius: 4px;<br />
padding: 2px 10px;<br />
margin-top: 0.5em;<br />
margin-bottom: 0.5em;<br />
height: 19px;<br />
text-align: center;<br />
}<br />
<br />
div.vectorMenu h3 a,<br />
div.vectorMenu h3 a:active {<br />
background-color: rgba(0, 0, 0, 0);<br />
background-image: url("https://commons.gamepedia.com/media/commons.gamepedia.com/8/80/Vector_menu_downarrow_white.png");<br />
background-position: 50% 50%;<br />
border: medium none;<br />
}<br />
<br />
div.vectorMenu div.menu {<br />
border: none;<br />
left: auto;<br />
margin-left: 5px;<br />
right: 0;<br />
top: 40px;<br />
}<br />
<br />
div#mw-head div.vectorMenu ul {<br />
background-color: #FF4550;<br />
background-image: none;<br />
border-right: 5px none;<br />
box-shadow: 0 0.1em 0.75em gray;<br />
}<br />
<br />
div#mw-head div.vectorMenu li a {<br />
color: gray;<br />
}<br />
<br />
div#mw-head div.vectorMenu li a:hover {<br />
color: white;<br />
}<br />
<br />
/* NEW VECTOR NAV STYLE END */<br />
<br />
/* Sidebar */<br />
div#mw-panel div.portal,<br />
div#mw-panel div.portal div.body,<br />
#mw-panel.collapsible-nav .portal {<br />
background-image: none; /* Optional! This removes the lines be horizontal lines between the portals */<br />
}<br />
<br />
div#mw-panel div.portal div.body ul li a,<br />
div#mw-panel div.portal div.body ul li a:visited {<br />
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 */<br />
}<br />
<br />
div#mw-panel div.portal h3,<br />
div#mw-panel div.portal h3:visited,<br />
#mw-panel.collapsible-nav .portal h3 a,<br />
#mw-panel.collapsible-nav .portal h3 a:visited,<br />
#mw-panel.collapsible-nav .portal.collapsed h3 a,<br />
#mw-panel.collapsible-nav .portal.collapsed h3 a:visited {<br />
-webkit-text-stroke: 1px black;<br />
color: #FF85A9;<br />
text-shadow:<br />
2px 2px 0 #000,<br />
-1px -1px 0 #000, <br />
1px -1px 0 #000,<br />
-1px 1px 0 #000,<br />
1px 1px 0 #000;<br />
font-weight: bold; /* Optional, to make the labels stand out */<br />
text-transform: uppercase; /* Optional, to make the labels stand out */<br />
font-size:102%;<br />
<br />
}<br />
<br />
#mw-panel.collapsible-nav .portal.collapsed h3 {<br />
background-image: linear-gradient(transparent, transparent), url(https://birthdaysthebeginning.gamepedia.com/media/birthdaysthebeginning.gamepedia.com/1/1b/Dino1.png);<br />
background-position: left center;<br />
background-repeat: no-repeat;<br />
color: #0645ad;<br />
background-size: 25px auto;<br />
}<br />
<br />
#mw-panel.collapsible-nav .portal h3 {<br />
background-image: linear-gradient(transparent, transparent), url(https://birthdaysthebeginning.gamepedia.com/media/birthdaysthebeginning.gamepedia.com/9/95/Dino2.png);<br />
background-position: left center;<br />
background-repeat: no-repeat;<br />
padding-bottom: 3px;<br />
padding-left: 1.5em;<br />
padding-right: 0;<br />
padding-top: 4px;<br />
background-size: 25px auto;<br />
}<br />
<br />
div#mw-panel div#p-socialProfiles.portal .body {<br />
margin: auto;<br />
}<br />
<br />
.socialSidebar {<br />
width: auto;<br />
max-width: 100%;<br />
}<br />
<br />
/* Wiki editor fixes */<br />
div.wikiEditor-preview-contents,<br />
div.wikiEditor-preview-loading {<br />
background-color: transparent;<br />
}<br />
<br />
.wikiEditor-ui {<br />
background: rgba(0, 0, 0, 0);<br />
border: medium none;<br />
}<br />
<br />
.wikiEditor-ui .wikiEditor-ui-view {<br />
border-bottom: medium none;<br />
border-left: 1px solid #202020;<br />
border-right: 1px solid #202020;<br />
border-top : medium none;<br />
}<br />
<br />
div.wikiEditor-ui-buttons {<br />
background-color: rgba(0, 0, 0, 0);<br />
border-top: medium none;<br />
margin-right: 5px;<br />
}<br />
<br />
div.wikiEditor-ui-controls {<br />
background-color: rgba(0, 0, 0, 0);<br />
border-bottom: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-tabs {<br />
background-color: orange;<br />
border-left: 1px solid #202020;<br />
border-top: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-tabs div {<br />
background-color: orange;<br />
border-right: 1px solid #202020;<br />
border-bottom: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-tabs div a {<br />
background: orange; /* you can use a gradient here if you want to match your vector tabs or get fancy */<br />
color: #202020;<br />
}<br />
<br />
.wikiEditor-ui-tabs div.current {<br />
background-color: #FF7727;<br />
border-bottom: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-tabs div.current a {<br />
color: white; /* depends on your tabs bg & how different you wish the current tab and text to appear */<br />
font-weight: bold; /* optional to make it stand out */<br />
}<br />
<br />
.wikiEditor-ui .wikiEditor-ui-top {<br />
border-bottom: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-toolbar {<br />
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);<br />
}<br />
<br />
.wikiEditor-ui-toolbar .group {<br />
border-right: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .group-search {<br />
border-left: 1px solid #202020;<br />
border-right: none;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .group .label {<br />
color: black;<br />
}<br />
<br />
.tab {<br />
border-color: rgba(0, 0, 0, 0);<br />
}<br />
<br />
.wikiEditor-ui-toolbar .tabs span.tab a,<br />
.wikiEditor-ui-toolbar .tabs span.tab a:visited {<br />
color: black;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .tabs span.tab a.current,<br />
.wikiEditor-ui-toolbar .tabs span.tab a.current:visited {<br />
color: black;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .group .tool-select .label {<br />
color: #000000; /* or any other dark colour, or change the bg to a dark colour to contrast with light text */<br />
}<br />
<br />
.wikiEditor-ui-toolbar .sections .section {<br />
background-color: rgba(0, 0, 0, 0.2);<br />
border-top: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .booklet .index div {<br />
color: #202020;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .booklet .index .current {<br />
background-color: orange;<br />
color: #202020;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .booklet .pages {<br />
background-color: orange;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .page-characters div span {<br />
border: 1px solid #202020;<br />
color: #202020;<br />
background:white;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .page-characters div span:hover {<br />
background-color: rgba(255, 255, 255, 0.3);<br />
border-color: #202020;<br />
color: #FF7796;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .page-table td {<br />
border-top: 1px solid #202020;<br />
color: #202020;<br />
}<br />
<br />
.wikiEditor-preview-loading {<br />
background-color: rgba(0, 0, 0, 0);<br />
}<br />
<br />
.wikiEditor-preview-contents {<br />
background-color: rgba(0, 0, 0, 0);<br />
border-color: -moz-use-text-color #202020 #202020;<br />
border-image: none;<br />
border-style: none solid solid;<br />
border-width: medium 1px 1px;<br />
}<br />
<br />
.editOptions { <br />
background-color: rgba(255,255,255,0.5);<br />
border-color: -moz-use-text-color #202020 #202020;<br />
border-image: none;<br />
border-style: none solid solid;<br />
border-width: medium 1px 1px;<br />
}<br />
<br />
/* Preferences */<br />
.client-js #preftoc {<br />
background-color: rgba(255, 255, 255, 0.5);<br />
border: 0px;<br />
}<br />
<br />
.client-js #preftoc,<br />
.client-js #preftoc li, <br />
.client-js #preferences, <br />
.client-js #preftoc li a {<br />
background-image: none;<br />
background-color: transparent;<br />
color: #666666; /* this font color may need tweaking, depending on your background choices */<br />
}<br />
<br />
.client-js #preftoc li:first-child {<br />
margin-bottom: 1px;<br />
margin-left: 5px;<br />
}<br />
<br />
.client-js #preftoc li.selected a {<br />
background-color: rgba(255, 255, 255, 0.5);<br />
background-image: none;<br />
border-color: #aaaaaa #aaaaaa rgba(255, 255, 255, 0.5);<br />
border-style: solid;<br />
border-width: 1px;<br />
color: #000000; /* this font color may need tweaking, depending on your background choices */<br />
}<br />
<br />
.client-js #preferences {<br />
background-color: rgba(255, 255, 255, 0.5);<br />
border: 1px solid #aaaaaa;<br />
}<br />
<br />
.client-js #preferences fieldset {<br />
border-color: #aaaaaa;<br />
}<br />
<br />
<br />
/* Page history */<br />
#pagehistory li {<br />
background-color: rgba(0, 0, 0, 0);<br />
border: none;<br />
padding: 3px;<br />
}<br />
<br />
#pagehistory li.selected {<br />
background-color: rbga(0, 0, 0, 0);<br />
background-image: none;<br />
border: 1px dashed #aaaaaa;<br />
padding: 3px;<br />
}<br />
<br />
table.diff {<br />
background: transparent;<br />
}<br />
<br />
td.diff-context {<br />
background: none repeat scroll 0 0 transparent;<br />
color: #000000; /* this font colour may need tweaking depending on your choice of background */<br />
}<br />
<br />
td.diff-deletedline {<br />
background-color: #FFE49C;<br />
border-color: #FFE49C;<br />
color: #000000;<br />
}<br />
<br />
td.diff-addedline {<br />
background-color: #A3D3FF;<br />
border-color: #A3D3FF;<br />
color: #000000;<br />
}<br />
<br />
<br />
/* for "edit this page" tab and "discussion" tab etc */<br />
.pagetab {<br />
border-style: solid solid none;<br />
border-width: thin;<br />
border-color: #808080;<br />
padding:0.25ex 1ex 0ex;<br />
font-size: 95%;<br />
}<br />
<br />
.ambox {<br />
background-color: #eeeeee;<br />
border-bottom-color: #383838;<br />
border-right-color: #383838;<br />
border-top-color: #383838;<br />
border-collapse: collapse;<br />
font-size: 95%;<br />
margin: 0 auto 2px auto;<br />
width: 80%;<br />
}<br />
<br />
.ambox-gray {<br />
border-left-color: #383838;<br />
}<br />
<br />
.ambox.ambox-tiny {<br />
font-size: 90%;<br />
margin: 2px 0;<br />
width: auto;<br />
}<br />
<br />
.ambox + .ambox {<br />
margin-top: -2px;<br />
}<br />
<br />
.ambox-text {<br />
padding: 0.25em 0.5em;<br />
}<br />
<br />
.ambox-image {<br />
padding: 2px 0px 2px 0.5em;<br />
text-align: center;<br />
width: 60px;<br />
}<br />
<br />
.ambox-tiny .ambox-image {<br />
padding: 2px 0.5em;<br />
text-align: left;<br />
width: auto;<br />
}<br />
<br />
/* Ambox colors */<br />
.ambox-blue {<br />
border-left: 10px solid #1e90ff;<br />
}<br />
<br />
.ambox-red {<br />
border-left: 10px solid #b22222;<br />
}<br />
<br />
.ambox-orange {<br />
border-left: 10px solid #f28500;<br />
}<br />
<br />
.ambox-yellow {<br />
border-left: 10px solid #f4c430;<br />
}<br />
<br />
.ambox-purple {<br />
border-left: 10px solid #9932cc;<br />
}<br />
<br />
.ambox-gray {<br />
border-left: 10px solid #bba;<br />
}<br />
<br />
.ambox-green {<br />
border-left: 10px solid #228b22;<br />
}<br />
<br />
/* Ambox small text */<br />
.amsmalltext {<br />
font-size: smaller;<br />
margin-left:0.8em;<br />
margin-top:0.5em;<br />
}<br />
<br />
/* INFOBOXES: game or book depended color style */<br />
.infoboxtable {<br />
background-color: #103f63;<br />
border: 1px solid #0e395a;<br />
color: #56d7ed;<br />
float: right;<br />
font-size: 89%; <br />
margin-bottom: 0.5em; <br />
margin-left: 1em; <br />
padding: 0.2em; <br />
width: 300px;<br />
}<br />
<br />
.infoboxtable td {<br />
vertical-align: top;<br />
}<br />
<br />
.infoboxtable a,<br />
.infoboxtable a:link,<br />
.infoboxtable a:visited {<br />
color: gray;<br />
vertical-align: top;<br />
}<br />
<br />
.infoboxtable td > div {<br />
background-color: transparent;<br />
font-weight: bold;<br />
padding: 0.5px 7px;<br />
text-align: right;<br />
width:135px;<br />
}<br />
<br />
.infoboxname {<br />
font-size: 120%; <br />
font-weight: bold;<br />
padding: 0.5em; <br />
font-family: "OpenSans-Semibold";<br />
background-attachment: scroll;<br />
background-clip: border-box;<br />
background-color: rgba(0, 0, 0, 0);<br />
background-image: url("https://birthdaysthebeginning.gamepedia.com/media/birthdaysthebeginning.gamepedia.com/3/3a/Bg_stripes.png");<br />
background-origin: padding-box;<br />
background-position-y: center;<br />
background-repeat: repeat;<br />
background-size: 100% 100%;<br />
height: 20px;<br />
}<br />
<br />
.infoboxdetails {<br />
padding: 0em;<br />
}<br />
<br />
/* copyright images tweak */<br />
.copyright-icon {<br />
background: url("https://commons.gamepedia.com/media/commons.gamepedia.com/thumb/b/b6/Copyright.png/32px-Copyright.png") transparent center center no-repeat;<br />
background-size: 100%;<br />
width: 32px;<br />
height: 32px;<br />
}<br />
<br />
div#simpleSearch {<br />
-moz-border-bottom-colors: none;<br />
-moz-border-left-colors: none;<br />
-moz-border-right-colors: none;<br />
-moz-border-top-colors: none;<br />
background-color: white;<br />
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAQCAIAAABY/YLgAAAAJUlEQVQIHQXBsQEAAAjDoND/73UWdnerhmHVsDQZJrNWVg3Dqge6bgMe6bejNAAAAABJRU5ErkJggg==");<br />
background-position: left top;<br />
background-repeat: repeat-x;<br />
border-bottom-color: #aaa;<br />
border-bottom-left-radius: 10px;<br />
border-bottom-right-radius: 10px;<br />
border-bottom-style: solid;<br />
border-bottom-width: 1px;<br />
border-image-outset: 0 0 0 0;<br />
border-image-repeat: stretch stretch;<br />
border-image-slice: 100% 100% 100% 100%;<br />
border-image-source: none;<br />
border-image-width: 1 1 1 1;<br />
border-left-color: #aaa;<br />
border-left-style: solid;<br />
border-left-width: 1px;<br />
border-right-color: #aaa;<br />
border-right-style: solid;<br />
border-right-width: 1px;<br />
border-top-color: #aaa;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
border-top-style: solid;<br />
border-top-width: 1px;<br />
color: black;<br />
display: block;<br />
height: 1.4em;<br />
margin-top: -0.4em;<br />
max-width: 20em;<br />
min-height: 1px;<br />
min-width: 5em;<br />
padding-right: 1.4em;<br />
position: relative;<br />
}<br />
<br />
/* footer */<br />
div#footer {<br />
background: none repeat scroll 0 0 rgba(209, 247, 253, 0.8);<br />
border:none;<br />
box-shadow: 0 0.1em 0.75em white;<br />
color: black;<br />
margin-left: 11em;<br />
padding-bottom: 1.25em;<br />
padding-left: 1.25em;<br />
padding-right: 1.25em;<br />
padding-top: 1.25em;<br />
margin-top: 10px;<br />
}<br />
<br />
#toc #toctitle, <br />
.toc #toctitle, <br />
#toc .toctitle, <br />
.toc .toctitle {<br />
text-align: center;<br />
color: #ff85a9;<br />
font-size: 102%;<br />
font-weight: bold;<br />
text-transform: uppercase;<br />
background-color: #e3e236;<br />
border:1px solid #380E08;<br />
border-radius: 5px;<br />
padding:3px;<br />
}<br />
<br />
#toc, <br />
.toc {<br />
border-bottom-left-radius: 10px;<br />
border-bottom-right-radius: 10px;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
display: table;<br />
padding-bottom: 7px;<br />
padding-left: 7px;<br />
padding-right: 7px;<br />
padding-top: 7px;<br />
border:2px solid #380E08;<br />
}<br />
<br />
.mw-body #toc h2, <br />
.mw-body .toc h2 {<br />
font-family: sans-serif;<br />
font-size: 100%;<br />
color: black;<br />
font-weight: bold;<br />
}<br />
<br />
/* Tables */<br />
table.wikitable > tr > th, table.wikitable > * > tr > th {<br />
background-color: #ff7b9c;<br />
font-family: "OpenSans-Semibold";<br />
color: black;<br />
text-align: center;<br />
}<br />
<br />
table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {<br />
border: 1px solid #380E08;<br />
padding-bottom: 0.2em;<br />
padding-left: 0.4em;<br />
padding-right: 0.4em;<br />
padding-top: 0.2em;<br />
}<br />
<br />
table.wikitable > tr > td, <br />
table.wikitable > * > tr > td {<br />
background: #E3E236;<br />
padding-bottom: 0.2em;<br />
padding-left: 0.4em;<br />
padding-right: 0.4em;<br />
padding-top: 0.2em;<br />
}<br />
<br />
<br />
/********************************/<br />
/* Front page appearance styles */<br />
/********************************/<br />
.fpbox .mainheading {<br />
border: 0;<br />
}<br />
<br />
.fpbox {<br />
background: rgba(0, 0, 0, 0.1);<br />
border-radius: 5px;<br />
border: 1px solid black;<br />
box-shadow: 0 0.1em 0.75em #AF9CBB;<br />
color: black; /* change for hydra (light) wikis */<br />
margin: 5px 5px 5px 5px;<br />
padding: 5px 5px 5px 5px;<br />
}<br />
<br />
.fpbox .welcome {<br />
border-bottom: 1px solid #505050;<br />
color: black; /* change for hydra (light) wikis */<br />
font-size: 150%;<br />
margin: 0 0 10px 0;<br />
padding: 0 0 5px 0;<br />
text-transform: uppercase;<br />
text-align: center;<br />
}<br />
<br />
.fpbox .heading {<br />
border-bottom: 1px solid #505050;<br />
color: black; /* change for hydra (light) wikis */<br />
font-size: 132%;<br />
font-variant: small-caps;<br />
margin: 0 0 10px 0;<br />
padding: 0 0 5px 0;<br />
background: #ff7727 linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0;<br />
font-family: "OpenSans-Bold";<br />
}<br />
<br />
.fplink:not(.fplink-plain) {<br />
background: #ff7727 linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0;<br />
border: 1px solid black;<br />
border-radius: 3px;<br />
box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.2);<br />
color: black;<br />
font-weight: bold;<br />
text-transform: uppercase;<br />
font-family: "OpenSans-Bold", "sans-serif";<br />
}<br />
<br />
.fplink-fullwidth .fplink:not(.fplink-plain) {<br />
background: rgba(0,0,0,0.4);<br />
}<br />
<br />
.linkslabel {<br />
border-bottom: 2px solid #505050;<br />
}<br />
<br />
/************************************/<br />
/* Front page appearance styles END */<br />
/************************************/<br />
<br />
<br />
/* Other element styles */<br />
<br />
.mw-search-profile-tabs {<br />
border: 1px solid #9d5d0b;<br />
background-color: #ffbf6c;<br />
margin-top: 1em;<br />
}<br />
<br />
.mw-search-profile-tabs div.search-types ul li.current a {<br />
color: gray;<br />
cursor: default;<br />
}</div>
Encredechine
https://happybirthdays.fandom.com/wiki/User:Encredechine/hydra.css?diff=5953
User:Encredechine/hydra.css
2020-11-04T14:08:18Z
<p>Encredechine: Blanked the page</p>
<hr />
<div></div>
Encredechine
https://happybirthdays.fandom.com/wiki/MediaWiki:Hydra.css?diff=5952
MediaWiki:Hydra.css
2020-11-04T14:07:17Z
<p>Encredechine: Didn't work, so remove the old styles</p>
<hr />
<div>/* CSS placed here will affect users of the Hydra skin */<br />
/* For elements which only display in the mobile view */<br />
.mobileonly {<br />
display: none;<br />
}<br />
<br />
/* fonts */<br />
@font-face {<br />
font-family: 'OpenSans-Bold';<br />
src: local('OpenSans-Bold'), local('OpenSans-Bold'), url(/media/hydra/fonts/OpenSans-Bold.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-BoldItalic';<br />
src: local('OpenSans-BoldItalic'), local('OpenSans-BoldItalic'), url(/media/hydra/fonts/OpenSans-BoldItalic.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-ExtraBold';<br />
src: local('OpenSans-ExtraBold'), local('OpenSans-ExtraBold'), url(/media/hydra/fonts/OpenSans-ExtraBold.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-ExtraBoldItalic';<br />
src: local('OpenSans-ExtraBoldItalic'), local('OpenSans-ExtraBoldItalic'), url(/media/hydra/fonts/OpenSans-ExtraBoldItalic.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-Italic';<br />
src: local('OpenSans-Italic'), local('OpenSans-Italic'), url(/media/hydra/fonts/OpenSans-Italic.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-Light';<br />
src: local('OpenSans-Light'), local('OpenSans-Light'), url(/media/hydra/fonts/OpenSans-Light.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-LightItalic';<br />
src: local('OpenSans-LightItalic'), local('OpenSans-LightItalic'), url(/media/hydra/fonts/OpenSans-LightItalic.ttf) format('truetype');<br />
}<br />
<br />
<br />
@font-face {<br />
font-family: 'OpenSans-Regular';<br />
src: local('OpenSans-Regular'), local('OpenSans-Regular'), url(/media/hydra/fonts/OpenSans-Regular.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-Semibold';<br />
src: local('OpenSans-Semibold'), local('OpenSans-Semibold'), url(/media/hydra/fonts/OpenSans-Semibold.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-SemiboldItalic';<br />
src: local('OpenSans-SemiboldItalic'), local('OpenSans-SemiboldItalic'), url(/media/hydra/fonts/OpenSans-SemiboldItalic.ttf) format('truetype');<br />
}<br />
<br />
p {<br />
font-family: "OpenSans-Regular";<br />
}<br />
<br />
/* links */<br />
a, <br />
a:visited,<br />
div#content a.extiw,<br />
div#content a.extiw:visited,<br />
div#content a.external, <br />
div#content a.external:visited {<br />
color: #be5b20;<br />
font-family: "OpenSans-Semibold";<br />
}<br />
<br />
a:hover {<br />
color: #f7813d;<br />
}<br />
<br />
<br />
ul {<br />
list-style-type: disc;<br />
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);<br />
} <br />
<br />
/* Hide main page header */<br />
body.page-Happy_Birthdays_Wiki h1.firstHeading {<br />
display:none;<br />
}<br />
<br />
body {<br />
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);<br />
-webkit-background-size: cover;<br />
-o-background-size: cover;<br />
-moz-background-size: cover;<br />
}<br />
<br />
#pageWrapper { <br />
padding-right: 1em;<br />
}<br />
<br />
#mw-page-base {<br />
background-color: transparent;<br />
background-image: none;<br />
background-position: left bottom;<br />
background-repeat: repeat-x;<br />
height: 5em;<br />
}<br />
<br />
/* Logo */<br />
#p-logo a {<br />
background-position: center center;<br />
background-repeat: no-repeat;<br />
background-size: 99% auto;<br />
display: block;<br />
height: 160px;<br />
text-decoration-color: -moz-use-text-color;<br />
text-decoration-line: none;<br />
text-decoration-style: solid;<br />
width: 10em;<br />
}<br />
<br />
/* Content */<br />
div#content {<br />
background: none repeat scroll 0 0 rgba(209, 247, 253, 0.8);<br />
box-shadow: 0 0.1em 0.75em white;<br />
color: black;<br />
margin-left: 11em;<br />
margin-top: 0em;<br />
border: none;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
}<br />
<br />
.mw-body .firstHeading,<br />
.mw-body h1, <br />
.mw-body h2 {<br />
border-bottom-color: #380e08;<br />
border-bottom-style: solid;<br />
border-bottom-width: 1px;<br />
color: #380e08;<br />
font-family: sans-serif;<br />
font-weight:bold;<br />
}<br />
<br />
.mw-body h3, <br />
.mw-body h4, <br />
.mw-body h5, <br />
.mw-body h6 {<br />
color: #380e08;<br />
font-family: sans-serif;<br />
}<br />
<br />
/* images */<br />
img.thumbborder {<br />
border:1px solid #380E08;<br />
margin:5px;<br />
}<br />
<br />
/******************/<br />
/* NEW VECTOR NAV */<br />
/******************/<br />
/* Vector Tab styles */<br />
#left-navigation {<br />
margin-left: 11.5em;<br />
}<br />
<br />
#right-navigation {<br />
margin-right: 1em;<br />
}<br />
<br />
div.vectorTabs,<br />
div.vectorTabs span,<br />
div.vectorTabs li.selected,<br />
div.vectorTabs ul,<br />
div.vectorTabs ul li,<br />
div.vectorTabs li a {<br />
background-color: rgba(0, 0, 0, 0);<br />
background-image: none;<br />
}<br />
<br />
div.vectorTabs ul li {<br />
margin-right: 5px;<br />
}<br />
<br />
div.vectorTabs li span {<br />
background: #FF4550;<br />
display: inline-block;<br />
border: 2px solid white;<br />
border-radius: 4px;<br />
padding: 2px 10px;<br />
margin-top: 0.5em;<br />
height: 19px;<br />
text-align: center;<br />
}<br />
<br />
div.vectorTabs li a {<br />
background-image: none;<br />
margin-top: -16px;<br />
}<br />
<br />
div#mw-head a,<br />
div#mw-head div.vectorTabs a,<br />
div#mw-head div.vectorMenu a,<br />
.vectorTabs li a span,<br />
div.vectorMenu h3 span {<br />
color: white;<br />
font-family: "OpenSans-Semibold";<br />
text-transform: uppercase;<br />
}<br />
<br />
div#mw-head li.new a,<br />
div#mw-head li.new a:visited {<br />
color: gray !important;<br />
text-shadow: 1px 1px #000000;<br />
}<br />
<br />
div.vectorTabs ul li:first-child {<br />
border-image: none;<br />
border-left: medium none;<br />
}<br />
<br />
div#mw-head li.selected a,<br />
div#mw-head li.selected a span,<br />
div#mw-head div.vectorTabs li.selected a,<br />
div#mw-head div.vectorTabs li.selected a:visited {<br />
color: white !important;<br />
font-weight: bold;<br />
}<br />
<br />
div#p-sharing .menu {<br />
background-color: #FF4550;<br />
box-shadow: 0 0.1em 0.75em gray;<br />
margin-left: 45px;<br />
min-width: 0px;<br />
width: 48px;<br />
}<br />
<br />
#p-sharing #socialIconImages img {<br />
width: 100%;<br />
}<br />
<br />
#p-sharing #socialIconImages a {<br />
width: 40px;<br />
}<br />
<br />
div.vectorMenu h3 span {<br />
font-weight: bold;<br />
padding-top: 0.1em;<br />
}<br />
<br />
div.vectorMenu h3 span a,<br />
div.vectorMenu h3 span a:active {<br />
background: url("https://commons.gamepedia.com/media/commons.gamepedia.com/0/0b/Vector_menu_downarrow.png") no-repeat scroll center center transparent;<br />
}<br />
<br />
div#mw-head div.vectorMenu h4,<br />
div#p-variants.vectorMenu #mw-vector-current-variant {<br />
color: #FBD63B;<br />
font-weight: bold;<br />
padding-top: 0.2em;<br />
text-shadow: none;<br />
}<br />
<br />
div.vectorMenu h3 span::after {<br />
content: '';<br />
position: absolute;<br />
top: 0em;<br />
right: 0;<br />
bottom: 0;<br />
left: 0;<br />
background-image: url(/skins/Vector/images/arrow-down.png?42edd);<br />
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");<br />
background-position: 100% 50%;<br />
background-repeat: no-repeat;<br />
opacity: 0.85;<br />
}<br />
<br />
div.vectorMenu h3:hover span, <br />
div.vectorMenu h3:focus span {<br />
color: #FFFFFF;<br />
}<br />
<br />
.vectorTabs #ca-unwatch.icon a, <br />
.vectorTabs #ca-watch.icon a {<br />
margin: 0;<br />
padding: 0;<br />
display: block;<br />
width: 28px;<br />
padding-top: 3.1em;<br />
margin-top: -0.8em;<br />
height: 0;<br />
overflow: hidden;<br />
background-position: 5px 60%;<br />
background-repeat: no-repeat;<br />
}<br />
<br />
div#mw-head div.vectorMenu h3 {<br />
background: #202020;<br />
display: inline-block;<br />
border: 2px solid white;<br />
border-radius: 4px;<br />
padding: 2px 10px;<br />
margin-top: 0.5em;<br />
margin-bottom: 0.5em;<br />
height: 19px;<br />
text-align: center;<br />
}<br />
<br />
div.vectorMenu h3 a,<br />
div.vectorMenu h3 a:active {<br />
background-color: rgba(0, 0, 0, 0);<br />
background-image: url("https://commons.gamepedia.com/media/commons.gamepedia.com/8/80/Vector_menu_downarrow_white.png");<br />
background-position: 50% 50%;<br />
border: medium none;<br />
}<br />
<br />
div.vectorMenu div.menu {<br />
border: none;<br />
left: auto;<br />
margin-left: 5px;<br />
right: 0;<br />
top: 40px;<br />
}<br />
<br />
div#mw-head div.vectorMenu ul {<br />
background-color: #FF4550;<br />
background-image: none;<br />
border-right: 5px none;<br />
box-shadow: 0 0.1em 0.75em gray;<br />
}<br />
<br />
div#mw-head div.vectorMenu li a {<br />
color: gray;<br />
}<br />
<br />
div#mw-head div.vectorMenu li a:hover {<br />
color: white;<br />
}<br />
<br />
/* NEW VECTOR NAV STYLE END */<br />
<br />
/* Sidebar */<br />
div#mw-panel div.portal,<br />
div#mw-panel div.portal div.body,<br />
#mw-panel.collapsible-nav .portal {<br />
background-image: none; /* Optional! This removes the lines be horizontal lines between the portals */<br />
}<br />
<br />
div#mw-panel div.portal div.body ul li a,<br />
div#mw-panel div.portal div.body ul li a:visited {<br />
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 */<br />
}<br />
<br />
div#mw-panel div.portal h3,<br />
div#mw-panel div.portal h3:visited,<br />
#mw-panel.collapsible-nav .portal h3 a,<br />
#mw-panel.collapsible-nav .portal h3 a:visited,<br />
#mw-panel.collapsible-nav .portal.collapsed h3 a,<br />
#mw-panel.collapsible-nav .portal.collapsed h3 a:visited {<br />
-webkit-text-stroke: 1px black;<br />
color: #FF85A9;<br />
text-shadow:<br />
2px 2px 0 #000,<br />
-1px -1px 0 #000, <br />
1px -1px 0 #000,<br />
-1px 1px 0 #000,<br />
1px 1px 0 #000;<br />
font-weight: bold; /* Optional, to make the labels stand out */<br />
text-transform: uppercase; /* Optional, to make the labels stand out */<br />
font-size:102%;<br />
<br />
}<br />
<br />
#mw-panel.collapsible-nav .portal.collapsed h3 {<br />
background-image: linear-gradient(transparent, transparent), url(https://birthdaysthebeginning.gamepedia.com/media/birthdaysthebeginning.gamepedia.com/1/1b/Dino1.png);<br />
background-position: left center;<br />
background-repeat: no-repeat;<br />
color: #0645ad;<br />
background-size: 25px auto;<br />
}<br />
<br />
#mw-panel.collapsible-nav .portal h3 {<br />
background-image: linear-gradient(transparent, transparent), url(https://birthdaysthebeginning.gamepedia.com/media/birthdaysthebeginning.gamepedia.com/9/95/Dino2.png);<br />
background-position: left center;<br />
background-repeat: no-repeat;<br />
padding-bottom: 3px;<br />
padding-left: 1.5em;<br />
padding-right: 0;<br />
padding-top: 4px;<br />
background-size: 25px auto;<br />
}<br />
<br />
div#mw-panel div#p-socialProfiles.portal .body {<br />
margin: auto;<br />
}<br />
<br />
.socialSidebar {<br />
width: auto;<br />
max-width: 100%;<br />
}<br />
<br />
/* Wiki editor fixes */<br />
div.wikiEditor-preview-contents,<br />
div.wikiEditor-preview-loading {<br />
background-color: transparent;<br />
}<br />
<br />
.wikiEditor-ui {<br />
background: rgba(0, 0, 0, 0);<br />
border: medium none;<br />
}<br />
<br />
.wikiEditor-ui .wikiEditor-ui-view {<br />
border-bottom: medium none;<br />
border-left: 1px solid #202020;<br />
border-right: 1px solid #202020;<br />
border-top : medium none;<br />
}<br />
<br />
div.wikiEditor-ui-buttons {<br />
background-color: rgba(0, 0, 0, 0);<br />
border-top: medium none;<br />
margin-right: 5px;<br />
}<br />
<br />
div.wikiEditor-ui-controls {<br />
background-color: rgba(0, 0, 0, 0);<br />
border-bottom: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-tabs {<br />
background-color: orange;<br />
border-left: 1px solid #202020;<br />
border-top: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-tabs div {<br />
background-color: orange;<br />
border-right: 1px solid #202020;<br />
border-bottom: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-tabs div a {<br />
background: orange; /* you can use a gradient here if you want to match your vector tabs or get fancy */<br />
color: #202020;<br />
}<br />
<br />
.wikiEditor-ui-tabs div.current {<br />
background-color: #FF7727;<br />
border-bottom: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-tabs div.current a {<br />
color: white; /* depends on your tabs bg & how different you wish the current tab and text to appear */<br />
font-weight: bold; /* optional to make it stand out */<br />
}<br />
<br />
.wikiEditor-ui .wikiEditor-ui-top {<br />
border-bottom: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-toolbar {<br />
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);<br />
}<br />
<br />
.wikiEditor-ui-toolbar .group {<br />
border-right: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .group-search {<br />
border-left: 1px solid #202020;<br />
border-right: none;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .group .label {<br />
color: black;<br />
}<br />
<br />
.tab {<br />
border-color: rgba(0, 0, 0, 0);<br />
}<br />
<br />
.wikiEditor-ui-toolbar .tabs span.tab a,<br />
.wikiEditor-ui-toolbar .tabs span.tab a:visited {<br />
color: black;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .tabs span.tab a.current,<br />
.wikiEditor-ui-toolbar .tabs span.tab a.current:visited {<br />
color: black;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .group .tool-select .label {<br />
color: #000000; /* or any other dark colour, or change the bg to a dark colour to contrast with light text */<br />
}<br />
<br />
.wikiEditor-ui-toolbar .sections .section {<br />
background-color: rgba(0, 0, 0, 0.2);<br />
border-top: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .booklet .index div {<br />
color: #202020;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .booklet .index .current {<br />
background-color: orange;<br />
color: #202020;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .booklet .pages {<br />
background-color: orange;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .page-characters div span {<br />
border: 1px solid #202020;<br />
color: #202020;<br />
background:white;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .page-characters div span:hover {<br />
background-color: rgba(255, 255, 255, 0.3);<br />
border-color: #202020;<br />
color: #FF7796;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .page-table td {<br />
border-top: 1px solid #202020;<br />
color: #202020;<br />
}<br />
<br />
.wikiEditor-preview-loading {<br />
background-color: rgba(0, 0, 0, 0);<br />
}<br />
<br />
.wikiEditor-preview-contents {<br />
background-color: rgba(0, 0, 0, 0);<br />
border-color: -moz-use-text-color #202020 #202020;<br />
border-image: none;<br />
border-style: none solid solid;<br />
border-width: medium 1px 1px;<br />
}<br />
<br />
.editOptions { <br />
background-color: rgba(255,255,255,0.5);<br />
border-color: -moz-use-text-color #202020 #202020;<br />
border-image: none;<br />
border-style: none solid solid;<br />
border-width: medium 1px 1px;<br />
}<br />
<br />
/* Preferences */<br />
.client-js #preftoc {<br />
background-color: rgba(255, 255, 255, 0.5);<br />
border: 0px;<br />
}<br />
<br />
.client-js #preftoc,<br />
.client-js #preftoc li, <br />
.client-js #preferences, <br />
.client-js #preftoc li a {<br />
background-image: none;<br />
background-color: transparent;<br />
color: #666666; /* this font color may need tweaking, depending on your background choices */<br />
}<br />
<br />
.client-js #preftoc li:first-child {<br />
margin-bottom: 1px;<br />
margin-left: 5px;<br />
}<br />
<br />
.client-js #preftoc li.selected a {<br />
background-color: rgba(255, 255, 255, 0.5);<br />
background-image: none;<br />
border-color: #aaaaaa #aaaaaa rgba(255, 255, 255, 0.5);<br />
border-style: solid;<br />
border-width: 1px;<br />
color: #000000; /* this font color may need tweaking, depending on your background choices */<br />
}<br />
<br />
.client-js #preferences {<br />
background-color: rgba(255, 255, 255, 0.5);<br />
border: 1px solid #aaaaaa;<br />
}<br />
<br />
.client-js #preferences fieldset {<br />
border-color: #aaaaaa;<br />
}<br />
<br />
<br />
/* Page history */<br />
#pagehistory li {<br />
background-color: rgba(0, 0, 0, 0);<br />
border: none;<br />
padding: 3px;<br />
}<br />
<br />
#pagehistory li.selected {<br />
background-color: rbga(0, 0, 0, 0);<br />
background-image: none;<br />
border: 1px dashed #aaaaaa;<br />
padding: 3px;<br />
}<br />
<br />
table.diff {<br />
background: transparent;<br />
}<br />
<br />
td.diff-context {<br />
background: none repeat scroll 0 0 transparent;<br />
color: #000000; /* this font colour may need tweaking depending on your choice of background */<br />
}<br />
<br />
td.diff-deletedline {<br />
background-color: #FFE49C;<br />
border-color: #FFE49C;<br />
color: #000000;<br />
}<br />
<br />
td.diff-addedline {<br />
background-color: #A3D3FF;<br />
border-color: #A3D3FF;<br />
color: #000000;<br />
}<br />
<br />
<br />
/* for "edit this page" tab and "discussion" tab etc */<br />
.pagetab {<br />
border-style: solid solid none;<br />
border-width: thin;<br />
border-color: #808080;<br />
padding:0.25ex 1ex 0ex;<br />
font-size: 95%;<br />
}<br />
<br />
.ambox {<br />
background-color: #eeeeee;<br />
border-bottom-color: #383838;<br />
border-right-color: #383838;<br />
border-top-color: #383838;<br />
border-collapse: collapse;<br />
font-size: 95%;<br />
margin: 0 auto 2px auto;<br />
width: 80%;<br />
}<br />
<br />
.ambox-gray {<br />
border-left-color: #383838;<br />
}<br />
<br />
.ambox.ambox-tiny {<br />
font-size: 90%;<br />
margin: 2px 0;<br />
width: auto;<br />
}<br />
<br />
.ambox + .ambox {<br />
margin-top: -2px;<br />
}<br />
<br />
.ambox-text {<br />
padding: 0.25em 0.5em;<br />
}<br />
<br />
.ambox-image {<br />
padding: 2px 0px 2px 0.5em;<br />
text-align: center;<br />
width: 60px;<br />
}<br />
<br />
.ambox-tiny .ambox-image {<br />
padding: 2px 0.5em;<br />
text-align: left;<br />
width: auto;<br />
}<br />
<br />
/* Ambox colors */<br />
.ambox-blue {<br />
border-left: 10px solid #1e90ff;<br />
}<br />
<br />
.ambox-red {<br />
border-left: 10px solid #b22222;<br />
}<br />
<br />
.ambox-orange {<br />
border-left: 10px solid #f28500;<br />
}<br />
<br />
.ambox-yellow {<br />
border-left: 10px solid #f4c430;<br />
}<br />
<br />
.ambox-purple {<br />
border-left: 10px solid #9932cc;<br />
}<br />
<br />
.ambox-gray {<br />
border-left: 10px solid #bba;<br />
}<br />
<br />
.ambox-green {<br />
border-left: 10px solid #228b22;<br />
}<br />
<br />
/* Ambox small text */<br />
.amsmalltext {<br />
font-size: smaller;<br />
margin-left:0.8em;<br />
margin-top:0.5em;<br />
}<br />
<br />
/* INFOBOXES: game or book depended color style */<br />
.infoboxtable {<br />
background-color: #103f63;<br />
border: 1px solid #0e395a;<br />
color: #56d7ed;<br />
float: right;<br />
font-size: 89%; <br />
margin-bottom: 0.5em; <br />
margin-left: 1em; <br />
padding: 0.2em; <br />
width: 300px;<br />
}<br />
<br />
.infoboxtable td {<br />
vertical-align: top;<br />
}<br />
<br />
.infoboxtable a,<br />
.infoboxtable a:link,<br />
.infoboxtable a:visited {<br />
color: gray;<br />
vertical-align: top;<br />
}<br />
<br />
.infoboxtable td > div {<br />
background-color: transparent;<br />
font-weight: bold;<br />
padding: 0.5px 7px;<br />
text-align: right;<br />
width:135px;<br />
}<br />
<br />
.infoboxname {<br />
font-size: 120%; <br />
font-weight: bold;<br />
padding: 0.5em; <br />
font-family: "OpenSans-Semibold";<br />
background-attachment: scroll;<br />
background-clip: border-box;<br />
background-color: rgba(0, 0, 0, 0);<br />
background-image: url("https://birthdaysthebeginning.gamepedia.com/media/birthdaysthebeginning.gamepedia.com/3/3a/Bg_stripes.png");<br />
background-origin: padding-box;<br />
background-position-y: center;<br />
background-repeat: repeat;<br />
background-size: 100% 100%;<br />
height: 20px;<br />
}<br />
<br />
.infoboxdetails {<br />
padding: 0em;<br />
}<br />
<br />
/* copyright images tweak */<br />
.copyright-icon {<br />
background: url("https://commons.gamepedia.com/media/commons.gamepedia.com/thumb/b/b6/Copyright.png/32px-Copyright.png") transparent center center no-repeat;<br />
background-size: 100%;<br />
width: 32px;<br />
height: 32px;<br />
}<br />
<br />
div#simpleSearch {<br />
-moz-border-bottom-colors: none;<br />
-moz-border-left-colors: none;<br />
-moz-border-right-colors: none;<br />
-moz-border-top-colors: none;<br />
background-color: white;<br />
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAQCAIAAABY/YLgAAAAJUlEQVQIHQXBsQEAAAjDoND/73UWdnerhmHVsDQZJrNWVg3Dqge6bgMe6bejNAAAAABJRU5ErkJggg==");<br />
background-position: left top;<br />
background-repeat: repeat-x;<br />
border-bottom-color: #aaa;<br />
border-bottom-left-radius: 10px;<br />
border-bottom-right-radius: 10px;<br />
border-bottom-style: solid;<br />
border-bottom-width: 1px;<br />
border-image-outset: 0 0 0 0;<br />
border-image-repeat: stretch stretch;<br />
border-image-slice: 100% 100% 100% 100%;<br />
border-image-source: none;<br />
border-image-width: 1 1 1 1;<br />
border-left-color: #aaa;<br />
border-left-style: solid;<br />
border-left-width: 1px;<br />
border-right-color: #aaa;<br />
border-right-style: solid;<br />
border-right-width: 1px;<br />
border-top-color: #aaa;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
border-top-style: solid;<br />
border-top-width: 1px;<br />
color: black;<br />
display: block;<br />
height: 1.4em;<br />
margin-top: -0.4em;<br />
max-width: 20em;<br />
min-height: 1px;<br />
min-width: 5em;<br />
padding-right: 1.4em;<br />
position: relative;<br />
}<br />
<br />
/* footer */<br />
div#footer {<br />
background: none repeat scroll 0 0 rgba(209, 247, 253, 0.8);<br />
border:none;<br />
box-shadow: 0 0.1em 0.75em white;<br />
color: black;<br />
margin-left: 11em;<br />
padding-bottom: 1.25em;<br />
padding-left: 1.25em;<br />
padding-right: 1.25em;<br />
padding-top: 1.25em;<br />
margin-top: 10px;<br />
}<br />
<br />
#toc #toctitle, <br />
.toc #toctitle, <br />
#toc .toctitle, <br />
.toc .toctitle {<br />
text-align: center;<br />
color: #ff85a9;<br />
font-size: 102%;<br />
font-weight: bold;<br />
text-transform: uppercase;<br />
background-color: #e3e236;<br />
border:1px solid #380E08;<br />
border-radius: 5px;<br />
padding:3px;<br />
}<br />
<br />
#toc, <br />
.toc {<br />
border-bottom-left-radius: 10px;<br />
border-bottom-right-radius: 10px;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
display: table;<br />
padding-bottom: 7px;<br />
padding-left: 7px;<br />
padding-right: 7px;<br />
padding-top: 7px;<br />
border:2px solid #380E08;<br />
}<br />
<br />
.mw-body #toc h2, <br />
.mw-body .toc h2 {<br />
font-family: sans-serif;<br />
font-size: 100%;<br />
color: black;<br />
font-weight: bold;<br />
}<br />
<br />
/* Tables */<br />
table.wikitable > tr > th, table.wikitable > * > tr > th {<br />
background-color: #ff7b9c;<br />
font-family: "OpenSans-Semibold";<br />
color: black;<br />
text-align: center;<br />
}<br />
<br />
table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {<br />
border: 1px solid #380E08;<br />
padding-bottom: 0.2em;<br />
padding-left: 0.4em;<br />
padding-right: 0.4em;<br />
padding-top: 0.2em;<br />
}<br />
<br />
table.wikitable > tr > td, <br />
table.wikitable > * > tr > td {<br />
background: #E3E236;<br />
padding-bottom: 0.2em;<br />
padding-left: 0.4em;<br />
padding-right: 0.4em;<br />
padding-top: 0.2em;<br />
}<br />
<br />
<br />
/********************************/<br />
/* Front page appearance styles */<br />
/********************************/<br />
.fpbox .mainheading {<br />
border: 0;<br />
}<br />
<br />
.fpbox {<br />
background: rgba(0, 0, 0, 0.1);<br />
border-radius: 5px;<br />
border: 1px solid black;<br />
box-shadow: 0 0.1em 0.75em #AF9CBB;<br />
color: black; /* change for hydra (light) wikis */<br />
margin: 5px 5px 5px 5px;<br />
padding: 5px 5px 5px 5px;<br />
}<br />
<br />
.fpbox .welcome {<br />
border-bottom: 1px solid #505050;<br />
color: black; /* change for hydra (light) wikis */<br />
font-size: 150%;<br />
margin: 0 0 10px 0;<br />
padding: 0 0 5px 0;<br />
text-transform: uppercase;<br />
text-align: center;<br />
}<br />
<br />
.fpbox .heading {<br />
border-bottom: 1px solid #505050;<br />
color: black; /* change for hydra (light) wikis */<br />
font-size: 132%;<br />
font-variant: small-caps;<br />
margin: 0 0 10px 0;<br />
padding: 0 0 5px 0;<br />
background: #ff7727 linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0;<br />
font-family: "OpenSans-Bold";<br />
}<br />
<br />
.fplink:not(.fplink-plain) {<br />
background: #ff7727 linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0;<br />
border: 1px solid black;<br />
border-radius: 3px;<br />
box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.2);<br />
color: black;<br />
font-weight: bold;<br />
text-transform: uppercase;<br />
font-family: "OpenSans-Bold", "sans-serif";<br />
}<br />
<br />
.fplink-fullwidth .fplink:not(.fplink-plain) {<br />
background: rgba(0,0,0,0.4);<br />
}<br />
<br />
.linkslabel {<br />
border-bottom: 2px solid #505050;<br />
}<br />
<br />
/************************************/<br />
/* Front page appearance styles END */<br />
/************************************/<br />
<br />
<br />
/* Other element styles */<br />
<br />
.mw-search-profile-tabs {<br />
border: 1px solid #9d5d0b;<br />
background-color: #ffbf6c;<br />
margin-top: 1em;<br />
}<br />
<br />
.mw-search-profile-tabs div.search-types ul li.current a {<br />
color: gray;<br />
cursor: default;<br />
}</div>
Encredechine
https://happybirthdays.fandom.com/wiki/MediaWiki:Hydra.css?diff=5951
MediaWiki:Hydra.css
2020-11-04T14:04:48Z
<p>Encredechine: trying to fix the vector tabs, leaving the OLD style in for now</p>
<hr />
<div>/* CSS placed here will affect users of the Hydra skin */<br />
/* For elements which only display in the mobile view */<br />
.mobileonly {<br />
display: none;<br />
}<br />
<br />
/* fonts */<br />
@font-face {<br />
font-family: 'OpenSans-Bold';<br />
src: local('OpenSans-Bold'), local('OpenSans-Bold'), url(/media/hydra/fonts/OpenSans-Bold.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-BoldItalic';<br />
src: local('OpenSans-BoldItalic'), local('OpenSans-BoldItalic'), url(/media/hydra/fonts/OpenSans-BoldItalic.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-ExtraBold';<br />
src: local('OpenSans-ExtraBold'), local('OpenSans-ExtraBold'), url(/media/hydra/fonts/OpenSans-ExtraBold.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-ExtraBoldItalic';<br />
src: local('OpenSans-ExtraBoldItalic'), local('OpenSans-ExtraBoldItalic'), url(/media/hydra/fonts/OpenSans-ExtraBoldItalic.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-Italic';<br />
src: local('OpenSans-Italic'), local('OpenSans-Italic'), url(/media/hydra/fonts/OpenSans-Italic.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-Light';<br />
src: local('OpenSans-Light'), local('OpenSans-Light'), url(/media/hydra/fonts/OpenSans-Light.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-LightItalic';<br />
src: local('OpenSans-LightItalic'), local('OpenSans-LightItalic'), url(/media/hydra/fonts/OpenSans-LightItalic.ttf) format('truetype');<br />
}<br />
<br />
<br />
@font-face {<br />
font-family: 'OpenSans-Regular';<br />
src: local('OpenSans-Regular'), local('OpenSans-Regular'), url(/media/hydra/fonts/OpenSans-Regular.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-Semibold';<br />
src: local('OpenSans-Semibold'), local('OpenSans-Semibold'), url(/media/hydra/fonts/OpenSans-Semibold.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-SemiboldItalic';<br />
src: local('OpenSans-SemiboldItalic'), local('OpenSans-SemiboldItalic'), url(/media/hydra/fonts/OpenSans-SemiboldItalic.ttf) format('truetype');<br />
}<br />
<br />
p {<br />
font-family: "OpenSans-Regular";<br />
}<br />
<br />
/* links */<br />
a, <br />
a:visited,<br />
div#content a.extiw,<br />
div#content a.extiw:visited,<br />
div#content a.external, <br />
div#content a.external:visited {<br />
color: #be5b20;<br />
font-family: "OpenSans-Semibold";<br />
}<br />
<br />
a:hover {<br />
color: #f7813d;<br />
}<br />
<br />
<br />
ul {<br />
list-style-type: disc;<br />
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);<br />
} <br />
<br />
/* Hide main page header */<br />
body.page-Happy_Birthdays_Wiki h1.firstHeading {<br />
display:none;<br />
}<br />
<br />
body {<br />
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);<br />
-webkit-background-size: cover;<br />
-o-background-size: cover;<br />
-moz-background-size: cover;<br />
}<br />
<br />
#pageWrapper { <br />
padding-right: 1em;<br />
}<br />
<br />
#mw-page-base {<br />
background-color: transparent;<br />
background-image: none;<br />
background-position: left bottom;<br />
background-repeat: repeat-x;<br />
height: 5em;<br />
}<br />
<br />
/* Logo */<br />
#p-logo a {<br />
background-position: center center;<br />
background-repeat: no-repeat;<br />
background-size: 99% auto;<br />
display: block;<br />
height: 160px;<br />
text-decoration-color: -moz-use-text-color;<br />
text-decoration-line: none;<br />
text-decoration-style: solid;<br />
width: 10em;<br />
}<br />
<br />
/* Content */<br />
div#content {<br />
background: none repeat scroll 0 0 rgba(209, 247, 253, 0.8);<br />
box-shadow: 0 0.1em 0.75em white;<br />
color: black;<br />
margin-left: 11em;<br />
margin-top: 0em;<br />
border: none;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
}<br />
<br />
.mw-body .firstHeading,<br />
.mw-body h1, <br />
.mw-body h2 {<br />
border-bottom-color: #380e08;<br />
border-bottom-style: solid;<br />
border-bottom-width: 1px;<br />
color: #380e08;<br />
font-family: sans-serif;<br />
font-weight:bold;<br />
}<br />
<br />
.mw-body h3, <br />
.mw-body h4, <br />
.mw-body h5, <br />
.mw-body h6 {<br />
color: #380e08;<br />
font-family: sans-serif;<br />
}<br />
<br />
/* images */<br />
img.thumbborder {<br />
border:1px solid #380E08;<br />
margin:5px;<br />
}<br />
<br />
/******************/<br />
/* NEW VECTOR NAV */<br />
/******************/<br />
/* Vector Tab styles */<br />
#left-navigation {<br />
margin-left: 11.5em;<br />
}<br />
<br />
#right-navigation {<br />
margin-right: 1em;<br />
}<br />
<br />
div.vectorTabs,<br />
div.vectorTabs span,<br />
div.vectorTabs li.selected,<br />
div.vectorTabs ul,<br />
div.vectorTabs ul li,<br />
div.vectorTabs li a {<br />
background-color: rgba(0, 0, 0, 0);<br />
background-image: none;<br />
}<br />
<br />
div.vectorTabs ul li {<br />
margin-right: 5px;<br />
}<br />
<br />
div.vectorTabs li span {<br />
background: #FF4550;<br />
display: inline-block;<br />
border: 2px solid white;<br />
border-radius: 4px;<br />
padding: 2px 10px;<br />
margin-top: 0.5em;<br />
height: 19px;<br />
text-align: center;<br />
}<br />
<br />
div.vectorTabs li a {<br />
background-image: none;<br />
margin-top: -16px;<br />
}<br />
<br />
div#mw-head a,<br />
div#mw-head div.vectorTabs a,<br />
div#mw-head div.vectorMenu a,<br />
.vectorTabs li a span,<br />
div.vectorMenu h3 span {<br />
color: white;<br />
font-family: "OpenSans-Semibold";<br />
text-transform: uppercase;<br />
}<br />
<br />
div#mw-head li.new a,<br />
div#mw-head li.new a:visited {<br />
color: gray !important;<br />
text-shadow: 1px 1px #000000;<br />
}<br />
<br />
div.vectorTabs ul li:first-child {<br />
border-image: none;<br />
border-left: medium none;<br />
}<br />
<br />
div#mw-head li.selected a,<br />
div#mw-head li.selected a span,<br />
div#mw-head div.vectorTabs li.selected a,<br />
div#mw-head div.vectorTabs li.selected a:visited {<br />
color: white !important;<br />
font-weight: bold;<br />
}<br />
<br />
div#p-sharing .menu {<br />
background-color: #FF4550;<br />
box-shadow: 0 0.1em 0.75em gray;<br />
margin-left: 45px;<br />
min-width: 0px;<br />
width: 48px;<br />
}<br />
<br />
#p-sharing #socialIconImages img {<br />
width: 100%;<br />
}<br />
<br />
#p-sharing #socialIconImages a {<br />
width: 40px;<br />
}<br />
<br />
div.vectorMenu h3 span {<br />
font-weight: bold;<br />
padding-top: 0.1em;<br />
}<br />
<br />
div.vectorMenu h3 span a,<br />
div.vectorMenu h3 span a:active {<br />
background: url("https://commons.gamepedia.com/media/commons.gamepedia.com/0/0b/Vector_menu_downarrow.png") no-repeat scroll center center transparent;<br />
}<br />
<br />
div#mw-head div.vectorMenu h4,<br />
div#p-variants.vectorMenu #mw-vector-current-variant {<br />
color: #FBD63B;<br />
font-weight: bold;<br />
padding-top: 0.2em;<br />
text-shadow: none;<br />
}<br />
<br />
div.vectorMenu h3 span::after {<br />
content: '';<br />
position: absolute;<br />
top: 0em;<br />
right: 0;<br />
bottom: 0;<br />
left: 0;<br />
background-image: url(/skins/Vector/images/arrow-down.png?42edd);<br />
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");<br />
background-position: 100% 50%;<br />
background-repeat: no-repeat;<br />
opacity: 0.85;<br />
}<br />
<br />
div.vectorMenu h3:hover span, <br />
div.vectorMenu h3:focus span {<br />
color: #FFFFFF;<br />
}<br />
<br />
.vectorTabs #ca-unwatch.icon a, <br />
.vectorTabs #ca-watch.icon a {<br />
margin: 0;<br />
padding: 0;<br />
display: block;<br />
width: 28px;<br />
padding-top: 3.1em;<br />
margin-top: -0.8em;<br />
height: 0;<br />
overflow: hidden;<br />
background-position: 5px 60%;<br />
background-repeat: no-repeat;<br />
}<br />
<br />
div#mw-head div.vectorMenu h3 {<br />
background: #202020;<br />
display: inline-block;<br />
border: 2px solid white;<br />
border-radius: 4px;<br />
padding: 2px 10px;<br />
margin-top: 0.5em;<br />
margin-bottom: 0.5em;<br />
height: 19px;<br />
text-align: center;<br />
}<br />
<br />
div.vectorMenu h3 a,<br />
div.vectorMenu h3 a:active {<br />
background-color: rgba(0, 0, 0, 0);<br />
background-image: url("https://commons.gamepedia.com/media/commons.gamepedia.com/8/80/Vector_menu_downarrow_white.png");<br />
background-position: 50% 50%;<br />
border: medium none;<br />
}<br />
<br />
div.vectorMenu div.menu {<br />
border: none;<br />
left: auto;<br />
margin-left: 5px;<br />
right: 0;<br />
top: 40px;<br />
}<br />
<br />
div#mw-head div.vectorMenu ul {<br />
background-color: #FF4550;<br />
background-image: none;<br />
border-right: 5px none;<br />
box-shadow: 0 0.1em 0.75em gray;<br />
}<br />
<br />
div#mw-head div.vectorMenu li a {<br />
color: gray;<br />
}<br />
<br />
div#mw-head div.vectorMenu li a:hover {<br />
color: white;<br />
}<br />
<br />
/* NEW VECTOR NAV STYLE END */<br />
<br />
/* OLD <br />
/* Vector Tab styles */<br />
/*#left-navigation {<br />
margin-left: 11.5em;<br />
}<br />
<br />
#right-navigation {<br />
margin-right: 1em;<br />
}<br />
<br />
/* removes the divider */<br />
div.vectorTabs, <br />
div.vectorTabs ul, <br />
div.vectorTabs span, <br />
div#mw-head div.vectorMenu h3 {<br />
background-image: none;<br />
}<br />
<br />
div.vectorMenu h3 {<br />
background-attachment: scroll;<br />
background-clip: border-box;<br />
background-color: #ff7727;<br />
background-image: none;<br />
background-origin: padding-box;<br />
background-position: -10px center;<br />
background-repeat: no-repeat;<br />
background-size: auto auto;<br />
border-bottom-left-radius: 10px;<br />
border-bottom-right-radius: 10px;<br />
border: 2px solid black;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
display: inline-block;<br />
height: 20px;<br />
line-height: 0;<br />
margin-bottom: 1px;<br />
margin-left: 3px;<br />
margin-right: 3px;<br />
margin-top: 1px;<br />
padding-bottom: 2px;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
padding-top: 2px;<br />
text-align: center;<br />
}<br />
<br />
/* share and more */<br />
div.vectorMenu h3 span {<br />
display: block;<br />
font-size: 0.8em;<br />
font-weight: normal;<br />
margin-right: 20px;<br />
padding-left: 0.7em;<br />
padding-top: 1em;<br />
text-transform: uppercase;<br />
color: white;<br />
text-shadow:1px 1px black;<br />
font-family: "OpenSans-Semibold";<br />
}<br />
<br />
.vectorMenu h3 span::after {<br />
content: '';<br />
position: absolute;<br />
top: 1.25em;<br />
right: 0;<br />
bottom: 0;<br />
left: 0;<br />
background-image: url(/skins/Vector/images/arrow-down.png?42edd);<br />
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");<br />
background-position: 100% 50%;<br />
background-repeat: no-repeat;<br />
opacity: 0.85;<br />
}<br />
<br />
div.vectorMenu h3 span::after {<br />
filter: invert(100%);<br />
}<br />
<br />
<br />
div#mw-head div.vectorMenu h3 {<br />
background-position: right bottom;<br />
background-repeat: no-repeat;<br />
float: left;<br />
font-size: 1em;<br />
height: 1.5em;<br />
margin-right: -1px;<br />
margin-top: -2px;<br />
padding-right: 1px;<br />
}<br />
<br />
/* more about tabs */<br />
div.vectorTabs {<br />
background: transparent;<br />
}<br />
<br />
div.vectorTabs ul li {<br />
}<br />
<br />
div.vectorTabs ul li#ca-contribs, <br />
div.vectorTabs ul li#ca-ve-edit {<br />
background-attachment: scroll;<br />
background-clip: border-box;<br />
background-color: #ff7727;<br />
background-image: none;<br />
background-origin: padding-box;<br />
background-position: -10px center;<br />
background-repeat: no-repeat;<br />
background-size: auto auto;<br />
border-bottom-left-radius: 10px;<br />
border-bottom-right-radius: 10px;<br />
border: 2px solid black;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
display: inline-block;<br />
height: 20px;<br />
line-height: 0;<br />
margin-bottom: 1px;<br />
margin-left: 3px;<br />
margin-right: 3px;<br />
margin-top: 1px;<br />
padding-bottom: 2px;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
padding-top: 2px;<br />
text-align: center;<br />
}<br />
<br />
div.vectorTabs ul li#ca-edit {<br />
background-attachment: scroll;<br />
background-clip: border-box;<br />
background-color: #00F2FF;<br />
background-image: none;<br />
background-origin: padding-box;<br />
background-position: -10px center;<br />
background-repeat: no-repeat;<br />
background-size: auto auto;<br />
border-bottom-left-radius: 10px;<br />
border-bottom-right-radius: 10px;<br />
border: 2px solid black;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
display: inline-block;<br />
height: 20px;<br />
line-height: 0;<br />
margin-bottom: 1px;<br />
margin-left: 3px;<br />
margin-right: 3px;<br />
margin-top: 1px;<br />
padding-bottom: 2px;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
padding-top: 2px;<br />
text-align: center;<br />
}<br />
<br />
div.vectorTabs ul li#ca-history {<br />
background-attachment: scroll;<br />
background-clip: border-box;<br />
background-color: #74FF37;<br />
background-image: none;<br />
background-origin: padding-box;<br />
background-position: -10px center;<br />
background-repeat: no-repeat;<br />
background-size: auto auto;<br />
border-bottom-left-radius: 10px;<br />
border-bottom-right-radius: 10px;<br />
border: 2px solid black;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
display: inline-block;<br />
height: 20px;<br />
line-height: 0;<br />
margin-bottom: 1px;<br />
margin-left: 3px;<br />
margin-right: 3px;<br />
margin-top: 1px;<br />
padding-bottom: 2px;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
padding-top: 2px;<br />
text-align: center;<br />
}<br />
<br />
<br />
div.vectorTabs ul li#ca-nstab-main {<br />
background-attachment: scroll;<br />
background-clip: border-box;<br />
background-color: #FF5CFF;<br />
background-image: none;<br />
background-origin: padding-box;<br />
background-position: -10px center;<br />
background-repeat: no-repeat;<br />
background-size: auto auto;<br />
border-bottom-left-radius: 10px;<br />
border-bottom-right-radius: 10px;<br />
border: 2px solid black;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
display: inline-block;<br />
height: 20px;<br />
line-height: 0;<br />
margin-bottom: 1px;<br />
margin-left: 3px;<br />
margin-right: 3px;<br />
margin-top: 1px;<br />
padding-bottom: 2px;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
padding-top: 2px;<br />
text-align: center;<br />
}<br />
<br />
div.vectorTabs ul li#ca-nstab-image, <br />
div.vectorTabs ul li#ca-nstab-special, <br />
div.vectorTabs ul li#ca-nstab-help, <br />
div.vectorTabs ul li#ca-nstab-category, <br />
div.vectorTabs ul li#ca-nstab-template, <br />
div.vectorTabs ul li#ca-nstab-project, <br />
div.vectorTabs ul li#ca-nstab-user, <br />
div.vectorTabs ul li#ca-user, <br />
div.vectorTabs ul li#ca-user_talk, <br />
div.vectorTabs ul li#ca-user_profile, <br />
div.vectorTabs ul li#ca-userprofile, <br />
div.vectorTabs ul li#ca-user_wiki {<br />
background-attachment: scroll;<br />
background-clip: border-box;<br />
background-color: #ff7727;<br />
background-image: none;<br />
background-origin: padding-box;<br />
background-position: -10px center;<br />
background-repeat: no-repeat;<br />
background-size: auto auto;<br />
border-bottom-left-radius: 10px;<br />
border-bottom-right-radius: 10px;<br />
border: 2px solid black;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
display: inline-block;<br />
height: 20px;<br />
line-height: 0;<br />
margin-bottom: 1px;<br />
margin-left: 3px;<br />
margin-right: 3px;<br />
margin-top: 1px;<br />
padding-bottom: 2px;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
padding-top: 2px;<br />
text-align: center;<br />
}<br />
<br />
div.vectorTabs ul li#ca-talk {<br />
background-attachment: scroll;<br />
background-clip: border-box;<br />
background-color: #E3E236;<br />
background-image: none;<br />
background-origin: padding-box;<br />
background-position: -10px center;<br />
background-repeat: no-repeat;<br />
background-size: auto auto;<br />
border-bottom-left-radius: 10px;<br />
border-bottom-right-radius: 10px;<br />
border: 2px solid black;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
display: inline-block;<br />
height: 20px;<br />
line-height: 0;<br />
margin-bottom: 1px;<br />
margin-left: 3px;<br />
margin-right: 3px;<br />
margin-top: 1px;<br />
padding-bottom: 2px;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
padding-top: 2px;<br />
text-align: center;<br />
}<br />
<br />
div.vectorTabs ul li#ca-nstab-mediawiki,<br />
div.vectorTabs ul li#ca-view, <br />
div.vectorTabs ul li#ca-viewsource {<br />
background-clip: border-box;<br />
background-color: #FF4550;<br />
background-image: none;<br />
background-origin: padding-box;<br />
background-position: -10px center;<br />
background-repeat: no-repeat;<br />
background-size: auto auto;<br />
border-bottom-left-radius: 10px;<br />
border-bottom-right-radius: 10px;<br />
border: 2px solid black;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
display: inline-block;<br />
height: 20px;<br />
line-height: 0;<br />
margin-bottom: 1px;<br />
margin-left: 3px;<br />
margin-right: 3px;<br />
margin-top: 1px;<br />
padding-bottom: 2px;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
padding-top: 2px;<br />
text-align: center;<br />
}<br />
<br />
div.vectorTabs, <br />
div.vectorTabs ul, <br />
div.vectorTabs span, <br />
background-image: none;<br />
}<br />
<br />
#ca-unwatch.icon a {<br />
background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNjMmVkZmYiLz48c3RvcCBvZmZzZXQ9Ii41IiBzdG9wLWNvbG9yPSIjNjhiZGZmIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZmZmIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgeDE9IjEzLjQ3IiB5MT0iMTQuMzYzIiB4Mj0iNC41OTYiIHkyPSIzLjM5NyIgaWQ9ImIiIHhsaW5rOmhyZWY9IiNhIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIvPjwvZGVmcz48cGF0aCBkPSJNOC4xMDMgMS4xNDZsMi4xNzUgNC40MDggNC44NjQuNzA3LTMuNTIgMy40MzEuODMxIDQuODQ1LTQuMzUxLTIuMjg3LTQuMzUxIDIuMjg3LjgzMS00Ljg0NS0zLjUyLTMuNDMxIDQuODY0LS43MDd6IiBmaWxsPSJ1cmwoI2IpIiBzdHJva2U9IiM3Y2I1ZDEiIHN0cm9rZS13aWR0aD0iMC45OTk5MTk5OTk5OTk5OTk5Ii8+PC9zdmc+");<br />
}<br />
<br />
div#p-cactions div.menu ul li a {<br />
background: none repeat scroll 0 0 transparent;<br />
border: medium none;<br />
color: #1A673D;<br />
}<br />
<br />
div#mw-head div.vectorMenu h4, <br />
div#p-variants.vectorMenu #mw-vector-current-variant {<br />
border: medium none;<br />
display: inline-block;<br />
float: left;<br />
font-size: 0.8em;<br />
font-weight: normal;<br />
padding-left: 0.5em;<br />
padding-top: 1.22em;<br />
color: #FFFFFF;<br />
font-size: 0.8em;<br />
text-transform: uppercase;<br />
font-family: "OpenSans-Light";<br />
line-height: 7px;<br />
}<br />
<br />
div.vectorTabs, <br />
div.vectorTabs span, <br />
div.vectorTabs li a {<br />
background-image: none;<br />
text-transform: uppercase;<br />
margin-top: -3px;<br />
}<br />
<br />
div.vectorTabs ul {<br />
background: transparent;<br />
}<br />
<br />
div.vectorTabs ul li, <br />
div.vectorTabs ul li.selected {<br />
background: transparent;<br />
border: none;<br />
margin-top: -5px;<br />
}<br />
<br />
div.vectorTabs ul li span, <br />
div.vectorTabs ul li.selected span {<br />
background: transparent;<br />
border: none;<br />
}<br />
<br />
div.vectorTabs li span a {<br />
color: #FFFFFF;<br />
}<br />
<br />
div.vectorTabs span a:visited {<br />
color: #FFFFFF;<br />
}<br />
<br />
div.vectorTabs li span a:hover, <br />
div.vectorTabs span a:visited:hover {<br />
color: #1A673D;<br />
}<br />
<br />
div.vectorTabs li.selected span a {<br />
color: #FFFFFF !important;<br />
}<br />
<br />
div.vectorTabs span a:active {<br />
color: #1A673D;<br />
}<br />
<br />
div.vectorMenu ul {<br />
background: #000000;<br />
border: 1px solid #434647;<br />
}<br />
<br />
div#p-cactions h5 {<br />
background: transparent;<br />
}<br />
<br />
div.vectorMenu h5 a {<br />
border: none;<br />
background: transparent;<br />
}<br />
<br />
div#p-cactions div.menu ul {<br />
border: 1px solid #3C130E;<br />
background: #FF81A4;<br />
color: #E3E236;<br />
}<br />
<br />
div#p-cactions div.menu ul li a {<br />
background: transparent;<br />
border: none;<br />
color: white;<br />
}<br />
<br />
<br />
div#simpleSearch {<br />
width: 10em;<br />
margin-right: 1em;<br />
}<br />
<br />
div#mw-head a, <br />
.vectorTabs li a span, <br />
div#mw-head div.vectorTabs a, <br />
div#mw-head div.vectorMenu a {<br />
color: white;<br />
text-shadow: 1px 1px black;<br />
}<br />
<br />
div.vectorMenu {<br />
background-image: none;<br />
background-position: 100% 20%;<br />
background-repeat: no-repeat;<br />
cursor: pointer;<br />
direction: ltr;<br />
float: left;<br />
transition-delay: 0s;<br />
transition-duration: 250ms;<br />
transition-property: background-position;<br />
transition-timing-function: ease;<br />
}<br />
<br />
div.vectorMenu div.menu {<br />
border:2px solid #380E08;<br />
clear: both;<br />
left: -1px;<br />
min-width: 100%;<br />
position: absolute;<br />
text-align: center;<br />
top: 30px;<br />
z-index: 1;<br />
border-radius:5px;<br />
background-color: #FF84A6;<br />
}<br />
<br />
#p-sharing #socialIconImages img {<br />
box-sizing: content-box;<br />
width: 50%;<br />
}*/<br />
/* END OLD NAV STYLE */<br />
<br />
/* Sidebar */<br />
div#mw-panel div.portal,<br />
div#mw-panel div.portal div.body,<br />
#mw-panel.collapsible-nav .portal {<br />
background-image: none; /* Optional! This removes the lines be horizontal lines between the portals */<br />
}<br />
<br />
div#mw-panel div.portal div.body ul li a,<br />
div#mw-panel div.portal div.body ul li a:visited {<br />
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 */<br />
}<br />
<br />
div#mw-panel div.portal h3,<br />
div#mw-panel div.portal h3:visited,<br />
#mw-panel.collapsible-nav .portal h3 a,<br />
#mw-panel.collapsible-nav .portal h3 a:visited,<br />
#mw-panel.collapsible-nav .portal.collapsed h3 a,<br />
#mw-panel.collapsible-nav .portal.collapsed h3 a:visited {<br />
-webkit-text-stroke: 1px black;<br />
color: #FF85A9;<br />
text-shadow:<br />
2px 2px 0 #000,<br />
-1px -1px 0 #000, <br />
1px -1px 0 #000,<br />
-1px 1px 0 #000,<br />
1px 1px 0 #000;<br />
font-weight: bold; /* Optional, to make the labels stand out */<br />
text-transform: uppercase; /* Optional, to make the labels stand out */<br />
font-size:102%;<br />
<br />
}<br />
<br />
#mw-panel.collapsible-nav .portal.collapsed h3 {<br />
background-image: linear-gradient(transparent, transparent), url(https://birthdaysthebeginning.gamepedia.com/media/birthdaysthebeginning.gamepedia.com/1/1b/Dino1.png);<br />
background-position: left center;<br />
background-repeat: no-repeat;<br />
color: #0645ad;<br />
background-size: 25px auto;<br />
}<br />
<br />
#mw-panel.collapsible-nav .portal h3 {<br />
background-image: linear-gradient(transparent, transparent), url(https://birthdaysthebeginning.gamepedia.com/media/birthdaysthebeginning.gamepedia.com/9/95/Dino2.png);<br />
background-position: left center;<br />
background-repeat: no-repeat;<br />
padding-bottom: 3px;<br />
padding-left: 1.5em;<br />
padding-right: 0;<br />
padding-top: 4px;<br />
background-size: 25px auto;<br />
}<br />
<br />
div#mw-panel div#p-socialProfiles.portal .body {<br />
margin: auto;<br />
}<br />
<br />
.socialSidebar {<br />
width: auto;<br />
max-width: 100%;<br />
}<br />
<br />
/* Wiki editor fixes */<br />
div.wikiEditor-preview-contents,<br />
div.wikiEditor-preview-loading {<br />
background-color: transparent;<br />
}<br />
<br />
.wikiEditor-ui {<br />
background: rgba(0, 0, 0, 0);<br />
border: medium none;<br />
}<br />
<br />
.wikiEditor-ui .wikiEditor-ui-view {<br />
border-bottom: medium none;<br />
border-left: 1px solid #202020;<br />
border-right: 1px solid #202020;<br />
border-top : medium none;<br />
}<br />
<br />
div.wikiEditor-ui-buttons {<br />
background-color: rgba(0, 0, 0, 0);<br />
border-top: medium none;<br />
margin-right: 5px;<br />
}<br />
<br />
div.wikiEditor-ui-controls {<br />
background-color: rgba(0, 0, 0, 0);<br />
border-bottom: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-tabs {<br />
background-color: orange;<br />
border-left: 1px solid #202020;<br />
border-top: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-tabs div {<br />
background-color: orange;<br />
border-right: 1px solid #202020;<br />
border-bottom: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-tabs div a {<br />
background: orange; /* you can use a gradient here if you want to match your vector tabs or get fancy */<br />
color: #202020;<br />
}<br />
<br />
.wikiEditor-ui-tabs div.current {<br />
background-color: #FF7727;<br />
border-bottom: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-tabs div.current a {<br />
color: white; /* depends on your tabs bg & how different you wish the current tab and text to appear */<br />
font-weight: bold; /* optional to make it stand out */<br />
}<br />
<br />
.wikiEditor-ui .wikiEditor-ui-top {<br />
border-bottom: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-toolbar {<br />
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);<br />
}<br />
<br />
.wikiEditor-ui-toolbar .group {<br />
border-right: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .group-search {<br />
border-left: 1px solid #202020;<br />
border-right: none;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .group .label {<br />
color: black;<br />
}<br />
<br />
.tab {<br />
border-color: rgba(0, 0, 0, 0);<br />
}<br />
<br />
.wikiEditor-ui-toolbar .tabs span.tab a,<br />
.wikiEditor-ui-toolbar .tabs span.tab a:visited {<br />
color: black;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .tabs span.tab a.current,<br />
.wikiEditor-ui-toolbar .tabs span.tab a.current:visited {<br />
color: black;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .group .tool-select .label {<br />
color: #000000; /* or any other dark colour, or change the bg to a dark colour to contrast with light text */<br />
}<br />
<br />
.wikiEditor-ui-toolbar .sections .section {<br />
background-color: rgba(0, 0, 0, 0.2);<br />
border-top: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .booklet .index div {<br />
color: #202020;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .booklet .index .current {<br />
background-color: orange;<br />
color: #202020;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .booklet .pages {<br />
background-color: orange;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .page-characters div span {<br />
border: 1px solid #202020;<br />
color: #202020;<br />
background:white;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .page-characters div span:hover {<br />
background-color: rgba(255, 255, 255, 0.3);<br />
border-color: #202020;<br />
color: #FF7796;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .page-table td {<br />
border-top: 1px solid #202020;<br />
color: #202020;<br />
}<br />
<br />
.wikiEditor-preview-loading {<br />
background-color: rgba(0, 0, 0, 0);<br />
}<br />
<br />
.wikiEditor-preview-contents {<br />
background-color: rgba(0, 0, 0, 0);<br />
border-color: -moz-use-text-color #202020 #202020;<br />
border-image: none;<br />
border-style: none solid solid;<br />
border-width: medium 1px 1px;<br />
}<br />
<br />
.editOptions { <br />
background-color: rgba(255,255,255,0.5);<br />
border-color: -moz-use-text-color #202020 #202020;<br />
border-image: none;<br />
border-style: none solid solid;<br />
border-width: medium 1px 1px;<br />
}<br />
<br />
/* Preferences */<br />
.client-js #preftoc {<br />
background-color: rgba(255, 255, 255, 0.5);<br />
border: 0px;<br />
}<br />
<br />
.client-js #preftoc,<br />
.client-js #preftoc li, <br />
.client-js #preferences, <br />
.client-js #preftoc li a {<br />
background-image: none;<br />
background-color: transparent;<br />
color: #666666; /* this font color may need tweaking, depending on your background choices */<br />
}<br />
<br />
.client-js #preftoc li:first-child {<br />
margin-bottom: 1px;<br />
margin-left: 5px;<br />
}<br />
<br />
.client-js #preftoc li.selected a {<br />
background-color: rgba(255, 255, 255, 0.5);<br />
background-image: none;<br />
border-color: #aaaaaa #aaaaaa rgba(255, 255, 255, 0.5);<br />
border-style: solid;<br />
border-width: 1px;<br />
color: #000000; /* this font color may need tweaking, depending on your background choices */<br />
}<br />
<br />
.client-js #preferences {<br />
background-color: rgba(255, 255, 255, 0.5);<br />
border: 1px solid #aaaaaa;<br />
}<br />
<br />
.client-js #preferences fieldset {<br />
border-color: #aaaaaa;<br />
}<br />
<br />
<br />
/* Page history */<br />
#pagehistory li {<br />
background-color: rgba(0, 0, 0, 0);<br />
border: none;<br />
padding: 3px;<br />
}<br />
<br />
#pagehistory li.selected {<br />
background-color: rbga(0, 0, 0, 0);<br />
background-image: none;<br />
border: 1px dashed #aaaaaa;<br />
padding: 3px;<br />
}<br />
<br />
table.diff {<br />
background: transparent;<br />
}<br />
<br />
td.diff-context {<br />
background: none repeat scroll 0 0 transparent;<br />
color: #000000; /* this font colour may need tweaking depending on your choice of background */<br />
}<br />
<br />
td.diff-deletedline {<br />
background-color: #FFE49C;<br />
border-color: #FFE49C;<br />
color: #000000;<br />
}<br />
<br />
td.diff-addedline {<br />
background-color: #A3D3FF;<br />
border-color: #A3D3FF;<br />
color: #000000;<br />
}<br />
<br />
<br />
/* for "edit this page" tab and "discussion" tab etc */<br />
.pagetab {<br />
border-style: solid solid none;<br />
border-width: thin;<br />
border-color: #808080;<br />
padding:0.25ex 1ex 0ex;<br />
font-size: 95%;<br />
}<br />
<br />
.ambox {<br />
background-color: #eeeeee;<br />
border-bottom-color: #383838;<br />
border-right-color: #383838;<br />
border-top-color: #383838;<br />
border-collapse: collapse;<br />
font-size: 95%;<br />
margin: 0 auto 2px auto;<br />
width: 80%;<br />
}<br />
<br />
.ambox-gray {<br />
border-left-color: #383838;<br />
}<br />
<br />
.ambox.ambox-tiny {<br />
font-size: 90%;<br />
margin: 2px 0;<br />
width: auto;<br />
}<br />
<br />
.ambox + .ambox {<br />
margin-top: -2px;<br />
}<br />
<br />
.ambox-text {<br />
padding: 0.25em 0.5em;<br />
}<br />
<br />
.ambox-image {<br />
padding: 2px 0px 2px 0.5em;<br />
text-align: center;<br />
width: 60px;<br />
}<br />
<br />
.ambox-tiny .ambox-image {<br />
padding: 2px 0.5em;<br />
text-align: left;<br />
width: auto;<br />
}<br />
<br />
/* Ambox colors */<br />
.ambox-blue {<br />
border-left: 10px solid #1e90ff;<br />
}<br />
<br />
.ambox-red {<br />
border-left: 10px solid #b22222;<br />
}<br />
<br />
.ambox-orange {<br />
border-left: 10px solid #f28500;<br />
}<br />
<br />
.ambox-yellow {<br />
border-left: 10px solid #f4c430;<br />
}<br />
<br />
.ambox-purple {<br />
border-left: 10px solid #9932cc;<br />
}<br />
<br />
.ambox-gray {<br />
border-left: 10px solid #bba;<br />
}<br />
<br />
.ambox-green {<br />
border-left: 10px solid #228b22;<br />
}<br />
<br />
/* Ambox small text */<br />
.amsmalltext {<br />
font-size: smaller;<br />
margin-left:0.8em;<br />
margin-top:0.5em;<br />
}<br />
<br />
/* INFOBOXES: game or book depended color style */<br />
.infoboxtable {<br />
background-color: #103f63;<br />
border: 1px solid #0e395a;<br />
color: #56d7ed;<br />
float: right;<br />
font-size: 89%; <br />
margin-bottom: 0.5em; <br />
margin-left: 1em; <br />
padding: 0.2em; <br />
width: 300px;<br />
}<br />
<br />
.infoboxtable td {<br />
vertical-align: top;<br />
}<br />
<br />
.infoboxtable a,<br />
.infoboxtable a:link,<br />
.infoboxtable a:visited {<br />
color: gray;<br />
vertical-align: top;<br />
}<br />
<br />
.infoboxtable td > div {<br />
background-color: transparent;<br />
font-weight: bold;<br />
padding: 0.5px 7px;<br />
text-align: right;<br />
width:135px;<br />
}<br />
<br />
.infoboxname {<br />
font-size: 120%; <br />
font-weight: bold;<br />
padding: 0.5em; <br />
font-family: "OpenSans-Semibold";<br />
background-attachment: scroll;<br />
background-clip: border-box;<br />
background-color: rgba(0, 0, 0, 0);<br />
background-image: url("https://birthdaysthebeginning.gamepedia.com/media/birthdaysthebeginning.gamepedia.com/3/3a/Bg_stripes.png");<br />
background-origin: padding-box;<br />
background-position-y: center;<br />
background-repeat: repeat;<br />
background-size: 100% 100%;<br />
height: 20px;<br />
}<br />
<br />
.infoboxdetails {<br />
padding: 0em;<br />
}<br />
<br />
/* copyright images tweak */<br />
.copyright-icon {<br />
background: url("https://commons.gamepedia.com/media/commons.gamepedia.com/thumb/b/b6/Copyright.png/32px-Copyright.png") transparent center center no-repeat;<br />
background-size: 100%;<br />
width: 32px;<br />
height: 32px;<br />
}<br />
<br />
div#simpleSearch {<br />
-moz-border-bottom-colors: none;<br />
-moz-border-left-colors: none;<br />
-moz-border-right-colors: none;<br />
-moz-border-top-colors: none;<br />
background-color: white;<br />
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAQCAIAAABY/YLgAAAAJUlEQVQIHQXBsQEAAAjDoND/73UWdnerhmHVsDQZJrNWVg3Dqge6bgMe6bejNAAAAABJRU5ErkJggg==");<br />
background-position: left top;<br />
background-repeat: repeat-x;<br />
border-bottom-color: #aaa;<br />
border-bottom-left-radius: 10px;<br />
border-bottom-right-radius: 10px;<br />
border-bottom-style: solid;<br />
border-bottom-width: 1px;<br />
border-image-outset: 0 0 0 0;<br />
border-image-repeat: stretch stretch;<br />
border-image-slice: 100% 100% 100% 100%;<br />
border-image-source: none;<br />
border-image-width: 1 1 1 1;<br />
border-left-color: #aaa;<br />
border-left-style: solid;<br />
border-left-width: 1px;<br />
border-right-color: #aaa;<br />
border-right-style: solid;<br />
border-right-width: 1px;<br />
border-top-color: #aaa;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
border-top-style: solid;<br />
border-top-width: 1px;<br />
color: black;<br />
display: block;<br />
height: 1.4em;<br />
margin-top: -0.4em;<br />
max-width: 20em;<br />
min-height: 1px;<br />
min-width: 5em;<br />
padding-right: 1.4em;<br />
position: relative;<br />
}<br />
<br />
/* footer */<br />
div#footer {<br />
background: none repeat scroll 0 0 rgba(209, 247, 253, 0.8);<br />
border:none;<br />
box-shadow: 0 0.1em 0.75em white;<br />
color: black;<br />
margin-left: 11em;<br />
padding-bottom: 1.25em;<br />
padding-left: 1.25em;<br />
padding-right: 1.25em;<br />
padding-top: 1.25em;<br />
margin-top: 10px;<br />
}<br />
<br />
#toc #toctitle, <br />
.toc #toctitle, <br />
#toc .toctitle, <br />
.toc .toctitle {<br />
text-align: center;<br />
color: #ff85a9;<br />
font-size: 102%;<br />
font-weight: bold;<br />
text-transform: uppercase;<br />
background-color: #e3e236;<br />
border:1px solid #380E08;<br />
border-radius: 5px;<br />
padding:3px;<br />
}<br />
<br />
#toc, <br />
.toc {<br />
border-bottom-left-radius: 10px;<br />
border-bottom-right-radius: 10px;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
display: table;<br />
padding-bottom: 7px;<br />
padding-left: 7px;<br />
padding-right: 7px;<br />
padding-top: 7px;<br />
border:2px solid #380E08;<br />
}<br />
<br />
.mw-body #toc h2, <br />
.mw-body .toc h2 {<br />
font-family: sans-serif;<br />
font-size: 100%;<br />
color: black;<br />
font-weight: bold;<br />
}<br />
<br />
/* Tables */<br />
table.wikitable > tr > th, table.wikitable > * > tr > th {<br />
background-color: #ff7b9c;<br />
font-family: "OpenSans-Semibold";<br />
color: black;<br />
text-align: center;<br />
}<br />
<br />
table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {<br />
border: 1px solid #380E08;<br />
padding-bottom: 0.2em;<br />
padding-left: 0.4em;<br />
padding-right: 0.4em;<br />
padding-top: 0.2em;<br />
}<br />
<br />
table.wikitable > tr > td, <br />
table.wikitable > * > tr > td {<br />
background: #E3E236;<br />
padding-bottom: 0.2em;<br />
padding-left: 0.4em;<br />
padding-right: 0.4em;<br />
padding-top: 0.2em;<br />
}<br />
<br />
<br />
/********************************/<br />
/* Front page appearance styles */<br />
/********************************/<br />
.fpbox .mainheading {<br />
border: 0;<br />
}<br />
<br />
.fpbox {<br />
background: rgba(0, 0, 0, 0.1);<br />
border-radius: 5px;<br />
border: 1px solid black;<br />
box-shadow: 0 0.1em 0.75em #AF9CBB;<br />
color: black; /* change for hydra (light) wikis */<br />
margin: 5px 5px 5px 5px;<br />
padding: 5px 5px 5px 5px;<br />
}<br />
<br />
.fpbox .welcome {<br />
border-bottom: 1px solid #505050;<br />
color: black; /* change for hydra (light) wikis */<br />
font-size: 150%;<br />
margin: 0 0 10px 0;<br />
padding: 0 0 5px 0;<br />
text-transform: uppercase;<br />
text-align: center;<br />
}<br />
<br />
.fpbox .heading {<br />
border-bottom: 1px solid #505050;<br />
color: black; /* change for hydra (light) wikis */<br />
font-size: 132%;<br />
font-variant: small-caps;<br />
margin: 0 0 10px 0;<br />
padding: 0 0 5px 0;<br />
background: #ff7727 linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0;<br />
font-family: "OpenSans-Bold";<br />
}<br />
<br />
.fplink:not(.fplink-plain) {<br />
background: #ff7727 linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0;<br />
border: 1px solid black;<br />
border-radius: 3px;<br />
box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.2);<br />
color: black;<br />
font-weight: bold;<br />
text-transform: uppercase;<br />
font-family: "OpenSans-Bold", "sans-serif";<br />
}<br />
<br />
.fplink-fullwidth .fplink:not(.fplink-plain) {<br />
background: rgba(0,0,0,0.4);<br />
}<br />
<br />
.linkslabel {<br />
border-bottom: 2px solid #505050;<br />
}<br />
<br />
/************************************/<br />
/* Front page appearance styles END */<br />
/************************************/<br />
<br />
<br />
/* Other element styles */<br />
<br />
.mw-search-profile-tabs {<br />
border: 1px solid #9d5d0b;<br />
background-color: #ffbf6c;<br />
margin-top: 1em;<br />
}<br />
<br />
.mw-search-profile-tabs div.search-types ul li.current a {<br />
color: gray;<br />
cursor: default;<br />
}</div>
Encredechine
https://happybirthdays.fandom.com/wiki/User:Encredechine/hydra.css?diff=5950
User:Encredechine/hydra.css
2020-11-04T13:57:50Z
<p>Encredechine: </p>
<hr />
<div>/* OLD STYLES */<br />
<br />
/* Vector Tab styles */<br />
/*#left-navigation {<br />
margin-left: 11.5em;<br />
}<br />
<br />
#right-navigation {<br />
margin-right: 1em;<br />
}<br />
<br />
/* removes the divider */<br />
div.vectorTabs, <br />
div.vectorTabs ul, <br />
div.vectorTabs span, <br />
div#mw-head div.vectorMenu h3 {<br />
background-image: none;<br />
}<br />
<br />
div.vectorMenu h3 {<br />
background-attachment: scroll;<br />
background-clip: border-box;<br />
background-color: #ff7727;<br />
background-image: none;<br />
background-origin: padding-box;<br />
background-position: -10px center;<br />
background-repeat: no-repeat;<br />
background-size: auto auto;<br />
border-bottom-left-radius: 10px;<br />
border-bottom-right-radius: 10px;<br />
border: 2px solid black;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
display: inline-block;<br />
height: 20px;<br />
line-height: 0;<br />
margin-bottom: 1px;<br />
margin-left: 3px;<br />
margin-right: 3px;<br />
margin-top: 1px;<br />
padding-bottom: 2px;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
padding-top: 2px;<br />
text-align: center;<br />
}<br />
<br />
/* share and more */<br />
div.vectorMenu h3 span {<br />
display: block;<br />
font-size: 0.8em;<br />
font-weight: normal;<br />
margin-right: 20px;<br />
padding-left: 0.7em;<br />
padding-top: 1em;<br />
text-transform: uppercase;<br />
color: white;<br />
text-shadow:1px 1px black;<br />
font-family: "OpenSans-Semibold";<br />
}<br />
<br />
.vectorMenu h3 span::after {<br />
content: '';<br />
position: absolute;<br />
top: 1.25em;<br />
right: 0;<br />
bottom: 0;<br />
left: 0;<br />
background-image: url(/skins/Vector/images/arrow-down.png?42edd);<br />
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");<br />
background-position: 100% 50%;<br />
background-repeat: no-repeat;<br />
opacity: 0.85;<br />
}<br />
<br />
div.vectorMenu h3 span::after {<br />
filter: invert(100%);<br />
}<br />
<br />
<br />
div#mw-head div.vectorMenu h3 {<br />
background-position: right bottom;<br />
background-repeat: no-repeat;<br />
float: left;<br />
font-size: 1em;<br />
height: 1.5em;<br />
margin-right: -1px;<br />
margin-top: -2px;<br />
padding-right: 1px;<br />
}<br />
<br />
/* more about tabs */<br />
div.vectorTabs {<br />
background: transparent;<br />
}<br />
<br />
div.vectorTabs ul li {<br />
}<br />
<br />
div.vectorTabs ul li#ca-contribs, <br />
div.vectorTabs ul li#ca-ve-edit {<br />
background-attachment: scroll;<br />
background-clip: border-box;<br />
background-color: #ff7727;<br />
background-image: none;<br />
background-origin: padding-box;<br />
background-position: -10px center;<br />
background-repeat: no-repeat;<br />
background-size: auto auto;<br />
border-bottom-left-radius: 10px;<br />
border-bottom-right-radius: 10px;<br />
border: 2px solid black;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
display: inline-block;<br />
height: 20px;<br />
line-height: 0;<br />
margin-bottom: 1px;<br />
margin-left: 3px;<br />
margin-right: 3px;<br />
margin-top: 1px;<br />
padding-bottom: 2px;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
padding-top: 2px;<br />
text-align: center;<br />
}<br />
<br />
div.vectorTabs ul li#ca-edit {<br />
background-attachment: scroll;<br />
background-clip: border-box;<br />
background-color: #00F2FF;<br />
background-image: none;<br />
background-origin: padding-box;<br />
background-position: -10px center;<br />
background-repeat: no-repeat;<br />
background-size: auto auto;<br />
border-bottom-left-radius: 10px;<br />
border-bottom-right-radius: 10px;<br />
border: 2px solid black;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
display: inline-block;<br />
height: 20px;<br />
line-height: 0;<br />
margin-bottom: 1px;<br />
margin-left: 3px;<br />
margin-right: 3px;<br />
margin-top: 1px;<br />
padding-bottom: 2px;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
padding-top: 2px;<br />
text-align: center;<br />
}<br />
<br />
div.vectorTabs ul li#ca-history {<br />
background-attachment: scroll;<br />
background-clip: border-box;<br />
background-color: #74FF37;<br />
background-image: none;<br />
background-origin: padding-box;<br />
background-position: -10px center;<br />
background-repeat: no-repeat;<br />
background-size: auto auto;<br />
border-bottom-left-radius: 10px;<br />
border-bottom-right-radius: 10px;<br />
border: 2px solid black;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
display: inline-block;<br />
height: 20px;<br />
line-height: 0;<br />
margin-bottom: 1px;<br />
margin-left: 3px;<br />
margin-right: 3px;<br />
margin-top: 1px;<br />
padding-bottom: 2px;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
padding-top: 2px;<br />
text-align: center;<br />
}<br />
<br />
<br />
div.vectorTabs ul li#ca-nstab-main {<br />
background-attachment: scroll;<br />
background-clip: border-box;<br />
background-color: #FF5CFF;<br />
background-image: none;<br />
background-origin: padding-box;<br />
background-position: -10px center;<br />
background-repeat: no-repeat;<br />
background-size: auto auto;<br />
border-bottom-left-radius: 10px;<br />
border-bottom-right-radius: 10px;<br />
border: 2px solid black;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
display: inline-block;<br />
height: 20px;<br />
line-height: 0;<br />
margin-bottom: 1px;<br />
margin-left: 3px;<br />
margin-right: 3px;<br />
margin-top: 1px;<br />
padding-bottom: 2px;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
padding-top: 2px;<br />
text-align: center;<br />
}<br />
<br />
div.vectorTabs ul li#ca-nstab-image, <br />
div.vectorTabs ul li#ca-nstab-special, <br />
div.vectorTabs ul li#ca-nstab-help, <br />
div.vectorTabs ul li#ca-nstab-category, <br />
div.vectorTabs ul li#ca-nstab-template, <br />
div.vectorTabs ul li#ca-nstab-project, <br />
div.vectorTabs ul li#ca-nstab-user, <br />
div.vectorTabs ul li#ca-user, <br />
div.vectorTabs ul li#ca-user_talk, <br />
div.vectorTabs ul li#ca-user_profile, <br />
div.vectorTabs ul li#ca-userprofile, <br />
div.vectorTabs ul li#ca-user_wiki {<br />
background-attachment: scroll;<br />
background-clip: border-box;<br />
background-color: #ff7727;<br />
background-image: none;<br />
background-origin: padding-box;<br />
background-position: -10px center;<br />
background-repeat: no-repeat;<br />
background-size: auto auto;<br />
border-bottom-left-radius: 10px;<br />
border-bottom-right-radius: 10px;<br />
border: 2px solid black;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
display: inline-block;<br />
height: 20px;<br />
line-height: 0;<br />
margin-bottom: 1px;<br />
margin-left: 3px;<br />
margin-right: 3px;<br />
margin-top: 1px;<br />
padding-bottom: 2px;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
padding-top: 2px;<br />
text-align: center;<br />
}<br />
<br />
div.vectorTabs ul li#ca-talk {<br />
background-attachment: scroll;<br />
background-clip: border-box;<br />
background-color: #E3E236;<br />
background-image: none;<br />
background-origin: padding-box;<br />
background-position: -10px center;<br />
background-repeat: no-repeat;<br />
background-size: auto auto;<br />
border-bottom-left-radius: 10px;<br />
border-bottom-right-radius: 10px;<br />
border: 2px solid black;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
display: inline-block;<br />
height: 20px;<br />
line-height: 0;<br />
margin-bottom: 1px;<br />
margin-left: 3px;<br />
margin-right: 3px;<br />
margin-top: 1px;<br />
padding-bottom: 2px;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
padding-top: 2px;<br />
text-align: center;<br />
}<br />
<br />
div.vectorTabs ul li#ca-nstab-mediawiki,<br />
div.vectorTabs ul li#ca-view, <br />
div.vectorTabs ul li#ca-viewsource {<br />
background-clip: border-box;<br />
background-color: #FF4550;<br />
background-image: none;<br />
background-origin: padding-box;<br />
background-position: -10px center;<br />
background-repeat: no-repeat;<br />
background-size: auto auto;<br />
border-bottom-left-radius: 10px;<br />
border-bottom-right-radius: 10px;<br />
border: 2px solid black;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
display: inline-block;<br />
height: 20px;<br />
line-height: 0;<br />
margin-bottom: 1px;<br />
margin-left: 3px;<br />
margin-right: 3px;<br />
margin-top: 1px;<br />
padding-bottom: 2px;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
padding-top: 2px;<br />
text-align: center;<br />
}<br />
<br />
div.vectorTabs, <br />
div.vectorTabs ul, <br />
div.vectorTabs span, <br />
background-image: none;<br />
}<br />
<br />
#ca-unwatch.icon a {<br />
background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNjMmVkZmYiLz48c3RvcCBvZmZzZXQ9Ii41IiBzdG9wLWNvbG9yPSIjNjhiZGZmIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZmZmIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgeDE9IjEzLjQ3IiB5MT0iMTQuMzYzIiB4Mj0iNC41OTYiIHkyPSIzLjM5NyIgaWQ9ImIiIHhsaW5rOmhyZWY9IiNhIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIvPjwvZGVmcz48cGF0aCBkPSJNOC4xMDMgMS4xNDZsMi4xNzUgNC40MDggNC44NjQuNzA3LTMuNTIgMy40MzEuODMxIDQuODQ1LTQuMzUxLTIuMjg3LTQuMzUxIDIuMjg3LjgzMS00Ljg0NS0zLjUyLTMuNDMxIDQuODY0LS43MDd6IiBmaWxsPSJ1cmwoI2IpIiBzdHJva2U9IiM3Y2I1ZDEiIHN0cm9rZS13aWR0aD0iMC45OTk5MTk5OTk5OTk5OTk5Ii8+PC9zdmc+");<br />
}<br />
<br />
div#p-cactions div.menu ul li a {<br />
background: none repeat scroll 0 0 transparent;<br />
border: medium none;<br />
color: #1A673D;<br />
}<br />
<br />
div#mw-head div.vectorMenu h4, <br />
div#p-variants.vectorMenu #mw-vector-current-variant {<br />
border: medium none;<br />
display: inline-block;<br />
float: left;<br />
font-size: 0.8em;<br />
font-weight: normal;<br />
padding-left: 0.5em;<br />
padding-top: 1.22em;<br />
color: #FFFFFF;<br />
font-size: 0.8em;<br />
text-transform: uppercase;<br />
font-family: "OpenSans-Light";<br />
line-height: 7px;<br />
}<br />
<br />
div.vectorTabs, <br />
div.vectorTabs span, <br />
div.vectorTabs li a {<br />
background-image: none;<br />
text-transform: uppercase;<br />
margin-top: -3px;<br />
}<br />
<br />
div.vectorTabs ul {<br />
background: transparent;<br />
}<br />
<br />
div.vectorTabs ul li, <br />
div.vectorTabs ul li.selected {<br />
background: transparent;<br />
border: none;<br />
margin-top: -5px;<br />
}<br />
<br />
div.vectorTabs ul li span, <br />
div.vectorTabs ul li.selected span {<br />
background: transparent;<br />
border: none;<br />
}<br />
<br />
div.vectorTabs li span a {<br />
color: #FFFFFF;<br />
}<br />
<br />
div.vectorTabs span a:visited {<br />
color: #FFFFFF;<br />
}<br />
<br />
div.vectorTabs li span a:hover, <br />
div.vectorTabs span a:visited:hover {<br />
color: #1A673D;<br />
}<br />
<br />
div.vectorTabs li.selected span a {<br />
color: #FFFFFF !important;<br />
}<br />
<br />
div.vectorTabs span a:active {<br />
color: #1A673D;<br />
}<br />
<br />
div.vectorMenu ul {<br />
background: #000000;<br />
border: 1px solid #434647;<br />
}<br />
<br />
div#p-cactions h5 {<br />
background: transparent;<br />
}<br />
<br />
div.vectorMenu h5 a {<br />
border: none;<br />
background: transparent;<br />
}<br />
<br />
div#p-cactions div.menu ul {<br />
border: 1px solid #3C130E;<br />
background: #FF81A4;<br />
color: #E3E236;<br />
}<br />
<br />
div#p-cactions div.menu ul li a {<br />
background: transparent;<br />
border: none;<br />
color: white;<br />
}<br />
<br />
<br />
div#simpleSearch {<br />
width: 10em;<br />
margin-right: 1em;<br />
}<br />
<br />
div#mw-head a, <br />
.vectorTabs li a span, <br />
div#mw-head div.vectorTabs a, <br />
div#mw-head div.vectorMenu a {<br />
color: white;<br />
text-shadow: 1px 1px black;<br />
}<br />
<br />
div.vectorMenu {<br />
background-image: none;<br />
background-position: 100% 20%;<br />
background-repeat: no-repeat;<br />
cursor: pointer;<br />
direction: ltr;<br />
float: left;<br />
transition-delay: 0s;<br />
transition-duration: 250ms;<br />
transition-property: background-position;<br />
transition-timing-function: ease;<br />
}<br />
<br />
div.vectorMenu div.menu {<br />
border:2px solid #380E08;<br />
clear: both;<br />
left: -1px;<br />
min-width: 100%;<br />
position: absolute;<br />
text-align: center;<br />
top: 30px;<br />
z-index: 1;<br />
border-radius:5px;<br />
background-color: #FF84A6;<br />
}<br />
<br />
#p-sharing #socialIconImages img {<br />
box-sizing: content-box;<br />
width: 50%;<br />
}*/</div>
Encredechine
https://happybirthdays.fandom.com/wiki/User:Encredechine/hydra.css?diff=5949
User:Encredechine/hydra.css
2020-11-04T13:52:28Z
<p>Encredechine: </p>
<hr />
<div>/* shamelessly copied from Witcher Wiki to fix the top nav menu */<br />
<br />
/* Tabs and menus */<br />
/*#left-navigation {<br />
margin-left: 11em;<br />
}<br />
<br />
#right-navigation {<br />
margin-right: 5.5em;<br />
}<br />
<br />
div.vectorTabs,<br />
div.vectorTabs span,<br />
div.vectorTabs li.selected,<br />
div.vectorTabs ul,<br />
div.vectorTabs ul li,<br />
div.vectorTabs li a {<br />
background-color: rgba(0, 0, 0, 0);<br />
background-image: none;<br />
}<br />
<br />
div.vectorTabs ul li {<br />
margin-right: 5px;<br />
}<br />
<br />
div.vectorTabs li span {<br />
background: #AB0000;<br />
display: inline-block;<br />
border: 1px solid #4A040A;<br />
border-radius: 4px;<br />
padding: 2px 10px;<br />
margin-top: 0.5em;<br />
height: 19px;<br />
text-align: center;<br />
}<br />
<br />
div.vectorTabs li a {<br />
background-image: none;<br />
margin-top: -16px;<br />
}<br />
<br />
div#mw-head a,<br />
div#mw-head div.vectorTabs a,<br />
div#mw-head div.vectorMenu a,<br />
.vectorTabs li a span,<br />
div.vectorMenu h3 span {<br />
color: #c0c0c0;<br />
font-weight: bold;<br />
}<br />
<br />
div#mw-head li.new a,<br />
div#mw-head li.new a:visited {<br />
color: #fc0000 !important;<br />
text-shadow: 1px 1px #000000;<br />
}<br />
<br />
div.vectorTabs ul li:first-child {<br />
border-image: none;<br />
border-left: medium none;<br />
}<br />
<br />
div#mw-head li.selected a,<br />
div#mw-head li.selected a span,<br />
div#mw-head div.vectorTabs li.selected a,<br />
div#mw-head div.vectorTabs li.selected a:visited {<br />
color: #ffffff !important;<br />
font-weight: bold;<br />
}<br />
<br />
div#p-sharing .menu {<br />
background-color: #000000;<br />
box-shadow: 0 0.1em 0.75em #d5d4d4;<br />
margin-left: 45px;<br />
min-width: 0px;<br />
width: 48px;<br />
}<br />
<br />
#p-sharing #socialIconImages img {<br />
width: 100%;<br />
}<br />
<br />
#p-sharing #socialIconImages a {<br />
width: 40px;<br />
}<br />
<br />
div.vectorMenu h3 span {<br />
font-weight: bold;<br />
padding-top: 0;<br />
}<br />
<br />
div.vectorMenu h3 span::after {<br />
top: 0;<br />
}<br />
<br />
div.vectorMenu h3:hover span,<br />
div.vectorMenu h3:focus span {<br />
color: #ffffff;<br />
}<br />
<br />
div#mw-head div.vectorMenu h4,<br />
div#p-variants.vectorMenu #mw-vector-current-variant {<br />
color: #FFFFFF;<br />
font-weight: bold;<br />
padding-top: 0.2em;<br />
text-shadow: none;<br />
}<br />
<br />
.vectorTabs #ca-unwatch.icon a,<br />
.vectorTabs #ca-watch.icon a {<br />
padding: 16px 0 0;<br />
}<br />
<br />
div#mw-head div.vectorMenu h3 {<br />
background: #AB0000; <br />
display: inline-block;<br />
border: 1px solid #4A040A;<br />
border-radius: 4px;<br />
padding: 2px 10px;<br />
margin-top: 0.5em;<br />
margin-bottom: 0.5em;<br />
height: 19px;<br />
text-align: center;<br />
}<br />
<br />
div.vectorMenu div.menu {<br />
border: none;<br />
left: auto;<br />
margin-left: 5px;<br />
right: 0;<br />
top: 40px;<br />
}<br />
<br />
div#mw-head div.vectorMenu ul {<br />
background-color: #000000;<br />
background-image: none;<br />
border-right: 5px none;<br />
box-shadow: 0 0.1em 0.75em #d5d4d4;<br />
}<br />
<br />
div#mw-head div.vectorMenu li a {<br />
color: #7AB1CC;<br />
}<br />
<br />
div#mw-head div.vectorMenu li a:hover {<br />
color: #c0c0c0;<br />
}*/</div>
Encredechine
https://happybirthdays.fandom.com/wiki/User:Encredechine/hydra.css?diff=5948
User:Encredechine/hydra.css
2020-11-04T13:52:05Z
<p>Encredechine: Created page with "/* shamelessly copied from Witcher Wiki to fix the top nav menu */ /* Tabs and menus */ #left-navigation { margin-left: 11em; } #right-navigation { margin-right: 5.5..."</p>
<hr />
<div>/* shamelessly copied from Witcher Wiki to fix the top nav menu */<br />
<br />
/* Tabs and menus */<br />
#left-navigation {<br />
margin-left: 11em;<br />
}<br />
<br />
#right-navigation {<br />
margin-right: 5.5em;<br />
}<br />
<br />
div.vectorTabs,<br />
div.vectorTabs span,<br />
div.vectorTabs li.selected,<br />
div.vectorTabs ul,<br />
div.vectorTabs ul li,<br />
div.vectorTabs li a {<br />
background-color: rgba(0, 0, 0, 0);<br />
background-image: none;<br />
}<br />
<br />
div.vectorTabs ul li {<br />
margin-right: 5px;<br />
}<br />
<br />
div.vectorTabs li span {<br />
background: #AB0000;<br />
display: inline-block;<br />
border: 1px solid #4A040A;<br />
border-radius: 4px;<br />
padding: 2px 10px;<br />
margin-top: 0.5em;<br />
height: 19px;<br />
text-align: center;<br />
}<br />
<br />
div.vectorTabs li a {<br />
background-image: none;<br />
margin-top: -16px;<br />
}<br />
<br />
div#mw-head a,<br />
div#mw-head div.vectorTabs a,<br />
div#mw-head div.vectorMenu a,<br />
.vectorTabs li a span,<br />
div.vectorMenu h3 span {<br />
color: #c0c0c0;<br />
font-weight: bold;<br />
}<br />
<br />
div#mw-head li.new a,<br />
div#mw-head li.new a:visited {<br />
color: #fc0000 !important;<br />
text-shadow: 1px 1px #000000;<br />
}<br />
<br />
div.vectorTabs ul li:first-child {<br />
border-image: none;<br />
border-left: medium none;<br />
}<br />
<br />
div#mw-head li.selected a,<br />
div#mw-head li.selected a span,<br />
div#mw-head div.vectorTabs li.selected a,<br />
div#mw-head div.vectorTabs li.selected a:visited {<br />
color: #ffffff !important;<br />
font-weight: bold;<br />
}<br />
<br />
div#p-sharing .menu {<br />
background-color: #000000;<br />
box-shadow: 0 0.1em 0.75em #d5d4d4;<br />
margin-left: 45px;<br />
min-width: 0px;<br />
width: 48px;<br />
}<br />
<br />
#p-sharing #socialIconImages img {<br />
width: 100%;<br />
}<br />
<br />
#p-sharing #socialIconImages a {<br />
width: 40px;<br />
}<br />
<br />
div.vectorMenu h3 span {<br />
font-weight: bold;<br />
padding-top: 0;<br />
}<br />
<br />
div.vectorMenu h3 span::after {<br />
top: 0;<br />
}<br />
<br />
div.vectorMenu h3:hover span,<br />
div.vectorMenu h3:focus span {<br />
color: #ffffff;<br />
}<br />
<br />
div#mw-head div.vectorMenu h4,<br />
div#p-variants.vectorMenu #mw-vector-current-variant {<br />
color: #FFFFFF;<br />
font-weight: bold;<br />
padding-top: 0.2em;<br />
text-shadow: none;<br />
}<br />
<br />
.vectorTabs #ca-unwatch.icon a,<br />
.vectorTabs #ca-watch.icon a {<br />
padding: 16px 0 0;<br />
}<br />
<br />
div#mw-head div.vectorMenu h3 {<br />
background: #AB0000; <br />
display: inline-block;<br />
border: 1px solid #4A040A;<br />
border-radius: 4px;<br />
padding: 2px 10px;<br />
margin-top: 0.5em;<br />
margin-bottom: 0.5em;<br />
height: 19px;<br />
text-align: center;<br />
}<br />
<br />
div.vectorMenu div.menu {<br />
border: none;<br />
left: auto;<br />
margin-left: 5px;<br />
right: 0;<br />
top: 40px;<br />
}<br />
<br />
div#mw-head div.vectorMenu ul {<br />
background-color: #000000;<br />
background-image: none;<br />
border-right: 5px none;<br />
box-shadow: 0 0.1em 0.75em #d5d4d4;<br />
}<br />
<br />
div#mw-head div.vectorMenu li a {<br />
color: #7AB1CC;<br />
}<br />
<br />
div#mw-head div.vectorMenu li a:hover {<br />
color: #c0c0c0;<br />
}</div>
Encredechine
https://happybirthdays.fandom.com/wiki/User:Encredechine/common.css?diff=5947
User:Encredechine/common.css
2020-11-04T13:51:49Z
<p>Encredechine: Blanked the page</p>
<hr />
<div></div>
Encredechine
https://happybirthdays.fandom.com/wiki/User:Encredechine/common.css?diff=5946
User:Encredechine/common.css
2020-11-04T13:50:56Z
<p>Encredechine: Created page with "/* shamelessly copied from Witcher Wiki to fix the top nav menu */ /* Tabs and menus */ #left-navigation { margin-left: 11em; } #right-navigation { margin-right: 5.5..."</p>
<hr />
<div>/* shamelessly copied from Witcher Wiki to fix the top nav menu */<br />
<br />
/* Tabs and menus */<br />
#left-navigation {<br />
margin-left: 11em;<br />
}<br />
<br />
#right-navigation {<br />
margin-right: 5.5em;<br />
}<br />
<br />
div.vectorTabs,<br />
div.vectorTabs span,<br />
div.vectorTabs li.selected,<br />
div.vectorTabs ul,<br />
div.vectorTabs ul li,<br />
div.vectorTabs li a {<br />
background-color: rgba(0, 0, 0, 0);<br />
background-image: none;<br />
}<br />
<br />
div.vectorTabs ul li {<br />
margin-right: 5px;<br />
}<br />
<br />
div.vectorTabs li span {<br />
background: #AB0000;<br />
display: inline-block;<br />
border: 1px solid #4A040A;<br />
border-radius: 4px;<br />
padding: 2px 10px;<br />
margin-top: 0.5em;<br />
height: 19px;<br />
text-align: center;<br />
}<br />
<br />
div.vectorTabs li a {<br />
background-image: none;<br />
margin-top: -16px;<br />
}<br />
<br />
div#mw-head a,<br />
div#mw-head div.vectorTabs a,<br />
div#mw-head div.vectorMenu a,<br />
.vectorTabs li a span,<br />
div.vectorMenu h3 span {<br />
color: #c0c0c0;<br />
font-weight: bold;<br />
}<br />
<br />
div#mw-head li.new a,<br />
div#mw-head li.new a:visited {<br />
color: #fc0000 !important;<br />
text-shadow: 1px 1px #000000;<br />
}<br />
<br />
div.vectorTabs ul li:first-child {<br />
border-image: none;<br />
border-left: medium none;<br />
}<br />
<br />
div#mw-head li.selected a,<br />
div#mw-head li.selected a span,<br />
div#mw-head div.vectorTabs li.selected a,<br />
div#mw-head div.vectorTabs li.selected a:visited {<br />
color: #ffffff !important;<br />
font-weight: bold;<br />
}<br />
<br />
div#p-sharing .menu {<br />
background-color: #000000;<br />
box-shadow: 0 0.1em 0.75em #d5d4d4;<br />
margin-left: 45px;<br />
min-width: 0px;<br />
width: 48px;<br />
}<br />
<br />
#p-sharing #socialIconImages img {<br />
width: 100%;<br />
}<br />
<br />
#p-sharing #socialIconImages a {<br />
width: 40px;<br />
}<br />
<br />
div.vectorMenu h3 span {<br />
font-weight: bold;<br />
padding-top: 0;<br />
}<br />
<br />
div.vectorMenu h3 span::after {<br />
top: 0;<br />
}<br />
<br />
div.vectorMenu h3:hover span,<br />
div.vectorMenu h3:focus span {<br />
color: #ffffff;<br />
}<br />
<br />
div#mw-head div.vectorMenu h4,<br />
div#p-variants.vectorMenu #mw-vector-current-variant {<br />
color: #FFFFFF;<br />
font-weight: bold;<br />
padding-top: 0.2em;<br />
text-shadow: none;<br />
}<br />
<br />
.vectorTabs #ca-unwatch.icon a,<br />
.vectorTabs #ca-watch.icon a {<br />
padding: 16px 0 0;<br />
}<br />
<br />
div#mw-head div.vectorMenu h3 {<br />
background: #AB0000; <br />
display: inline-block;<br />
border: 1px solid #4A040A;<br />
border-radius: 4px;<br />
padding: 2px 10px;<br />
margin-top: 0.5em;<br />
margin-bottom: 0.5em;<br />
height: 19px;<br />
text-align: center;<br />
}<br />
<br />
div.vectorMenu div.menu {<br />
border: none;<br />
left: auto;<br />
margin-left: 5px;<br />
right: 0;<br />
top: 40px;<br />
}<br />
<br />
div#mw-head div.vectorMenu ul {<br />
background-color: #000000;<br />
background-image: none;<br />
border-right: 5px none;<br />
box-shadow: 0 0.1em 0.75em #d5d4d4;<br />
}<br />
<br />
div#mw-head div.vectorMenu li a {<br />
color: #7AB1CC;<br />
}<br />
<br />
div#mw-head div.vectorMenu li a:hover {<br />
color: #c0c0c0;<br />
}</div>
Encredechine
https://happybirthdays.fandom.com/wiki/MediaWiki:Hydra.css?diff=5945
MediaWiki:Hydra.css
2020-11-04T13:26:36Z
<p>Encredechine: </p>
<hr />
<div>/* CSS placed here will affect users of the Hydra skin */<br />
/* For elements which only display in the mobile view */<br />
.mobileonly {<br />
display: none;<br />
}<br />
<br />
/* fonts */<br />
@font-face {<br />
font-family: 'OpenSans-Bold';<br />
src: local('OpenSans-Bold'), local('OpenSans-Bold'), url(/media/hydra/fonts/OpenSans-Bold.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-BoldItalic';<br />
src: local('OpenSans-BoldItalic'), local('OpenSans-BoldItalic'), url(/media/hydra/fonts/OpenSans-BoldItalic.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-ExtraBold';<br />
src: local('OpenSans-ExtraBold'), local('OpenSans-ExtraBold'), url(/media/hydra/fonts/OpenSans-ExtraBold.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-ExtraBoldItalic';<br />
src: local('OpenSans-ExtraBoldItalic'), local('OpenSans-ExtraBoldItalic'), url(/media/hydra/fonts/OpenSans-ExtraBoldItalic.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-Italic';<br />
src: local('OpenSans-Italic'), local('OpenSans-Italic'), url(/media/hydra/fonts/OpenSans-Italic.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-Light';<br />
src: local('OpenSans-Light'), local('OpenSans-Light'), url(/media/hydra/fonts/OpenSans-Light.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-LightItalic';<br />
src: local('OpenSans-LightItalic'), local('OpenSans-LightItalic'), url(/media/hydra/fonts/OpenSans-LightItalic.ttf) format('truetype');<br />
}<br />
<br />
<br />
@font-face {<br />
font-family: 'OpenSans-Regular';<br />
src: local('OpenSans-Regular'), local('OpenSans-Regular'), url(/media/hydra/fonts/OpenSans-Regular.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-Semibold';<br />
src: local('OpenSans-Semibold'), local('OpenSans-Semibold'), url(/media/hydra/fonts/OpenSans-Semibold.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-SemiboldItalic';<br />
src: local('OpenSans-SemiboldItalic'), local('OpenSans-SemiboldItalic'), url(/media/hydra/fonts/OpenSans-SemiboldItalic.ttf) format('truetype');<br />
}<br />
<br />
p {<br />
font-family: "OpenSans-Regular";<br />
}<br />
<br />
/* links */<br />
a, <br />
a:visited,<br />
div#content a.extiw,<br />
div#content a.extiw:visited,<br />
div#content a.external, <br />
div#content a.external:visited {<br />
color: #be5b20;<br />
font-family: "OpenSans-Semibold";<br />
}<br />
<br />
a:hover {<br />
color: #f7813d;<br />
}<br />
<br />
<br />
ul {<br />
list-style-type: disc;<br />
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);<br />
} <br />
<br />
/* Hide main page header */<br />
body.page-Happy_Birthdays_Wiki h1.firstHeading {<br />
display:none;<br />
}<br />
<br />
body {<br />
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);<br />
-webkit-background-size: cover;<br />
-o-background-size: cover;<br />
-moz-background-size: cover;<br />
}<br />
<br />
#pageWrapper { <br />
padding-right: 1em;<br />
}<br />
<br />
#mw-page-base {<br />
background-color: transparent;<br />
background-image: none;<br />
background-position: left bottom;<br />
background-repeat: repeat-x;<br />
height: 5em;<br />
}<br />
<br />
/* Logo */<br />
#p-logo a {<br />
background-position: center center;<br />
background-repeat: no-repeat;<br />
background-size: 99% auto;<br />
display: block;<br />
height: 160px;<br />
text-decoration-color: -moz-use-text-color;<br />
text-decoration-line: none;<br />
text-decoration-style: solid;<br />
width: 10em;<br />
}<br />
<br />
/* Content */<br />
div#content {<br />
background: none repeat scroll 0 0 rgba(209, 247, 253, 0.8);<br />
box-shadow: 0 0.1em 0.75em white;<br />
color: black;<br />
margin-left: 11em;<br />
margin-top: 0em;<br />
border: none;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
}<br />
<br />
.mw-body .firstHeading,<br />
.mw-body h1, <br />
.mw-body h2 {<br />
border-bottom-color: #380e08;<br />
border-bottom-style: solid;<br />
border-bottom-width: 1px;<br />
color: #380e08;<br />
font-family: sans-serif;<br />
font-weight:bold;<br />
}<br />
<br />
.mw-body h3, <br />
.mw-body h4, <br />
.mw-body h5, <br />
.mw-body h6 {<br />
color: #380e08;<br />
font-family: sans-serif;<br />
}<br />
<br />
/* images */<br />
img.thumbborder {<br />
border:1px solid #380E08;<br />
margin:5px;<br />
}<br />
<br />
/* Vector Tab styles */<br />
#left-navigation {<br />
margin-left: 11.5em;<br />
}<br />
<br />
#right-navigation {<br />
margin-right: 1em;<br />
}<br />
<br />
/* removes the divider */<br />
div.vectorTabs, <br />
div.vectorTabs ul, <br />
div.vectorTabs span, <br />
div#mw-head div.vectorMenu h3 {<br />
background-image: none;<br />
}<br />
<br />
div.vectorMenu h3 {<br />
background-attachment: scroll;<br />
background-clip: border-box;<br />
background-color: #ff7727;<br />
background-image: none;<br />
background-origin: padding-box;<br />
background-position: -10px center;<br />
background-repeat: no-repeat;<br />
background-size: auto auto;<br />
border-bottom-left-radius: 10px;<br />
border-bottom-right-radius: 10px;<br />
border: 2px solid black;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
display: inline-block;<br />
height: 20px;<br />
line-height: 0;<br />
margin-bottom: 1px;<br />
margin-left: 3px;<br />
margin-right: 3px;<br />
margin-top: 1px;<br />
padding-bottom: 2px;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
padding-top: 2px;<br />
text-align: center;<br />
}<br />
<br />
/* share and more */<br />
div.vectorMenu h3 span {<br />
display: block;<br />
font-size: 0.8em;<br />
font-weight: normal;<br />
margin-right: 20px;<br />
padding-left: 0.7em;<br />
padding-top: 1em;<br />
text-transform: uppercase;<br />
color: white;<br />
text-shadow:1px 1px black;<br />
font-family: "OpenSans-Semibold";<br />
}<br />
<br />
.vectorMenu h3 span::after {<br />
content: '';<br />
position: absolute;<br />
top: 1.25em;<br />
right: 0;<br />
bottom: 0;<br />
left: 0;<br />
background-image: url(/skins/Vector/images/arrow-down.png?42edd);<br />
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");<br />
background-position: 100% 50%;<br />
background-repeat: no-repeat;<br />
opacity: 0.85;<br />
}<br />
<br />
div.vectorMenu h3 span::after {<br />
filter: invert(100%);<br />
}<br />
<br />
<br />
div#mw-head div.vectorMenu h3 {<br />
background-position: right bottom;<br />
background-repeat: no-repeat;<br />
float: left;<br />
font-size: 1em;<br />
height: 1.5em;<br />
margin-right: -1px;<br />
margin-top: -2px;<br />
padding-right: 1px;<br />
}<br />
<br />
/* more about tabs */<br />
div.vectorTabs {<br />
background: transparent;<br />
}<br />
<br />
div.vectorTabs ul li {<br />
}<br />
<br />
div.vectorTabs ul li#ca-contribs, <br />
div.vectorTabs ul li#ca-ve-edit {<br />
background-attachment: scroll;<br />
background-clip: border-box;<br />
background-color: #ff7727;<br />
background-image: none;<br />
background-origin: padding-box;<br />
background-position: -10px center;<br />
background-repeat: no-repeat;<br />
background-size: auto auto;<br />
border-bottom-left-radius: 10px;<br />
border-bottom-right-radius: 10px;<br />
border: 2px solid black;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
display: inline-block;<br />
height: 20px;<br />
line-height: 0;<br />
margin-bottom: 1px;<br />
margin-left: 3px;<br />
margin-right: 3px;<br />
margin-top: 1px;<br />
padding-bottom: 2px;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
padding-top: 2px;<br />
text-align: center;<br />
}<br />
<br />
div.vectorTabs ul li#ca-edit {<br />
background-attachment: scroll;<br />
background-clip: border-box;<br />
background-color: #00F2FF;<br />
background-image: none;<br />
background-origin: padding-box;<br />
background-position: -10px center;<br />
background-repeat: no-repeat;<br />
background-size: auto auto;<br />
border-bottom-left-radius: 10px;<br />
border-bottom-right-radius: 10px;<br />
border: 2px solid black;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
display: inline-block;<br />
height: 20px;<br />
line-height: 0;<br />
margin-bottom: 1px;<br />
margin-left: 3px;<br />
margin-right: 3px;<br />
margin-top: 1px;<br />
padding-bottom: 2px;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
padding-top: 2px;<br />
text-align: center;<br />
}<br />
<br />
div.vectorTabs ul li#ca-history {<br />
background-attachment: scroll;<br />
background-clip: border-box;<br />
background-color: #74FF37;<br />
background-image: none;<br />
background-origin: padding-box;<br />
background-position: -10px center;<br />
background-repeat: no-repeat;<br />
background-size: auto auto;<br />
border-bottom-left-radius: 10px;<br />
border-bottom-right-radius: 10px;<br />
border: 2px solid black;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
display: inline-block;<br />
height: 20px;<br />
line-height: 0;<br />
margin-bottom: 1px;<br />
margin-left: 3px;<br />
margin-right: 3px;<br />
margin-top: 1px;<br />
padding-bottom: 2px;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
padding-top: 2px;<br />
text-align: center;<br />
}<br />
<br />
<br />
div.vectorTabs ul li#ca-nstab-main {<br />
background-attachment: scroll;<br />
background-clip: border-box;<br />
background-color: #FF5CFF;<br />
background-image: none;<br />
background-origin: padding-box;<br />
background-position: -10px center;<br />
background-repeat: no-repeat;<br />
background-size: auto auto;<br />
border-bottom-left-radius: 10px;<br />
border-bottom-right-radius: 10px;<br />
border: 2px solid black;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
display: inline-block;<br />
height: 20px;<br />
line-height: 0;<br />
margin-bottom: 1px;<br />
margin-left: 3px;<br />
margin-right: 3px;<br />
margin-top: 1px;<br />
padding-bottom: 2px;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
padding-top: 2px;<br />
text-align: center;<br />
}<br />
<br />
div.vectorTabs ul li#ca-nstab-image, <br />
div.vectorTabs ul li#ca-nstab-special, <br />
div.vectorTabs ul li#ca-nstab-help, <br />
div.vectorTabs ul li#ca-nstab-category, <br />
div.vectorTabs ul li#ca-nstab-template, <br />
div.vectorTabs ul li#ca-nstab-project, <br />
div.vectorTabs ul li#ca-nstab-user, <br />
div.vectorTabs ul li#ca-user, <br />
div.vectorTabs ul li#ca-user_talk, <br />
div.vectorTabs ul li#ca-user_profile, <br />
div.vectorTabs ul li#ca-userprofile, <br />
div.vectorTabs ul li#ca-user_wiki {<br />
background-attachment: scroll;<br />
background-clip: border-box;<br />
background-color: #ff7727;<br />
background-image: none;<br />
background-origin: padding-box;<br />
background-position: -10px center;<br />
background-repeat: no-repeat;<br />
background-size: auto auto;<br />
border-bottom-left-radius: 10px;<br />
border-bottom-right-radius: 10px;<br />
border: 2px solid black;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
display: inline-block;<br />
height: 20px;<br />
line-height: 0;<br />
margin-bottom: 1px;<br />
margin-left: 3px;<br />
margin-right: 3px;<br />
margin-top: 1px;<br />
padding-bottom: 2px;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
padding-top: 2px;<br />
text-align: center;<br />
}<br />
<br />
div.vectorTabs ul li#ca-talk {<br />
background-attachment: scroll;<br />
background-clip: border-box;<br />
background-color: #E3E236;<br />
background-image: none;<br />
background-origin: padding-box;<br />
background-position: -10px center;<br />
background-repeat: no-repeat;<br />
background-size: auto auto;<br />
border-bottom-left-radius: 10px;<br />
border-bottom-right-radius: 10px;<br />
border: 2px solid black;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
display: inline-block;<br />
height: 20px;<br />
line-height: 0;<br />
margin-bottom: 1px;<br />
margin-left: 3px;<br />
margin-right: 3px;<br />
margin-top: 1px;<br />
padding-bottom: 2px;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
padding-top: 2px;<br />
text-align: center;<br />
}<br />
<br />
div.vectorTabs ul li#ca-nstab-mediawiki,<br />
div.vectorTabs ul li#ca-view, <br />
div.vectorTabs ul li#ca-viewsource {<br />
background-clip: border-box;<br />
background-color: #FF4550;<br />
background-image: none;<br />
background-origin: padding-box;<br />
background-position: -10px center;<br />
background-repeat: no-repeat;<br />
background-size: auto auto;<br />
border-bottom-left-radius: 10px;<br />
border-bottom-right-radius: 10px;<br />
border: 2px solid black;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
display: inline-block;<br />
height: 20px;<br />
line-height: 0;<br />
margin-bottom: 1px;<br />
margin-left: 3px;<br />
margin-right: 3px;<br />
margin-top: 1px;<br />
padding-bottom: 2px;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
padding-top: 2px;<br />
text-align: center;<br />
}<br />
<br />
div.vectorTabs, <br />
div.vectorTabs ul, <br />
div.vectorTabs span, <br />
background-image: none;<br />
}<br />
<br />
#ca-unwatch.icon a {<br />
background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNjMmVkZmYiLz48c3RvcCBvZmZzZXQ9Ii41IiBzdG9wLWNvbG9yPSIjNjhiZGZmIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZmZmIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgeDE9IjEzLjQ3IiB5MT0iMTQuMzYzIiB4Mj0iNC41OTYiIHkyPSIzLjM5NyIgaWQ9ImIiIHhsaW5rOmhyZWY9IiNhIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIvPjwvZGVmcz48cGF0aCBkPSJNOC4xMDMgMS4xNDZsMi4xNzUgNC40MDggNC44NjQuNzA3LTMuNTIgMy40MzEuODMxIDQuODQ1LTQuMzUxLTIuMjg3LTQuMzUxIDIuMjg3LjgzMS00Ljg0NS0zLjUyLTMuNDMxIDQuODY0LS43MDd6IiBmaWxsPSJ1cmwoI2IpIiBzdHJva2U9IiM3Y2I1ZDEiIHN0cm9rZS13aWR0aD0iMC45OTk5MTk5OTk5OTk5OTk5Ii8+PC9zdmc+");<br />
}<br />
<br />
div#p-cactions div.menu ul li a {<br />
background: none repeat scroll 0 0 transparent;<br />
border: medium none;<br />
color: #1A673D;<br />
}<br />
<br />
div#mw-head div.vectorMenu h4, <br />
div#p-variants.vectorMenu #mw-vector-current-variant {<br />
border: medium none;<br />
display: inline-block;<br />
float: left;<br />
font-size: 0.8em;<br />
font-weight: normal;<br />
padding-left: 0.5em;<br />
padding-top: 1.22em;<br />
color: #FFFFFF;<br />
font-size: 0.8em;<br />
text-transform: uppercase;<br />
font-family: "OpenSans-Light";<br />
line-height: 7px;<br />
}<br />
<br />
div.vectorTabs, <br />
div.vectorTabs span, <br />
div.vectorTabs li a {<br />
background-image: none;<br />
text-transform: uppercase;<br />
margin-top: -3px;<br />
}<br />
<br />
div.vectorTabs ul {<br />
background: transparent;<br />
}<br />
<br />
div.vectorTabs ul li, <br />
div.vectorTabs ul li.selected {<br />
background: transparent;<br />
border: none;<br />
margin-top: -5px;<br />
}<br />
<br />
div.vectorTabs ul li span, <br />
div.vectorTabs ul li.selected span {<br />
background: transparent;<br />
border: none;<br />
}<br />
<br />
div.vectorTabs li span a {<br />
color: #FFFFFF;<br />
}<br />
<br />
div.vectorTabs span a:visited {<br />
color: #FFFFFF;<br />
}<br />
<br />
div.vectorTabs li span a:hover, <br />
div.vectorTabs span a:visited:hover {<br />
color: #1A673D;<br />
}<br />
<br />
div.vectorTabs li.selected span a {<br />
color: #FFFFFF !important;<br />
}<br />
<br />
div.vectorTabs span a:active {<br />
color: #1A673D;<br />
}<br />
<br />
div.vectorMenu ul {<br />
background: #000000;<br />
border: 1px solid #434647;<br />
}<br />
<br />
div#p-cactions h5 {<br />
background: transparent;<br />
}<br />
<br />
div.vectorMenu h5 a {<br />
border: none;<br />
background: transparent;<br />
}<br />
<br />
div#p-cactions div.menu ul {<br />
border: 1px solid #3C130E;<br />
background: #FF81A4;<br />
color: #E3E236;<br />
}<br />
<br />
div#p-cactions div.menu ul li a {<br />
background: transparent;<br />
border: none;<br />
color: white;<br />
}<br />
<br />
<br />
div#simpleSearch {<br />
width: 10em;<br />
margin-right: 1em;<br />
}<br />
<br />
div#mw-head a, <br />
.vectorTabs li a span, <br />
div#mw-head div.vectorTabs a, <br />
div#mw-head div.vectorMenu a {<br />
color: white;<br />
text-shadow: 1px 1px black;<br />
}<br />
<br />
div.vectorMenu {<br />
background-image: none;<br />
background-position: 100% 20%;<br />
background-repeat: no-repeat;<br />
cursor: pointer;<br />
direction: ltr;<br />
float: left;<br />
transition-delay: 0s;<br />
transition-duration: 250ms;<br />
transition-property: background-position;<br />
transition-timing-function: ease;<br />
}<br />
<br />
div.vectorMenu div.menu {<br />
border:2px solid #380E08;<br />
clear: both;<br />
left: -1px;<br />
min-width: 100%;<br />
position: absolute;<br />
text-align: center;<br />
top: 30px;<br />
z-index: 1;<br />
border-radius:5px;<br />
background-color: #FF84A6;<br />
}<br />
<br />
#p-sharing #socialIconImages img {<br />
box-sizing: content-box;<br />
width: 50%;<br />
}<br />
<br />
/* Sidebar */<br />
div#mw-panel div.portal,<br />
div#mw-panel div.portal div.body,<br />
#mw-panel.collapsible-nav .portal {<br />
background-image: none; /* Optional! This removes the lines be horizontal lines between the portals */<br />
}<br />
<br />
div#mw-panel div.portal div.body ul li a,<br />
div#mw-panel div.portal div.body ul li a:visited {<br />
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 */<br />
}<br />
<br />
div#mw-panel div.portal h3,<br />
div#mw-panel div.portal h3:visited,<br />
#mw-panel.collapsible-nav .portal h3 a,<br />
#mw-panel.collapsible-nav .portal h3 a:visited,<br />
#mw-panel.collapsible-nav .portal.collapsed h3 a,<br />
#mw-panel.collapsible-nav .portal.collapsed h3 a:visited {<br />
-webkit-text-stroke: 1px black;<br />
color: #FF85A9;<br />
text-shadow:<br />
2px 2px 0 #000,<br />
-1px -1px 0 #000, <br />
1px -1px 0 #000,<br />
-1px 1px 0 #000,<br />
1px 1px 0 #000;<br />
font-weight: bold; /* Optional, to make the labels stand out */<br />
text-transform: uppercase; /* Optional, to make the labels stand out */<br />
font-size:102%;<br />
<br />
}<br />
<br />
#mw-panel.collapsible-nav .portal.collapsed h3 {<br />
background-image: linear-gradient(transparent, transparent), url(https://birthdaysthebeginning.gamepedia.com/media/birthdaysthebeginning.gamepedia.com/1/1b/Dino1.png);<br />
background-position: left center;<br />
background-repeat: no-repeat;<br />
color: #0645ad;<br />
background-size: 25px auto;<br />
}<br />
<br />
#mw-panel.collapsible-nav .portal h3 {<br />
background-image: linear-gradient(transparent, transparent), url(https://birthdaysthebeginning.gamepedia.com/media/birthdaysthebeginning.gamepedia.com/9/95/Dino2.png);<br />
background-position: left center;<br />
background-repeat: no-repeat;<br />
padding-bottom: 3px;<br />
padding-left: 1.5em;<br />
padding-right: 0;<br />
padding-top: 4px;<br />
background-size: 25px auto;<br />
}<br />
<br />
div#mw-panel div#p-socialProfiles.portal .body {<br />
margin: auto;<br />
}<br />
<br />
.socialSidebar {<br />
width: auto;<br />
max-width: 100%;<br />
}<br />
<br />
/* Wiki editor fixes */<br />
div.wikiEditor-preview-contents,<br />
div.wikiEditor-preview-loading {<br />
background-color: transparent;<br />
}<br />
<br />
.wikiEditor-ui {<br />
background: rgba(0, 0, 0, 0);<br />
border: medium none;<br />
}<br />
<br />
.wikiEditor-ui .wikiEditor-ui-view {<br />
border-bottom: medium none;<br />
border-left: 1px solid #202020;<br />
border-right: 1px solid #202020;<br />
border-top : medium none;<br />
}<br />
<br />
div.wikiEditor-ui-buttons {<br />
background-color: rgba(0, 0, 0, 0);<br />
border-top: medium none;<br />
margin-right: 5px;<br />
}<br />
<br />
div.wikiEditor-ui-controls {<br />
background-color: rgba(0, 0, 0, 0);<br />
border-bottom: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-tabs {<br />
background-color: orange;<br />
border-left: 1px solid #202020;<br />
border-top: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-tabs div {<br />
background-color: orange;<br />
border-right: 1px solid #202020;<br />
border-bottom: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-tabs div a {<br />
background: orange; /* you can use a gradient here if you want to match your vector tabs or get fancy */<br />
color: #202020;<br />
}<br />
<br />
.wikiEditor-ui-tabs div.current {<br />
background-color: #FF7727;<br />
border-bottom: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-tabs div.current a {<br />
color: white; /* depends on your tabs bg & how different you wish the current tab and text to appear */<br />
font-weight: bold; /* optional to make it stand out */<br />
}<br />
<br />
.wikiEditor-ui .wikiEditor-ui-top {<br />
border-bottom: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-toolbar {<br />
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);<br />
}<br />
<br />
.wikiEditor-ui-toolbar .group {<br />
border-right: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .group-search {<br />
border-left: 1px solid #202020;<br />
border-right: none;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .group .label {<br />
color: black;<br />
}<br />
<br />
.tab {<br />
border-color: rgba(0, 0, 0, 0);<br />
}<br />
<br />
.wikiEditor-ui-toolbar .tabs span.tab a,<br />
.wikiEditor-ui-toolbar .tabs span.tab a:visited {<br />
color: black;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .tabs span.tab a.current,<br />
.wikiEditor-ui-toolbar .tabs span.tab a.current:visited {<br />
color: black;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .group .tool-select .label {<br />
color: #000000; /* or any other dark colour, or change the bg to a dark colour to contrast with light text */<br />
}<br />
<br />
.wikiEditor-ui-toolbar .sections .section {<br />
background-color: rgba(0, 0, 0, 0.2);<br />
border-top: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .booklet .index div {<br />
color: #202020;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .booklet .index .current {<br />
background-color: orange;<br />
color: #202020;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .booklet .pages {<br />
background-color: orange;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .page-characters div span {<br />
border: 1px solid #202020;<br />
color: #202020;<br />
background:white;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .page-characters div span:hover {<br />
background-color: rgba(255, 255, 255, 0.3);<br />
border-color: #202020;<br />
color: #FF7796;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .page-table td {<br />
border-top: 1px solid #202020;<br />
color: #202020;<br />
}<br />
<br />
.wikiEditor-preview-loading {<br />
background-color: rgba(0, 0, 0, 0);<br />
}<br />
<br />
.wikiEditor-preview-contents {<br />
background-color: rgba(0, 0, 0, 0);<br />
border-color: -moz-use-text-color #202020 #202020;<br />
border-image: none;<br />
border-style: none solid solid;<br />
border-width: medium 1px 1px;<br />
}<br />
<br />
.editOptions { <br />
background-color: rgba(255,255,255,0.5);<br />
border-color: -moz-use-text-color #202020 #202020;<br />
border-image: none;<br />
border-style: none solid solid;<br />
border-width: medium 1px 1px;<br />
}<br />
<br />
/* Preferences */<br />
.client-js #preftoc {<br />
background-color: rgba(255, 255, 255, 0.5);<br />
border: 0px;<br />
}<br />
<br />
.client-js #preftoc,<br />
.client-js #preftoc li, <br />
.client-js #preferences, <br />
.client-js #preftoc li a {<br />
background-image: none;<br />
background-color: transparent;<br />
color: #666666; /* this font color may need tweaking, depending on your background choices */<br />
}<br />
<br />
.client-js #preftoc li:first-child {<br />
margin-bottom: 1px;<br />
margin-left: 5px;<br />
}<br />
<br />
.client-js #preftoc li.selected a {<br />
background-color: rgba(255, 255, 255, 0.5);<br />
background-image: none;<br />
border-color: #aaaaaa #aaaaaa rgba(255, 255, 255, 0.5);<br />
border-style: solid;<br />
border-width: 1px;<br />
color: #000000; /* this font color may need tweaking, depending on your background choices */<br />
}<br />
<br />
.client-js #preferences {<br />
background-color: rgba(255, 255, 255, 0.5);<br />
border: 1px solid #aaaaaa;<br />
}<br />
<br />
.client-js #preferences fieldset {<br />
border-color: #aaaaaa;<br />
}<br />
<br />
<br />
/* Page history */<br />
#pagehistory li {<br />
background-color: rgba(0, 0, 0, 0);<br />
border: none;<br />
padding: 3px;<br />
}<br />
<br />
#pagehistory li.selected {<br />
background-color: rbga(0, 0, 0, 0);<br />
background-image: none;<br />
border: 1px dashed #aaaaaa;<br />
padding: 3px;<br />
}<br />
<br />
table.diff {<br />
background: transparent;<br />
}<br />
<br />
td.diff-context {<br />
background: none repeat scroll 0 0 transparent;<br />
color: #000000; /* this font colour may need tweaking depending on your choice of background */<br />
}<br />
<br />
td.diff-deletedline {<br />
background-color: #FFE49C;<br />
border-color: #FFE49C;<br />
color: #000000;<br />
}<br />
<br />
td.diff-addedline {<br />
background-color: #A3D3FF;<br />
border-color: #A3D3FF;<br />
color: #000000;<br />
}<br />
<br />
<br />
/* for "edit this page" tab and "discussion" tab etc */<br />
.pagetab {<br />
border-style: solid solid none;<br />
border-width: thin;<br />
border-color: #808080;<br />
padding:0.25ex 1ex 0ex;<br />
font-size: 95%;<br />
}<br />
<br />
.ambox {<br />
background-color: #eeeeee;<br />
border-bottom-color: #383838;<br />
border-right-color: #383838;<br />
border-top-color: #383838;<br />
border-collapse: collapse;<br />
font-size: 95%;<br />
margin: 0 auto 2px auto;<br />
width: 80%;<br />
}<br />
<br />
.ambox-gray {<br />
border-left-color: #383838;<br />
}<br />
<br />
.ambox.ambox-tiny {<br />
font-size: 90%;<br />
margin: 2px 0;<br />
width: auto;<br />
}<br />
<br />
.ambox + .ambox {<br />
margin-top: -2px;<br />
}<br />
<br />
.ambox-text {<br />
padding: 0.25em 0.5em;<br />
}<br />
<br />
.ambox-image {<br />
padding: 2px 0px 2px 0.5em;<br />
text-align: center;<br />
width: 60px;<br />
}<br />
<br />
.ambox-tiny .ambox-image {<br />
padding: 2px 0.5em;<br />
text-align: left;<br />
width: auto;<br />
}<br />
<br />
/* Ambox colors */<br />
.ambox-blue {<br />
border-left: 10px solid #1e90ff;<br />
}<br />
<br />
.ambox-red {<br />
border-left: 10px solid #b22222;<br />
}<br />
<br />
.ambox-orange {<br />
border-left: 10px solid #f28500;<br />
}<br />
<br />
.ambox-yellow {<br />
border-left: 10px solid #f4c430;<br />
}<br />
<br />
.ambox-purple {<br />
border-left: 10px solid #9932cc;<br />
}<br />
<br />
.ambox-gray {<br />
border-left: 10px solid #bba;<br />
}<br />
<br />
.ambox-green {<br />
border-left: 10px solid #228b22;<br />
}<br />
<br />
/* Ambox small text */<br />
.amsmalltext {<br />
font-size: smaller;<br />
margin-left:0.8em;<br />
margin-top:0.5em;<br />
}<br />
<br />
/* INFOBOXES: game or book depended color style */<br />
.infoboxtable {<br />
background-color: #103f63;<br />
border: 1px solid #0e395a;<br />
color: #56d7ed;<br />
float: right;<br />
font-size: 89%; <br />
margin-bottom: 0.5em; <br />
margin-left: 1em; <br />
padding: 0.2em; <br />
width: 300px;<br />
}<br />
<br />
.infoboxtable td {<br />
vertical-align: top;<br />
}<br />
<br />
.infoboxtable a,<br />
.infoboxtable a:link,<br />
.infoboxtable a:visited {<br />
color: gray;<br />
vertical-align: top;<br />
}<br />
<br />
.infoboxtable td > div {<br />
background-color: transparent;<br />
font-weight: bold;<br />
padding: 0.5px 7px;<br />
text-align: right;<br />
width:135px;<br />
}<br />
<br />
.infoboxname {<br />
font-size: 120%; <br />
font-weight: bold;<br />
padding: 0.5em; <br />
font-family: "OpenSans-Semibold";<br />
background-attachment: scroll;<br />
background-clip: border-box;<br />
background-color: rgba(0, 0, 0, 0);<br />
background-image: url("https://birthdaysthebeginning.gamepedia.com/media/birthdaysthebeginning.gamepedia.com/3/3a/Bg_stripes.png");<br />
background-origin: padding-box;<br />
background-position-y: center;<br />
background-repeat: repeat;<br />
background-size: 100% 100%;<br />
height: 20px;<br />
}<br />
<br />
.infoboxdetails {<br />
padding: 0em;<br />
}<br />
<br />
/* copyright images tweak */<br />
.copyright-icon {<br />
background: url("https://commons.gamepedia.com/media/commons.gamepedia.com/thumb/b/b6/Copyright.png/32px-Copyright.png") transparent center center no-repeat;<br />
background-size: 100%;<br />
width: 32px;<br />
height: 32px;<br />
}<br />
<br />
div#simpleSearch {<br />
-moz-border-bottom-colors: none;<br />
-moz-border-left-colors: none;<br />
-moz-border-right-colors: none;<br />
-moz-border-top-colors: none;<br />
background-color: white;<br />
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAQCAIAAABY/YLgAAAAJUlEQVQIHQXBsQEAAAjDoND/73UWdnerhmHVsDQZJrNWVg3Dqge6bgMe6bejNAAAAABJRU5ErkJggg==");<br />
background-position: left top;<br />
background-repeat: repeat-x;<br />
border-bottom-color: #aaa;<br />
border-bottom-left-radius: 10px;<br />
border-bottom-right-radius: 10px;<br />
border-bottom-style: solid;<br />
border-bottom-width: 1px;<br />
border-image-outset: 0 0 0 0;<br />
border-image-repeat: stretch stretch;<br />
border-image-slice: 100% 100% 100% 100%;<br />
border-image-source: none;<br />
border-image-width: 1 1 1 1;<br />
border-left-color: #aaa;<br />
border-left-style: solid;<br />
border-left-width: 1px;<br />
border-right-color: #aaa;<br />
border-right-style: solid;<br />
border-right-width: 1px;<br />
border-top-color: #aaa;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
border-top-style: solid;<br />
border-top-width: 1px;<br />
color: black;<br />
display: block;<br />
height: 1.4em;<br />
margin-top: -0.4em;<br />
max-width: 20em;<br />
min-height: 1px;<br />
min-width: 5em;<br />
padding-right: 1.4em;<br />
position: relative;<br />
}<br />
<br />
/* footer */<br />
div#footer {<br />
background: none repeat scroll 0 0 rgba(209, 247, 253, 0.8);<br />
border:none;<br />
box-shadow: 0 0.1em 0.75em white;<br />
color: black;<br />
margin-left: 11em;<br />
padding-bottom: 1.25em;<br />
padding-left: 1.25em;<br />
padding-right: 1.25em;<br />
padding-top: 1.25em;<br />
margin-top: 10px;<br />
}<br />
<br />
#toc #toctitle, <br />
.toc #toctitle, <br />
#toc .toctitle, <br />
.toc .toctitle {<br />
text-align: center;<br />
color: #ff85a9;<br />
font-size: 102%;<br />
font-weight: bold;<br />
text-transform: uppercase;<br />
background-color: #e3e236;<br />
border:1px solid #380E08;<br />
border-radius: 5px;<br />
padding:3px;<br />
}<br />
<br />
#toc, <br />
.toc {<br />
border-bottom-left-radius: 10px;<br />
border-bottom-right-radius: 10px;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
display: table;<br />
padding-bottom: 7px;<br />
padding-left: 7px;<br />
padding-right: 7px;<br />
padding-top: 7px;<br />
border:2px solid #380E08;<br />
}<br />
<br />
.mw-body #toc h2, <br />
.mw-body .toc h2 {<br />
font-family: sans-serif;<br />
font-size: 100%;<br />
color: black;<br />
font-weight: bold;<br />
}<br />
<br />
/* Tables */<br />
table.wikitable > tr > th, table.wikitable > * > tr > th {<br />
background-color: #ff7b9c;<br />
font-family: "OpenSans-Semibold";<br />
color: black;<br />
text-align: center;<br />
}<br />
<br />
table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {<br />
border: 1px solid #380E08;<br />
padding-bottom: 0.2em;<br />
padding-left: 0.4em;<br />
padding-right: 0.4em;<br />
padding-top: 0.2em;<br />
}<br />
<br />
table.wikitable > tr > td, <br />
table.wikitable > * > tr > td {<br />
background: #E3E236;<br />
padding-bottom: 0.2em;<br />
padding-left: 0.4em;<br />
padding-right: 0.4em;<br />
padding-top: 0.2em;<br />
}<br />
<br />
<br />
/********************************/<br />
/* Front page appearance styles */<br />
/********************************/<br />
.fpbox .mainheading {<br />
border: 0;<br />
}<br />
<br />
.fpbox {<br />
background: rgba(0, 0, 0, 0.1);<br />
border-radius: 5px;<br />
border: 1px solid black;<br />
box-shadow: 0 0.1em 0.75em #AF9CBB;<br />
color: black; /* change for hydra (light) wikis */<br />
margin: 5px 5px 5px 5px;<br />
padding: 5px 5px 5px 5px;<br />
}<br />
<br />
.fpbox .welcome {<br />
border-bottom: 1px solid #505050;<br />
color: black; /* change for hydra (light) wikis */<br />
font-size: 150%;<br />
margin: 0 0 10px 0;<br />
padding: 0 0 5px 0;<br />
text-transform: uppercase;<br />
text-align: center;<br />
}<br />
<br />
.fpbox .heading {<br />
border-bottom: 1px solid #505050;<br />
color: black; /* change for hydra (light) wikis */<br />
font-size: 132%;<br />
font-variant: small-caps;<br />
margin: 0 0 10px 0;<br />
padding: 0 0 5px 0;<br />
background: #ff7727 linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0;<br />
font-family: "OpenSans-Bold";<br />
}<br />
<br />
.fplink:not(.fplink-plain) {<br />
background: #ff7727 linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0;<br />
border: 1px solid black;<br />
border-radius: 3px;<br />
box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.2);<br />
color: black;<br />
font-weight: bold;<br />
text-transform: uppercase;<br />
font-family: "OpenSans-Bold", "sans-serif";<br />
}<br />
<br />
.fplink-fullwidth .fplink:not(.fplink-plain) {<br />
background: rgba(0,0,0,0.4);<br />
}<br />
<br />
.linkslabel {<br />
border-bottom: 2px solid #505050;<br />
}<br />
<br />
/************************************/<br />
/* Front page appearance styles END */<br />
/************************************/<br />
<br />
<br />
/* Other element styles */<br />
<br />
.mw-search-profile-tabs {<br />
border: 1px solid #9d5d0b;<br />
background-color: #ffbf6c;<br />
margin-top: 1em;<br />
}<br />
<br />
.mw-search-profile-tabs div.search-types ul li.current a {<br />
color: gray;<br />
cursor: default;<br />
}</div>
Encredechine
https://happybirthdays.fandom.com/wiki/MediaWiki:Hydra.css?diff=5944
MediaWiki:Hydra.css
2020-11-04T13:20:47Z
<p>Encredechine: </p>
<hr />
<div>/* CSS placed here will affect users of the Hydra skin */<br />
/* For elements which only display in the mobile view */<br />
.mobileonly {<br />
display: none;<br />
}<br />
<br />
/* fonts */<br />
@font-face {<br />
font-family: 'OpenSans-Bold';<br />
src: local('OpenSans-Bold'), local('OpenSans-Bold'), url(/media/hydra/fonts/OpenSans-Bold.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-BoldItalic';<br />
src: local('OpenSans-BoldItalic'), local('OpenSans-BoldItalic'), url(/media/hydra/fonts/OpenSans-BoldItalic.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-ExtraBold';<br />
src: local('OpenSans-ExtraBold'), local('OpenSans-ExtraBold'), url(/media/hydra/fonts/OpenSans-ExtraBold.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-ExtraBoldItalic';<br />
src: local('OpenSans-ExtraBoldItalic'), local('OpenSans-ExtraBoldItalic'), url(/media/hydra/fonts/OpenSans-ExtraBoldItalic.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-Italic';<br />
src: local('OpenSans-Italic'), local('OpenSans-Italic'), url(/media/hydra/fonts/OpenSans-Italic.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-Light';<br />
src: local('OpenSans-Light'), local('OpenSans-Light'), url(/media/hydra/fonts/OpenSans-Light.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-LightItalic';<br />
src: local('OpenSans-LightItalic'), local('OpenSans-LightItalic'), url(/media/hydra/fonts/OpenSans-LightItalic.ttf) format('truetype');<br />
}<br />
<br />
<br />
@font-face {<br />
font-family: 'OpenSans-Regular';<br />
src: local('OpenSans-Regular'), local('OpenSans-Regular'), url(/media/hydra/fonts/OpenSans-Regular.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-Semibold';<br />
src: local('OpenSans-Semibold'), local('OpenSans-Semibold'), url(/media/hydra/fonts/OpenSans-Semibold.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-SemiboldItalic';<br />
src: local('OpenSans-SemiboldItalic'), local('OpenSans-SemiboldItalic'), url(/media/hydra/fonts/OpenSans-SemiboldItalic.ttf) format('truetype');<br />
}<br />
<br />
p {<br />
font-family: "OpenSans-Regular";<br />
}<br />
<br />
/* links */<br />
a, <br />
a:visited,<br />
div#content a.extiw,<br />
div#content a.extiw:visited,<br />
div#content a.external, <br />
div#content a.external:visited {<br />
color: #be5b20;<br />
font-family: "OpenSans-Semibold";<br />
}<br />
<br />
a:hover {<br />
color: #f7813d;<br />
}<br />
<br />
<br />
ul {<br />
list-style-type: disc;<br />
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);<br />
} <br />
<br />
/* Hide main page header */<br />
body.page-Happy_Birthdays_Wiki h1.firstHeading {<br />
display:none;<br />
}<br />
<br />
body {<br />
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);<br />
-webkit-background-size: cover;<br />
-o-background-size: cover;<br />
-moz-background-size: cover;<br />
}<br />
<br />
#pageWrapper { <br />
padding-right: 1em;<br />
}<br />
<br />
#mw-page-base {<br />
background-color: transparent;<br />
background-image: none;<br />
background-position: left bottom;<br />
background-repeat: repeat-x;<br />
height: 5em;<br />
}<br />
<br />
/* Logo */<br />
#p-logo a {<br />
background-position: center center;<br />
background-repeat: no-repeat;<br />
background-size: 99% auto;<br />
display: block;<br />
height: 160px;<br />
text-decoration-color: -moz-use-text-color;<br />
text-decoration-line: none;<br />
text-decoration-style: solid;<br />
width: 10em;<br />
}<br />
<br />
/* Content */<br />
div#content {<br />
background: none repeat scroll 0 0 rgba(209, 247, 253, 0.8);<br />
box-shadow: 0 0.1em 0.75em white;<br />
color: black;<br />
margin-left: 11em;<br />
margin-top: 0em;<br />
border: none;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
}<br />
<br />
.mw-body .firstHeading,<br />
.mw-body h1, <br />
.mw-body h2 {<br />
border-bottom-color: #380e08;<br />
border-bottom-style: solid;<br />
border-bottom-width: 1px;<br />
color: #380e08;<br />
font-family: sans-serif;<br />
font-weight:bold;<br />
}<br />
<br />
.mw-body h3, <br />
.mw-body h4, <br />
.mw-body h5, <br />
.mw-body h6 {<br />
color: #380e08;<br />
font-family: sans-serif;<br />
}<br />
<br />
/* images */<br />
img.thumbborder {<br />
border:1px solid #380E08;<br />
margin:5px;<br />
}<br />
<br />
/* Vector Tab styles */<br />
#left-navigation {<br />
margin-left: 11.5em;<br />
}<br />
<br />
#right-navigation {<br />
margin-right: 1em;<br />
}<br />
<br />
/* removes the divider */<br />
div.vectorTabs, <br />
div.vectorTabs ul, <br />
div.vectorTabs span, <br />
div#mw-head div.vectorMenu h3 {<br />
background-image: none;<br />
}<br />
<br />
div.vectorMenu h3 {<br />
background-attachment: scroll;<br />
background-clip: border-box;<br />
background-color: #ff7727;<br />
background-image: none;<br />
background-origin: padding-box;<br />
background-position: -10px center;<br />
background-repeat: no-repeat;<br />
background-size: auto auto;<br />
border-bottom-left-radius: 10px;<br />
border-bottom-right-radius: 10px;<br />
border: 2px solid black;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
display: inline-block;<br />
height: 20px;<br />
line-height: 0;<br />
margin-bottom: 1px;<br />
margin-left: 3px;<br />
margin-right: 3px;<br />
margin-top: 1px;<br />
padding-bottom: 2px;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
padding-top: 2px;<br />
text-align: center;<br />
}<br />
<br />
/* share and more */<br />
div.vectorMenu h3 span {<br />
display: block;<br />
font-size: 0.8em;<br />
font-weight: normal;<br />
margin-right: 20px;<br />
padding-left: 0.7em;<br />
padding-top: 1em;<br />
text-transform: uppercase;<br />
color: white;<br />
text-shadow:1px 1px black;<br />
font-family: "OpenSans-Semibold";<br />
}<br />
<br />
div#mw-head div.vectorMenu h3 {<br />
background-position: right bottom;<br />
background-repeat: no-repeat;<br />
float: left;<br />
font-size: 1em;<br />
height: 1.5em;<br />
margin-right: -1px;<br />
margin-top: -2px;<br />
padding-right: 1px;<br />
}<br />
<br />
/* more about tabs */<br />
div.vectorTabs {<br />
background: transparent;<br />
}<br />
<br />
div.vectorTabs ul li {<br />
}<br />
<br />
div.vectorTabs ul li#ca-contribs, <br />
div.vectorTabs ul li#ca-ve-edit {<br />
background-attachment: scroll;<br />
background-clip: border-box;<br />
background-color: #ff7727;<br />
background-image: none;<br />
background-origin: padding-box;<br />
background-position: -10px center;<br />
background-repeat: no-repeat;<br />
background-size: auto auto;<br />
border-bottom-left-radius: 10px;<br />
border-bottom-right-radius: 10px;<br />
border: 2px solid black;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
display: inline-block;<br />
height: 20px;<br />
line-height: 0;<br />
margin-bottom: 1px;<br />
margin-left: 3px;<br />
margin-right: 3px;<br />
margin-top: 1px;<br />
padding-bottom: 2px;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
padding-top: 2px;<br />
text-align: center;<br />
}<br />
<br />
div.vectorTabs ul li#ca-edit {<br />
background-attachment: scroll;<br />
background-clip: border-box;<br />
background-color: #00F2FF;<br />
background-image: none;<br />
background-origin: padding-box;<br />
background-position: -10px center;<br />
background-repeat: no-repeat;<br />
background-size: auto auto;<br />
border-bottom-left-radius: 10px;<br />
border-bottom-right-radius: 10px;<br />
border: 2px solid black;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
display: inline-block;<br />
height: 20px;<br />
line-height: 0;<br />
margin-bottom: 1px;<br />
margin-left: 3px;<br />
margin-right: 3px;<br />
margin-top: 1px;<br />
padding-bottom: 2px;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
padding-top: 2px;<br />
text-align: center;<br />
}<br />
<br />
div.vectorTabs ul li#ca-history {<br />
background-attachment: scroll;<br />
background-clip: border-box;<br />
background-color: #74FF37;<br />
background-image: none;<br />
background-origin: padding-box;<br />
background-position: -10px center;<br />
background-repeat: no-repeat;<br />
background-size: auto auto;<br />
border-bottom-left-radius: 10px;<br />
border-bottom-right-radius: 10px;<br />
border: 2px solid black;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
display: inline-block;<br />
height: 20px;<br />
line-height: 0;<br />
margin-bottom: 1px;<br />
margin-left: 3px;<br />
margin-right: 3px;<br />
margin-top: 1px;<br />
padding-bottom: 2px;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
padding-top: 2px;<br />
text-align: center;<br />
}<br />
<br />
<br />
div.vectorTabs ul li#ca-nstab-main {<br />
background-attachment: scroll;<br />
background-clip: border-box;<br />
background-color: #FF5CFF;<br />
background-image: none;<br />
background-origin: padding-box;<br />
background-position: -10px center;<br />
background-repeat: no-repeat;<br />
background-size: auto auto;<br />
border-bottom-left-radius: 10px;<br />
border-bottom-right-radius: 10px;<br />
border: 2px solid black;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
display: inline-block;<br />
height: 20px;<br />
line-height: 0;<br />
margin-bottom: 1px;<br />
margin-left: 3px;<br />
margin-right: 3px;<br />
margin-top: 1px;<br />
padding-bottom: 2px;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
padding-top: 2px;<br />
text-align: center;<br />
}<br />
<br />
div.vectorTabs ul li#ca-nstab-image, <br />
div.vectorTabs ul li#ca-nstab-special, <br />
div.vectorTabs ul li#ca-nstab-help, <br />
div.vectorTabs ul li#ca-nstab-category, <br />
div.vectorTabs ul li#ca-nstab-template, <br />
div.vectorTabs ul li#ca-nstab-project, <br />
div.vectorTabs ul li#ca-nstab-user, <br />
div.vectorTabs ul li#ca-user, <br />
div.vectorTabs ul li#ca-user_talk, <br />
div.vectorTabs ul li#ca-user_profile, <br />
div.vectorTabs ul li#ca-userprofile, <br />
div.vectorTabs ul li#ca-user_wiki {<br />
background-attachment: scroll;<br />
background-clip: border-box;<br />
background-color: #ff7727;<br />
background-image: none;<br />
background-origin: padding-box;<br />
background-position: -10px center;<br />
background-repeat: no-repeat;<br />
background-size: auto auto;<br />
border-bottom-left-radius: 10px;<br />
border-bottom-right-radius: 10px;<br />
border: 2px solid black;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
display: inline-block;<br />
height: 20px;<br />
line-height: 0;<br />
margin-bottom: 1px;<br />
margin-left: 3px;<br />
margin-right: 3px;<br />
margin-top: 1px;<br />
padding-bottom: 2px;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
padding-top: 2px;<br />
text-align: center;<br />
}<br />
<br />
div.vectorTabs ul li#ca-talk {<br />
background-attachment: scroll;<br />
background-clip: border-box;<br />
background-color: #E3E236;<br />
background-image: none;<br />
background-origin: padding-box;<br />
background-position: -10px center;<br />
background-repeat: no-repeat;<br />
background-size: auto auto;<br />
border-bottom-left-radius: 10px;<br />
border-bottom-right-radius: 10px;<br />
border: 2px solid black;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
display: inline-block;<br />
height: 20px;<br />
line-height: 0;<br />
margin-bottom: 1px;<br />
margin-left: 3px;<br />
margin-right: 3px;<br />
margin-top: 1px;<br />
padding-bottom: 2px;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
padding-top: 2px;<br />
text-align: center;<br />
}<br />
<br />
div.vectorTabs ul li#ca-nstab-mediawiki,<br />
div.vectorTabs ul li#ca-view, <br />
div.vectorTabs ul li#ca-viewsource {<br />
background-clip: border-box;<br />
background-color: #FF4550;<br />
background-image: none;<br />
background-origin: padding-box;<br />
background-position: -10px center;<br />
background-repeat: no-repeat;<br />
background-size: auto auto;<br />
border-bottom-left-radius: 10px;<br />
border-bottom-right-radius: 10px;<br />
border: 2px solid black;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
display: inline-block;<br />
height: 20px;<br />
line-height: 0;<br />
margin-bottom: 1px;<br />
margin-left: 3px;<br />
margin-right: 3px;<br />
margin-top: 1px;<br />
padding-bottom: 2px;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
padding-top: 2px;<br />
text-align: center;<br />
}<br />
<br />
div.vectorTabs, <br />
div.vectorTabs ul, <br />
div.vectorTabs span, <br />
background-image: none;<br />
}<br />
<br />
#ca-unwatch.icon a {<br />
background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNjMmVkZmYiLz48c3RvcCBvZmZzZXQ9Ii41IiBzdG9wLWNvbG9yPSIjNjhiZGZmIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZmZmIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgeDE9IjEzLjQ3IiB5MT0iMTQuMzYzIiB4Mj0iNC41OTYiIHkyPSIzLjM5NyIgaWQ9ImIiIHhsaW5rOmhyZWY9IiNhIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIvPjwvZGVmcz48cGF0aCBkPSJNOC4xMDMgMS4xNDZsMi4xNzUgNC40MDggNC44NjQuNzA3LTMuNTIgMy40MzEuODMxIDQuODQ1LTQuMzUxLTIuMjg3LTQuMzUxIDIuMjg3LjgzMS00Ljg0NS0zLjUyLTMuNDMxIDQuODY0LS43MDd6IiBmaWxsPSJ1cmwoI2IpIiBzdHJva2U9IiM3Y2I1ZDEiIHN0cm9rZS13aWR0aD0iMC45OTk5MTk5OTk5OTk5OTk5Ii8+PC9zdmc+");<br />
}<br />
<br />
div#p-cactions div.menu ul li a {<br />
background: none repeat scroll 0 0 transparent;<br />
border: medium none;<br />
color: #1A673D;<br />
}<br />
<br />
div#mw-head div.vectorMenu h4, <br />
div#p-variants.vectorMenu #mw-vector-current-variant {<br />
border: medium none;<br />
display: inline-block;<br />
float: left;<br />
font-size: 0.8em;<br />
font-weight: normal;<br />
padding-left: 0.5em;<br />
padding-top: 1.22em;<br />
color: #FFFFFF;<br />
font-size: 0.8em;<br />
text-transform: uppercase;<br />
font-family: "OpenSans-Light";<br />
line-height: 7px;<br />
}<br />
<br />
div.vectorTabs, <br />
div.vectorTabs span, <br />
div.vectorTabs li a {<br />
background-image: none;<br />
text-transform: uppercase;<br />
margin-top: -3px;<br />
}<br />
<br />
div.vectorTabs ul {<br />
background: transparent;<br />
}<br />
<br />
div.vectorTabs ul li, <br />
div.vectorTabs ul li.selected {<br />
background: transparent;<br />
border: none;<br />
margin-top: -5px;<br />
}<br />
<br />
div.vectorTabs ul li span, <br />
div.vectorTabs ul li.selected span {<br />
background: transparent;<br />
border: none;<br />
}<br />
<br />
div.vectorTabs li span a {<br />
color: #FFFFFF;<br />
}<br />
<br />
div.vectorTabs span a:visited {<br />
color: #FFFFFF;<br />
}<br />
<br />
div.vectorTabs li span a:hover, <br />
div.vectorTabs span a:visited:hover {<br />
color: #1A673D;<br />
}<br />
<br />
div.vectorTabs li.selected span a {<br />
color: #FFFFFF !important;<br />
}<br />
<br />
div.vectorTabs li.new span a {<br />
}<br />
<br />
div.vectorTabs li.new span a:visited {<br />
}<br />
<br />
div.vectorTabs li.new span a:hover, <br />
div.vectorTabs li.new span a:visited:hover {<br />
}<br />
<br />
div.vectorTabs span a:active {<br />
color: #1A673D;<br />
}<br />
<br />
div.vectorMenu ul {<br />
background: #000000;<br />
border: 1px solid #434647;<br />
}<br />
<br />
div#p-cactions h5 {<br />
background: transparent;<br />
}<br />
<br />
div.vectorMenu h5 a {<br />
border: none;<br />
background: transparent;<br />
}<br />
<br />
div#p-cactions div.menu ul {<br />
border: 1px solid #3C130E;<br />
background: #FF81A4;<br />
color: #E3E236;<br />
}<br />
<br />
div#p-cactions div.menu ul li a {<br />
background: transparent;<br />
border: none;<br />
color: white;<br />
}<br />
<br />
<br />
div#simpleSearch {<br />
width: 10em;<br />
margin-right: 1em;<br />
}<br />
<br />
div#mw-head a, <br />
.vectorTabs li a span, <br />
div#mw-head div.vectorTabs a, <br />
div#mw-head div.vectorMenu a {<br />
color: white;<br />
text-shadow: 1px 1px black;<br />
}<br />
<br />
div.vectorMenu {<br />
background-image: none;<br />
background-position: 100% 20%;<br />
background-repeat: no-repeat;<br />
cursor: pointer;<br />
direction: ltr;<br />
float: left;<br />
transition-delay: 0s;<br />
transition-duration: 250ms;<br />
transition-property: background-position;<br />
transition-timing-function: ease;<br />
}<br />
<br />
div.vectorMenu div.menu {<br />
border:2px solid #380E08;<br />
clear: both;<br />
left: -1px;<br />
min-width: 100%;<br />
position: absolute;<br />
text-align: center;<br />
top: 30px;<br />
z-index: 1;<br />
border-radius:5px;<br />
background-color: #FF84A6;<br />
}<br />
<br />
#p-sharing #socialIconImages img {<br />
box-sizing: content-box;<br />
width: 50%;<br />
}<br />
<br />
/* Sidebar */<br />
div#mw-panel div.portal,<br />
div#mw-panel div.portal div.body,<br />
#mw-panel.collapsible-nav .portal {<br />
background-image: none; /* Optional! This removes the lines be horizontal lines between the portals */<br />
}<br />
<br />
div#mw-panel div.portal div.body ul li a,<br />
div#mw-panel div.portal div.body ul li a:visited {<br />
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 */<br />
}<br />
<br />
div#mw-panel div.portal h3,<br />
div#mw-panel div.portal h3:visited,<br />
#mw-panel.collapsible-nav .portal h3 a,<br />
#mw-panel.collapsible-nav .portal h3 a:visited,<br />
#mw-panel.collapsible-nav .portal.collapsed h3 a,<br />
#mw-panel.collapsible-nav .portal.collapsed h3 a:visited {<br />
-webkit-text-stroke: 1px black;<br />
color: #FF85A9;<br />
text-shadow:<br />
2px 2px 0 #000,<br />
-1px -1px 0 #000, <br />
1px -1px 0 #000,<br />
-1px 1px 0 #000,<br />
1px 1px 0 #000;<br />
font-weight: bold; /* Optional, to make the labels stand out */<br />
text-transform: uppercase; /* Optional, to make the labels stand out */<br />
font-size:102%;<br />
<br />
}<br />
<br />
#mw-panel.collapsible-nav .portal.collapsed h3 {<br />
background-image: linear-gradient(transparent, transparent), url(https://birthdaysthebeginning.gamepedia.com/media/birthdaysthebeginning.gamepedia.com/1/1b/Dino1.png);<br />
background-position: left center;<br />
background-repeat: no-repeat;<br />
color: #0645ad;<br />
background-size: 25px auto;<br />
}<br />
<br />
#mw-panel.collapsible-nav .portal h3 {<br />
background-image: linear-gradient(transparent, transparent), url(https://birthdaysthebeginning.gamepedia.com/media/birthdaysthebeginning.gamepedia.com/9/95/Dino2.png);<br />
background-position: left center;<br />
background-repeat: no-repeat;<br />
padding-bottom: 3px;<br />
padding-left: 1.5em;<br />
padding-right: 0;<br />
padding-top: 4px;<br />
background-size: 25px auto;<br />
}<br />
<br />
div#mw-panel div#p-socialProfiles.portal .body {<br />
margin: auto;<br />
}<br />
<br />
.socialSidebar {<br />
width: auto;<br />
max-width: 100%;<br />
}<br />
<br />
/* Wiki editor fixes */<br />
div.wikiEditor-preview-contents,<br />
div.wikiEditor-preview-loading {<br />
background-color: transparent;<br />
}<br />
<br />
.wikiEditor-ui {<br />
background: rgba(0, 0, 0, 0);<br />
border: medium none;<br />
}<br />
<br />
.wikiEditor-ui .wikiEditor-ui-view {<br />
border-bottom: medium none;<br />
border-left: 1px solid #202020;<br />
border-right: 1px solid #202020;<br />
border-top : medium none;<br />
}<br />
<br />
div.wikiEditor-ui-buttons {<br />
background-color: rgba(0, 0, 0, 0);<br />
border-top: medium none;<br />
margin-right: 5px;<br />
}<br />
<br />
div.wikiEditor-ui-controls {<br />
background-color: rgba(0, 0, 0, 0);<br />
border-bottom: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-tabs {<br />
background-color: orange;<br />
border-left: 1px solid #202020;<br />
border-top: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-tabs div {<br />
background-color: orange;<br />
border-right: 1px solid #202020;<br />
border-bottom: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-tabs div a {<br />
background: orange; /* you can use a gradient here if you want to match your vector tabs or get fancy */<br />
color: #202020;<br />
}<br />
<br />
.wikiEditor-ui-tabs div.current {<br />
background-color: #FF7727;<br />
border-bottom: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-tabs div.current a {<br />
color: white; /* depends on your tabs bg & how different you wish the current tab and text to appear */<br />
font-weight: bold; /* optional to make it stand out */<br />
}<br />
<br />
.wikiEditor-ui .wikiEditor-ui-top {<br />
border-bottom: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-toolbar {<br />
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);<br />
}<br />
<br />
.wikiEditor-ui-toolbar .group {<br />
border-right: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .group-search {<br />
border-left: 1px solid #202020;<br />
border-right: none;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .group .label {<br />
color: black;<br />
}<br />
<br />
.tab {<br />
border-color: rgba(0, 0, 0, 0);<br />
}<br />
<br />
.wikiEditor-ui-toolbar .tabs span.tab a,<br />
.wikiEditor-ui-toolbar .tabs span.tab a:visited {<br />
color: black;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .tabs span.tab a.current,<br />
.wikiEditor-ui-toolbar .tabs span.tab a.current:visited {<br />
color: black;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .group .tool-select .label {<br />
color: #000000; /* or any other dark colour, or change the bg to a dark colour to contrast with light text */<br />
}<br />
<br />
.wikiEditor-ui-toolbar .sections .section {<br />
background-color: rgba(0, 0, 0, 0.2);<br />
border-top: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .booklet .index div {<br />
color: #202020;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .booklet .index .current {<br />
background-color: orange;<br />
color: #202020;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .booklet .pages {<br />
background-color: orange;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .page-characters div span {<br />
border: 1px solid #202020;<br />
color: #202020;<br />
background:white;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .page-characters div span:hover {<br />
background-color: rgba(255, 255, 255, 0.3);<br />
border-color: #202020;<br />
color: #FF7796;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .page-table td {<br />
border-top: 1px solid #202020;<br />
color: #202020;<br />
}<br />
<br />
.wikiEditor-preview-loading {<br />
background-color: rgba(0, 0, 0, 0);<br />
}<br />
<br />
.wikiEditor-preview-contents {<br />
background-color: rgba(0, 0, 0, 0);<br />
border-color: -moz-use-text-color #202020 #202020;<br />
border-image: none;<br />
border-style: none solid solid;<br />
border-width: medium 1px 1px;<br />
}<br />
<br />
.editOptions { <br />
background-color: rgba(255,255,255,0.5);<br />
border-color: -moz-use-text-color #202020 #202020;<br />
border-image: none;<br />
border-style: none solid solid;<br />
border-width: medium 1px 1px;<br />
}<br />
<br />
/* Preferences */<br />
.client-js #preftoc {<br />
background-color: rgba(255, 255, 255, 0.5);<br />
border: 0px;<br />
}<br />
<br />
.client-js #preftoc,<br />
.client-js #preftoc li, <br />
.client-js #preferences, <br />
.client-js #preftoc li a {<br />
background-image: none;<br />
background-color: transparent;<br />
color: #666666; /* this font color may need tweaking, depending on your background choices */<br />
}<br />
<br />
.client-js #preftoc li:first-child {<br />
margin-bottom: 1px;<br />
margin-left: 5px;<br />
}<br />
<br />
.client-js #preftoc li.selected a {<br />
background-color: rgba(255, 255, 255, 0.5);<br />
background-image: none;<br />
border-color: #aaaaaa #aaaaaa rgba(255, 255, 255, 0.5);<br />
border-style: solid;<br />
border-width: 1px;<br />
color: #000000; /* this font color may need tweaking, depending on your background choices */<br />
}<br />
<br />
.client-js #preferences {<br />
background-color: rgba(255, 255, 255, 0.5);<br />
border: 1px solid #aaaaaa;<br />
}<br />
<br />
.client-js #preferences fieldset {<br />
border-color: #aaaaaa;<br />
}<br />
<br />
<br />
/* Page history */<br />
#pagehistory li {<br />
background-color: rgba(0, 0, 0, 0);<br />
border: none;<br />
padding: 3px;<br />
}<br />
<br />
#pagehistory li.selected {<br />
background-color: rbga(0, 0, 0, 0);<br />
background-image: none;<br />
border: 1px dashed #aaaaaa;<br />
padding: 3px;<br />
}<br />
<br />
table.diff {<br />
background: transparent;<br />
}<br />
<br />
td.diff-context {<br />
background: none repeat scroll 0 0 transparent;<br />
color: #000000; /* this font colour may need tweaking depending on your choice of background */<br />
}<br />
<br />
td.diff-deletedline {<br />
background-color: #FFE49C;<br />
border-color: #FFE49C;<br />
color: #000000;<br />
}<br />
<br />
td.diff-addedline {<br />
background-color: #A3D3FF;<br />
border-color: #A3D3FF;<br />
color: #000000;<br />
}<br />
<br />
<br />
/* for "edit this page" tab and "discussion" tab etc */<br />
.pagetab {<br />
border-style: solid solid none;<br />
border-width: thin;<br />
border-color: #808080;<br />
padding:0.25ex 1ex 0ex;<br />
font-size: 95%;<br />
}<br />
<br />
.ambox {<br />
background-color: #eeeeee;<br />
border-bottom-color: #383838;<br />
border-right-color: #383838;<br />
border-top-color: #383838;<br />
border-collapse: collapse;<br />
font-size: 95%;<br />
margin: 0 auto 2px auto;<br />
width: 80%;<br />
}<br />
<br />
.ambox-gray {<br />
border-left-color: #383838;<br />
}<br />
<br />
.ambox.ambox-tiny {<br />
font-size: 90%;<br />
margin: 2px 0;<br />
width: auto;<br />
}<br />
<br />
.ambox + .ambox {<br />
margin-top: -2px;<br />
}<br />
<br />
.ambox-text {<br />
padding: 0.25em 0.5em;<br />
}<br />
<br />
.ambox-image {<br />
padding: 2px 0px 2px 0.5em;<br />
text-align: center;<br />
width: 60px;<br />
}<br />
<br />
.ambox-tiny .ambox-image {<br />
padding: 2px 0.5em;<br />
text-align: left;<br />
width: auto;<br />
}<br />
<br />
/* Ambox colors */<br />
.ambox-blue {<br />
border-left: 10px solid #1e90ff;<br />
}<br />
<br />
.ambox-red {<br />
border-left: 10px solid #b22222;<br />
}<br />
<br />
.ambox-orange {<br />
border-left: 10px solid #f28500;<br />
}<br />
<br />
.ambox-yellow {<br />
border-left: 10px solid #f4c430;<br />
}<br />
<br />
.ambox-purple {<br />
border-left: 10px solid #9932cc;<br />
}<br />
<br />
.ambox-gray {<br />
border-left: 10px solid #bba;<br />
}<br />
<br />
.ambox-green {<br />
border-left: 10px solid #228b22;<br />
}<br />
<br />
/* Ambox small text */<br />
.amsmalltext {<br />
font-size: smaller;<br />
margin-left:0.8em;<br />
margin-top:0.5em;<br />
}<br />
<br />
/* INFOBOXES: game or book depended color style */<br />
.infoboxtable {<br />
background-color: #103f63;<br />
border: 1px solid #0e395a;<br />
color: #56d7ed;<br />
float: right;<br />
font-size: 89%; <br />
margin-bottom: 0.5em; <br />
margin-left: 1em; <br />
padding: 0.2em; <br />
width: 300px;<br />
}<br />
<br />
.infoboxtable td {<br />
vertical-align: top;<br />
}<br />
<br />
.infoboxtable a,<br />
.infoboxtable a:link,<br />
.infoboxtable a:visited {<br />
color: gray;<br />
vertical-align: top;<br />
}<br />
<br />
.infoboxtable td > div {<br />
background-color: transparent;<br />
font-weight: bold;<br />
padding: 0.5px 7px;<br />
text-align: right;<br />
width:135px;<br />
}<br />
<br />
.infoboxname {<br />
font-size: 120%; <br />
font-weight: bold;<br />
padding: 0.5em; <br />
font-family: "OpenSans-Semibold";<br />
background-attachment: scroll;<br />
background-clip: border-box;<br />
background-color: rgba(0, 0, 0, 0);<br />
background-image: url("https://birthdaysthebeginning.gamepedia.com/media/birthdaysthebeginning.gamepedia.com/3/3a/Bg_stripes.png");<br />
background-origin: padding-box;<br />
background-position-y: center;<br />
background-repeat: repeat;<br />
background-size: 100% 100%;<br />
height: 20px;<br />
}<br />
<br />
.infoboxdetails {<br />
padding: 0em;<br />
}<br />
<br />
/* copyright images tweak */<br />
.copyright-icon {<br />
background: url("https://commons.gamepedia.com/media/commons.gamepedia.com/thumb/b/b6/Copyright.png/32px-Copyright.png") transparent center center no-repeat;<br />
background-size: 100%;<br />
width: 32px;<br />
height: 32px;<br />
}<br />
<br />
div#simpleSearch {<br />
-moz-border-bottom-colors: none;<br />
-moz-border-left-colors: none;<br />
-moz-border-right-colors: none;<br />
-moz-border-top-colors: none;<br />
background-color: white;<br />
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAQCAIAAABY/YLgAAAAJUlEQVQIHQXBsQEAAAjDoND/73UWdnerhmHVsDQZJrNWVg3Dqge6bgMe6bejNAAAAABJRU5ErkJggg==");<br />
background-position: left top;<br />
background-repeat: repeat-x;<br />
border-bottom-color: #aaa;<br />
border-bottom-left-radius: 10px;<br />
border-bottom-right-radius: 10px;<br />
border-bottom-style: solid;<br />
border-bottom-width: 1px;<br />
border-image-outset: 0 0 0 0;<br />
border-image-repeat: stretch stretch;<br />
border-image-slice: 100% 100% 100% 100%;<br />
border-image-source: none;<br />
border-image-width: 1 1 1 1;<br />
border-left-color: #aaa;<br />
border-left-style: solid;<br />
border-left-width: 1px;<br />
border-right-color: #aaa;<br />
border-right-style: solid;<br />
border-right-width: 1px;<br />
border-top-color: #aaa;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
border-top-style: solid;<br />
border-top-width: 1px;<br />
color: black;<br />
display: block;<br />
height: 1.4em;<br />
margin-top: -0.4em;<br />
max-width: 20em;<br />
min-height: 1px;<br />
min-width: 5em;<br />
padding-right: 1.4em;<br />
position: relative;<br />
}<br />
<br />
/* footer */<br />
div#footer {<br />
background: none repeat scroll 0 0 rgba(209, 247, 253, 0.8);<br />
border:none;<br />
box-shadow: 0 0.1em 0.75em white;<br />
color: black;<br />
margin-left: 11em;<br />
padding-bottom: 1.25em;<br />
padding-left: 1.25em;<br />
padding-right: 1.25em;<br />
padding-top: 1.25em;<br />
margin-top: 10px;<br />
}<br />
<br />
#toc #toctitle, <br />
.toc #toctitle, <br />
#toc .toctitle, <br />
.toc .toctitle {<br />
text-align: center;<br />
color: #ff85a9;<br />
font-size: 102%;<br />
font-weight: bold;<br />
text-transform: uppercase;<br />
background-color: #e3e236;<br />
border:1px solid #380E08;<br />
border-radius: 5px;<br />
padding:3px;<br />
}<br />
<br />
#toc, <br />
.toc {<br />
border-bottom-left-radius: 10px;<br />
border-bottom-right-radius: 10px;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
display: table;<br />
padding-bottom: 7px;<br />
padding-left: 7px;<br />
padding-right: 7px;<br />
padding-top: 7px;<br />
border:2px solid #380E08;<br />
}<br />
<br />
.mw-body #toc h2, <br />
.mw-body .toc h2 {<br />
font-family: sans-serif;<br />
font-size: 100%;<br />
color: black;<br />
font-weight: bold;<br />
}<br />
<br />
/* Tables */<br />
table.wikitable > tr > th, table.wikitable > * > tr > th {<br />
background-color: #ff7b9c;<br />
font-family: "OpenSans-Semibold";<br />
color: black;<br />
text-align: center;<br />
}<br />
<br />
table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {<br />
border: 1px solid #380E08;<br />
padding-bottom: 0.2em;<br />
padding-left: 0.4em;<br />
padding-right: 0.4em;<br />
padding-top: 0.2em;<br />
}<br />
<br />
table.wikitable > tr > td, <br />
table.wikitable > * > tr > td {<br />
background: #E3E236;<br />
padding-bottom: 0.2em;<br />
padding-left: 0.4em;<br />
padding-right: 0.4em;<br />
padding-top: 0.2em;<br />
}<br />
<br />
<br />
/********************************/<br />
/* Front page appearance styles */<br />
/********************************/<br />
.fpbox .mainheading {<br />
border: 0;<br />
}<br />
<br />
.fpbox {<br />
background: rgba(0, 0, 0, 0.1);<br />
border-radius: 5px;<br />
border: 1px solid black;<br />
box-shadow: 0 0.1em 0.75em #AF9CBB;<br />
color: black; /* change for hydra (light) wikis */<br />
margin: 5px 5px 5px 5px;<br />
padding: 5px 5px 5px 5px;<br />
}<br />
<br />
.fpbox .welcome {<br />
border-bottom: 1px solid #505050;<br />
color: black; /* change for hydra (light) wikis */<br />
font-size: 150%;<br />
margin: 0 0 10px 0;<br />
padding: 0 0 5px 0;<br />
text-transform: uppercase;<br />
text-align: center;<br />
}<br />
<br />
.fpbox .heading {<br />
border-bottom: 1px solid #505050;<br />
color: black; /* change for hydra (light) wikis */<br />
font-size: 132%;<br />
font-variant: small-caps;<br />
margin: 0 0 10px 0;<br />
padding: 0 0 5px 0;<br />
background: #ff7727 linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0;<br />
font-family: "OpenSans-Bold";<br />
}<br />
<br />
.fplink:not(.fplink-plain) {<br />
background: #ff7727 linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0;<br />
border: 1px solid black;<br />
border-radius: 3px;<br />
box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.2);<br />
color: black;<br />
font-weight: bold;<br />
text-transform: uppercase;<br />
font-family: "OpenSans-Bold", "sans-serif";<br />
}<br />
<br />
.fplink-fullwidth .fplink:not(.fplink-plain) {<br />
background: rgba(0,0,0,0.4);<br />
}<br />
<br />
.linkslabel {<br />
border-bottom: 2px solid #505050;<br />
}<br />
<br />
/************************************/<br />
/* Front page appearance styles END */<br />
/************************************/<br />
<br />
<br />
/* Other element styles */<br />
<br />
.mw-search-profile-tabs {<br />
border: 1px solid #9d5d0b;<br />
background-color: #ffbf6c;<br />
margin-top: 1em;<br />
}<br />
<br />
.mw-search-profile-tabs div.search-types ul li.current a {<br />
color: gray;<br />
cursor: default;<br />
}</div>
Encredechine
https://happybirthdays.fandom.com/wiki/MediaWiki:Hydra.css?diff=5943
MediaWiki:Hydra.css
2020-11-04T13:12:53Z
<p>Encredechine: add some light blueish tint to reduce that harsh brightness</p>
<hr />
<div>/* CSS placed here will affect users of the Hydra skin */<br />
/* For elements which only display in the mobile view */<br />
.mobileonly {<br />
display: none;<br />
}<br />
<br />
/* fonts */<br />
@font-face {<br />
font-family: 'OpenSans-Bold';<br />
src: local('OpenSans-Bold'), local('OpenSans-Bold'), url(/media/hydra/fonts/OpenSans-Bold.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-BoldItalic';<br />
src: local('OpenSans-BoldItalic'), local('OpenSans-BoldItalic'), url(/media/hydra/fonts/OpenSans-BoldItalic.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-ExtraBold';<br />
src: local('OpenSans-ExtraBold'), local('OpenSans-ExtraBold'), url(/media/hydra/fonts/OpenSans-ExtraBold.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-ExtraBoldItalic';<br />
src: local('OpenSans-ExtraBoldItalic'), local('OpenSans-ExtraBoldItalic'), url(/media/hydra/fonts/OpenSans-ExtraBoldItalic.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-Italic';<br />
src: local('OpenSans-Italic'), local('OpenSans-Italic'), url(/media/hydra/fonts/OpenSans-Italic.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-Light';<br />
src: local('OpenSans-Light'), local('OpenSans-Light'), url(/media/hydra/fonts/OpenSans-Light.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-LightItalic';<br />
src: local('OpenSans-LightItalic'), local('OpenSans-LightItalic'), url(/media/hydra/fonts/OpenSans-LightItalic.ttf) format('truetype');<br />
}<br />
<br />
<br />
@font-face {<br />
font-family: 'OpenSans-Regular';<br />
src: local('OpenSans-Regular'), local('OpenSans-Regular'), url(/media/hydra/fonts/OpenSans-Regular.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-Semibold';<br />
src: local('OpenSans-Semibold'), local('OpenSans-Semibold'), url(/media/hydra/fonts/OpenSans-Semibold.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-SemiboldItalic';<br />
src: local('OpenSans-SemiboldItalic'), local('OpenSans-SemiboldItalic'), url(/media/hydra/fonts/OpenSans-SemiboldItalic.ttf) format('truetype');<br />
}<br />
<br />
p {<br />
font-family: "OpenSans-Regular";<br />
}<br />
<br />
/* links */<br />
a, <br />
a:visited,<br />
div#content a.extiw,<br />
div#content a.extiw:visited,<br />
div#content a.external, <br />
div#content a.external:visited {<br />
color: #be5b20;<br />
font-family: "OpenSans-Semibold";<br />
}<br />
<br />
a:hover {<br />
color: #f7813d;<br />
}<br />
<br />
<br />
ul {<br />
list-style-type: disc;<br />
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);<br />
} <br />
<br />
/* Hide main page header */<br />
body.page-Happy_Birthdays_Wiki h1.firstHeading {<br />
display:none;<br />
}<br />
<br />
body {<br />
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);<br />
-webkit-background-size: cover;<br />
-o-background-size: cover;<br />
-moz-background-size: cover;<br />
}<br />
<br />
#pageWrapper { <br />
padding-right: 1em;<br />
}<br />
<br />
#mw-page-base {<br />
background-color: transparent;<br />
background-image: none;<br />
background-position: left bottom;<br />
background-repeat: repeat-x;<br />
height: 5em;<br />
}<br />
<br />
/* Logo */<br />
#p-logo a {<br />
background-position: center center;<br />
background-repeat: no-repeat;<br />
background-size: 99% auto;<br />
display: block;<br />
height: 160px;<br />
text-decoration-color: -moz-use-text-color;<br />
text-decoration-line: none;<br />
text-decoration-style: solid;<br />
width: 10em;<br />
}<br />
<br />
/* Content */<br />
div#content {<br />
background: none repeat scroll 0 0 rgba(209, 247, 253, 0.8);<br />
box-shadow: 0 0.1em 0.75em white;<br />
color: black;<br />
margin-left: 11em;<br />
margin-top: 0em;<br />
border: none;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
}<br />
<br />
.mw-body .firstHeading,<br />
.mw-body h1, <br />
.mw-body h2 {<br />
border-bottom-color: #380e08;<br />
border-bottom-style: solid;<br />
border-bottom-width: 1px;<br />
color: #380e08;<br />
font-family: sans-serif;<br />
font-weight:bold;<br />
}<br />
<br />
.mw-body h3, <br />
.mw-body h4, <br />
.mw-body h5, <br />
.mw-body h6 {<br />
color: #380e08;<br />
font-family: sans-serif;<br />
}<br />
<br />
/* images */<br />
img.thumbborder {<br />
border:1px solid #380E08;<br />
margin:5px;<br />
}<br />
<br />
/* Vector Tab styles */<br />
#left-navigation {<br />
margin-left: 11.5em;<br />
}<br />
<br />
#right-navigation {<br />
margin-right: 1em;<br />
}<br />
<br />
/* removes the divider */<br />
div.vectorTabs, <br />
div.vectorTabs ul, <br />
div.vectorTabs span, <br />
div#mw-head div.vectorMenu h3 {<br />
background-image: none;<br />
}<br />
<br />
div.vectorMenu h3 {<br />
background-attachment: scroll;<br />
background-clip: border-box;<br />
background-color: #ff7727;<br />
background-image: none;<br />
background-origin: padding-box;<br />
background-position: -10px center;<br />
background-repeat: no-repeat;<br />
background-size: auto auto;<br />
border-bottom-left-radius: 10px;<br />
border-bottom-right-radius: 10px;<br />
border: 2px solid black;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
display: inline-block;<br />
height: 20px;<br />
line-height: 0;<br />
margin-bottom: 1px;<br />
margin-left: 3px;<br />
margin-right: 3px;<br />
margin-top: 1px;<br />
padding-bottom: 2px;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
padding-top: 2px;<br />
text-align: center;<br />
}<br />
<br />
/* share and more */<br />
div.vectorMenu h3 span {<br />
display: block;<br />
font-size: 0.8em;<br />
font-weight: normal;<br />
margin-right: 20px;<br />
padding-left: 0.7em;<br />
padding-top: 1em;<br />
text-transform: uppercase;<br />
color: white;<br />
text-shadow:1px 1px black;<br />
font-family: "OpenSans-Semibold";<br />
}<br />
<br />
div.vectorMenu h3 a {<br />
background-image: url(https://birthdaysthebeginning.gamepedia.com/media/birthdaysthebeginning.gamepedia.com/1/1b/Dino1.png);<br />
background-color: transparent;<br />
background-position: 100% 70%;<br />
background-repeat: no-repeat;<br />
height: 2.5em;<br />
position: absolute;<br />
right: 0;<br />
top: -10px;<br />
transition-delay: 0s;<br />
transition-duration: 250ms;<br />
transition-property: background-position;<br />
transition-timing-function: ease;<br />
width: 20px;<br />
background-size:25px auto;<br />
}<br />
<br />
div.vectorMenu h3 a:hover {<br />
background-image: url(https://birthdaysthebeginning.gamepedia.com/media/birthdaysthebeginning.gamepedia.com/9/95/Dino2.png);<br />
background-color: transparent;<br />
background-position: 100% 70%;<br />
background-repeat: no-repeat;<br />
height: 2.5em;<br />
position: absolute;<br />
right: 0;<br />
top: -10px;<br />
width: 20px;<br />
background-size:25px auto;<br />
}<br />
<br />
div#mw-head div.vectorMenu h3 {<br />
background-position: right bottom;<br />
background-repeat: no-repeat;<br />
float: left;<br />
font-size: 1em;<br />
height: 1.5em;<br />
margin-right: -1px;<br />
margin-top: -2px;<br />
padding-right: 1px;<br />
}<br />
<br />
/* more about tabs */<br />
div.vectorTabs {<br />
background: transparent;<br />
}<br />
<br />
div.vectorTabs ul li {<br />
}<br />
<br />
div.vectorTabs ul li#ca-contribs, <br />
div.vectorTabs ul li#ca-ve-edit {<br />
background-attachment: scroll;<br />
background-clip: border-box;<br />
background-color: #ff7727;<br />
background-image: none;<br />
background-origin: padding-box;<br />
background-position: -10px center;<br />
background-repeat: no-repeat;<br />
background-size: auto auto;<br />
border-bottom-left-radius: 10px;<br />
border-bottom-right-radius: 10px;<br />
border: 2px solid black;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
display: inline-block;<br />
height: 20px;<br />
line-height: 0;<br />
margin-bottom: 1px;<br />
margin-left: 3px;<br />
margin-right: 3px;<br />
margin-top: 1px;<br />
padding-bottom: 2px;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
padding-top: 2px;<br />
text-align: center;<br />
}<br />
<br />
div.vectorTabs ul li#ca-edit {<br />
background-attachment: scroll;<br />
background-clip: border-box;<br />
background-color: #00F2FF;<br />
background-image: none;<br />
background-origin: padding-box;<br />
background-position: -10px center;<br />
background-repeat: no-repeat;<br />
background-size: auto auto;<br />
border-bottom-left-radius: 10px;<br />
border-bottom-right-radius: 10px;<br />
border: 2px solid black;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
display: inline-block;<br />
height: 20px;<br />
line-height: 0;<br />
margin-bottom: 1px;<br />
margin-left: 3px;<br />
margin-right: 3px;<br />
margin-top: 1px;<br />
padding-bottom: 2px;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
padding-top: 2px;<br />
text-align: center;<br />
}<br />
<br />
div.vectorTabs ul li#ca-history {<br />
background-attachment: scroll;<br />
background-clip: border-box;<br />
background-color: #74FF37;<br />
background-image: none;<br />
background-origin: padding-box;<br />
background-position: -10px center;<br />
background-repeat: no-repeat;<br />
background-size: auto auto;<br />
border-bottom-left-radius: 10px;<br />
border-bottom-right-radius: 10px;<br />
border: 2px solid black;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
display: inline-block;<br />
height: 20px;<br />
line-height: 0;<br />
margin-bottom: 1px;<br />
margin-left: 3px;<br />
margin-right: 3px;<br />
margin-top: 1px;<br />
padding-bottom: 2px;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
padding-top: 2px;<br />
text-align: center;<br />
}<br />
<br />
<br />
div.vectorTabs ul li#ca-nstab-main {<br />
background-attachment: scroll;<br />
background-clip: border-box;<br />
background-color: #FF5CFF;<br />
background-image: none;<br />
background-origin: padding-box;<br />
background-position: -10px center;<br />
background-repeat: no-repeat;<br />
background-size: auto auto;<br />
border-bottom-left-radius: 10px;<br />
border-bottom-right-radius: 10px;<br />
border: 2px solid black;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
display: inline-block;<br />
height: 20px;<br />
line-height: 0;<br />
margin-bottom: 1px;<br />
margin-left: 3px;<br />
margin-right: 3px;<br />
margin-top: 1px;<br />
padding-bottom: 2px;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
padding-top: 2px;<br />
text-align: center;<br />
}<br />
<br />
div.vectorTabs ul li#ca-nstab-image, <br />
div.vectorTabs ul li#ca-nstab-special, <br />
div.vectorTabs ul li#ca-nstab-help, <br />
div.vectorTabs ul li#ca-nstab-category, <br />
div.vectorTabs ul li#ca-nstab-template, <br />
div.vectorTabs ul li#ca-nstab-project, <br />
div.vectorTabs ul li#ca-nstab-user, <br />
div.vectorTabs ul li#ca-user, <br />
div.vectorTabs ul li#ca-user_talk, <br />
div.vectorTabs ul li#ca-user_profile, <br />
div.vectorTabs ul li#ca-userprofile, <br />
div.vectorTabs ul li#ca-user_wiki {<br />
background-attachment: scroll;<br />
background-clip: border-box;<br />
background-color: #ff7727;<br />
background-image: none;<br />
background-origin: padding-box;<br />
background-position: -10px center;<br />
background-repeat: no-repeat;<br />
background-size: auto auto;<br />
border-bottom-left-radius: 10px;<br />
border-bottom-right-radius: 10px;<br />
border: 2px solid black;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
display: inline-block;<br />
height: 20px;<br />
line-height: 0;<br />
margin-bottom: 1px;<br />
margin-left: 3px;<br />
margin-right: 3px;<br />
margin-top: 1px;<br />
padding-bottom: 2px;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
padding-top: 2px;<br />
text-align: center;<br />
}<br />
<br />
div.vectorTabs ul li#ca-talk {<br />
background-attachment: scroll;<br />
background-clip: border-box;<br />
background-color: #E3E236;<br />
background-image: none;<br />
background-origin: padding-box;<br />
background-position: -10px center;<br />
background-repeat: no-repeat;<br />
background-size: auto auto;<br />
border-bottom-left-radius: 10px;<br />
border-bottom-right-radius: 10px;<br />
border: 2px solid black;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
display: inline-block;<br />
height: 20px;<br />
line-height: 0;<br />
margin-bottom: 1px;<br />
margin-left: 3px;<br />
margin-right: 3px;<br />
margin-top: 1px;<br />
padding-bottom: 2px;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
padding-top: 2px;<br />
text-align: center;<br />
}<br />
<br />
div.vectorTabs ul li#ca-nstab-mediawiki,<br />
div.vectorTabs ul li#ca-view, <br />
div.vectorTabs ul li#ca-viewsource {<br />
background-clip: border-box;<br />
background-color: #FF4550;<br />
background-image: none;<br />
background-origin: padding-box;<br />
background-position: -10px center;<br />
background-repeat: no-repeat;<br />
background-size: auto auto;<br />
border-bottom-left-radius: 10px;<br />
border-bottom-right-radius: 10px;<br />
border: 2px solid black;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
display: inline-block;<br />
height: 20px;<br />
line-height: 0;<br />
margin-bottom: 1px;<br />
margin-left: 3px;<br />
margin-right: 3px;<br />
margin-top: 1px;<br />
padding-bottom: 2px;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
padding-top: 2px;<br />
text-align: center;<br />
}<br />
<br />
div.vectorTabs, <br />
div.vectorTabs ul, <br />
div.vectorTabs span, <br />
background-image: none;<br />
}<br />
<br />
#ca-unwatch.icon a {<br />
background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNjMmVkZmYiLz48c3RvcCBvZmZzZXQ9Ii41IiBzdG9wLWNvbG9yPSIjNjhiZGZmIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZmZmIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgeDE9IjEzLjQ3IiB5MT0iMTQuMzYzIiB4Mj0iNC41OTYiIHkyPSIzLjM5NyIgaWQ9ImIiIHhsaW5rOmhyZWY9IiNhIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIvPjwvZGVmcz48cGF0aCBkPSJNOC4xMDMgMS4xNDZsMi4xNzUgNC40MDggNC44NjQuNzA3LTMuNTIgMy40MzEuODMxIDQuODQ1LTQuMzUxLTIuMjg3LTQuMzUxIDIuMjg3LjgzMS00Ljg0NS0zLjUyLTMuNDMxIDQuODY0LS43MDd6IiBmaWxsPSJ1cmwoI2IpIiBzdHJva2U9IiM3Y2I1ZDEiIHN0cm9rZS13aWR0aD0iMC45OTk5MTk5OTk5OTk5OTk5Ii8+PC9zdmc+");<br />
}<br />
<br />
div#p-cactions div.menu ul li a {<br />
background: none repeat scroll 0 0 transparent;<br />
border: medium none;<br />
color: #1A673D;<br />
}<br />
<br />
div#mw-head div.vectorMenu h4, <br />
div#p-variants.vectorMenu #mw-vector-current-variant {<br />
border: medium none;<br />
display: inline-block;<br />
float: left;<br />
font-size: 0.8em;<br />
font-weight: normal;<br />
padding-left: 0.5em;<br />
padding-top: 1.22em;<br />
color: #FFFFFF;<br />
font-size: 0.8em;<br />
text-transform: uppercase;<br />
font-family: "OpenSans-Light";<br />
line-height: 7px;<br />
}<br />
<br />
div.vectorTabs, <br />
div.vectorTabs span, <br />
div.vectorTabs li a {<br />
background-image: none;<br />
text-transform: uppercase;<br />
margin-top: -3px;<br />
}<br />
<br />
div.vectorTabs ul {<br />
background: transparent;<br />
}<br />
<br />
div.vectorTabs ul li, <br />
div.vectorTabs ul li.selected {<br />
background: transparent;<br />
border: none;<br />
margin-top: -5px;<br />
}<br />
<br />
div.vectorTabs ul li span, <br />
div.vectorTabs ul li.selected span {<br />
background: transparent;<br />
border: none;<br />
}<br />
<br />
div.vectorTabs li span a {<br />
color: #FFFFFF;<br />
}<br />
<br />
div.vectorTabs span a:visited {<br />
color: #FFFFFF;<br />
}<br />
<br />
div.vectorTabs li span a:hover, <br />
div.vectorTabs span a:visited:hover {<br />
color: #1A673D;<br />
}<br />
<br />
div.vectorTabs li.selected span a {<br />
color: #FFFFFF !important;<br />
}<br />
<br />
div.vectorTabs li.new span a {<br />
}<br />
<br />
div.vectorTabs li.new span a:visited {<br />
}<br />
<br />
div.vectorTabs li.new span a:hover, <br />
div.vectorTabs li.new span a:visited:hover {<br />
}<br />
<br />
div.vectorTabs span a:active {<br />
color: #1A673D;<br />
}<br />
<br />
div.vectorMenu ul {<br />
background: #000000;<br />
border: 1px solid #434647;<br />
}<br />
<br />
div#p-cactions h5 {<br />
background: transparent;<br />
}<br />
<br />
div.vectorMenu h5 a {<br />
border: none;<br />
background: transparent;<br />
}<br />
<br />
div#p-cactions div.menu ul {<br />
border: 1px solid #3C130E;<br />
background: #FF81A4;<br />
color: #E3E236;<br />
}<br />
<br />
div#p-cactions div.menu ul li a {<br />
background: transparent;<br />
border: none;<br />
color: white;<br />
}<br />
<br />
<br />
div#simpleSearch {<br />
width: 10em;<br />
margin-right: 1em;<br />
}<br />
<br />
div#mw-head a, <br />
.vectorTabs li a span, <br />
div#mw-head div.vectorTabs a, <br />
div#mw-head div.vectorMenu a {<br />
color: white;<br />
text-shadow: 1px 1px black;<br />
}<br />
<br />
div.vectorMenu {<br />
background-image: none;<br />
background-position: 100% 20%;<br />
background-repeat: no-repeat;<br />
cursor: pointer;<br />
direction: ltr;<br />
float: left;<br />
transition-delay: 0s;<br />
transition-duration: 250ms;<br />
transition-property: background-position;<br />
transition-timing-function: ease;<br />
}<br />
<br />
div.vectorMenu div.menu {<br />
border:2px solid #380E08;<br />
clear: both;<br />
left: -1px;<br />
min-width: 100%;<br />
position: absolute;<br />
text-align: center;<br />
top: 30px;<br />
z-index: 1;<br />
border-radius:5px;<br />
background-color: #FF84A6;<br />
}<br />
<br />
#p-sharing #socialIconImages img {<br />
box-sizing: content-box;<br />
width: 50%;<br />
}<br />
<br />
/* Sidebar */<br />
div#mw-panel div.portal,<br />
div#mw-panel div.portal div.body,<br />
#mw-panel.collapsible-nav .portal {<br />
background-image: none; /* Optional! This removes the lines be horizontal lines between the portals */<br />
}<br />
<br />
div#mw-panel div.portal div.body ul li a,<br />
div#mw-panel div.portal div.body ul li a:visited {<br />
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 */<br />
}<br />
<br />
div#mw-panel div.portal h3,<br />
div#mw-panel div.portal h3:visited,<br />
#mw-panel.collapsible-nav .portal h3 a,<br />
#mw-panel.collapsible-nav .portal h3 a:visited,<br />
#mw-panel.collapsible-nav .portal.collapsed h3 a,<br />
#mw-panel.collapsible-nav .portal.collapsed h3 a:visited {<br />
-webkit-text-stroke: 1px black;<br />
color: #FF85A9;<br />
text-shadow:<br />
2px 2px 0 #000,<br />
-1px -1px 0 #000, <br />
1px -1px 0 #000,<br />
-1px 1px 0 #000,<br />
1px 1px 0 #000;<br />
font-weight: bold; /* Optional, to make the labels stand out */<br />
text-transform: uppercase; /* Optional, to make the labels stand out */<br />
font-size:102%;<br />
<br />
}<br />
<br />
#mw-panel.collapsible-nav .portal.collapsed h3 {<br />
background-image: linear-gradient(transparent, transparent), url(https://birthdaysthebeginning.gamepedia.com/media/birthdaysthebeginning.gamepedia.com/1/1b/Dino1.png);<br />
background-position: left center;<br />
background-repeat: no-repeat;<br />
color: #0645ad;<br />
background-size: 25px auto;<br />
}<br />
<br />
#mw-panel.collapsible-nav .portal h3 {<br />
background-image: linear-gradient(transparent, transparent), url(https://birthdaysthebeginning.gamepedia.com/media/birthdaysthebeginning.gamepedia.com/9/95/Dino2.png);<br />
background-position: left center;<br />
background-repeat: no-repeat;<br />
padding-bottom: 3px;<br />
padding-left: 1.5em;<br />
padding-right: 0;<br />
padding-top: 4px;<br />
background-size: 25px auto;<br />
}<br />
<br />
div#mw-panel div#p-socialProfiles.portal .body {<br />
margin: auto;<br />
}<br />
<br />
.socialSidebar {<br />
width: auto;<br />
max-width: 100%;<br />
}<br />
<br />
/* Wiki editor fixes */<br />
div.wikiEditor-preview-contents,<br />
div.wikiEditor-preview-loading {<br />
background-color: transparent;<br />
}<br />
<br />
.wikiEditor-ui {<br />
background: rgba(0, 0, 0, 0);<br />
border: medium none;<br />
}<br />
<br />
.wikiEditor-ui .wikiEditor-ui-view {<br />
border-bottom: medium none;<br />
border-left: 1px solid #202020;<br />
border-right: 1px solid #202020;<br />
border-top : medium none;<br />
}<br />
<br />
div.wikiEditor-ui-buttons {<br />
background-color: rgba(0, 0, 0, 0);<br />
border-top: medium none;<br />
margin-right: 5px;<br />
}<br />
<br />
div.wikiEditor-ui-controls {<br />
background-color: rgba(0, 0, 0, 0);<br />
border-bottom: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-tabs {<br />
background-color: orange;<br />
border-left: 1px solid #202020;<br />
border-top: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-tabs div {<br />
background-color: orange;<br />
border-right: 1px solid #202020;<br />
border-bottom: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-tabs div a {<br />
background: orange; /* you can use a gradient here if you want to match your vector tabs or get fancy */<br />
color: #202020;<br />
}<br />
<br />
.wikiEditor-ui-tabs div.current {<br />
background-color: #FF7727;<br />
border-bottom: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-tabs div.current a {<br />
color: white; /* depends on your tabs bg & how different you wish the current tab and text to appear */<br />
font-weight: bold; /* optional to make it stand out */<br />
}<br />
<br />
.wikiEditor-ui .wikiEditor-ui-top {<br />
border-bottom: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-toolbar {<br />
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);<br />
}<br />
<br />
.wikiEditor-ui-toolbar .group {<br />
border-right: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .group-search {<br />
border-left: 1px solid #202020;<br />
border-right: none;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .group .label {<br />
color: black;<br />
}<br />
<br />
.tab {<br />
border-color: rgba(0, 0, 0, 0);<br />
}<br />
<br />
.wikiEditor-ui-toolbar .tabs span.tab a,<br />
.wikiEditor-ui-toolbar .tabs span.tab a:visited {<br />
color: black;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .tabs span.tab a.current,<br />
.wikiEditor-ui-toolbar .tabs span.tab a.current:visited {<br />
color: black;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .group .tool-select .label {<br />
color: #000000; /* or any other dark colour, or change the bg to a dark colour to contrast with light text */<br />
}<br />
<br />
.wikiEditor-ui-toolbar .sections .section {<br />
background-color: rgba(0, 0, 0, 0.2);<br />
border-top: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .booklet .index div {<br />
color: #202020;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .booklet .index .current {<br />
background-color: orange;<br />
color: #202020;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .booklet .pages {<br />
background-color: orange;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .page-characters div span {<br />
border: 1px solid #202020;<br />
color: #202020;<br />
background:white;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .page-characters div span:hover {<br />
background-color: rgba(255, 255, 255, 0.3);<br />
border-color: #202020;<br />
color: #FF7796;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .page-table td {<br />
border-top: 1px solid #202020;<br />
color: #202020;<br />
}<br />
<br />
.wikiEditor-preview-loading {<br />
background-color: rgba(0, 0, 0, 0);<br />
}<br />
<br />
.wikiEditor-preview-contents {<br />
background-color: rgba(0, 0, 0, 0);<br />
border-color: -moz-use-text-color #202020 #202020;<br />
border-image: none;<br />
border-style: none solid solid;<br />
border-width: medium 1px 1px;<br />
}<br />
<br />
.editOptions { <br />
background-color: rgba(255,255,255,0.5);<br />
border-color: -moz-use-text-color #202020 #202020;<br />
border-image: none;<br />
border-style: none solid solid;<br />
border-width: medium 1px 1px;<br />
}<br />
<br />
/* Preferences */<br />
.client-js #preftoc {<br />
background-color: rgba(255, 255, 255, 0.5);<br />
border: 0px;<br />
}<br />
<br />
.client-js #preftoc,<br />
.client-js #preftoc li, <br />
.client-js #preferences, <br />
.client-js #preftoc li a {<br />
background-image: none;<br />
background-color: transparent;<br />
color: #666666; /* this font color may need tweaking, depending on your background choices */<br />
}<br />
<br />
.client-js #preftoc li:first-child {<br />
margin-bottom: 1px;<br />
margin-left: 5px;<br />
}<br />
<br />
.client-js #preftoc li.selected a {<br />
background-color: rgba(255, 255, 255, 0.5);<br />
background-image: none;<br />
border-color: #aaaaaa #aaaaaa rgba(255, 255, 255, 0.5);<br />
border-style: solid;<br />
border-width: 1px;<br />
color: #000000; /* this font color may need tweaking, depending on your background choices */<br />
}<br />
<br />
.client-js #preferences {<br />
background-color: rgba(255, 255, 255, 0.5);<br />
border: 1px solid #aaaaaa;<br />
}<br />
<br />
.client-js #preferences fieldset {<br />
border-color: #aaaaaa;<br />
}<br />
<br />
<br />
/* Page history */<br />
#pagehistory li {<br />
background-color: rgba(0, 0, 0, 0);<br />
border: none;<br />
padding: 3px;<br />
}<br />
<br />
#pagehistory li.selected {<br />
background-color: rbga(0, 0, 0, 0);<br />
background-image: none;<br />
border: 1px dashed #aaaaaa;<br />
padding: 3px;<br />
}<br />
<br />
table.diff {<br />
background: transparent;<br />
}<br />
<br />
td.diff-context {<br />
background: none repeat scroll 0 0 transparent;<br />
color: #000000; /* this font colour may need tweaking depending on your choice of background */<br />
}<br />
<br />
td.diff-deletedline {<br />
background-color: #FFE49C;<br />
border-color: #FFE49C;<br />
color: #000000;<br />
}<br />
<br />
td.diff-addedline {<br />
background-color: #A3D3FF;<br />
border-color: #A3D3FF;<br />
color: #000000;<br />
}<br />
<br />
<br />
/* for "edit this page" tab and "discussion" tab etc */<br />
.pagetab {<br />
border-style: solid solid none;<br />
border-width: thin;<br />
border-color: #808080;<br />
padding:0.25ex 1ex 0ex;<br />
font-size: 95%;<br />
}<br />
<br />
.ambox {<br />
background-color: #eeeeee;<br />
border-bottom-color: #383838;<br />
border-right-color: #383838;<br />
border-top-color: #383838;<br />
border-collapse: collapse;<br />
font-size: 95%;<br />
margin: 0 auto 2px auto;<br />
width: 80%;<br />
}<br />
<br />
.ambox-gray {<br />
border-left-color: #383838;<br />
}<br />
<br />
.ambox.ambox-tiny {<br />
font-size: 90%;<br />
margin: 2px 0;<br />
width: auto;<br />
}<br />
<br />
.ambox + .ambox {<br />
margin-top: -2px;<br />
}<br />
<br />
.ambox-text {<br />
padding: 0.25em 0.5em;<br />
}<br />
<br />
.ambox-image {<br />
padding: 2px 0px 2px 0.5em;<br />
text-align: center;<br />
width: 60px;<br />
}<br />
<br />
.ambox-tiny .ambox-image {<br />
padding: 2px 0.5em;<br />
text-align: left;<br />
width: auto;<br />
}<br />
<br />
/* Ambox colors */<br />
.ambox-blue {<br />
border-left: 10px solid #1e90ff;<br />
}<br />
<br />
.ambox-red {<br />
border-left: 10px solid #b22222;<br />
}<br />
<br />
.ambox-orange {<br />
border-left: 10px solid #f28500;<br />
}<br />
<br />
.ambox-yellow {<br />
border-left: 10px solid #f4c430;<br />
}<br />
<br />
.ambox-purple {<br />
border-left: 10px solid #9932cc;<br />
}<br />
<br />
.ambox-gray {<br />
border-left: 10px solid #bba;<br />
}<br />
<br />
.ambox-green {<br />
border-left: 10px solid #228b22;<br />
}<br />
<br />
/* Ambox small text */<br />
.amsmalltext {<br />
font-size: smaller;<br />
margin-left:0.8em;<br />
margin-top:0.5em;<br />
}<br />
<br />
/* INFOBOXES: game or book depended color style */<br />
.infoboxtable {<br />
background-color: #103f63;<br />
border: 1px solid #0e395a;<br />
color: #56d7ed;<br />
float: right;<br />
font-size: 89%; <br />
margin-bottom: 0.5em; <br />
margin-left: 1em; <br />
padding: 0.2em; <br />
width: 300px;<br />
}<br />
<br />
.infoboxtable td {<br />
vertical-align: top;<br />
}<br />
<br />
.infoboxtable a,<br />
.infoboxtable a:link,<br />
.infoboxtable a:visited {<br />
color: gray;<br />
vertical-align: top;<br />
}<br />
<br />
.infoboxtable td > div {<br />
background-color: transparent;<br />
font-weight: bold;<br />
padding: 0.5px 7px;<br />
text-align: right;<br />
width:135px;<br />
}<br />
<br />
.infoboxname {<br />
font-size: 120%; <br />
font-weight: bold;<br />
padding: 0.5em; <br />
font-family: "OpenSans-Semibold";<br />
background-attachment: scroll;<br />
background-clip: border-box;<br />
background-color: rgba(0, 0, 0, 0);<br />
background-image: url("https://birthdaysthebeginning.gamepedia.com/media/birthdaysthebeginning.gamepedia.com/3/3a/Bg_stripes.png");<br />
background-origin: padding-box;<br />
background-position-y: center;<br />
background-repeat: repeat;<br />
background-size: 100% 100%;<br />
height: 20px;<br />
}<br />
<br />
.infoboxdetails {<br />
padding: 0em;<br />
}<br />
<br />
/* copyright images tweak */<br />
.copyright-icon {<br />
background: url("https://commons.gamepedia.com/media/commons.gamepedia.com/thumb/b/b6/Copyright.png/32px-Copyright.png") transparent center center no-repeat;<br />
background-size: 100%;<br />
width: 32px;<br />
height: 32px;<br />
}<br />
<br />
div#simpleSearch {<br />
-moz-border-bottom-colors: none;<br />
-moz-border-left-colors: none;<br />
-moz-border-right-colors: none;<br />
-moz-border-top-colors: none;<br />
background-color: white;<br />
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAQCAIAAABY/YLgAAAAJUlEQVQIHQXBsQEAAAjDoND/73UWdnerhmHVsDQZJrNWVg3Dqge6bgMe6bejNAAAAABJRU5ErkJggg==");<br />
background-position: left top;<br />
background-repeat: repeat-x;<br />
border-bottom-color: #aaa;<br />
border-bottom-left-radius: 10px;<br />
border-bottom-right-radius: 10px;<br />
border-bottom-style: solid;<br />
border-bottom-width: 1px;<br />
border-image-outset: 0 0 0 0;<br />
border-image-repeat: stretch stretch;<br />
border-image-slice: 100% 100% 100% 100%;<br />
border-image-source: none;<br />
border-image-width: 1 1 1 1;<br />
border-left-color: #aaa;<br />
border-left-style: solid;<br />
border-left-width: 1px;<br />
border-right-color: #aaa;<br />
border-right-style: solid;<br />
border-right-width: 1px;<br />
border-top-color: #aaa;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
border-top-style: solid;<br />
border-top-width: 1px;<br />
color: black;<br />
display: block;<br />
height: 1.4em;<br />
margin-top: -0.4em;<br />
max-width: 20em;<br />
min-height: 1px;<br />
min-width: 5em;<br />
padding-right: 1.4em;<br />
position: relative;<br />
}<br />
<br />
/* footer */<br />
div#footer {<br />
background: none repeat scroll 0 0 rgba(209, 247, 253, 0.8);<br />
border:none;<br />
box-shadow: 0 0.1em 0.75em white;<br />
color: black;<br />
margin-left: 11em;<br />
padding-bottom: 1.25em;<br />
padding-left: 1.25em;<br />
padding-right: 1.25em;<br />
padding-top: 1.25em;<br />
margin-top: 10px;<br />
}<br />
<br />
#toc #toctitle, <br />
.toc #toctitle, <br />
#toc .toctitle, <br />
.toc .toctitle {<br />
text-align: center;<br />
color: #ff85a9;<br />
font-size: 102%;<br />
font-weight: bold;<br />
text-transform: uppercase;<br />
background-color: #e3e236;<br />
border:1px solid #380E08;<br />
border-radius: 5px;<br />
padding:3px;<br />
}<br />
<br />
#toc, <br />
.toc {<br />
border-bottom-left-radius: 10px;<br />
border-bottom-right-radius: 10px;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
display: table;<br />
padding-bottom: 7px;<br />
padding-left: 7px;<br />
padding-right: 7px;<br />
padding-top: 7px;<br />
border:2px solid #380E08;<br />
}<br />
<br />
.mw-body #toc h2, <br />
.mw-body .toc h2 {<br />
font-family: sans-serif;<br />
font-size: 100%;<br />
color: black;<br />
font-weight: bold;<br />
}<br />
<br />
/* Tables */<br />
table.wikitable > tr > th, table.wikitable > * > tr > th {<br />
background-color: #ff7b9c;<br />
font-family: "OpenSans-Semibold";<br />
color: black;<br />
text-align: center;<br />
}<br />
<br />
table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {<br />
border: 1px solid #380E08;<br />
padding-bottom: 0.2em;<br />
padding-left: 0.4em;<br />
padding-right: 0.4em;<br />
padding-top: 0.2em;<br />
}<br />
<br />
table.wikitable > tr > td, <br />
table.wikitable > * > tr > td {<br />
background: #E3E236;<br />
padding-bottom: 0.2em;<br />
padding-left: 0.4em;<br />
padding-right: 0.4em;<br />
padding-top: 0.2em;<br />
}<br />
<br />
<br />
/********************************/<br />
/* Front page appearance styles */<br />
/********************************/<br />
.fpbox .mainheading {<br />
border: 0;<br />
}<br />
<br />
.fpbox {<br />
background: rgba(0, 0, 0, 0.1);<br />
border-radius: 5px;<br />
border: 1px solid black;<br />
box-shadow: 0 0.1em 0.75em #AF9CBB;<br />
color: black; /* change for hydra (light) wikis */<br />
margin: 5px 5px 5px 5px;<br />
padding: 5px 5px 5px 5px;<br />
}<br />
<br />
.fpbox .welcome {<br />
border-bottom: 1px solid #505050;<br />
color: black; /* change for hydra (light) wikis */<br />
font-size: 150%;<br />
margin: 0 0 10px 0;<br />
padding: 0 0 5px 0;<br />
text-transform: uppercase;<br />
text-align: center;<br />
}<br />
<br />
.fpbox .heading {<br />
border-bottom: 1px solid #505050;<br />
color: black; /* change for hydra (light) wikis */<br />
font-size: 132%;<br />
font-variant: small-caps;<br />
margin: 0 0 10px 0;<br />
padding: 0 0 5px 0;<br />
background: #ff7727 linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0;<br />
font-family: "OpenSans-Bold";<br />
}<br />
<br />
.fplink:not(.fplink-plain) {<br />
background: #ff7727 linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0;<br />
border: 1px solid black;<br />
border-radius: 3px;<br />
box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.2);<br />
color: black;<br />
font-weight: bold;<br />
text-transform: uppercase;<br />
font-family: "OpenSans-Bold", "sans-serif";<br />
}<br />
<br />
.fplink-fullwidth .fplink:not(.fplink-plain) {<br />
background: rgba(0,0,0,0.4);<br />
}<br />
<br />
.linkslabel {<br />
border-bottom: 2px solid #505050;<br />
}<br />
<br />
/************************************/<br />
/* Front page appearance styles END */<br />
/************************************/<br />
<br />
<br />
/* Other element styles */<br />
<br />
.mw-search-profile-tabs {<br />
border: 1px solid #9d5d0b;<br />
background-color: #ffbf6c;<br />
margin-top: 1em;<br />
}<br />
<br />
.mw-search-profile-tabs div.search-types ul li.current a {<br />
color: gray;<br />
cursor: default;<br />
}</div>
Encredechine
https://happybirthdays.fandom.com/wiki/MediaWiki:Hydra.css?diff=5942
MediaWiki:Hydra.css
2020-11-04T13:08:08Z
<p>Encredechine: </p>
<hr />
<div>/* CSS placed here will affect users of the Hydra skin */<br />
/* For elements which only display in the mobile view */<br />
.mobileonly {<br />
display: none;<br />
}<br />
<br />
/* fonts */<br />
@font-face {<br />
font-family: 'OpenSans-Bold';<br />
src: local('OpenSans-Bold'), local('OpenSans-Bold'), url(/media/hydra/fonts/OpenSans-Bold.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-BoldItalic';<br />
src: local('OpenSans-BoldItalic'), local('OpenSans-BoldItalic'), url(/media/hydra/fonts/OpenSans-BoldItalic.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-ExtraBold';<br />
src: local('OpenSans-ExtraBold'), local('OpenSans-ExtraBold'), url(/media/hydra/fonts/OpenSans-ExtraBold.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-ExtraBoldItalic';<br />
src: local('OpenSans-ExtraBoldItalic'), local('OpenSans-ExtraBoldItalic'), url(/media/hydra/fonts/OpenSans-ExtraBoldItalic.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-Italic';<br />
src: local('OpenSans-Italic'), local('OpenSans-Italic'), url(/media/hydra/fonts/OpenSans-Italic.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-Light';<br />
src: local('OpenSans-Light'), local('OpenSans-Light'), url(/media/hydra/fonts/OpenSans-Light.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-LightItalic';<br />
src: local('OpenSans-LightItalic'), local('OpenSans-LightItalic'), url(/media/hydra/fonts/OpenSans-LightItalic.ttf) format('truetype');<br />
}<br />
<br />
<br />
@font-face {<br />
font-family: 'OpenSans-Regular';<br />
src: local('OpenSans-Regular'), local('OpenSans-Regular'), url(/media/hydra/fonts/OpenSans-Regular.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-Semibold';<br />
src: local('OpenSans-Semibold'), local('OpenSans-Semibold'), url(/media/hydra/fonts/OpenSans-Semibold.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-SemiboldItalic';<br />
src: local('OpenSans-SemiboldItalic'), local('OpenSans-SemiboldItalic'), url(/media/hydra/fonts/OpenSans-SemiboldItalic.ttf) format('truetype');<br />
}<br />
<br />
p {<br />
font-family: "OpenSans-Regular";<br />
}<br />
<br />
/* links */<br />
a, <br />
a:visited,<br />
div#content a.extiw,<br />
div#content a.extiw:visited,<br />
div#content a.external, <br />
div#content a.external:visited {<br />
color: #be5b20;<br />
font-family: "OpenSans-Semibold";<br />
}<br />
<br />
a:hover {<br />
color: #f7813d;<br />
}<br />
<br />
<br />
ul {<br />
list-style-type: disc;<br />
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);<br />
} <br />
<br />
/* Hide main page header */<br />
body.page-Happy_Birthdays_Wiki h1.firstHeading {<br />
display:none;<br />
}<br />
<br />
body {<br />
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);<br />
-webkit-background-size: cover;<br />
-o-background-size: cover;<br />
-moz-background-size: cover;<br />
}<br />
<br />
#pageWrapper { <br />
padding-right: 1em;<br />
}<br />
<br />
#mw-page-base {<br />
background-color: transparent;<br />
background-image: none;<br />
background-position: left bottom;<br />
background-repeat: repeat-x;<br />
height: 5em;<br />
}<br />
<br />
/* Logo */<br />
#p-logo a {<br />
background-position: center center;<br />
background-repeat: no-repeat;<br />
background-size: 99% auto;<br />
display: block;<br />
height: 160px;<br />
text-decoration-color: -moz-use-text-color;<br />
text-decoration-line: none;<br />
text-decoration-style: solid;<br />
width: 10em;<br />
}<br />
<br />
/* Content */<br />
div#content {<br />
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);<br />
box-shadow: 0 0.1em 0.75em white;<br />
color: black;<br />
margin-left: 11em;<br />
margin-top: 0em;<br />
border:none;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
}<br />
<br />
.mw-body .firstHeading,<br />
.mw-body h1, <br />
.mw-body h2 {<br />
border-bottom-color: #380e08;<br />
border-bottom-style: solid;<br />
border-bottom-width: 1px;<br />
color: #380e08;<br />
font-family: sans-serif;<br />
font-weight:bold;<br />
}<br />
<br />
.mw-body h3, <br />
.mw-body h4, <br />
.mw-body h5, <br />
.mw-body h6 {<br />
color: #380e08;<br />
font-family: sans-serif;<br />
}<br />
<br />
/* images */<br />
img.thumbborder {<br />
border:1px solid #380E08;<br />
margin:5px;<br />
}<br />
<br />
/* Vector Tab styles */<br />
#left-navigation {<br />
margin-left: 11.5em;<br />
}<br />
<br />
#right-navigation {<br />
margin-right: 1em;<br />
}<br />
<br />
/* removes the divider */<br />
div.vectorTabs, <br />
div.vectorTabs ul, <br />
div.vectorTabs span, <br />
div#mw-head div.vectorMenu h3 {<br />
background-image: none;<br />
}<br />
<br />
div.vectorMenu h3 {<br />
background-attachment: scroll;<br />
background-clip: border-box;<br />
background-color: #ff7727;<br />
background-image: none;<br />
background-origin: padding-box;<br />
background-position: -10px center;<br />
background-repeat: no-repeat;<br />
background-size: auto auto;<br />
border-bottom-left-radius: 10px;<br />
border-bottom-right-radius: 10px;<br />
border: 2px solid black;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
display: inline-block;<br />
height: 20px;<br />
line-height: 0;<br />
margin-bottom: 1px;<br />
margin-left: 3px;<br />
margin-right: 3px;<br />
margin-top: 1px;<br />
padding-bottom: 2px;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
padding-top: 2px;<br />
text-align: center;<br />
}<br />
<br />
/* share and more */<br />
div.vectorMenu h3 span {<br />
display: block;<br />
font-size: 0.8em;<br />
font-weight: normal;<br />
margin-right: 20px;<br />
padding-left: 0.7em;<br />
padding-top: 1em;<br />
text-transform: uppercase;<br />
color: white;<br />
text-shadow:1px 1px black;<br />
font-family: "OpenSans-Semibold";<br />
}<br />
<br />
div.vectorMenu h3 a {<br />
background-image: url(https://birthdaysthebeginning.gamepedia.com/media/birthdaysthebeginning.gamepedia.com/1/1b/Dino1.png);<br />
background-color: transparent;<br />
background-position: 100% 70%;<br />
background-repeat: no-repeat;<br />
height: 2.5em;<br />
position: absolute;<br />
right: 0;<br />
top: -10px;<br />
transition-delay: 0s;<br />
transition-duration: 250ms;<br />
transition-property: background-position;<br />
transition-timing-function: ease;<br />
width: 20px;<br />
background-size:25px auto;<br />
}<br />
<br />
div.vectorMenu h3 a:hover {<br />
background-image: url(https://birthdaysthebeginning.gamepedia.com/media/birthdaysthebeginning.gamepedia.com/9/95/Dino2.png);<br />
background-color: transparent;<br />
background-position: 100% 70%;<br />
background-repeat: no-repeat;<br />
height: 2.5em;<br />
position: absolute;<br />
right: 0;<br />
top: -10px;<br />
width: 20px;<br />
background-size:25px auto;<br />
}<br />
<br />
div#mw-head div.vectorMenu h3 {<br />
background-position: right bottom;<br />
background-repeat: no-repeat;<br />
float: left;<br />
font-size: 1em;<br />
height: 1.5em;<br />
margin-right: -1px;<br />
margin-top: -2px;<br />
padding-right: 1px;<br />
}<br />
<br />
/* more about tabs */<br />
div.vectorTabs {<br />
background: transparent;<br />
}<br />
<br />
div.vectorTabs ul li {<br />
}<br />
<br />
div.vectorTabs ul li#ca-contribs, <br />
div.vectorTabs ul li#ca-ve-edit {<br />
background-attachment: scroll;<br />
background-clip: border-box;<br />
background-color: #ff7727;<br />
background-image: none;<br />
background-origin: padding-box;<br />
background-position: -10px center;<br />
background-repeat: no-repeat;<br />
background-size: auto auto;<br />
border-bottom-left-radius: 10px;<br />
border-bottom-right-radius: 10px;<br />
border: 2px solid black;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
display: inline-block;<br />
height: 20px;<br />
line-height: 0;<br />
margin-bottom: 1px;<br />
margin-left: 3px;<br />
margin-right: 3px;<br />
margin-top: 1px;<br />
padding-bottom: 2px;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
padding-top: 2px;<br />
text-align: center;<br />
}<br />
<br />
div.vectorTabs ul li#ca-edit {<br />
background-attachment: scroll;<br />
background-clip: border-box;<br />
background-color: #00F2FF;<br />
background-image: none;<br />
background-origin: padding-box;<br />
background-position: -10px center;<br />
background-repeat: no-repeat;<br />
background-size: auto auto;<br />
border-bottom-left-radius: 10px;<br />
border-bottom-right-radius: 10px;<br />
border: 2px solid black;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
display: inline-block;<br />
height: 20px;<br />
line-height: 0;<br />
margin-bottom: 1px;<br />
margin-left: 3px;<br />
margin-right: 3px;<br />
margin-top: 1px;<br />
padding-bottom: 2px;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
padding-top: 2px;<br />
text-align: center;<br />
}<br />
<br />
div.vectorTabs ul li#ca-history {<br />
background-attachment: scroll;<br />
background-clip: border-box;<br />
background-color: #74FF37;<br />
background-image: none;<br />
background-origin: padding-box;<br />
background-position: -10px center;<br />
background-repeat: no-repeat;<br />
background-size: auto auto;<br />
border-bottom-left-radius: 10px;<br />
border-bottom-right-radius: 10px;<br />
border: 2px solid black;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
display: inline-block;<br />
height: 20px;<br />
line-height: 0;<br />
margin-bottom: 1px;<br />
margin-left: 3px;<br />
margin-right: 3px;<br />
margin-top: 1px;<br />
padding-bottom: 2px;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
padding-top: 2px;<br />
text-align: center;<br />
}<br />
<br />
<br />
div.vectorTabs ul li#ca-nstab-main {<br />
background-attachment: scroll;<br />
background-clip: border-box;<br />
background-color: #FF5CFF;<br />
background-image: none;<br />
background-origin: padding-box;<br />
background-position: -10px center;<br />
background-repeat: no-repeat;<br />
background-size: auto auto;<br />
border-bottom-left-radius: 10px;<br />
border-bottom-right-radius: 10px;<br />
border: 2px solid black;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
display: inline-block;<br />
height: 20px;<br />
line-height: 0;<br />
margin-bottom: 1px;<br />
margin-left: 3px;<br />
margin-right: 3px;<br />
margin-top: 1px;<br />
padding-bottom: 2px;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
padding-top: 2px;<br />
text-align: center;<br />
}<br />
<br />
div.vectorTabs ul li#ca-nstab-image, <br />
div.vectorTabs ul li#ca-nstab-special, <br />
div.vectorTabs ul li#ca-nstab-help, <br />
div.vectorTabs ul li#ca-nstab-category, <br />
div.vectorTabs ul li#ca-nstab-template, <br />
div.vectorTabs ul li#ca-nstab-project, <br />
div.vectorTabs ul li#ca-nstab-user, <br />
div.vectorTabs ul li#ca-user, <br />
div.vectorTabs ul li#ca-user_talk, <br />
div.vectorTabs ul li#ca-user_profile, <br />
div.vectorTabs ul li#ca-userprofile, <br />
div.vectorTabs ul li#ca-user_wiki {<br />
background-attachment: scroll;<br />
background-clip: border-box;<br />
background-color: #ff7727;<br />
background-image: none;<br />
background-origin: padding-box;<br />
background-position: -10px center;<br />
background-repeat: no-repeat;<br />
background-size: auto auto;<br />
border-bottom-left-radius: 10px;<br />
border-bottom-right-radius: 10px;<br />
border: 2px solid black;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
display: inline-block;<br />
height: 20px;<br />
line-height: 0;<br />
margin-bottom: 1px;<br />
margin-left: 3px;<br />
margin-right: 3px;<br />
margin-top: 1px;<br />
padding-bottom: 2px;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
padding-top: 2px;<br />
text-align: center;<br />
}<br />
<br />
div.vectorTabs ul li#ca-talk {<br />
background-attachment: scroll;<br />
background-clip: border-box;<br />
background-color: #E3E236;<br />
background-image: none;<br />
background-origin: padding-box;<br />
background-position: -10px center;<br />
background-repeat: no-repeat;<br />
background-size: auto auto;<br />
border-bottom-left-radius: 10px;<br />
border-bottom-right-radius: 10px;<br />
border: 2px solid black;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
display: inline-block;<br />
height: 20px;<br />
line-height: 0;<br />
margin-bottom: 1px;<br />
margin-left: 3px;<br />
margin-right: 3px;<br />
margin-top: 1px;<br />
padding-bottom: 2px;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
padding-top: 2px;<br />
text-align: center;<br />
}<br />
<br />
div.vectorTabs ul li#ca-nstab-mediawiki,<br />
div.vectorTabs ul li#ca-view, <br />
div.vectorTabs ul li#ca-viewsource {<br />
background-clip: border-box;<br />
background-color: #FF4550;<br />
background-image: none;<br />
background-origin: padding-box;<br />
background-position: -10px center;<br />
background-repeat: no-repeat;<br />
background-size: auto auto;<br />
border-bottom-left-radius: 10px;<br />
border-bottom-right-radius: 10px;<br />
border: 2px solid black;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
display: inline-block;<br />
height: 20px;<br />
line-height: 0;<br />
margin-bottom: 1px;<br />
margin-left: 3px;<br />
margin-right: 3px;<br />
margin-top: 1px;<br />
padding-bottom: 2px;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
padding-top: 2px;<br />
text-align: center;<br />
}<br />
<br />
div.vectorTabs, <br />
div.vectorTabs ul, <br />
div.vectorTabs span, <br />
background-image: none;<br />
}<br />
<br />
#ca-unwatch.icon a {<br />
background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNjMmVkZmYiLz48c3RvcCBvZmZzZXQ9Ii41IiBzdG9wLWNvbG9yPSIjNjhiZGZmIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZmZmIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgeDE9IjEzLjQ3IiB5MT0iMTQuMzYzIiB4Mj0iNC41OTYiIHkyPSIzLjM5NyIgaWQ9ImIiIHhsaW5rOmhyZWY9IiNhIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIvPjwvZGVmcz48cGF0aCBkPSJNOC4xMDMgMS4xNDZsMi4xNzUgNC40MDggNC44NjQuNzA3LTMuNTIgMy40MzEuODMxIDQuODQ1LTQuMzUxLTIuMjg3LTQuMzUxIDIuMjg3LjgzMS00Ljg0NS0zLjUyLTMuNDMxIDQuODY0LS43MDd6IiBmaWxsPSJ1cmwoI2IpIiBzdHJva2U9IiM3Y2I1ZDEiIHN0cm9rZS13aWR0aD0iMC45OTk5MTk5OTk5OTk5OTk5Ii8+PC9zdmc+");<br />
}<br />
<br />
div#p-cactions div.menu ul li a {<br />
background: none repeat scroll 0 0 transparent;<br />
border: medium none;<br />
color: #1A673D;<br />
}<br />
<br />
div#mw-head div.vectorMenu h4, <br />
div#p-variants.vectorMenu #mw-vector-current-variant {<br />
border: medium none;<br />
display: inline-block;<br />
float: left;<br />
font-size: 0.8em;<br />
font-weight: normal;<br />
padding-left: 0.5em;<br />
padding-top: 1.22em;<br />
color: #FFFFFF;<br />
font-size: 0.8em;<br />
text-transform: uppercase;<br />
font-family: "OpenSans-Light";<br />
line-height: 7px;<br />
}<br />
<br />
div.vectorTabs, <br />
div.vectorTabs span, <br />
div.vectorTabs li a {<br />
background-image: none;<br />
text-transform: uppercase;<br />
margin-top: -3px;<br />
}<br />
<br />
div.vectorTabs ul {<br />
background: transparent;<br />
}<br />
<br />
div.vectorTabs ul li, <br />
div.vectorTabs ul li.selected {<br />
background: transparent;<br />
border: none;<br />
margin-top: -5px;<br />
}<br />
<br />
div.vectorTabs ul li span, <br />
div.vectorTabs ul li.selected span {<br />
background: transparent;<br />
border: none;<br />
}<br />
<br />
div.vectorTabs li span a {<br />
color: #FFFFFF;<br />
}<br />
<br />
div.vectorTabs span a:visited {<br />
color: #FFFFFF;<br />
}<br />
<br />
div.vectorTabs li span a:hover, <br />
div.vectorTabs span a:visited:hover {<br />
color: #1A673D;<br />
}<br />
<br />
div.vectorTabs li.selected span a {<br />
color: #FFFFFF !important;<br />
}<br />
<br />
div.vectorTabs li.new span a {<br />
}<br />
<br />
div.vectorTabs li.new span a:visited {<br />
}<br />
<br />
div.vectorTabs li.new span a:hover, <br />
div.vectorTabs li.new span a:visited:hover {<br />
}<br />
<br />
div.vectorTabs span a:active {<br />
color: #1A673D;<br />
}<br />
<br />
div.vectorMenu ul {<br />
background: #000000;<br />
border: 1px solid #434647;<br />
}<br />
<br />
div#p-cactions h5 {<br />
background: transparent;<br />
}<br />
<br />
div.vectorMenu h5 a {<br />
border: none;<br />
background: transparent;<br />
}<br />
<br />
div#p-cactions div.menu ul {<br />
border: 1px solid #3C130E;<br />
background: #FF81A4;<br />
color: #E3E236;<br />
}<br />
<br />
div#p-cactions div.menu ul li a {<br />
background: transparent;<br />
border: none;<br />
color: white;<br />
}<br />
<br />
<br />
div#simpleSearch {<br />
width: 10em;<br />
margin-right: 1em;<br />
}<br />
<br />
div#mw-head a, <br />
.vectorTabs li a span, <br />
div#mw-head div.vectorTabs a, <br />
div#mw-head div.vectorMenu a {<br />
color: white;<br />
text-shadow: 1px 1px black;<br />
}<br />
<br />
div.vectorMenu {<br />
background-image: none;<br />
background-position: 100% 20%;<br />
background-repeat: no-repeat;<br />
cursor: pointer;<br />
direction: ltr;<br />
float: left;<br />
transition-delay: 0s;<br />
transition-duration: 250ms;<br />
transition-property: background-position;<br />
transition-timing-function: ease;<br />
}<br />
<br />
div.vectorMenu div.menu {<br />
border:2px solid #380E08;<br />
clear: both;<br />
left: -1px;<br />
min-width: 100%;<br />
position: absolute;<br />
text-align: center;<br />
top: 30px;<br />
z-index: 1;<br />
border-radius:5px;<br />
background-color: #FF84A6;<br />
}<br />
<br />
#p-sharing #socialIconImages img {<br />
box-sizing: content-box;<br />
width: 50%;<br />
}<br />
<br />
/* Sidebar */<br />
div#mw-panel div.portal,<br />
div#mw-panel div.portal div.body,<br />
#mw-panel.collapsible-nav .portal {<br />
background-image: none; /* Optional! This removes the lines be horizontal lines between the portals */<br />
}<br />
<br />
div#mw-panel div.portal div.body ul li a,<br />
div#mw-panel div.portal div.body ul li a:visited {<br />
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 */<br />
}<br />
<br />
div#mw-panel div.portal h3,<br />
div#mw-panel div.portal h3:visited,<br />
#mw-panel.collapsible-nav .portal h3 a,<br />
#mw-panel.collapsible-nav .portal h3 a:visited,<br />
#mw-panel.collapsible-nav .portal.collapsed h3 a,<br />
#mw-panel.collapsible-nav .portal.collapsed h3 a:visited {<br />
-webkit-text-stroke: 1px black;<br />
color: #FF85A9;<br />
text-shadow:<br />
2px 2px 0 #000,<br />
-1px -1px 0 #000, <br />
1px -1px 0 #000,<br />
-1px 1px 0 #000,<br />
1px 1px 0 #000;<br />
font-weight: bold; /* Optional, to make the labels stand out */<br />
text-transform: uppercase; /* Optional, to make the labels stand out */<br />
font-size:102%;<br />
<br />
}<br />
<br />
#mw-panel.collapsible-nav .portal.collapsed h3 {<br />
background-image: linear-gradient(transparent, transparent), url(https://birthdaysthebeginning.gamepedia.com/media/birthdaysthebeginning.gamepedia.com/1/1b/Dino1.png);<br />
background-position: left center;<br />
background-repeat: no-repeat;<br />
color: #0645ad;<br />
background-size: 25px auto;<br />
}<br />
<br />
#mw-panel.collapsible-nav .portal h3 {<br />
background-image: linear-gradient(transparent, transparent), url(https://birthdaysthebeginning.gamepedia.com/media/birthdaysthebeginning.gamepedia.com/9/95/Dino2.png);<br />
background-position: left center;<br />
background-repeat: no-repeat;<br />
padding-bottom: 3px;<br />
padding-left: 1.5em;<br />
padding-right: 0;<br />
padding-top: 4px;<br />
background-size: 25px auto;<br />
}<br />
<br />
div#mw-panel div#p-socialProfiles.portal .body {<br />
margin: auto;<br />
}<br />
<br />
.socialSidebar {<br />
width: auto;<br />
max-width: 100%;<br />
}<br />
<br />
/* Wiki editor fixes */<br />
div.wikiEditor-preview-contents,<br />
div.wikiEditor-preview-loading {<br />
background-color: transparent;<br />
}<br />
<br />
.wikiEditor-ui {<br />
background: rgba(0, 0, 0, 0);<br />
border: medium none;<br />
}<br />
<br />
.wikiEditor-ui .wikiEditor-ui-view {<br />
border-bottom: medium none;<br />
border-left: 1px solid #202020;<br />
border-right: 1px solid #202020;<br />
border-top : medium none;<br />
}<br />
<br />
div.wikiEditor-ui-buttons {<br />
background-color: rgba(0, 0, 0, 0);<br />
border-top: medium none;<br />
margin-right: 5px;<br />
}<br />
<br />
div.wikiEditor-ui-controls {<br />
background-color: rgba(0, 0, 0, 0);<br />
border-bottom: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-tabs {<br />
background-color: orange;<br />
border-left: 1px solid #202020;<br />
border-top: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-tabs div {<br />
background-color: orange;<br />
border-right: 1px solid #202020;<br />
border-bottom: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-tabs div a {<br />
background: orange; /* you can use a gradient here if you want to match your vector tabs or get fancy */<br />
color: #202020;<br />
}<br />
<br />
.wikiEditor-ui-tabs div.current {<br />
background-color: #FF7727;<br />
border-bottom: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-tabs div.current a {<br />
color: white; /* depends on your tabs bg & how different you wish the current tab and text to appear */<br />
font-weight: bold; /* optional to make it stand out */<br />
}<br />
<br />
.wikiEditor-ui .wikiEditor-ui-top {<br />
border-bottom: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-toolbar {<br />
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);<br />
}<br />
<br />
.wikiEditor-ui-toolbar .group {<br />
border-right: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .group-search {<br />
border-left: 1px solid #202020;<br />
border-right: none;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .group .label {<br />
color: black;<br />
}<br />
<br />
.tab {<br />
border-color: rgba(0, 0, 0, 0);<br />
}<br />
<br />
.wikiEditor-ui-toolbar .tabs span.tab a,<br />
.wikiEditor-ui-toolbar .tabs span.tab a:visited {<br />
color: black;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .tabs span.tab a.current,<br />
.wikiEditor-ui-toolbar .tabs span.tab a.current:visited {<br />
color: black;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .group .tool-select .label {<br />
color: #000000; /* or any other dark colour, or change the bg to a dark colour to contrast with light text */<br />
}<br />
<br />
.wikiEditor-ui-toolbar .sections .section {<br />
background-color: rgba(0, 0, 0, 0.2);<br />
border-top: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .booklet .index div {<br />
color: #202020;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .booklet .index .current {<br />
background-color: orange;<br />
color: #202020;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .booklet .pages {<br />
background-color: orange;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .page-characters div span {<br />
border: 1px solid #202020;<br />
color: #202020;<br />
background:white;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .page-characters div span:hover {<br />
background-color: rgba(255, 255, 255, 0.3);<br />
border-color: #202020;<br />
color: #FF7796;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .page-table td {<br />
border-top: 1px solid #202020;<br />
color: #202020;<br />
}<br />
<br />
.wikiEditor-preview-loading {<br />
background-color: rgba(0, 0, 0, 0);<br />
}<br />
<br />
.wikiEditor-preview-contents {<br />
background-color: rgba(0, 0, 0, 0);<br />
border-color: -moz-use-text-color #202020 #202020;<br />
border-image: none;<br />
border-style: none solid solid;<br />
border-width: medium 1px 1px;<br />
}<br />
<br />
.editOptions { <br />
background-color: rgba(255,255,255,0.5);<br />
border-color: -moz-use-text-color #202020 #202020;<br />
border-image: none;<br />
border-style: none solid solid;<br />
border-width: medium 1px 1px;<br />
}<br />
<br />
/* Preferences */<br />
.client-js #preftoc {<br />
background-color: rgba(255, 255, 255, 0.5);<br />
border: 0px;<br />
}<br />
<br />
.client-js #preftoc,<br />
.client-js #preftoc li, <br />
.client-js #preferences, <br />
.client-js #preftoc li a {<br />
background-image: none;<br />
background-color: transparent;<br />
color: #666666; /* this font color may need tweaking, depending on your background choices */<br />
}<br />
<br />
.client-js #preftoc li:first-child {<br />
margin-bottom: 1px;<br />
margin-left: 5px;<br />
}<br />
<br />
.client-js #preftoc li.selected a {<br />
background-color: rgba(255, 255, 255, 0.5);<br />
background-image: none;<br />
border-color: #aaaaaa #aaaaaa rgba(255, 255, 255, 0.5);<br />
border-style: solid;<br />
border-width: 1px;<br />
color: #000000; /* this font color may need tweaking, depending on your background choices */<br />
}<br />
<br />
.client-js #preferences {<br />
background-color: rgba(255, 255, 255, 0.5);<br />
border: 1px solid #aaaaaa;<br />
}<br />
<br />
.client-js #preferences fieldset {<br />
border-color: #aaaaaa;<br />
}<br />
<br />
<br />
/* Page history */<br />
#pagehistory li {<br />
background-color: rgba(0, 0, 0, 0);<br />
border: none;<br />
padding: 3px;<br />
}<br />
<br />
#pagehistory li.selected {<br />
background-color: rbga(0, 0, 0, 0);<br />
background-image: none;<br />
border: 1px dashed #aaaaaa;<br />
padding: 3px;<br />
}<br />
<br />
table.diff {<br />
background: transparent;<br />
}<br />
<br />
td.diff-context {<br />
background: none repeat scroll 0 0 transparent;<br />
color: #000000; /* this font colour may need tweaking depending on your choice of background */<br />
}<br />
<br />
td.diff-deletedline {<br />
background-color: #FFE49C;<br />
border-color: #FFE49C;<br />
color: #000000;<br />
}<br />
<br />
td.diff-addedline {<br />
background-color: #A3D3FF;<br />
border-color: #A3D3FF;<br />
color: #000000;<br />
}<br />
<br />
<br />
/* for "edit this page" tab and "discussion" tab etc */<br />
.pagetab {<br />
border-style: solid solid none;<br />
border-width: thin;<br />
border-color: #808080;<br />
padding:0.25ex 1ex 0ex;<br />
font-size: 95%;<br />
}<br />
<br />
.ambox {<br />
background-color: #eeeeee;<br />
border-bottom-color: #383838;<br />
border-right-color: #383838;<br />
border-top-color: #383838;<br />
border-collapse: collapse;<br />
font-size: 95%;<br />
margin: 0 auto 2px auto;<br />
width: 80%;<br />
}<br />
<br />
.ambox-gray {<br />
border-left-color: #383838;<br />
}<br />
<br />
.ambox.ambox-tiny {<br />
font-size: 90%;<br />
margin: 2px 0;<br />
width: auto;<br />
}<br />
<br />
.ambox + .ambox {<br />
margin-top: -2px;<br />
}<br />
<br />
.ambox-text {<br />
padding: 0.25em 0.5em;<br />
}<br />
<br />
.ambox-image {<br />
padding: 2px 0px 2px 0.5em;<br />
text-align: center;<br />
width: 60px;<br />
}<br />
<br />
.ambox-tiny .ambox-image {<br />
padding: 2px 0.5em;<br />
text-align: left;<br />
width: auto;<br />
}<br />
<br />
/* Ambox colors */<br />
.ambox-blue {<br />
border-left: 10px solid #1e90ff;<br />
}<br />
<br />
.ambox-red {<br />
border-left: 10px solid #b22222;<br />
}<br />
<br />
.ambox-orange {<br />
border-left: 10px solid #f28500;<br />
}<br />
<br />
.ambox-yellow {<br />
border-left: 10px solid #f4c430;<br />
}<br />
<br />
.ambox-purple {<br />
border-left: 10px solid #9932cc;<br />
}<br />
<br />
.ambox-gray {<br />
border-left: 10px solid #bba;<br />
}<br />
<br />
.ambox-green {<br />
border-left: 10px solid #228b22;<br />
}<br />
<br />
/* Ambox small text */<br />
.amsmalltext {<br />
font-size: smaller;<br />
margin-left:0.8em;<br />
margin-top:0.5em;<br />
}<br />
<br />
/* INFOBOXES: game or book depended color style */<br />
.infoboxtable {<br />
background-color: #103f63;<br />
border: 1px solid #0e395a;<br />
color: #56d7ed;<br />
float: right;<br />
font-size: 89%; <br />
margin-bottom: 0.5em; <br />
margin-left: 1em; <br />
padding: 0.2em; <br />
width: 300px;<br />
}<br />
<br />
.infoboxtable td {<br />
vertical-align: top;<br />
}<br />
<br />
.infoboxtable a,<br />
.infoboxtable a:link,<br />
.infoboxtable a:visited {<br />
color: gray;<br />
vertical-align: top;<br />
}<br />
<br />
.infoboxtable td > div {<br />
background-color: transparent;<br />
font-weight: bold;<br />
padding: 0.5px 7px;<br />
text-align: right;<br />
width:135px;<br />
}<br />
<br />
.infoboxname {<br />
font-size: 120%; <br />
font-weight: bold;<br />
padding: 0.5em; <br />
font-family: "OpenSans-Semibold";<br />
background-attachment: scroll;<br />
background-clip: border-box;<br />
background-color: rgba(0, 0, 0, 0);<br />
background-image: url("https://birthdaysthebeginning.gamepedia.com/media/birthdaysthebeginning.gamepedia.com/3/3a/Bg_stripes.png");<br />
background-origin: padding-box;<br />
background-position-y: center;<br />
background-repeat: repeat;<br />
background-size: 100% 100%;<br />
height: 20px;<br />
}<br />
<br />
.infoboxdetails {<br />
padding: 0em;<br />
}<br />
<br />
/* copyright images tweak */<br />
.copyright-icon {<br />
background: url("https://commons.gamepedia.com/media/commons.gamepedia.com/thumb/b/b6/Copyright.png/32px-Copyright.png") transparent center center no-repeat;<br />
background-size: 100%;<br />
width: 32px;<br />
height: 32px;<br />
}<br />
<br />
div#simpleSearch {<br />
-moz-border-bottom-colors: none;<br />
-moz-border-left-colors: none;<br />
-moz-border-right-colors: none;<br />
-moz-border-top-colors: none;<br />
background-color: white;<br />
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAQCAIAAABY/YLgAAAAJUlEQVQIHQXBsQEAAAjDoND/73UWdnerhmHVsDQZJrNWVg3Dqge6bgMe6bejNAAAAABJRU5ErkJggg==");<br />
background-position: left top;<br />
background-repeat: repeat-x;<br />
border-bottom-color: #aaa;<br />
border-bottom-left-radius: 10px;<br />
border-bottom-right-radius: 10px;<br />
border-bottom-style: solid;<br />
border-bottom-width: 1px;<br />
border-image-outset: 0 0 0 0;<br />
border-image-repeat: stretch stretch;<br />
border-image-slice: 100% 100% 100% 100%;<br />
border-image-source: none;<br />
border-image-width: 1 1 1 1;<br />
border-left-color: #aaa;<br />
border-left-style: solid;<br />
border-left-width: 1px;<br />
border-right-color: #aaa;<br />
border-right-style: solid;<br />
border-right-width: 1px;<br />
border-top-color: #aaa;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
border-top-style: solid;<br />
border-top-width: 1px;<br />
color: black;<br />
display: block;<br />
height: 1.4em;<br />
margin-top: -0.4em;<br />
max-width: 20em;<br />
min-height: 1px;<br />
min-width: 5em;<br />
padding-right: 1.4em;<br />
position: relative;<br />
}<br />
<br />
/* footer */<br />
div#footer {<br />
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);<br />
border:none;<br />
box-shadow: 0 0.1em 0.75em white;<br />
color: black;<br />
margin-left: 11em;<br />
padding-bottom: 1.25em;<br />
padding-left: 1.25em;<br />
padding-right: 1.25em;<br />
padding-top: 1.25em;<br />
margin-top: 10px;<br />
}<br />
<br />
#toc #toctitle, <br />
.toc #toctitle, <br />
#toc .toctitle, <br />
.toc .toctitle {<br />
text-align: center;<br />
color: #ff85a9;<br />
font-size: 102%;<br />
font-weight: bold;<br />
text-transform: uppercase;<br />
background-color: #e3e236;<br />
border:1px solid #380E08;<br />
border-radius: 5px;<br />
padding:3px;<br />
}<br />
<br />
#toc, <br />
.toc {<br />
border-bottom-left-radius: 10px;<br />
border-bottom-right-radius: 10px;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
display: table;<br />
padding-bottom: 7px;<br />
padding-left: 7px;<br />
padding-right: 7px;<br />
padding-top: 7px;<br />
border:2px solid #380E08;<br />
}<br />
<br />
.mw-body #toc h2, <br />
.mw-body .toc h2 {<br />
font-family: sans-serif;<br />
font-size: 100%;<br />
color: black;<br />
font-weight: bold;<br />
}<br />
<br />
/* Tables */<br />
table.wikitable > tr > th, table.wikitable > * > tr > th {<br />
background-color: #ff7b9c;<br />
font-family: "OpenSans-Semibold";<br />
color: black;<br />
text-align: center;<br />
}<br />
<br />
table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {<br />
border: 1px solid #380E08;<br />
padding-bottom: 0.2em;<br />
padding-left: 0.4em;<br />
padding-right: 0.4em;<br />
padding-top: 0.2em;<br />
}<br />
<br />
table.wikitable > tr > td, <br />
table.wikitable > * > tr > td {<br />
background: #E3E236;<br />
padding-bottom: 0.2em;<br />
padding-left: 0.4em;<br />
padding-right: 0.4em;<br />
padding-top: 0.2em;<br />
}<br />
<br />
<br />
/********************************/<br />
/* Front page appearance styles */<br />
/********************************/<br />
.fpbox .mainheading {<br />
border: 0;<br />
}<br />
<br />
.fpbox {<br />
background: rgba(0, 0, 0, 0.1);<br />
border-radius: 5px;<br />
border: 1px solid black;<br />
box-shadow: 0 0.1em 0.75em #AF9CBB;<br />
color: black; /* change for hydra (light) wikis */<br />
margin: 5px 5px 5px 5px;<br />
padding: 5px 5px 5px 5px;<br />
}<br />
<br />
.fpbox .welcome {<br />
border-bottom: 1px solid #505050;<br />
color: black; /* change for hydra (light) wikis */<br />
font-size: 150%;<br />
margin: 0 0 10px 0;<br />
padding: 0 0 5px 0;<br />
text-transform: uppercase;<br />
text-align: center;<br />
}<br />
<br />
.fpbox .heading {<br />
border-bottom: 1px solid #505050;<br />
color: black; /* change for hydra (light) wikis */<br />
font-size: 132%;<br />
font-variant: small-caps;<br />
margin: 0 0 10px 0;<br />
padding: 0 0 5px 0;<br />
background: #ff7727 linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0;<br />
font-family: "OpenSans-Bold";<br />
}<br />
<br />
.fplink:not(.fplink-plain) {<br />
background: #ff7727 linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0;<br />
border: 1px solid black;<br />
border-radius: 3px;<br />
box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.2);<br />
color: black;<br />
font-weight: bold;<br />
text-transform: uppercase;<br />
font-family: "OpenSans-Bold", "sans-serif";<br />
}<br />
<br />
.fplink-fullwidth .fplink:not(.fplink-plain) {<br />
background: rgba(0,0,0,0.4);<br />
}<br />
<br />
.linkslabel {<br />
border-bottom: 2px solid #505050;<br />
}<br />
<br />
/************************************/<br />
/* Front page appearance styles END */<br />
/************************************/<br />
<br />
<br />
/* Other element styles */<br />
<br />
.mw-search-profile-tabs {<br />
border: 1px solid #9d5d0b;<br />
background-color: #ffbf6c;<br />
margin-top: 1em;<br />
}<br />
<br />
.mw-search-profile-tabs div.search-types ul li.current a {<br />
color: gray;<br />
cursor: default;<br />
}</div>
Encredechine
https://happybirthdays.fandom.com/wiki/MediaWiki:Common.css?diff=5941
MediaWiki:Common.css
2020-11-04T13:05:49Z
<p>Encredechine: </p>
<hr />
<div>/* CSS placed here will be applied to all skins */<br />
/* This governs the sections on the Community portal */<br />
.cpbox {<br />
display: flex;<br />
flex-direction: row-reverse;<br />
flex-wrap: wrap;<br />
}<br />
<br />
.cpbox #admins {<br />
box-sizing: border-box;<br />
width: calc(33% - 10px);<br />
margin: 5px;<br />
flex-grow: 1;<br />
min-width: 300px;<br />
}<br />
<br />
.cpbox #help {<br />
box-sizing: border-box;<br />
width: calc(67% - 10px);<br />
margin: 5px;<br />
flex-grow: 1;<br />
}<br />
<br />
/* Template documentation styles */<br />
/* If modifying these styles, be sure to update the mobile skin! */<br />
.doc {<br />
margin: 0em auto 1em;<br />
background-color: rgba(0, 0, 0, 0.1);<br />
border: 2px solid #BDCAC3;<br />
border-radius: 1em;<br />
padding: 1em;<br />
}<br />
<br />
.doc-header {<br />
padding-bottom: 3px;<br />
border-bottom: 1px solid #BDCAC3;<br />
margin-bottom: 1ex;<br />
}<br />
<br />
.doc-footer {<br />
margin: 0;<br />
background-color: rgba(0, 0, 0, 0.1);<br />
border: 2px solid #BDCAC3;<br />
border-radius: 1em;<br />
padding: 1em;<br />
}<br />
<br />
/* Classes permitting setting of alignment on desktop only or differently on desktop and mobile */<br />
/* (See .mobileleft, .mobilecenter, .mobileright in MediaWiki:Mobile.css for the mobile equivalents */<br />
.desktopleft {<br />
text-align: left;<br />
}<br />
<br />
.desktopcenter {<br />
text-align: center;<br />
}<br />
<br />
.desktopright {<br />
text-align: right;<br />
}<br />
<br />
/* Front page structure */<br />
.fpbox {<br />
margin: 5px;<br />
padding: 5px;<br />
overflow: auto;<br />
width: calc(100% - 2px);<br />
}<br />
<br />
.fpbox.plain {<br />
background: transparent;<br />
border: none;<br />
box-shadow: none;<br />
}<br />
<br />
.fpbox .heading,<br />
.fpbox .mainheading,<br />
.fpbox .welcome {<br />
margin: 0 0 10px;<br />
padding: 0 0 5px;<br />
overflow: auto;<br />
}<br />
<br />
.fpbox .mainheading,<br />
.fpbox .welcome {<br />
font-size: 150%;<br />
font-weight: bold;<br />
}<br />
<br />
.fpbox .heading {<br />
text-align: center;<br />
font-size: 132%;<br />
}<br />
<br />
.linkslabel {<br />
margin: 15px 5px 5px;<br />
padding: 0 0 5px;<br />
}<br />
<br />
/* Template:FP links styles */<br />
.fplinks {<br />
display: flex;<br />
flex-wrap: wrap;<br />
justify-content: space-evenly;<br />
align-items: stretch;<br />
text-align: center;<br />
}<br />
<br />
.fplink-outer {<br />
padding: 5px;<br />
flex-basis: calc(25% - 10px);<br />
width: calc(25% - 15px);<br />
min-width: 115px;<br />
display: inline-block;<br />
vertical-align: middle;<br />
}<br />
<br />
.fplink-wide {<br />
flex-basis: calc(33% - 10px);<br />
width: calc(33% - 15px);<br />
}<br />
<br />
.fplink-fullwidth {<br />
flex-basis: 100%;<br />
width: calc(100% - 15px);<br />
font-weight: bold;<br />
}<br />
<br />
.fplink {<br />
padding: 0.5em;<br />
box-sizing: border-box;<br />
width: 100%;<br />
height: 100%;<br />
display: table;<br />
}<br />
<br />
.fplink-plain {<br />
background: transparent;<br />
border-radius: 0;<br />
border: 0;<br />
box-shadow: none;<br />
}<br />
<br />
.fplink-inner {<br />
display: table-row;<br />
}<br />
<br />
.fplink a,<br />
.fplink a:visited,<br />
.fplink a.external,<br />
.fplink a.external:visited,<br />
.fplink a.extiw,<br />
.fplink a.extiw:visited {<br />
display: table-cell;<br />
vertical-align: middle; <br />
color:#FFF !important;<br />
}<br />
<br />
.fplink a:hover {<br />
color:#fff0ea;<br />
}<br />
<br />
.fplink img {<br />
max-width: 150px;<br />
width: 100%;<br />
height: auto;<br />
}<br />
<br />
/* Auto-resize front page video to fit smaller columns */<br />
.fpbox .embedvideowrap {<br />
width: 100%!important;<br />
max-width: 480px;<br />
margin: 0 auto;<br />
}<br />
<br />
.fpbox .embedvideowrap iframe {<br />
width: 100%!important;<br />
}<br />
<br />
/* Multi-column box support */<br />
.fp-container main .columns .leftcol,<br />
.fp-container .columns .rightcol {<br />
width: 100%;<br />
margin: 0;<br />
padding: 0;<br />
}<br />
<br />
@media (min-width: 990px) {<br />
.fp-container .columns .leftcol {<br />
float: left;<br />
width: 50%;<br />
}<br />
<br />
.fp-container .columns .rightcol {<br />
float: right;<br />
width: 50%;<br />
}<br />
}<br />
<br />
.fp-section {<br />
display: flex;<br />
flex-wrap: wrap;<br />
}<br />
<br />
/* this CSS governs the responsive 2 column main page layout */<br />
#fp-2column.fp-container {<br />
display: grid;<br />
grid-template-areas: "a" "b" "c";<br />
grid-template-columns: 100%;<br />
}<br />
@media screen and (min-width:990px) {<br />
#fp-2column.fp-container {<br />
grid-template-areas: "a b" "c c";<br />
grid-template-columns: 50% 50%;<br />
}<br />
}<br />
@media screen and (min-width:1350px) {<br />
#fp-2column.fp-container {<br />
grid-template-areas: "a b" "c b";<br />
grid-template-columns: auto 520px;<br />
}<br />
}<br />
<br />
#fp-top {<br />
grid-area: a;<br />
}<br />
<br />
#fp-flex {<br />
grid-area: b;<br />
}<br />
<br />
#fp-bottom {<br />
grid-area: c;<br />
}<br />
<br />
/* end responsive 2 column main page layout */<br />
<br />
/* ******************** */<br />
/* End main page layout */<br />
/* ******************** */</div>
Encredechine
https://happybirthdays.fandom.com/wiki/MediaWiki:Common.css?diff=5940
MediaWiki:Common.css
2020-11-04T13:04:59Z
<p>Encredechine: </p>
<hr />
<div>/* CSS placed here will be applied to all skins */<br />
/* This governs the sections on the Community portal */<br />
.cpbox {<br />
display: flex;<br />
flex-direction: row-reverse;<br />
flex-wrap: wrap;<br />
}<br />
<br />
.cpbox #admins {<br />
box-sizing: border-box;<br />
width: calc(33% - 10px);<br />
margin: 5px;<br />
flex-grow: 1;<br />
min-width: 300px;<br />
}<br />
<br />
.cpbox #help {<br />
box-sizing: border-box;<br />
width: calc(67% - 10px);<br />
margin: 5px;<br />
flex-grow: 1;<br />
}<br />
<br />
/* Template documentation styles */<br />
/* If modifying these styles, be sure to update the mobile skin! */<br />
.doc {<br />
margin: 0em auto 1em;<br />
background-color: rgba(0, 0, 0, 0.1);<br />
border: 2px solid #BDCAC3;<br />
border-radius: 1em;<br />
padding: 1em;<br />
}<br />
<br />
.doc-header {<br />
padding-bottom: 3px;<br />
border-bottom: 1px solid #BDCAC3;<br />
margin-bottom: 1ex;<br />
}<br />
<br />
.doc-footer {<br />
margin: 0;<br />
background-color: rgba(0, 0, 0, 0.1);<br />
border: 2px solid #BDCAC3;<br />
border-radius: 1em;<br />
padding: 1em;<br />
}<br />
<br />
/* Classes permitting setting of alignment on desktop only or differently on desktop and mobile */<br />
/* (See .mobileleft, .mobilecenter, .mobileright in MediaWiki:Mobile.css for the mobile equivalents */<br />
.desktopleft {<br />
text-align: left;<br />
}<br />
<br />
.desktopcenter {<br />
text-align: center;<br />
}<br />
<br />
.desktopright {<br />
text-align: right;<br />
}<br />
<br />
/* Front page structure */<br />
.fpbox {<br />
margin: 5px;<br />
padding: 5px;<br />
overflow: auto;<br />
width: calc(100% - 2px);<br />
}<br />
<br />
.fpbox.plain {<br />
background: transparent;<br />
border: none;<br />
box-shadow: none;<br />
}<br />
<br />
.fpbox .heading,<br />
.fpbox .mainheading,<br />
.fpbox .welcome {<br />
margin: 0 0 10px;<br />
padding: 0 0 5px;<br />
overflow: auto;<br />
}<br />
<br />
.fpbox .mainheading,<br />
.fpbox .welcome {<br />
font-size: 150%;<br />
font-weight: bold;<br />
}<br />
<br />
.fpbox .heading {<br />
text-align: center;<br />
font-size: 132%;<br />
}<br />
<br />
.linkslabel {<br />
margin: 15px 5px 5px;<br />
padding: 0 0 5px;<br />
}<br />
<br />
/* Template:FP links styles */<br />
.fplinks {<br />
display: flex;<br />
flex-wrap: wrap;<br />
justify-content: space-evenly;<br />
align-items: stretch;<br />
text-align: center;<br />
}<br />
<br />
.fplink-outer {<br />
padding: 5px;<br />
flex-basis: calc(25% - 10px);<br />
width: calc(25% - 15px);<br />
min-width: 115px;<br />
display: inline-block;<br />
vertical-align: middle;<br />
}<br />
<br />
.fplink-wide {<br />
flex-basis: calc(33% - 10px);<br />
width: calc(33% - 15px);<br />
}<br />
<br />
.fplink-fullwidth {<br />
flex-basis: 100%;<br />
width: calc(100% - 15px);<br />
font-weight: bold;<br />
}<br />
<br />
.fplink {<br />
padding: 0.5em;<br />
box-sizing: border-box;<br />
width: 100%;<br />
height: 100%;<br />
display: table;<br />
}<br />
<br />
.fplink-plain {<br />
background: transparent;<br />
border-radius: 0;<br />
border: 0;<br />
box-shadow: none;<br />
}<br />
<br />
.fplink-inner {<br />
display: table-row;<br />
}<br />
<br />
.fplink a,<br />
.fplink a:visited,<br />
.fplink a.external,<br />
.fplink a.external:visited,<br />
.fplink a.extiw,<br />
.fplink a.extiw:visited {<br />
display: table-cell;<br />
vertical-align: middle; <br />
color:#FFF;<br />
}<br />
<br />
.fplink a:hover {<br />
color:#fff0ea;<br />
}<br />
<br />
.fplink img {<br />
max-width: 150px;<br />
width: 100%;<br />
height: auto;<br />
}<br />
<br />
/* Auto-resize front page video to fit smaller columns */<br />
.fpbox .embedvideowrap {<br />
width: 100%!important;<br />
max-width: 480px;<br />
margin: 0 auto;<br />
}<br />
<br />
.fpbox .embedvideowrap iframe {<br />
width: 100%!important;<br />
}<br />
<br />
/* Multi-column box support */<br />
.fp-container main .columns .leftcol,<br />
.fp-container .columns .rightcol {<br />
width: 100%;<br />
margin: 0;<br />
padding: 0;<br />
}<br />
<br />
@media (min-width: 990px) {<br />
.fp-container .columns .leftcol {<br />
float: left;<br />
width: 50%;<br />
}<br />
<br />
.fp-container .columns .rightcol {<br />
float: right;<br />
width: 50%;<br />
}<br />
}<br />
<br />
.fp-section {<br />
display: flex;<br />
flex-wrap: wrap;<br />
}<br />
<br />
/* this CSS governs the responsive 2 column main page layout */<br />
#fp-2column.fp-container {<br />
display: grid;<br />
grid-template-areas: "a" "b" "c";<br />
grid-template-columns: 100%;<br />
}<br />
@media screen and (min-width:990px) {<br />
#fp-2column.fp-container {<br />
grid-template-areas: "a b" "c c";<br />
grid-template-columns: 50% 50%;<br />
}<br />
}<br />
@media screen and (min-width:1350px) {<br />
#fp-2column.fp-container {<br />
grid-template-areas: "a b" "c b";<br />
grid-template-columns: auto 520px;<br />
}<br />
}<br />
<br />
#fp-top {<br />
grid-area: a;<br />
}<br />
<br />
#fp-flex {<br />
grid-area: b;<br />
}<br />
<br />
#fp-bottom {<br />
grid-area: c;<br />
}<br />
<br />
/* end responsive 2 column main page layout */<br />
<br />
/* ******************** */<br />
/* End main page layout */<br />
/* ******************** */</div>
Encredechine
https://happybirthdays.fandom.com/wiki/MediaWiki:Hydra.css?diff=5939
MediaWiki:Hydra.css
2020-11-04T13:03:32Z
<p>Encredechine: </p>
<hr />
<div>/* CSS placed here will affect users of the Hydra skin */<br />
/* For elements which only display in the mobile view */<br />
.mobileonly {<br />
display: none;<br />
}<br />
<br />
/* fonts */<br />
@font-face {<br />
font-family: 'OpenSans-Bold';<br />
src: local('OpenSans-Bold'), local('OpenSans-Bold'), url(/media/hydra/fonts/OpenSans-Bold.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-BoldItalic';<br />
src: local('OpenSans-BoldItalic'), local('OpenSans-BoldItalic'), url(/media/hydra/fonts/OpenSans-BoldItalic.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-ExtraBold';<br />
src: local('OpenSans-ExtraBold'), local('OpenSans-ExtraBold'), url(/media/hydra/fonts/OpenSans-ExtraBold.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-ExtraBoldItalic';<br />
src: local('OpenSans-ExtraBoldItalic'), local('OpenSans-ExtraBoldItalic'), url(/media/hydra/fonts/OpenSans-ExtraBoldItalic.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-Italic';<br />
src: local('OpenSans-Italic'), local('OpenSans-Italic'), url(/media/hydra/fonts/OpenSans-Italic.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-Light';<br />
src: local('OpenSans-Light'), local('OpenSans-Light'), url(/media/hydra/fonts/OpenSans-Light.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-LightItalic';<br />
src: local('OpenSans-LightItalic'), local('OpenSans-LightItalic'), url(/media/hydra/fonts/OpenSans-LightItalic.ttf) format('truetype');<br />
}<br />
<br />
<br />
@font-face {<br />
font-family: 'OpenSans-Regular';<br />
src: local('OpenSans-Regular'), local('OpenSans-Regular'), url(/media/hydra/fonts/OpenSans-Regular.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-Semibold';<br />
src: local('OpenSans-Semibold'), local('OpenSans-Semibold'), url(/media/hydra/fonts/OpenSans-Semibold.ttf) format('truetype');<br />
}<br />
<br />
@font-face {<br />
font-family: 'OpenSans-SemiboldItalic';<br />
src: local('OpenSans-SemiboldItalic'), local('OpenSans-SemiboldItalic'), url(/media/hydra/fonts/OpenSans-SemiboldItalic.ttf) format('truetype');<br />
}<br />
<br />
p {<br />
font-family: "OpenSans-Regular";<br />
}<br />
<br />
/* links */<br />
a, <br />
a:visited,<br />
div#content a.extiw,<br />
div#content a.extiw:visited,<br />
div#content a.external, <br />
div#content a.external:visited {<br />
color: #be5b20;<br />
font-family: "OpenSans-Semibold";<br />
}<br />
<br />
a:hover {<br />
color: #f7813d;<br />
}<br />
<br />
<br />
ul {<br />
list-style-type: disc;<br />
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);<br />
} <br />
<br />
/* Hide main page header */<br />
body.page-Happy_Birthdays_Wiki h1.firstHeading {<br />
display:none;<br />
}<br />
<br />
body {<br />
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);<br />
-webkit-background-size: cover;<br />
-o-background-size: cover;<br />
-moz-background-size: cover;<br />
}<br />
<br />
#pageWrapper { <br />
padding-right: 1em;<br />
}<br />
<br />
#mw-page-base {<br />
background-color: transparent;<br />
background-image: none;<br />
background-position: left bottom;<br />
background-repeat: repeat-x;<br />
height: 5em;<br />
}<br />
<br />
/* Logo */<br />
#p-logo a {<br />
background-position: center center;<br />
background-repeat: no-repeat;<br />
background-size: 99% auto;<br />
display: block;<br />
height: 160px;<br />
text-decoration-color: -moz-use-text-color;<br />
text-decoration-line: none;<br />
text-decoration-style: solid;<br />
width: 10em;<br />
}<br />
<br />
/* Content */<br />
div#content {<br />
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);<br />
box-shadow: 0 0.1em 0.75em white;<br />
color: black;<br />
margin-left: 11em;<br />
margin-top: 0em;<br />
border:none;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
}<br />
<br />
.mw-body .firstHeading,<br />
.mw-body h1, <br />
.mw-body h2 {<br />
border-bottom-color: #380e08;<br />
border-bottom-style: solid;<br />
border-bottom-width: 1px;<br />
color: #380e08;<br />
font-family: sans-serif;<br />
font-weight:bold;<br />
}<br />
<br />
.mw-body h3, <br />
.mw-body h4, <br />
.mw-body h5, <br />
.mw-body h6 {<br />
color: #380e08;<br />
font-family: sans-serif;<br />
}<br />
<br />
/* images */<br />
img.thumbborder {<br />
border:1px solid #380E08;<br />
margin:5px;<br />
}<br />
<br />
/* Vector Tab styles */<br />
#left-navigation {<br />
margin-left: 11.5em;<br />
}<br />
<br />
#right-navigation {<br />
margin-right: 1em;<br />
}<br />
<br />
/* removes the divider */<br />
div.vectorTabs, <br />
div.vectorTabs ul, <br />
div.vectorTabs span, <br />
div#mw-head div.vectorMenu h3 {<br />
background-image: none;<br />
}<br />
<br />
div.vectorMenu h3 {<br />
background-attachment: scroll;<br />
background-clip: border-box;<br />
background-color: #ff7727;<br />
background-image: none;<br />
background-origin: padding-box;<br />
background-position: -10px center;<br />
background-repeat: no-repeat;<br />
background-size: auto auto;<br />
border-bottom-left-radius: 10px;<br />
border-bottom-right-radius: 10px;<br />
border: 2px solid black;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
display: inline-block;<br />
height: 20px;<br />
line-height: 0;<br />
margin-bottom: 1px;<br />
margin-left: 3px;<br />
margin-right: 3px;<br />
margin-top: 1px;<br />
padding-bottom: 2px;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
padding-top: 2px;<br />
text-align: center;<br />
}<br />
<br />
/* share and more */<br />
div.vectorMenu h3 span {<br />
display: block;<br />
font-size: 0.8em;<br />
font-weight: normal;<br />
margin-right: 20px;<br />
padding-left: 0.7em;<br />
padding-top: 1em;<br />
text-transform: uppercase;<br />
color: white;<br />
text-shadow:1px 1px black;<br />
font-family: "OpenSans-Semibold";<br />
}<br />
<br />
div.vectorMenu h3 a {<br />
background-image: url(https://birthdaysthebeginning.gamepedia.com/media/birthdaysthebeginning.gamepedia.com/1/1b/Dino1.png);<br />
background-color: transparent;<br />
background-position: 100% 70%;<br />
background-repeat: no-repeat;<br />
height: 2.5em;<br />
position: absolute;<br />
right: 0;<br />
top: -10px;<br />
transition-delay: 0s;<br />
transition-duration: 250ms;<br />
transition-property: background-position;<br />
transition-timing-function: ease;<br />
width: 20px;<br />
background-size:25px auto;<br />
}<br />
<br />
div.vectorMenu h3 a:hover {<br />
background-image: url(https://birthdaysthebeginning.gamepedia.com/media/birthdaysthebeginning.gamepedia.com/9/95/Dino2.png);<br />
background-color: transparent;<br />
background-position: 100% 70%;<br />
background-repeat: no-repeat;<br />
height: 2.5em;<br />
position: absolute;<br />
right: 0;<br />
top: -10px;<br />
width: 20px;<br />
background-size:25px auto;<br />
}<br />
<br />
div#mw-head div.vectorMenu h3 {<br />
background-position: right bottom;<br />
background-repeat: no-repeat;<br />
float: left;<br />
font-size: 1em;<br />
height: 1.5em;<br />
margin-right: -1px;<br />
margin-top: -2px;<br />
padding-right: 1px;<br />
}<br />
<br />
/* more about tabs */<br />
div.vectorTabs {<br />
background: transparent;<br />
}<br />
<br />
div.vectorTabs ul li {<br />
}<br />
<br />
div.vectorTabs ul li#ca-contribs, <br />
div.vectorTabs ul li#ca-ve-edit {<br />
background-attachment: scroll;<br />
background-clip: border-box;<br />
background-color: #ff7727;<br />
background-image: none;<br />
background-origin: padding-box;<br />
background-position: -10px center;<br />
background-repeat: no-repeat;<br />
background-size: auto auto;<br />
border-bottom-left-radius: 10px;<br />
border-bottom-right-radius: 10px;<br />
border: 2px solid black;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
display: inline-block;<br />
height: 20px;<br />
line-height: 0;<br />
margin-bottom: 1px;<br />
margin-left: 3px;<br />
margin-right: 3px;<br />
margin-top: 1px;<br />
padding-bottom: 2px;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
padding-top: 2px;<br />
text-align: center;<br />
}<br />
<br />
div.vectorTabs ul li#ca-edit {<br />
background-attachment: scroll;<br />
background-clip: border-box;<br />
background-color: #00F2FF;<br />
background-image: none;<br />
background-origin: padding-box;<br />
background-position: -10px center;<br />
background-repeat: no-repeat;<br />
background-size: auto auto;<br />
border-bottom-left-radius: 10px;<br />
border-bottom-right-radius: 10px;<br />
border: 2px solid black;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
display: inline-block;<br />
height: 20px;<br />
line-height: 0;<br />
margin-bottom: 1px;<br />
margin-left: 3px;<br />
margin-right: 3px;<br />
margin-top: 1px;<br />
padding-bottom: 2px;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
padding-top: 2px;<br />
text-align: center;<br />
}<br />
<br />
div.vectorTabs ul li#ca-history {<br />
background-attachment: scroll;<br />
background-clip: border-box;<br />
background-color: #74FF37;<br />
background-image: none;<br />
background-origin: padding-box;<br />
background-position: -10px center;<br />
background-repeat: no-repeat;<br />
background-size: auto auto;<br />
border-bottom-left-radius: 10px;<br />
border-bottom-right-radius: 10px;<br />
border: 2px solid black;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
display: inline-block;<br />
height: 20px;<br />
line-height: 0;<br />
margin-bottom: 1px;<br />
margin-left: 3px;<br />
margin-right: 3px;<br />
margin-top: 1px;<br />
padding-bottom: 2px;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
padding-top: 2px;<br />
text-align: center;<br />
}<br />
<br />
<br />
div.vectorTabs ul li#ca-nstab-main {<br />
background-attachment: scroll;<br />
background-clip: border-box;<br />
background-color: #FF5CFF;<br />
background-image: none;<br />
background-origin: padding-box;<br />
background-position: -10px center;<br />
background-repeat: no-repeat;<br />
background-size: auto auto;<br />
border-bottom-left-radius: 10px;<br />
border-bottom-right-radius: 10px;<br />
border: 2px solid black;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
display: inline-block;<br />
height: 20px;<br />
line-height: 0;<br />
margin-bottom: 1px;<br />
margin-left: 3px;<br />
margin-right: 3px;<br />
margin-top: 1px;<br />
padding-bottom: 2px;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
padding-top: 2px;<br />
text-align: center;<br />
}<br />
<br />
div.vectorTabs ul li#ca-nstab-image, <br />
div.vectorTabs ul li#ca-nstab-special, <br />
div.vectorTabs ul li#ca-nstab-help, <br />
div.vectorTabs ul li#ca-nstab-category, <br />
div.vectorTabs ul li#ca-nstab-template, <br />
div.vectorTabs ul li#ca-nstab-project, <br />
div.vectorTabs ul li#ca-nstab-user, <br />
div.vectorTabs ul li#ca-user, <br />
div.vectorTabs ul li#ca-user_talk, <br />
div.vectorTabs ul li#ca-user_profile, <br />
div.vectorTabs ul li#ca-userprofile, <br />
div.vectorTabs ul li#ca-user_wiki {<br />
background-attachment: scroll;<br />
background-clip: border-box;<br />
background-color: #ff7727;<br />
background-image: none;<br />
background-origin: padding-box;<br />
background-position: -10px center;<br />
background-repeat: no-repeat;<br />
background-size: auto auto;<br />
border-bottom-left-radius: 10px;<br />
border-bottom-right-radius: 10px;<br />
border: 2px solid black;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
display: inline-block;<br />
height: 20px;<br />
line-height: 0;<br />
margin-bottom: 1px;<br />
margin-left: 3px;<br />
margin-right: 3px;<br />
margin-top: 1px;<br />
padding-bottom: 2px;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
padding-top: 2px;<br />
text-align: center;<br />
}<br />
<br />
div.vectorTabs ul li#ca-talk {<br />
background-attachment: scroll;<br />
background-clip: border-box;<br />
background-color: #E3E236;<br />
background-image: none;<br />
background-origin: padding-box;<br />
background-position: -10px center;<br />
background-repeat: no-repeat;<br />
background-size: auto auto;<br />
border-bottom-left-radius: 10px;<br />
border-bottom-right-radius: 10px;<br />
border: 2px solid black;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
display: inline-block;<br />
height: 20px;<br />
line-height: 0;<br />
margin-bottom: 1px;<br />
margin-left: 3px;<br />
margin-right: 3px;<br />
margin-top: 1px;<br />
padding-bottom: 2px;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
padding-top: 2px;<br />
text-align: center;<br />
}<br />
<br />
div.vectorTabs ul li#ca-nstab-mediawiki,<br />
div.vectorTabs ul li#ca-view, <br />
div.vectorTabs ul li#ca-viewsource {<br />
background-clip: border-box;<br />
background-color: #FF4550;<br />
background-image: none;<br />
background-origin: padding-box;<br />
background-position: -10px center;<br />
background-repeat: no-repeat;<br />
background-size: auto auto;<br />
border-bottom-left-radius: 10px;<br />
border-bottom-right-radius: 10px;<br />
border: 2px solid black;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
display: inline-block;<br />
height: 20px;<br />
line-height: 0;<br />
margin-bottom: 1px;<br />
margin-left: 3px;<br />
margin-right: 3px;<br />
margin-top: 1px;<br />
padding-bottom: 2px;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
padding-top: 2px;<br />
text-align: center;<br />
}<br />
<br />
div.vectorTabs, <br />
div.vectorTabs ul, <br />
div.vectorTabs span, <br />
background-image: none;<br />
}<br />
<br />
#ca-unwatch.icon a {<br />
background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNjMmVkZmYiLz48c3RvcCBvZmZzZXQ9Ii41IiBzdG9wLWNvbG9yPSIjNjhiZGZmIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZmZmIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgeDE9IjEzLjQ3IiB5MT0iMTQuMzYzIiB4Mj0iNC41OTYiIHkyPSIzLjM5NyIgaWQ9ImIiIHhsaW5rOmhyZWY9IiNhIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIvPjwvZGVmcz48cGF0aCBkPSJNOC4xMDMgMS4xNDZsMi4xNzUgNC40MDggNC44NjQuNzA3LTMuNTIgMy40MzEuODMxIDQuODQ1LTQuMzUxLTIuMjg3LTQuMzUxIDIuMjg3LjgzMS00Ljg0NS0zLjUyLTMuNDMxIDQuODY0LS43MDd6IiBmaWxsPSJ1cmwoI2IpIiBzdHJva2U9IiM3Y2I1ZDEiIHN0cm9rZS13aWR0aD0iMC45OTk5MTk5OTk5OTk5OTk5Ii8+PC9zdmc+");<br />
}<br />
<br />
div#p-cactions div.menu ul li a {<br />
background: none repeat scroll 0 0 transparent;<br />
border: medium none;<br />
color: #1A673D;<br />
}<br />
<br />
div#mw-head div.vectorMenu h4, <br />
div#p-variants.vectorMenu #mw-vector-current-variant {<br />
border: medium none;<br />
display: inline-block;<br />
float: left;<br />
font-size: 0.8em;<br />
font-weight: normal;<br />
padding-left: 0.5em;<br />
padding-top: 1.22em;<br />
color: #FFFFFF;<br />
font-size: 0.8em;<br />
text-transform: uppercase;<br />
font-family: "OpenSans-Light";<br />
line-height: 7px;<br />
}<br />
<br />
div.vectorTabs, <br />
div.vectorTabs span, <br />
div.vectorTabs li a {<br />
background-image: none;<br />
text-transform: uppercase;<br />
margin-top: -3px;<br />
}<br />
<br />
div.vectorTabs ul {<br />
background: transparent;<br />
}<br />
<br />
div.vectorTabs ul li, <br />
div.vectorTabs ul li.selected {<br />
background: transparent;<br />
border: none;<br />
margin-top: -5px;<br />
}<br />
<br />
div.vectorTabs ul li span, <br />
div.vectorTabs ul li.selected span {<br />
background: transparent;<br />
border: none;<br />
}<br />
<br />
div.vectorTabs li span a {<br />
color: #FFFFFF;<br />
}<br />
<br />
div.vectorTabs span a:visited {<br />
color: #FFFFFF;<br />
}<br />
<br />
div.vectorTabs li span a:hover, <br />
div.vectorTabs span a:visited:hover {<br />
color: #1A673D;<br />
}<br />
<br />
div.vectorTabs li.selected span a {<br />
color: #FFFFFF !important;<br />
}<br />
<br />
div.vectorTabs li.new span a {<br />
}<br />
<br />
div.vectorTabs li.new span a:visited {<br />
}<br />
<br />
div.vectorTabs li.new span a:hover, <br />
div.vectorTabs li.new span a:visited:hover {<br />
}<br />
<br />
div.vectorTabs span a:active {<br />
color: #1A673D;<br />
}<br />
<br />
div.vectorMenu ul {<br />
background: #000000;<br />
border: 1px solid #434647;<br />
}<br />
<br />
div#p-cactions h5 {<br />
background: transparent;<br />
}<br />
<br />
div.vectorMenu h5 a {<br />
border: none;<br />
background: transparent;<br />
}<br />
<br />
div#p-cactions div.menu ul {<br />
border: 1px solid #3C130E;<br />
background: #FF81A4;<br />
color: #E3E236;<br />
}<br />
<br />
div#p-cactions div.menu ul li a {<br />
background: transparent;<br />
border: none;<br />
color: white;<br />
}<br />
<br />
<br />
div#simpleSearch {<br />
width: 10em;<br />
margin-right: 1em;<br />
}<br />
<br />
div#mw-head a, <br />
.vectorTabs li a span, <br />
div#mw-head div.vectorTabs a, <br />
div#mw-head div.vectorMenu a {<br />
color: white;<br />
text-shadow: 1px 1px black;<br />
}<br />
<br />
div.vectorMenu {<br />
background-image: none;<br />
background-position: 100% 20%;<br />
background-repeat: no-repeat;<br />
cursor: pointer;<br />
direction: ltr;<br />
float: left;<br />
transition-delay: 0s;<br />
transition-duration: 250ms;<br />
transition-property: background-position;<br />
transition-timing-function: ease;<br />
}<br />
<br />
div.vectorMenu div.menu {<br />
border:2px solid #380E08;<br />
clear: both;<br />
left: -1px;<br />
min-width: 100%;<br />
position: absolute;<br />
text-align: center;<br />
top: 30px;<br />
z-index: 1;<br />
border-radius:5px;<br />
background-color: #FF84A6;<br />
}<br />
<br />
#p-sharing #socialIconImages img {<br />
box-sizing: content-box;<br />
width: 50%;<br />
}<br />
<br />
/* Sidebar */<br />
div#mw-panel div.portal,<br />
div#mw-panel div.portal div.body,<br />
#mw-panel.collapsible-nav .portal {<br />
background-image: none; /* Optional! This removes the lines be horizontal lines between the portals */<br />
}<br />
<br />
div#mw-panel div.portal div.body ul li a,<br />
div#mw-panel div.portal div.body ul li a:visited {<br />
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 */<br />
}<br />
<br />
div#mw-panel div.portal h3,<br />
div#mw-panel div.portal h3:visited,<br />
#mw-panel.collapsible-nav .portal h3 a,<br />
#mw-panel.collapsible-nav .portal h3 a:visited,<br />
#mw-panel.collapsible-nav .portal.collapsed h3 a,<br />
#mw-panel.collapsible-nav .portal.collapsed h3 a:visited {<br />
-webkit-text-stroke: 1px black;<br />
color: #FF85A9;<br />
text-shadow:<br />
2px 2px 0 #000,<br />
-1px -1px 0 #000, <br />
1px -1px 0 #000,<br />
-1px 1px 0 #000,<br />
1px 1px 0 #000;<br />
font-weight: bold; /* Optional, to make the labels stand out */<br />
text-transform: uppercase; /* Optional, to make the labels stand out */<br />
font-size:102%;<br />
<br />
}<br />
<br />
#mw-panel.collapsible-nav .portal.collapsed h3 {<br />
background-image: linear-gradient(transparent, transparent), url(https://birthdaysthebeginning.gamepedia.com/media/birthdaysthebeginning.gamepedia.com/1/1b/Dino1.png);<br />
background-position: left center;<br />
background-repeat: no-repeat;<br />
color: #0645ad;<br />
background-size: 25px auto;<br />
}<br />
<br />
#mw-panel.collapsible-nav .portal h3 {<br />
background-image: linear-gradient(transparent, transparent), url(https://birthdaysthebeginning.gamepedia.com/media/birthdaysthebeginning.gamepedia.com/9/95/Dino2.png);<br />
background-position: left center;<br />
background-repeat: no-repeat;<br />
padding-bottom: 3px;<br />
padding-left: 1.5em;<br />
padding-right: 0;<br />
padding-top: 4px;<br />
background-size: 25px auto;<br />
}<br />
<br />
div#mw-panel div#p-socialProfiles.portal .body {<br />
margin: auto;<br />
}<br />
<br />
.socialSidebar {<br />
width: auto;<br />
max-width: 100%;<br />
}<br />
<br />
/* Wiki editor fixes */<br />
div.wikiEditor-preview-contents,<br />
div.wikiEditor-preview-loading {<br />
background-color: transparent;<br />
}<br />
<br />
.wikiEditor-ui {<br />
background: rgba(0, 0, 0, 0);<br />
border: medium none;<br />
}<br />
<br />
.wikiEditor-ui .wikiEditor-ui-view {<br />
border-bottom: medium none;<br />
border-left: 1px solid #202020;<br />
border-right: 1px solid #202020;<br />
border-top : medium none;<br />
}<br />
<br />
div.wikiEditor-ui-buttons {<br />
background-color: rgba(0, 0, 0, 0);<br />
border-top: medium none;<br />
margin-right: 5px;<br />
}<br />
<br />
div.wikiEditor-ui-controls {<br />
background-color: rgba(0, 0, 0, 0);<br />
border-bottom: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-tabs {<br />
background-color: orange;<br />
border-left: 1px solid #202020;<br />
border-top: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-tabs div {<br />
background-color: orange;<br />
border-right: 1px solid #202020;<br />
border-bottom: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-tabs div a {<br />
background: orange; /* you can use a gradient here if you want to match your vector tabs or get fancy */<br />
color: #202020;<br />
}<br />
<br />
.wikiEditor-ui-tabs div.current {<br />
background-color: #FF7727;<br />
border-bottom: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-tabs div.current a {<br />
color: white; /* depends on your tabs bg & how different you wish the current tab and text to appear */<br />
font-weight: bold; /* optional to make it stand out */<br />
}<br />
<br />
.wikiEditor-ui .wikiEditor-ui-top {<br />
border-bottom: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-toolbar {<br />
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);<br />
}<br />
<br />
.wikiEditor-ui-toolbar .group {<br />
border-right: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .group-search {<br />
border-left: 1px solid #202020;<br />
border-right: none;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .group .label {<br />
color: black;<br />
}<br />
<br />
.tab {<br />
border-color: rgba(0, 0, 0, 0);<br />
}<br />
<br />
.wikiEditor-ui-toolbar .tabs span.tab a,<br />
.wikiEditor-ui-toolbar .tabs span.tab a:visited {<br />
color: black;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .tabs span.tab a.current,<br />
.wikiEditor-ui-toolbar .tabs span.tab a.current:visited {<br />
color: black;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .group .tool-select .label {<br />
color: #000000; /* or any other dark colour, or change the bg to a dark colour to contrast with light text */<br />
}<br />
<br />
.wikiEditor-ui-toolbar .sections .section {<br />
background-color: rgba(0, 0, 0, 0.2);<br />
border-top: 1px solid #202020;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .booklet .index div {<br />
color: #202020;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .booklet .index .current {<br />
background-color: orange;<br />
color: #202020;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .booklet .pages {<br />
background-color: orange;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .page-characters div span {<br />
border: 1px solid #202020;<br />
color: #202020;<br />
background:white;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .page-characters div span:hover {<br />
background-color: rgba(255, 255, 255, 0.3);<br />
border-color: #202020;<br />
color: #FF7796;<br />
}<br />
<br />
.wikiEditor-ui-toolbar .page-table td {<br />
border-top: 1px solid #202020;<br />
color: #202020;<br />
}<br />
<br />
.wikiEditor-preview-loading {<br />
background-color: rgba(0, 0, 0, 0);<br />
}<br />
<br />
.wikiEditor-preview-contents {<br />
background-color: rgba(0, 0, 0, 0);<br />
border-color: -moz-use-text-color #202020 #202020;<br />
border-image: none;<br />
border-style: none solid solid;<br />
border-width: medium 1px 1px;<br />
}<br />
<br />
.editOptions { <br />
background-color: gray;<br />
border-color: -moz-use-text-color #202020 #202020;<br />
border-image: none;<br />
border-style: none solid solid;<br />
border-width: medium 1px 1px;<br />
}<br />
<br />
/* Preferences */<br />
.client-js #preftoc {<br />
background-color: rgba(255, 255, 255, 0.5);<br />
border: 0px;<br />
}<br />
<br />
.client-js #preftoc,<br />
.client-js #preftoc li, <br />
.client-js #preferences, <br />
.client-js #preftoc li a {<br />
background-image: none;<br />
background-color: transparent;<br />
color: #666666; /* this font color may need tweaking, depending on your background choices */<br />
}<br />
<br />
.client-js #preftoc li:first-child {<br />
margin-bottom: 1px;<br />
margin-left: 5px;<br />
}<br />
<br />
.client-js #preftoc li.selected a {<br />
background-color: rgba(255, 255, 255, 0.5);<br />
background-image: none;<br />
border-color: #aaaaaa #aaaaaa rgba(255, 255, 255, 0.5);<br />
border-style: solid;<br />
border-width: 1px;<br />
color: #000000; /* this font color may need tweaking, depending on your background choices */<br />
}<br />
<br />
.client-js #preferences {<br />
background-color: rgba(255, 255, 255, 0.5);<br />
border: 1px solid #aaaaaa;<br />
}<br />
<br />
.client-js #preferences fieldset {<br />
border-color: #aaaaaa;<br />
}<br />
<br />
<br />
/* Page history */<br />
#pagehistory li {<br />
background-color: rgba(0, 0, 0, 0);<br />
border: none;<br />
padding: 3px;<br />
}<br />
<br />
#pagehistory li.selected {<br />
background-color: rbga(0, 0, 0, 0);<br />
background-image: none;<br />
border: 1px dashed #aaaaaa;<br />
padding: 3px;<br />
}<br />
<br />
table.diff {<br />
background: transparent;<br />
}<br />
<br />
td.diff-context {<br />
background: none repeat scroll 0 0 transparent;<br />
color: #000000; /* this font colour may need tweaking depending on your choice of background */<br />
}<br />
<br />
td.diff-deletedline {<br />
background-color: #FFE49C;<br />
border-color: #FFE49C;<br />
color: #000000;<br />
}<br />
<br />
td.diff-addedline {<br />
background-color: #A3D3FF;<br />
border-color: #A3D3FF;<br />
color: #000000;<br />
}<br />
<br />
<br />
/* for "edit this page" tab and "discussion" tab etc */<br />
.pagetab {<br />
border-style: solid solid none;<br />
border-width: thin;<br />
border-color: #808080;<br />
padding:0.25ex 1ex 0ex;<br />
font-size: 95%;<br />
}<br />
<br />
.ambox {<br />
background-color: #eeeeee;<br />
border-bottom-color: #383838;<br />
border-right-color: #383838;<br />
border-top-color: #383838;<br />
border-collapse: collapse;<br />
font-size: 95%;<br />
margin: 0 auto 2px auto;<br />
width: 80%;<br />
}<br />
<br />
.ambox-gray {<br />
border-left-color: #383838;<br />
}<br />
<br />
.ambox.ambox-tiny {<br />
font-size: 90%;<br />
margin: 2px 0;<br />
width: auto;<br />
}<br />
<br />
.ambox + .ambox {<br />
margin-top: -2px;<br />
}<br />
<br />
.ambox-text {<br />
padding: 0.25em 0.5em;<br />
}<br />
<br />
.ambox-image {<br />
padding: 2px 0px 2px 0.5em;<br />
text-align: center;<br />
width: 60px;<br />
}<br />
<br />
.ambox-tiny .ambox-image {<br />
padding: 2px 0.5em;<br />
text-align: left;<br />
width: auto;<br />
}<br />
<br />
/* Ambox colors */<br />
.ambox-blue {<br />
border-left: 10px solid #1e90ff;<br />
}<br />
<br />
.ambox-red {<br />
border-left: 10px solid #b22222;<br />
}<br />
<br />
.ambox-orange {<br />
border-left: 10px solid #f28500;<br />
}<br />
<br />
.ambox-yellow {<br />
border-left: 10px solid #f4c430;<br />
}<br />
<br />
.ambox-purple {<br />
border-left: 10px solid #9932cc;<br />
}<br />
<br />
.ambox-gray {<br />
border-left: 10px solid #bba;<br />
}<br />
<br />
.ambox-green {<br />
border-left: 10px solid #228b22;<br />
}<br />
<br />
/* Ambox small text */<br />
.amsmalltext {<br />
font-size: smaller;<br />
margin-left:0.8em;<br />
margin-top:0.5em;<br />
}<br />
<br />
/* INFOBOXES: game or book depended color style */<br />
.infoboxtable {<br />
background-color: #103f63;<br />
border: 1px solid #0e395a;<br />
color: #56d7ed;<br />
float: right;<br />
font-size: 89%; <br />
margin-bottom: 0.5em; <br />
margin-left: 1em; <br />
padding: 0.2em; <br />
width: 300px;<br />
}<br />
<br />
.infoboxtable td {<br />
vertical-align: top;<br />
}<br />
<br />
.infoboxtable a,<br />
.infoboxtable a:link,<br />
.infoboxtable a:visited {<br />
color: gray;<br />
vertical-align: top;<br />
}<br />
<br />
.infoboxtable td > div {<br />
background-color: transparent;<br />
font-weight: bold;<br />
padding: 0.5px 7px;<br />
text-align: right;<br />
width:135px;<br />
}<br />
<br />
.infoboxname {<br />
font-size: 120%; <br />
font-weight: bold;<br />
padding: 0.5em; <br />
font-family: "OpenSans-Semibold";<br />
background-attachment: scroll;<br />
background-clip: border-box;<br />
background-color: rgba(0, 0, 0, 0);<br />
background-image: url("https://birthdaysthebeginning.gamepedia.com/media/birthdaysthebeginning.gamepedia.com/3/3a/Bg_stripes.png");<br />
background-origin: padding-box;<br />
background-position-y: center;<br />
background-repeat: repeat;<br />
background-size: 100% 100%;<br />
height: 20px;<br />
}<br />
<br />
.infoboxdetails {<br />
padding: 0em;<br />
}<br />
<br />
/* copyright images tweak */<br />
.copyright-icon {<br />
background: url("https://commons.gamepedia.com/media/commons.gamepedia.com/thumb/b/b6/Copyright.png/32px-Copyright.png") transparent center center no-repeat;<br />
background-size: 100%;<br />
width: 32px;<br />
height: 32px;<br />
}<br />
<br />
div#simpleSearch {<br />
-moz-border-bottom-colors: none;<br />
-moz-border-left-colors: none;<br />
-moz-border-right-colors: none;<br />
-moz-border-top-colors: none;<br />
background-color: white;<br />
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAQCAIAAABY/YLgAAAAJUlEQVQIHQXBsQEAAAjDoND/73UWdnerhmHVsDQZJrNWVg3Dqge6bgMe6bejNAAAAABJRU5ErkJggg==");<br />
background-position: left top;<br />
background-repeat: repeat-x;<br />
border-bottom-color: #aaa;<br />
border-bottom-left-radius: 10px;<br />
border-bottom-right-radius: 10px;<br />
border-bottom-style: solid;<br />
border-bottom-width: 1px;<br />
border-image-outset: 0 0 0 0;<br />
border-image-repeat: stretch stretch;<br />
border-image-slice: 100% 100% 100% 100%;<br />
border-image-source: none;<br />
border-image-width: 1 1 1 1;<br />
border-left-color: #aaa;<br />
border-left-style: solid;<br />
border-left-width: 1px;<br />
border-right-color: #aaa;<br />
border-right-style: solid;<br />
border-right-width: 1px;<br />
border-top-color: #aaa;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
border-top-style: solid;<br />
border-top-width: 1px;<br />
color: black;<br />
display: block;<br />
height: 1.4em;<br />
margin-top: -0.4em;<br />
max-width: 20em;<br />
min-height: 1px;<br />
min-width: 5em;<br />
padding-right: 1.4em;<br />
position: relative;<br />
}<br />
<br />
/* footer */<br />
div#footer {<br />
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);<br />
border:none;<br />
box-shadow: 0 0.1em 0.75em white;<br />
color: black;<br />
margin-left: 11em;<br />
padding-bottom: 1.25em;<br />
padding-left: 1.25em;<br />
padding-right: 1.25em;<br />
padding-top: 1.25em;<br />
margin-top: 10px;<br />
}<br />
<br />
#toc #toctitle, <br />
.toc #toctitle, <br />
#toc .toctitle, <br />
.toc .toctitle {<br />
text-align: center;<br />
color: #ff85a9;<br />
font-size: 102%;<br />
font-weight: bold;<br />
text-transform: uppercase;<br />
background-color: #e3e236;<br />
border:1px solid #380E08;<br />
border-radius: 5px;<br />
padding:3px;<br />
}<br />
<br />
#toc, <br />
.toc {<br />
border-bottom-left-radius: 10px;<br />
border-bottom-right-radius: 10px;<br />
border-top-left-radius: 10px;<br />
border-top-right-radius: 10px;<br />
display: table;<br />
padding-bottom: 7px;<br />
padding-left: 7px;<br />
padding-right: 7px;<br />
padding-top: 7px;<br />
border:2px solid #380E08;<br />
}<br />
<br />
.mw-body #toc h2, <br />
.mw-body .toc h2 {<br />
font-family: sans-serif;<br />
font-size: 100%;<br />
color: black;<br />
font-weight: bold;<br />
}<br />
<br />
/* Tables */<br />
table.wikitable > tr > th, table.wikitable > * > tr > th {<br />
background-color: #ff7b9c;<br />
font-family: "OpenSans-Semibold";<br />
color: black;<br />
text-align: center;<br />
}<br />
<br />
table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {<br />
border: 1px solid #380E08;<br />
padding-bottom: 0.2em;<br />
padding-left: 0.4em;<br />
padding-right: 0.4em;<br />
padding-top: 0.2em;<br />
}<br />
<br />
table.wikitable > tr > td, <br />
table.wikitable > * > tr > td {<br />
background: #E3E236;<br />
padding-bottom: 0.2em;<br />
padding-left: 0.4em;<br />
padding-right: 0.4em;<br />
padding-top: 0.2em;<br />
}<br />
<br />
<br />
/********************************/<br />
/* Front page appearance styles */<br />
/********************************/<br />
.fpbox .mainheading {<br />
border: 0;<br />
}<br />
<br />
.fpbox {<br />
background: rgba(0, 0, 0, 0.1);<br />
border-radius: 5px;<br />
border: 1px solid black;<br />
box-shadow: 0 0.1em 0.75em #AF9CBB;<br />
color: black; /* change for hydra (light) wikis */<br />
margin: 5px 5px 5px 5px;<br />
padding: 5px 5px 5px 5px;<br />
}<br />
<br />
.fpbox .welcome {<br />
border-bottom: 1px solid #505050;<br />
color: black; /* change for hydra (light) wikis */<br />
font-size: 150%;<br />
margin: 0 0 10px 0;<br />
padding: 0 0 5px 0;<br />
text-transform: uppercase;<br />
text-align: center;<br />
}<br />
<br />
.fpbox .heading {<br />
border-bottom: 1px solid #505050;<br />
color: black; /* change for hydra (light) wikis */<br />
font-size: 132%;<br />
font-variant: small-caps;<br />
margin: 0 0 10px 0;<br />
padding: 0 0 5px 0;<br />
background: #ff7727 linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0;<br />
font-family: "OpenSans-Bold";<br />
}<br />
<br />
.fplink:not(.fplink-plain) {<br />
background: #ff7727 linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0;<br />
border: 1px solid black;<br />
border-radius: 3px;<br />
box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.2);<br />
color: black;<br />
font-weight: bold;<br />
text-transform: uppercase;<br />
font-family: "OpenSans-Bold", "sans-serif";<br />
}<br />
<br />
.fplink-fullwidth .fplink:not(.fplink-plain) {<br />
background: rgba(0,0,0,0.4);<br />
}<br />
<br />
.linkslabel {<br />
border-bottom: 2px solid #505050;<br />
}<br />
<br />
/************************************/<br />
/* Front page appearance styles END */<br />
/************************************/<br />
<br />
<br />
/* Other element styles */<br />
<br />
.mw-search-profile-tabs {<br />
border: 1px solid #9d5d0b;<br />
background-color: #ffbf6c;<br />
margin-top: 1em;<br />
}<br />
<br />
.mw-search-profile-tabs div.search-types ul li.current a {<br />
color: gray;<br />
cursor: default;<br />
}</div>
Encredechine
https://happybirthdays.fandom.com/wiki/Template:Copyrightbox?diff=5912
Template:Copyrightbox
2020-06-10T10:56:55Z
<p>Encredechine: Protected "Template:Copyrightbox" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite))</p>
<hr />
<div><onlyinclude>{{Ambox<br />
| image = <div class="copyright-icon"></div><br />
| type = {{{1|{{{text|{{{Text|Text?}}}}}}}}}<br />
| border = yellow<br />
| style = font-size:80%<br />
}}<br/></onlyinclude><br />
{{doc}}<br />
[[Category:Copyright templates]]</div>
Encredechine
https://happybirthdays.fandom.com/wiki/Template:Copyright_self?diff=5911
Template:Copyright self
2020-06-10T10:56:50Z
<p>Encredechine: Protected "Template:Copyright self" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite))</p>
<hr />
<div>{{copyrightbox<br />
|text=I, the copyright holder of this work, hereby release it into the '''[[Wikipedia:Public domain|public domain]]'''. This applies worldwide.<br>If this is not legally possible:<br>I grant any entity the right to use this work for any purpose, without any conditions, unless such conditions are required by law.<br />
}}<noinclude><br />
[[Category:Copyright templates]]</noinclude></div>
Encredechine
https://happybirthdays.fandom.com/wiki/Template:Copyright_permission?diff=5910
Template:Copyright permission
2020-06-10T10:56:47Z
<p>Encredechine: Protected "Template:Copyright permission" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite))</p>
<hr />
<div>{{copyrightbox<br />
|text=This file is '''copyrighted'''. The copyright holder has given '''permission''' for its use.<br />
}}<noinclude><br />
[[Category:Copyright templates]]</noinclude></div>
Encredechine
https://happybirthdays.fandom.com/wiki/Template:Copyright_PD?diff=5909
Template:Copyright PD
2020-06-10T10:56:39Z
<p>Encredechine: Protected "Template:Copyright PD" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite))</p>
<hr />
<div>{{copyrightbox<br />
|text=This file has been released into the '''[[Wikipedia:Public domain|public domain]]''' by the copyright holder, its copyright has expired, or it is ineligible for copyright. This applies worldwide.<br />
}}<noinclude><br />
[[Category:Copyright templates]]</noinclude></div>
Encredechine