Beasts of Bermuda - User contributions [en]

File:Community update-carchar.png

2025-01-12T11:52:51Z

Vrana:

Main Page

2025-01-10T23:45:58Z

Vrana: Updated the main page, working around with divs. Adjustments required.

<div class="page_start" style="height:450px; display:flex; flex-wrap: nowrap; justify-content:space-evenly">

<div class="news-banner" style="order:1; width: 900px; display:flex; flex-direction:column; justify-content:space-evenly; align-items:center;">

<div style="font-size:200%; height:370px; background-color:#26746E; border-radius:10px 10px 10px 10px; text-align:center">
[[File:Community_update-rex_vs_acros_and_charcha_banner.png|https://store.steampowered.com/news/app/719890/view/4515513423569492119?l=english]]
<br>'''NEWEST UPDATE OUT NOW!'''
</div>

<div style="width:800px; height:40px; font-size:120%; background-color:#72928f; border-radius:10px 10px 10px 10px; text-align:center; padding:1px;">
Play as [[Carcharodontosaurus]] now!
</div>
</div>


<div style="order:2; flex-basis:35%;">

<center>
<div style="background-color:#26746E; width:100%; border-radius:10px 10px 10px 10px; text-align:center">
<span style="font-size:200%;">
<big>
'''Welcome to the {{SITENAME}} Wiki'''
</big>
</span>
</div>

<div>
<div style="font-size:120%; width:400px; background-color:#72928f; border-radius:0px 0px 10px 10px; text-align:center; padding:10px;">
A fan-run Wiki for the dinosaur survival game, Beasts of Bermuda! We are currently under maintanence as we work to update this site once more. Feel free to join the Wiki's [https://discord.gg/DWEuH78Zda Discord Server] for more information or to help us.
</div>
This wiki currently has [[Special:Statistics|'''{{NUMBEROFARTICLES}} articles''']] and [[Special:Statistics|'''{{NUMBEROFFILES}} files''']]'''
</center>
<br>
</div>
</div>
</div>

<center>
<br>
[[File:Divider.png|600x200px]]
<br>
<br>
<br>
</center>


<center><div style="width:100%;text-align:center;font-size:20px; height:50%;width:60%;color:white">
==Featured Articles:==
</div></center>

<center>
[[File:New_player_guide_V2_B.png|link=https://wiki.beastsofbermuda.com/New_Player_Guide|600px|New Player Guide]]
[[File:NEW_PLAYABLE_CREATURE_Palaeophis_B_png.png|link=https://wiki.beastsofbermuda.com/Palaeophis|600px|Palaeophis]]

</div></center><br><br>

<center><div style="border-radius:25px 25px 25px 25px;padding:10px;color:white;">
[[File:CreatureList.png|700x150px]]<br>

<div style="display:inline-block;width:300px;vertical-align:top;background:#26746E;border-radius:25px 25px 25px 25px;padding:5px;margin-right:10px;margin-left:10px;">Carnivores<br>
[[File:Acrocanthosaurus_MAINPAGE.png|link=https://wiki.beastsofbermuda.com/Acrocanthosaurus|300px|Acrocanthosaurus]]<br>
[[File:Ichthyovenator MAINPAGE.png|link=https://wiki.beastsofbermuda.com/Ichthyovenator|300px|Ichthyovenator]]<br>
[[File:Kaprosuchus MAINPAGE.png|link=https://wiki.beastsofbermuda.com/Kaprosuchus|300px|Kaprosuchus]]<br>
[[File:Wiehenvenator MAINPAGE.png|link=https://wiki.beastsofbermuda.com/Wiehenvator|300px|Wiehenvenator]]<br>
[[File:Megaraptor MAINPAGE.png|link=https://wiki.beastsofbermuda.com/Megaraptor|300px|Megaraptor]]<br>
[[File:Tyrannosaurus Rex MAINPAGE.png|link=https://wiki.beastsofbermuda.com/Tyrannosaurus_rex|300px|Tyrannosaurus rex]]<br>
[[File:Utahraptor MAINPAGE.png|link=https://wiki.beastsofbermuda.com/Utahraptor|300px|Utahraptor]]<br>
[[File:Velociraptor MAINPAGE.png|link=https://wiki.beastsofbermuda.com/Velociraptor|300px|Velociraptor]]<br>
[[File:Zupaysaurus MAINPAGE.png|link=https://wiki.beastsofbermuda.com/Zupaysaurus|300px|Zupaysaurus]]<br>
</div>
<div style="display:inline-block;width:300px;vertical-align:top;background:#26746E;border-radius:25px 25px 25px 25px;padding:5px;margin-right:10px;margin-left:10px;">Herbivores<br>
[[File:Apatosaurus MAINPAGE.png|link=https://wiki.beastsofbermuda.com/Apatosaurus|300px|Apatosaurus]]<br>
[[File:Lurdusaurus MAINPAGE.png|link=https://wiki.beastsofbermuda.com/Lurdusaurus|300px|Lurdusaurus]]<br>
[[File:Oryctodromeus MAINPAGE.png|link=https://wiki.beastsofbermuda.com/Oryctodromeus|300px|Oryctodromeus]]<br>
[[File:Parasaurolophus MAINPAGE.png|link=https://wiki.beastsofbermuda.com/Parasaurolophus|300px|Parasaurolophus]]<br>
[[File:Pachycephalosaurus MAINPAGE.png|link=https://wiki.beastsofbermuda.com/Pachycephalosaurus|300px|Pachycephalosaurus]]<br>
[[File:Coahuilaceratops MAINPAGE.png|link=https://wiki.beastsofbermuda.com/Coahuilaceratops|300px|Coahuilaceratops]]<br>
[[File:Saichania MAINPAGE.png|link=https://wiki.beastsofbermuda.com/Saichania|300px|Saichania]]<br></div>
<div style="display:inline-block;width:300px;vertical-align:top;background:#26746E;border-radius:25px 25px 25px 25px;padding:5px;margin-right:10px;margin-left:10px;">Aquatics<br>
[[File:Archelon MAINPAGE.png|link=https://wiki.beastsofbermuda.com/Archelon|300px|Archelon]]<br>
[[File:Elasmosaurus_MAINPAGE.png|link=https://wiki.beastsofbermuda.com/Elasmosaurus|300px|Elasmosaurus]]<br>
[[File:Kronosaurus MAINPAGE.png|link=https://wiki.beastsofbermuda.com/Kronosaurus|300px|Kronosaurus]]<br>
[[File:Mosasaurus MAINPAGE.png|link=https://wiki.beastsofbermuda.com/Mosasaurus|300px|Mosasaurus]]<br>
[[File:Palaeophis MAINPAGE.png|link=https://wiki.beastsofbermuda.com/Palaeophis|300px|Palaeophis]]<br></div>
<div style="display:inline-block;width:300px;vertical-align:top;background:#26746E;border-radius:25px 25px 25px 25px;padding:5px;margin-right:10px;margin-left:10px;">Flyers<br>
[[File:Pteranodon MAINPAGE.png|link=https://wiki.beastsofbermuda.com/Pteranodon|300px|Pteranodon]]<br>
[[File:Tropeognathus MAINPAGE.png|link=https://wiki.beastsofbermuda.com/Tropeognathus|300px|Tropeognathus]]<br>
[[File:Tapejara MAINPAGE.png|link=https://wiki.beastsofbermuda.com/Tapejara|300px|Tapejara]]<br></div><br><br>
<div style="width:1275px;vertical-align:top;background:#26746E;border-radius:25px 25px 25px 25px;padding:5px;">Playable Critters<br>
[[Arganodus]] | [[Auroraceratops]] | [[Frog]] | [[Horseshoe Crab]] | [[Malawania]]
</div>
</div></center><br>



<center><div style="border-radius:25px 25px 25px 25px;padding:10px;color:white;">
[[File:The lands of bermuda.png|700x150px]]<br>
<br><br>

<center><div style="width:100%;text-align:center;font-size:20px;border-radius:10px 10px 0px 0px;background:#26746E;padding:2px;height:50%;width:60%;color:white">
How to thrive in the lands of bermuda:
</div></center>
<center><div style="border-radius:0px 0px 10px 10px;background:#72928f;padding:2px;width:60%;"><center>
[[file:Nesting_MAINPAGE.png|link=https://wiki.beastsofbermuda.com/nesting|300px|Nesting]]
[[file:Placeholder CreatureList.png|link=https://wiki.beastsofbermuda.com/weather|300px|Weather and Natural disasters]]
[[file:Placeholder CreatureList.png|link=https://wiki.beastsofbermuda.com/World_Events|300px|World Events]] <br><br>

[[file:Placeholder CreatureList.png|link=https://wiki.beastsofbermuda.com/TO_BE_ADDED |300px|Resurrection]]
[[file:Placeholder CreatureList.png|link=https://wiki.beastsofbermuda.com/TO_BE_ADDED |300px|TO BE ADDED]]
[[file:Placeholder CreatureList.png|link=https://wiki.beastsofbermuda.com/TO_BE_ADDED |300px|TO BE ADDED]] <br><br>

</div>

File:Community update-rex vs acros and charcha banner.png

2025-01-10T21:36:08Z

Vrana: Banner from the Charcha update.

== Summary ==
Banner from the Charcha update.

Wiehenvator

2025-01-10T21:29:40Z

Vrana: Synchronized all dividers.

<div class="page_start" style="height: 250px; display:flex; flex-basis:33%; justify-content:space-between">
<div style="order: 2">
{{MissingInfo}}
</div>
<div style="order: 1; width: 70px">
__TOC__
</div>
<div style="order: 3">
{{Creature
| image = [[File:Megalo_render_(1).jpg|300px]]
| health = 837
| damage = 164 (Bite)
| speed = 475 (walk) 920 (sprint)
| stamina = 110
| abilitypower = TBA
| gameweight = TBA
| growthtime = TBA
| weatherresistance = low
| scentcolour = TBA
| name = "Hunter from Wiehen"
| species = W.albati
| family = Megalosaurid
| diet = Carnivore
| timeperiod = Jurassic
| length = 7 to 8 metres (23 to 26 ft)
| weight = 0.75 to 1.2 metric tons (0.83 to 1.32 short tons)
| released = TBA
| remodel = TBA
| alias = Wieh, Wiehen, Wiener
}}
</div>
</div>

<div class = "text_under_missing_info" style = "width: 1100px">
== Overview ==
The Wiehenvenator is a playable [[Carnivorous Creatures|carnivorous]] creature in Beasts of Bermuda. It is the second fastest terrestrial predator, the fastest being [[Megaraptor]]. Both of these creatures can chase their prey for long distances thanks to their incredible [[Movement Mechanics|speed]]. Such prey include the [[Parasaurolophus]], [[Velociraptor]] and [[Ichthyovenator]], as well as most juvenile creatures.

The Wiehenvenator can detect the amount of health a nearby creature has. This lets the Wiehenvenator properly decide whether combat should be initiated or not, as the health of a creature can determine if a fight will be easy or rough. Additionally, the Wiehenvenator can invest talent points into the ability ''Identification'' to further enhance its ability to detect, revealing their [[stamina]], [[comfort]], [[nesting|sex]], [[water]], [[food]] and even [[Ability|ability power]]. With such knowledge of its prey, the Wiehenvenator can easily capitalize on their weakness.

<br>
<center>[[File:Divider.png|400x32px]]</center>
== Pros and Cons ==

=== Pros ===

* Can reveal the information of its prey

* Great agility

* Stronger in numbers. Enough to take down T.rex with coordination.

=== Cons ===

* Susceptible to injury

* Middling weather resistance

* Weak as solo. Expect to hunt smaller creatures or live off of spawn gore as a solo player.
<br>
<center>[[File:Divider.png|400x32px]]</center>
</div>

== Abilities ==

*'''[[Primary Attack|Primary Attack]]''': A large, outward [[Bite|bite]]. It deals modest damage and has a moderate rate of attack speed.

*'''[[Secondary Attack|Secondary Attack]]''': Same as the Primary Attack, except it makes the Wiehenvenator [[Bite|bite]] downwards instead of forwards.

*'''Special Ability:''' The Wiehenvenator can gather the information of its prey. When the Ability Key is held down, a cursor will appear on the screen. When this cursor is pointed at a creature, it will be identified, allowing the Wiehenvenator to see its stats. This ability consumes [[Ability|ability power]].

<div class = "text_under_missing_info" style = "width: 1100px">
<br>
<center>[[File:Divider.png|400x32px]]</center>
</div>

== Weakness ==

The Wiehenvenator must be cautious around larger creatures with injury-inducing attacks, such as the [[Tyrannosaurus rex|Tyrannosaurus]] and [[Saichania]]. One wrong step, and the Wiehenvenator will be crippled in a single hit.

<div class = "text_under_missing_info" style = "width: 1100px">
<br>
<center>[[File:Divider.png|400x32px]]</center>
</div>

== Additional Notes ==

* A charging [[Pachycephalosaurus]] can outspeed the Wiehenvenator.

* As of December 21st, 2021, Wiehenvenator has lost its bleeding ability and the [[talents#serrated_teeth|serrated teeth]] talent, which was replaced with the [[talents#sharp_teeth|sharp teeth]] talent.

* Wiehenvenator is one of the fastest-swimming non-aquatic playable creatures, becoming a fairly competent swimmer when the [[talents#aqua_affinity|aqua affinity]], [[talents#strong_lungs|strong lungs]] and [[talents#resilience|resilience]] talents are maxed out. Due to this, it can be an excellent dinosaur for island hopping. But as always, beware of aquatic predators.

* Prior to November 4th, 2022, the Wiehenvenator in the game was called Megalosaurus, but its name was changed due to then new findings that Megalosaurus was actually much larger than previously thought.

==Gallery==
<gallery position="center" spacing="small" bordersize="none" bordercolor="transparent" captionalign="center" widths=320px heights=180 hideaddbutton="true">
Megalosprint.jpg|A Wiehenvenator, bolting through terrain
</gallery>

More information is available in the Wiehenvenator Spotlight Video:
https://www.youtube.com/watch?v=TTrG5RvCDCg&t=1s
https://www.youtube.com/watch?v=Xkz4VHx4a0M (Updated Wiehenvenator video for 2020)

MediaWiki:Common.css

2025-01-10T21:23:19Z

Vrana: Removed h2, h3 duplicates.

/* CSS placed here will be applied to all skins */

/*** GENERAL APPEARANCE ***/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
--font: montserrat;
--color: #f0f8ff;
--color-bg: #0e2126;
--color-bg-darker: #0c181b;
--color-theme: #17373ff7;
--color-link: #26746E;
--img-bg-top:url(https://wiki.beastsofbermuda.com/images/thumb/c/c7/Loading_screen_1_LAND_AND_SKY_sky_edited%282%29.png/2400px-Loading_screen_1_LAND_AND_SKY_sky_edited%282%29.png);
--img-bg-bottom:url(https://wiki.beastsofbermuda.com/images/thumb/4/4e/Loading_screen_2_WATER_DEEP_water_edited%281%29.png/2400px-Loading_screen_2_WATER_DEEP_water_edited%281%29.png);
}

*,
*:before,
*:after {
box-sizing: border-box;
word-break: break-word;
text-wrap: pretty;
transition: all .16s ease;
}

html,
body {
margin: 0;
font: 16px/1.6 var(--font)!important;
text-align: justify;
box-sizing: border-box;
}

body:before, body:after {
content: '';
position: absolute;
height: 100%;
width: 100%;
opacity: .75;
z-index: -1;
}

body:before{background:var(--img-bg-top) bottom / cover no-repeat;}
body:after{background:var(--img-bg-bottom) top / cover no-repeat;}

img {
max-height: 100%;
max-width: 100%;
object-fit: cover;
}

pre {
font-family: var(--font);
margin: 1em 0!important;
background-color: #0e2126!important;
color: var(--color)!important;
border-color: #4a7e8b!important;
border-style: dashed!important;
padding: 2px!important;
}

code {
font-family: Consolas,"courier new";
color: var(--color)!important;
border-color: var(--color-link)!important;
border-style: dashed!important;
border-width: 0.5px!important;
padding: 2px!important;
background-color: #0e2126!important;
}

a,
u,
li,
ul,
strike {
text-decoration-thickness: 2px;
text-underline-offset: 3px;
color: var(--color);
}

a {
font-weight: bold;
color: var(--color-link)!important;
}
i,
em {
letter-spacing: .5px;
}

h1, h2, h3, h4, h5, h6 {
font-family: var(--font)!important;
font-weight: 600;
color: var(--color)!important;
}

p {
color: var(--color);
}

/*** CSS ***/

@media screen {
h1, h4, h5, h6 {
border-bottom: 3px solid;
}
h2, h3 {
border-bottom: none;
}
}

body, #mw-head{
background: var(--color-bg)!important;
}

div#content.mw-body {
margin: 5px 150px 0px 200px;
padding: 18px;
}

/*** TOP ***/

#mw-head {
padding-inline: 20px 3%;
}

#mw-head li {
background: var(--color-bg-darker)!important;
}

#p-personal li {
padding: 5px 5px;
border-radius: 10px;
}

#left-navigation div.vectorTabs li.selected, #right-navigation div.vectorTabs li.selected {
background-image: linear-gradient(var(--color-theme) 0,var(--color-bg-darker) 80%) !important;
}

#left-navigation div.vectorTabs, #right-navigation div.vectorTabs {
border-radius: 20px 20px 0 0;
overflow: hidden;
background: transparent !important;
}

/*** MENU LEFT ***/

div#mw-panel div.portal div.body {
margin: 0 !important;
}

#mw-panel {
padding: 0 !important;
}

#mw-panel ul {
gap: 5px;
display: grid;
}

#mw-panel li {
background: var(--color-bg-darker);
border-radius: 20px;
padding: 10px !important;
}

#mw-navigation div#mw-panel div.portal {
border: none!important;
}

div#mw-panel div.portal h3 {
color: #fff!important;
border-bottom: 2px solid!important;
margin-bottom: 16px!important;
}

@media screen {
#mw-panel .portal .body {
background: transparent;
}
}

/*** MENU BOTTOM ***/

textarea#wpTextbox1.mw-editfont-sans-serif {
font-family: var(--font);
background-color: #0e2126;
color: var(--color);
border-style: none;
}

div.editOptions {
font-family: var(--font);
background-color: #142b31;
color: var(--color);
border-style: none;
}

input#wpSummary.oo-ui-inoutWidget-input {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

span.oo-ui-checkboxInputWidget-checkIcon.oo-ui-widget.oo-ui-widget-enabled.oo-ui-iconElement-icon.oo-ui-icon-check.oo-ui-iconElement.oo-ui-labelElement-invisible.oo-ui-iconWidget.oo-ui-image-invert {
background-color: var(--color-link);
border-style: none;
}

input#wpCaptchaWord.mw-ui-input {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

input#wpSave.oo-ui-inputWidget-input.oo-ui-buttonElement-button {
background-color: #0f7070;
color: var(--color);
border-style: none;
}

input#wpPreview.oo-ui-inputWidget-input.oo-ui-buttonElement-button {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

input#wpDiff.oo-ui-inputWidget-input.oo-ui-buttonElement-button {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

div#catlinks.catlinks {
background-color: #0E2126;
color: var(--color);
border-style: none;
}

li#footer-info-lastmod {
color: var(--color);
font-style: bold;
}

/*** PAGES ***/

div#toc.toc {
margin: 0.5;
width: 150px;
color: var(--color);
border-style: solid;
border-color: var(--color-link);
background-color: #0E2126;
}

div.thumb div.thumbinner{
background-color: transparent;
border-style: none;
}

li::marker {
color: var(--color-link);
}

.tocnumber {
display: none;
}

label.toctogglelabel {
color: var(--color-link)
}

.mw-body {
background: var(--color-theme)!important;
margin-right: 2%;
border-radius: 20px;
border: none!important;
}

.navigation-tabbar {
background-color: #0E2126;
color: var(--color-link);
margin: 0.5em 0 0 0;
border: 1px solid #0C181B;
}

.tab {
padding:0 10px;
display: inline-block;
}

.tab-active {
background-color: #A2D1D2!important;
color: #FFF!important;
}

MediaWiki:Common.css

2025-01-10T21:19:44Z

Vrana: Specified border-bottom: none to h2 and h3 only.

/* CSS placed here will be applied to all skins */

/*** GENERAL APPEARANCE ***/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
--font: montserrat;
--color: #f0f8ff;
--color-bg: #0e2126;
--color-bg-darker: #0c181b;
--color-theme: #17373ff7;
--color-link: #26746E;
--img-bg-top:url(https://wiki.beastsofbermuda.com/images/thumb/c/c7/Loading_screen_1_LAND_AND_SKY_sky_edited%282%29.png/2400px-Loading_screen_1_LAND_AND_SKY_sky_edited%282%29.png);
--img-bg-bottom:url(https://wiki.beastsofbermuda.com/images/thumb/4/4e/Loading_screen_2_WATER_DEEP_water_edited%281%29.png/2400px-Loading_screen_2_WATER_DEEP_water_edited%281%29.png);
}

*,
*:before,
*:after {
box-sizing: border-box;
word-break: break-word;
text-wrap: pretty;
transition: all .16s ease;
}

html,
body {
margin: 0;
font: 16px/1.6 var(--font)!important;
text-align: justify;
box-sizing: border-box;
}

body:before, body:after {
content: '';
position: absolute;
height: 100%;
width: 100%;
opacity: .75;
z-index: -1;
}

body:before{background:var(--img-bg-top) bottom / cover no-repeat;}
body:after{background:var(--img-bg-bottom) top / cover no-repeat;}

img {
max-height: 100%;
max-width: 100%;
object-fit: cover;
}

pre {
font-family: var(--font);
margin: 1em 0!important;
background-color: #0e2126!important;
color: var(--color)!important;
border-color: #4a7e8b!important;
border-style: dashed!important;
padding: 2px!important;
}

code {
font-family: Consolas,"courier new";
color: var(--color)!important;
border-color: var(--color-link)!important;
border-style: dashed!important;
border-width: 0.5px!important;
padding: 2px!important;
background-color: #0e2126!important;
}

a,
u,
li,
ul,
strike {
text-decoration-thickness: 2px;
text-underline-offset: 3px;
color: var(--color);
}

a {
font-weight: bold;
color: var(--color-link)!important;
}
i,
em {
letter-spacing: .5px;
}

h1, h2, h3, h4, h5, h6 {
font-family: var(--font)!important;
font-weight: 600;
color: var(--color)!important;
}

p {
color: var(--color);
}

/*** CSS ***/

@media screen {
h1, h2, h3, h4, h5, h6 {
border-bottom: 3px solid;
}
h2, h3 {
border-bottom: none;
}
}

body, #mw-head{
background: var(--color-bg)!important;
}

div#content.mw-body {
margin: 5px 150px 0px 200px;
padding: 18px;
}

/*** TOP ***/

#mw-head {
padding-inline: 20px 3%;
}

#mw-head li {
background: var(--color-bg-darker)!important;
}

#p-personal li {
padding: 5px 5px;
border-radius: 10px;
}

#left-navigation div.vectorTabs li.selected, #right-navigation div.vectorTabs li.selected {
background-image: linear-gradient(var(--color-theme) 0,var(--color-bg-darker) 80%) !important;
}

#left-navigation div.vectorTabs, #right-navigation div.vectorTabs {
border-radius: 20px 20px 0 0;
overflow: hidden;
background: transparent !important;
}

/*** MENU LEFT ***/

div#mw-panel div.portal div.body {
margin: 0 !important;
}

#mw-panel {
padding: 0 !important;
}

#mw-panel ul {
gap: 5px;
display: grid;
}

#mw-panel li {
background: var(--color-bg-darker);
border-radius: 20px;
padding: 10px !important;
}

#mw-navigation div#mw-panel div.portal {
border: none!important;
}

div#mw-panel div.portal h3 {
color: #fff!important;
border-bottom: 2px solid!important;
margin-bottom: 16px!important;
}

@media screen {
#mw-panel .portal .body {
background: transparent;
}
}

/*** MENU BOTTOM ***/

textarea#wpTextbox1.mw-editfont-sans-serif {
font-family: var(--font);
background-color: #0e2126;
color: var(--color);
border-style: none;
}

div.editOptions {
font-family: var(--font);
background-color: #142b31;
color: var(--color);
border-style: none;
}

input#wpSummary.oo-ui-inoutWidget-input {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

span.oo-ui-checkboxInputWidget-checkIcon.oo-ui-widget.oo-ui-widget-enabled.oo-ui-iconElement-icon.oo-ui-icon-check.oo-ui-iconElement.oo-ui-labelElement-invisible.oo-ui-iconWidget.oo-ui-image-invert {
background-color: var(--color-link);
border-style: none;
}

input#wpCaptchaWord.mw-ui-input {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

input#wpSave.oo-ui-inputWidget-input.oo-ui-buttonElement-button {
background-color: #0f7070;
color: var(--color);
border-style: none;
}

input#wpPreview.oo-ui-inputWidget-input.oo-ui-buttonElement-button {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

input#wpDiff.oo-ui-inputWidget-input.oo-ui-buttonElement-button {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

div#catlinks.catlinks {
background-color: #0E2126;
color: var(--color);
border-style: none;
}

li#footer-info-lastmod {
color: var(--color);
font-style: bold;
}

/*** PAGES ***/

div#toc.toc {
margin: 0.5;
width: 150px;
color: var(--color);
border-style: solid;
border-color: var(--color-link);
background-color: #0E2126;
}

div.thumb div.thumbinner{
background-color: transparent;
border-style: none;
}

li::marker {
color: var(--color-link);
}

.tocnumber {
display: none;
}

label.toctogglelabel {
color: var(--color-link)
}

.mw-body {
background: var(--color-theme)!important;
margin-right: 2%;
border-radius: 20px;
border: none!important;
}

.navigation-tabbar {
background-color: #0E2126;
color: var(--color-link);
margin: 0.5em 0 0 0;
border: 1px solid #0C181B;
}

.tab {
padding:0 10px;
display: inline-block;
}

.tab-active {
background-color: #A2D1D2!important;
color: #FFF!important;
}

MediaWiki:Common.css

2025-01-10T21:10:49Z

Vrana: Edited actual border-bottom attribute; removes heading underline.

/* CSS placed here will be applied to all skins */

/*** GENERAL APPEARANCE ***/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
--font: montserrat;
--color: #f0f8ff;
--color-bg: #0e2126;
--color-bg-darker: #0c181b;
--color-theme: #17373ff7;
--color-link: #26746E;
--img-bg-top:url(https://wiki.beastsofbermuda.com/images/thumb/c/c7/Loading_screen_1_LAND_AND_SKY_sky_edited%282%29.png/2400px-Loading_screen_1_LAND_AND_SKY_sky_edited%282%29.png);
--img-bg-bottom:url(https://wiki.beastsofbermuda.com/images/thumb/4/4e/Loading_screen_2_WATER_DEEP_water_edited%281%29.png/2400px-Loading_screen_2_WATER_DEEP_water_edited%281%29.png);
}

*,
*:before,
*:after {
box-sizing: border-box;
word-break: break-word;
text-wrap: pretty;
transition: all .16s ease;
}

html,
body {
margin: 0;
font: 16px/1.6 var(--font)!important;
text-align: justify;
box-sizing: border-box;
}

body:before, body:after {
content: '';
position: absolute;
height: 100%;
width: 100%;
opacity: .75;
z-index: -1;
}

body:before{background:var(--img-bg-top) bottom / cover no-repeat;}
body:after{background:var(--img-bg-bottom) top / cover no-repeat;}

img {
max-height: 100%;
max-width: 100%;
object-fit: cover;
}

pre {
font-family: var(--font);
margin: 1em 0!important;
background-color: #0e2126!important;
color: var(--color)!important;
border-color: #4a7e8b!important;
border-style: dashed!important;
padding: 2px!important;
}

code {
font-family: Consolas,"courier new";
color: var(--color)!important;
border-color: var(--color-link)!important;
border-style: dashed!important;
border-width: 0.5px!important;
padding: 2px!important;
background-color: #0e2126!important;
}

a,
u,
li,
ul,
strike {
text-decoration-thickness: 2px;
text-underline-offset: 3px;
color: var(--color);
}

a {
font-weight: bold;
color: var(--color-link)!important;
}
i,
em {
letter-spacing: .5px;
}

h1, h2, h3, h4, h5, h6 {
font-family: var(--font)!important;
font-weight: 600;
color: var(--color)!important;
border-bottom: none!important;
}

p {
color: var(--color);
}

/*** CSS ***/

@media screen {
h1, h2, h3, h4, h5, h6 {
border-bottom: none;
}
}

body, #mw-head{
background: var(--color-bg)!important;
}

div#content.mw-body {
margin: 5px 150px 0px 200px;
padding: 18px;
}

/*** TOP ***/

#mw-head {
padding-inline: 20px 3%;
}

#mw-head li {
background: var(--color-bg-darker)!important;
}

#p-personal li {
padding: 5px 5px;
border-radius: 10px;
}

#left-navigation div.vectorTabs li.selected, #right-navigation div.vectorTabs li.selected {
background-image: linear-gradient(var(--color-theme) 0,var(--color-bg-darker) 80%) !important;
}

#left-navigation div.vectorTabs, #right-navigation div.vectorTabs {
border-radius: 20px 20px 0 0;
overflow: hidden;
background: transparent !important;
}

/*** MENU LEFT ***/

div#mw-panel div.portal div.body {
margin: 0 !important;
}

#mw-panel {
padding: 0 !important;
}

#mw-panel ul {
gap: 5px;
display: grid;
}

#mw-panel li {
background: var(--color-bg-darker);
border-radius: 20px;
padding: 10px !important;
}

#mw-navigation div#mw-panel div.portal {
border: none!important;
}

div#mw-panel div.portal h3 {
color: #fff!important;
border-bottom: none!important;
margin-bottom: 16px!important;
}

@media screen {
#mw-panel .portal .body {
background: transparent;
}
}

/*** MENU BOTTOM ***/

textarea#wpTextbox1.mw-editfont-sans-serif {
font-family: var(--font);
background-color: #0e2126;
color: var(--color);
border-style: none;
}

div.editOptions {
font-family: var(--font);
background-color: #142b31;
color: var(--color);
border-style: none;
}

input#wpSummary.oo-ui-inoutWidget-input {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

span.oo-ui-checkboxInputWidget-checkIcon.oo-ui-widget.oo-ui-widget-enabled.oo-ui-iconElement-icon.oo-ui-icon-check.oo-ui-iconElement.oo-ui-labelElement-invisible.oo-ui-iconWidget.oo-ui-image-invert {
background-color: var(--color-link);
border-style: none;
}

input#wpCaptchaWord.mw-ui-input {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

input#wpSave.oo-ui-inputWidget-input.oo-ui-buttonElement-button {
background-color: #0f7070;
color: var(--color);
border-style: none;
}

input#wpPreview.oo-ui-inputWidget-input.oo-ui-buttonElement-button {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

input#wpDiff.oo-ui-inputWidget-input.oo-ui-buttonElement-button {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

div#catlinks.catlinks {
background-color: #0E2126;
color: var(--color);
border-style: none;
}

li#footer-info-lastmod {
color: var(--color);
font-style: bold;
}

/*** PAGES ***/

div#toc.toc {
margin: 0.5;
width: 150px;
color: var(--color);
border-style: solid;
border-color: var(--color-link);
background-color: #0E2126;
}

div.thumb div.thumbinner{
background-color: transparent;
border-style: none;
}

li::marker {
color: var(--color-link);
}

.tocnumber {
display: none;
}

label.toctogglelabel {
color: var(--color-link)
}

.mw-body {
background: var(--color-theme)!important;
margin-right: 2%;
border-radius: 20px;
border: none!important;
}

.navigation-tabbar {
background-color: #0E2126;
color: var(--color-link);
margin: 0.5em 0 0 0;
border: 1px solid #0C181B;
}

.tab {
padding:0 10px;
display: inline-block;
}

.tab-active {
background-color: #A2D1D2!important;
color: #FFF!important;
}

MediaWiki:Common.css

2025-01-10T21:07:42Z

Vrana: Added important tag to heading category.

/* CSS placed here will be applied to all skins */

/*** GENERAL APPEARANCE ***/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
--font: montserrat;
--color: #f0f8ff;
--color-bg: #0e2126;
--color-bg-darker: #0c181b;
--color-theme: #17373ff7;
--color-link: #26746E;
--img-bg-top:url(https://wiki.beastsofbermuda.com/images/thumb/c/c7/Loading_screen_1_LAND_AND_SKY_sky_edited%282%29.png/2400px-Loading_screen_1_LAND_AND_SKY_sky_edited%282%29.png);
--img-bg-bottom:url(https://wiki.beastsofbermuda.com/images/thumb/4/4e/Loading_screen_2_WATER_DEEP_water_edited%281%29.png/2400px-Loading_screen_2_WATER_DEEP_water_edited%281%29.png);
}

*,
*:before,
*:after {
box-sizing: border-box;
word-break: break-word;
text-wrap: pretty;
transition: all .16s ease;
}

html,
body {
margin: 0;
font: 16px/1.6 var(--font)!important;
text-align: justify;
box-sizing: border-box;
}

body:before, body:after {
content: '';
position: absolute;
height: 100%;
width: 100%;
opacity: .75;
z-index: -1;
}

body:before{background:var(--img-bg-top) bottom / cover no-repeat;}
body:after{background:var(--img-bg-bottom) top / cover no-repeat;}

img {
max-height: 100%;
max-width: 100%;
object-fit: cover;
}

pre {
font-family: var(--font);
margin: 1em 0!important;
background-color: #0e2126!important;
color: var(--color)!important;
border-color: #4a7e8b!important;
border-style: dashed!important;
padding: 2px!important;
}

code {
font-family: Consolas,"courier new";
color: var(--color)!important;
border-color: var(--color-link)!important;
border-style: dashed!important;
border-width: 0.5px!important;
padding: 2px!important;
background-color: #0e2126!important;
}

a,
u,
li,
ul,
strike {
text-decoration-thickness: 2px;
text-underline-offset: 3px;
color: var(--color);
}

a {
font-weight: bold;
color: var(--color-link)!important;
}
i,
em {
letter-spacing: .5px;
}

h1, h2, h3, h4, h5, h6 {
font-family: var(--font)!important;
font-weight: 600;
color: var(--color)!important;
border-bottom: none!important;
}

p {
color: var(--color);
}

/*** CSS ***/

@media screen {
h1, h2, h3, h4, h5, h6 {
border-bottom: 3px solid;
}
}

body, #mw-head{
background: var(--color-bg)!important;
}

div#content.mw-body {
margin: 5px 150px 0px 200px;
padding: 18px;
}

/*** TOP ***/

#mw-head {
padding-inline: 20px 3%;
}

#mw-head li {
background: var(--color-bg-darker)!important;
}

#p-personal li {
padding: 5px 5px;
border-radius: 10px;
}

#left-navigation div.vectorTabs li.selected, #right-navigation div.vectorTabs li.selected {
background-image: linear-gradient(var(--color-theme) 0,var(--color-bg-darker) 80%) !important;
}

#left-navigation div.vectorTabs, #right-navigation div.vectorTabs {
border-radius: 20px 20px 0 0;
overflow: hidden;
background: transparent !important;
}

/*** MENU LEFT ***/

div#mw-panel div.portal div.body {
margin: 0 !important;
}

#mw-panel {
padding: 0 !important;
}

#mw-panel ul {
gap: 5px;
display: grid;
}

#mw-panel li {
background: var(--color-bg-darker);
border-radius: 20px;
padding: 10px !important;
}

#mw-navigation div#mw-panel div.portal {
border: none!important;
}

div#mw-panel div.portal h3 {
color: #fff!important;
border-bottom: 2px solid!important;
margin-bottom: 16px!important;
}

@media screen {
#mw-panel .portal .body {
background: transparent;
}
}

/*** MENU BOTTOM ***/

textarea#wpTextbox1.mw-editfont-sans-serif {
font-family: var(--font);
background-color: #0e2126;
color: var(--color);
border-style: none;
}

div.editOptions {
font-family: var(--font);
background-color: #142b31;
color: var(--color);
border-style: none;
}

input#wpSummary.oo-ui-inoutWidget-input {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

span.oo-ui-checkboxInputWidget-checkIcon.oo-ui-widget.oo-ui-widget-enabled.oo-ui-iconElement-icon.oo-ui-icon-check.oo-ui-iconElement.oo-ui-labelElement-invisible.oo-ui-iconWidget.oo-ui-image-invert {
background-color: var(--color-link);
border-style: none;
}

input#wpCaptchaWord.mw-ui-input {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

input#wpSave.oo-ui-inputWidget-input.oo-ui-buttonElement-button {
background-color: #0f7070;
color: var(--color);
border-style: none;
}

input#wpPreview.oo-ui-inputWidget-input.oo-ui-buttonElement-button {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

input#wpDiff.oo-ui-inputWidget-input.oo-ui-buttonElement-button {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

div#catlinks.catlinks {
background-color: #0E2126;
color: var(--color);
border-style: none;
}

li#footer-info-lastmod {
color: var(--color);
font-style: bold;
}

/*** PAGES ***/

div#toc.toc {
margin: 0.5;
width: 150px;
color: var(--color);
border-style: solid;
border-color: var(--color-link);
background-color: #0E2126;
}

div.thumb div.thumbinner{
background-color: transparent;
border-style: none;
}

li::marker {
color: var(--color-link);
}

.tocnumber {
display: none;
}

label.toctogglelabel {
color: var(--color-link)
}

.mw-body {
background: var(--color-theme)!important;
margin-right: 2%;
border-radius: 20px;
border: none!important;
}

.navigation-tabbar {
background-color: #0E2126;
color: var(--color-link);
margin: 0.5em 0 0 0;
border: 1px solid #0C181B;
}

.tab {
padding:0 10px;
display: inline-block;
}

.tab-active {
background-color: #A2D1D2!important;
color: #FFF!important;
}

MediaWiki:Common.css

2025-01-10T20:58:14Z

Vrana: Attempting to remove the underline from all headers.

/* CSS placed here will be applied to all skins */

/*** GENERAL APPEARANCE ***/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
--font: montserrat;
--color: #f0f8ff;
--color-bg: #0e2126;
--color-bg-darker: #0c181b;
--color-theme: #17373ff7;
--color-link: #26746E;
--img-bg-top:url(https://wiki.beastsofbermuda.com/images/thumb/c/c7/Loading_screen_1_LAND_AND_SKY_sky_edited%282%29.png/2400px-Loading_screen_1_LAND_AND_SKY_sky_edited%282%29.png);
--img-bg-bottom:url(https://wiki.beastsofbermuda.com/images/thumb/4/4e/Loading_screen_2_WATER_DEEP_water_edited%281%29.png/2400px-Loading_screen_2_WATER_DEEP_water_edited%281%29.png);
}

*,
*:before,
*:after {
box-sizing: border-box;
word-break: break-word;
text-wrap: pretty;
transition: all .16s ease;
}

html,
body {
margin: 0;
font: 16px/1.6 var(--font)!important;
text-align: justify;
box-sizing: border-box;
}

body:before, body:after {
content: '';
position: absolute;
height: 100%;
width: 100%;
opacity: .75;
z-index: -1;
}

body:before{background:var(--img-bg-top) bottom / cover no-repeat;}
body:after{background:var(--img-bg-bottom) top / cover no-repeat;}

img {
max-height: 100%;
max-width: 100%;
object-fit: cover;
}

pre {
font-family: var(--font);
margin: 1em 0!important;
background-color: #0e2126!important;
color: var(--color)!important;
border-color: #4a7e8b!important;
border-style: dashed!important;
padding: 2px!important;
}

code {
font-family: Consolas,"courier new";
color: var(--color)!important;
border-color: var(--color-link)!important;
border-style: dashed!important;
border-width: 0.5px!important;
padding: 2px!important;
background-color: #0e2126!important;
}

a,
u,
li,
ul,
strike {
text-decoration-thickness: 2px;
text-underline-offset: 3px;
color: var(--color);
}

a {
font-weight: bold;
color: var(--color-link)!important;
}
i,
em {
letter-spacing: .5px;
}

h1, h2, h3, h4, h5, h6 {
font-family: var(--font)!important;
font-weight: 600;
color: var(--color)!important;
border-bottom: none;
}

p {
color: var(--color);
}

/*** CSS ***/

@media screen {
h1, h2, h3, h4, h5, h6 {
border-bottom: 3px solid;
}
}

body, #mw-head{
background: var(--color-bg)!important;
}

div#content.mw-body {
margin: 5px 150px 0px 200px;
padding: 18px;
}

/*** TOP ***/

#mw-head {
padding-inline: 20px 3%;
}

#mw-head li {
background: var(--color-bg-darker)!important;
}

#p-personal li {
padding: 5px 5px;
border-radius: 10px;
}

#left-navigation div.vectorTabs li.selected, #right-navigation div.vectorTabs li.selected {
background-image: linear-gradient(var(--color-theme) 0,var(--color-bg-darker) 80%) !important;
}

#left-navigation div.vectorTabs, #right-navigation div.vectorTabs {
border-radius: 20px 20px 0 0;
overflow: hidden;
background: transparent !important;
}

/*** MENU LEFT ***/

div#mw-panel div.portal div.body {
margin: 0 !important;
}

#mw-panel {
padding: 0 !important;
}

#mw-panel ul {
gap: 5px;
display: grid;
}

#mw-panel li {
background: var(--color-bg-darker);
border-radius: 20px;
padding: 10px !important;
}

#mw-navigation div#mw-panel div.portal {
border: none!important;
}

div#mw-panel div.portal h3 {
color: #fff!important;
border-bottom: 2px solid!important;
margin-bottom: 16px!important;
}

@media screen {
#mw-panel .portal .body {
background: transparent;
}
}

/*** MENU BOTTOM ***/

textarea#wpTextbox1.mw-editfont-sans-serif {
font-family: var(--font);
background-color: #0e2126;
color: var(--color);
border-style: none;
}

div.editOptions {
font-family: var(--font);
background-color: #142b31;
color: var(--color);
border-style: none;
}

input#wpSummary.oo-ui-inoutWidget-input {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

span.oo-ui-checkboxInputWidget-checkIcon.oo-ui-widget.oo-ui-widget-enabled.oo-ui-iconElement-icon.oo-ui-icon-check.oo-ui-iconElement.oo-ui-labelElement-invisible.oo-ui-iconWidget.oo-ui-image-invert {
background-color: var(--color-link);
border-style: none;
}

input#wpCaptchaWord.mw-ui-input {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

input#wpSave.oo-ui-inputWidget-input.oo-ui-buttonElement-button {
background-color: #0f7070;
color: var(--color);
border-style: none;
}

input#wpPreview.oo-ui-inputWidget-input.oo-ui-buttonElement-button {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

input#wpDiff.oo-ui-inputWidget-input.oo-ui-buttonElement-button {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

div#catlinks.catlinks {
background-color: #0E2126;
color: var(--color);
border-style: none;
}

li#footer-info-lastmod {
color: var(--color);
font-style: bold;
}

/*** PAGES ***/

div#toc.toc {
margin: 0.5;
width: 150px;
color: var(--color);
border-style: solid;
border-color: var(--color-link);
background-color: #0E2126;
}

div.thumb div.thumbinner{
background-color: transparent;
border-style: none;
}

li::marker {
color: var(--color-link);
}

.tocnumber {
display: none;
}

label.toctogglelabel {
color: var(--color-link)
}

.mw-body {
background: var(--color-theme)!important;
margin-right: 2%;
border-radius: 20px;
border: none!important;
}

.navigation-tabbar {
background-color: #0E2126;
color: var(--color-link);
margin: 0.5em 0 0 0;
border: 1px solid #0C181B;
}

.tab {
padding:0 10px;
display: inline-block;
}

.tab-active {
background-color: #A2D1D2!important;
color: #FFF!important;
}

Wiehenvator

2025-01-10T19:48:00Z

Vrana: Adjusted positioning, mainly using div flex containers.

<div class="page_start" style="height: 250px; display:flex; flex-basis:33%; justify-content:space-between">
<div style="order: 2">
{{MissingInfo}}
</div>
<div style="order: 1; width: 70px">
__TOC__
</div>
<div style="order: 3">
{{Creature
| image = [[File:Megalo_render_(1).jpg|300px]]
| health = 837
| damage = 164 (Bite)
| speed = 475 (walk) 920 (sprint)
| stamina = 110
| abilitypower = TBA
| gameweight = TBA
| growthtime = TBA
| weatherresistance = low
| scentcolour = TBA
| name = "Hunter from Wiehen"
| species = W.albati
| family = Megalosaurid
| diet = Carnivore
| timeperiod = Jurassic
| length = 7 to 8 metres (23 to 26 ft)
| weight = 0.75 to 1.2 metric tons (0.83 to 1.32 short tons)
| released = TBA
| remodel = TBA
| alias = Wieh, Wiehen, Wiener
}}
</div>
</div>

<div class = "text_under_missing_info" style = "width: 1100px">
== Overview ==
The Wiehenvenator is a playable [[Carnivorous Creatures|carnivorous]] creature in Beasts of Bermuda. It is the second fastest terrestrial predator, the fastest being [[Megaraptor]]. Both of these creatures can chase their prey for long distances thanks to their incredible [[Movement Mechanics|speed]]. Such prey include the [[Parasaurolophus]], [[Velociraptor]] and [[Ichthyovenator]], as well as most juvenile creatures.

The Wiehenvenator can detect the amount of health a nearby creature has. This lets the Wiehenvenator properly decide whether combat should be initiated or not, as the health of a creature can determine if a fight will be easy or rough. Additionally, the Wiehenvenator can invest talent points into the ability ''Identification'' to further enhance its ability to detect, revealing their [[stamina]], [[comfort]], [[nesting|sex]], [[water]], [[food]] and even [[Ability|ability power]]. With such knowledge of its prey, the Wiehenvenator can easily capitalize on their weakness.

<center>[[File:Divider.png|400x32px]]</center>
== Pros and Cons ==

=== Pros ===

* Can reveal the information of its prey

* Great agility

* Stronger in numbers. Enough to take down T.rex with coordination.

=== Cons ===

* Susceptible to injury

* Middling weather resistance

* Weak as solo. Expect to hunt smaller creatures or live off of spawn gore as a solo player.

<center>[[File:Divider.png|400x32px]]</center>
</div>

== Abilities ==

*'''[[Primary Attack|Primary Attack]]''': A large, outward [[Bite|bite]]. It deals modest damage and has a moderate rate of attack speed.

*'''[[Secondary Attack|Secondary Attack]]''': Same as the Primary Attack, except it makes the Wiehenvenator [[Bite|bite]] downwards instead of forwards.

*'''Special Ability:''' The Wiehenvenator can gather the information of its prey. When the Ability Key is held down, a cursor will appear on the screen. When this cursor is pointed at a creature, it will be identified, allowing the Wiehenvenator to see its stats. This ability consumes [[Ability|ability power]].

<center>[[File:Divider.png|400x32px]]</center>

== Weakness ==

The Wiehenvenator must be cautious around larger creatures with injury-inducing attacks, such as the [[Tyrannosaurus rex|Tyrannosaurus]] and [[Saichania]]. One wrong step, and the Wiehenvenator will be crippled in a single hit.

<center>[[File:Divider.png|400x32px]]</center>

== Additional Notes ==

* A charging [[Pachycephalosaurus]] can outspeed the Wiehenvenator.

* As of December 21st, 2021, Wiehenvenator has lost its bleeding ability and the [[talents#serrated_teeth|serrated teeth]] talent, which was replaced with the [[talents#sharp_teeth|sharp teeth]] talent.

* Wiehenvenator is one of the fastest-swimming non-aquatic playable creatures, becoming a fairly competent swimmer when the [[talents#aqua_affinity|aqua affinity]], [[talents#strong_lungs|strong lungs]] and [[talents#resilience|resilience]] talents are maxed out. Due to this, it can be an excellent dinosaur for island hopping. But as always, beware of aquatic predators.

* Prior to November 4th, 2022, the Wiehenvenator in the game was called Megalosaurus, but its name was changed due to then new findings that Megalosaurus was actually much larger than previously thought.

==Gallery==
<gallery position="center" spacing="small" bordersize="none" bordercolor="transparent" captionalign="center" widths=320px heights=180 hideaddbutton="true">
Megalosprint.jpg|A Wiehenvenator, bolting through terrain
</gallery>

More information is available in the Wiehenvenator Spotlight Video:
https://www.youtube.com/watch?v=TTrG5RvCDCg&t=1s
https://www.youtube.com/watch?v=Xkz4VHx4a0M (Updated Wiehenvenator video for 2020)

Template:MissingInfo

2025-01-10T19:44:51Z

Vrana: Resized the missing info banner.

<center>
<table style="border:2px solid white; border-style:dotted; width:40%; border-spacing:4px; border-radius:25px;">
<tr>
<th style="background-color:#26746E; text-align: center; font-size:15px; padding:4px; color:white; border-radius:20px 20px 0px 0px;"> Oops, something's missing!
</th>
</tr>
<tr>
<td style="background-color:#fff5f0; font-size:10px; padding:10px; color:black; border-radius:0px 0px 20px 20px;">
<b>It looks like this page is missing something - or maybe a lot of things! Beasts of Bermuda, despite its recent player increase, has had a very loyal following that didn't require a Wiki for the most part because of how tight-knit its community is. This means this Wiki has gone unmaned for a while now! Fear not, however, for there are still many resources out there while we try to update this site, such as our [[New Player Guide]] or the [https://discord.gg/beastsofbermuda Official Discord Server]. See you out there on the islands!</b></td>
</tr>
</table>
</center>
<br><br>

<noinclude>

==Usage==
To use this template, please write this code at the top of the article:
:'''<nowiki>{{MissingInfo}}</nowiki>'''

</noinclude>

Template:Creature

2025-01-09T17:41:23Z

Vrana: Added scent color to stats.

{| class="infobox bordered" style="float: Right; width: 300px; font-size: smaller; ; line-height:2.0;"
|-
! colspan="2" style="font-size:100%; text-align:center; background-color:#A2D1D2; color:#0C181B" | {{{title|{{PAGENAME}}}}} [[Category:Templates]]
|-
{{#if:{{{image<includeonly>|</includeonly>}}} |
{{!}} colspan="2" style="text-align:center" {{!}}{{{image}}}{{#if:{{{caption|}}}|<br />{{{caption}}}}}
{{!}}-
}}
|-
!colspan="2" style="text-align:left; font-weight:normal; background:#A2D1D2; color:#0C181B"{{!}}<center>'''Base Stats (1.32 growth)'''</center>
|-
{{#if:{{{health<includeonly>|</includeonly>}}} |
{{!}}style="color:#FFF"{{!}}'''Health'''
{{!}}{{{health}}}
{{!}}-
}}
|-
{{#if:{{{damage<includeonly>|</includeonly>}}} |
{{!}}style="color:#FFF"{{!}}'''Damage'''
{{!}}{{{damage}}}
{{!}}-
}}
|-
|-{{#if:{{{speed<includeonly>|</includeonly>}}} |-
{{!}}style="color:#FFF"{{!}}'''Speed'''
{{!}}{{{speed}}}
{{!}}-
}}
|-
{{#if:{{{stamina<includeonly>|</includeonly>}}} |
{{!}}style="color:#FFF"{{!}}'''Stamina'''
{{!}}{{{stamina}}}
{{!}}-
}}
|-
|-{{#if:{{{abilitypower<includeonly>|</includeonly>}}} |-
{{!}}style="color:#FFF"{{!}}'''Ability Power'''
{{!}}{{{abilitypower}}}
{{!}}-
}}
|-
|-{{#if:{{{gameweight<includeonly>|</includeonly>}}} |-
{{!}}style="color:#FFF"{{!}}'''Game Weight'''
{{!}}{{{gameweight}}}
{{!}}-
}}
|-
|-{{#if:{{{growthtime<includeonly>|</includeonly>}}} |-
{{!}}style="color:#FFF"{{!}}'''Growth Time'''
{{!}}{{{growthtime}}}
{{!}}-
}}
|-
|-{{#if:{{{weatherresistance<includeonly>|</includeonly>}}} |-
{{!}}style="color:#FFF"{{!}}'''Weather Resistance'''
{{!}}{{{weatherresistance}}}
{{!}}-
}}
|-
|-{{#if:{{{scentcolor<includeonly>|</includeonly>}}} |-
{{!}}style="color:#FFF"{{!}}'''Scent Color'''
{{!}}{{{scentcolor}}}
{{!}}-
}}
|-
!colspan="2" style="text-align:left; font-weight:normal; background:#A2D1D2; color:#0C181B"{{!}}<center>'''Paleontology'''</center>
|-
{{#if:{{{name<includeonly>|</includeonly>}}} |
{{!}}style="color:#FFF"{{!}}'''Name Meaning'''
{{!}}{{{name}}}
{{!}}-
}}
|-
{{#if:{{{species<includeonly>|</includeonly>}}} |
{{!}}style="color:#FFF"{{!}}'''Species'''
{{!}}{{{species}}}
{{!}}-
}}
|-
{{#if:{{family<includeonly>|</includeonly>}}} |
{{!}}style="color:#FFF"{{!}}'''Family'''
{{!}}{{{family}}}
{{!}}-
}}
|-
{{#if:{{diet<includeonly>|</includeonly>}}} |
{{!}}style="color:#FFF"{{!}}'''Diet'''
{{!}}{{{diet}}}
{{!}}-
}}
|-
{{#if:{{{timeperiod<includeonly>|</includeonly>}}} |
{{!}}style="color:#FFF"{{!}}'''Time Period'''
{{!}}{{{timeperiod}}}
{{!}}-
}}
|-
{{#if:{{length<includeonly>|</includeonly>}}} |
{{!}}style="color:#FFF"{{!}}'''Length'''
{{!}}{{{length}}}
{{!}}-
}}
|-
{{#if:{{weight<includeonly>|</includeonly>}}} |
{{!}}style="color:#FFF"{{!}}'''Weight'''
{{!}}{{{weight}}}
{{!}}-
}}
|-
!colspan="2" style="text-align:left; font-weight:normal; background:#A2D1D2; color:#0C181B"{{!}}<center>'''Trivia'''</center>
|-
{{#if:{{{released<includeonly>|</includeonly>}}} |
{{!}}style="color:#FFF"{{!}}'''Released'''
{{!}}{{{released}}}
{{!}}-
}}
|-
{{#if:{{{remodel<includeonly>|</includeonly>}}} |
{{!}}style="color:#FFF"{{!}}'''Remodel'''
{{!}}{{{remodel}}}
{{!}}-
}}
|-
{{#if:{{{alias<includeonly>|</includeonly>}}} |
{{!}}style="color:#FFF"{{!}}'''Alias'''
{{!}}{{{alias}}}
{{!}}-
}}
|-
|}<noinclude>
{{clear}}

== Template Usage ==
<nowiki>{{Creature
| image =[[Image:creature.png|300px]]
| health =
| damage =
| speed =
| stamina =
| abilitypower =
| gameweight =
| growthtime =
| weatherresistance =
| name =
| species =
| family =
| diet =
| timeperiod =
| length =
| weight =
| released =
| remodel =
| alias =
}}</nowiki>

Template:IconText

2024-11-24T20:35:59Z

Vrana: Trying to find error.

<includeonly>
{{#lvardef: icon | {{{1|broken_error_image.png}}} }}
{{#lvardef: link | {{{link| }}} }}
{{#lvardef: text | {{{2 }}} }}
{{#lvardef: min-w | {{#if: {{{w|}}} | {{{w}}} | {{#if: {{{size|}}} | {{{size}}} | 40 }} }} }}
{{#lvardef: max-w | {{{w| }}} }}
{{#lvardef: max-h | {{#if: {{{h|}}} | {{{h}}} | {{#if: {{{size|}}} | {{{size}}} | 40 }} }} }}
{{#if: {{{block|}}}
| <span class="icontext-block" style="display: inline-flex; align-items: center; {{#if: {{{gap|}}} | gap: {{{gap}}}px; }}">
| {{#if:{{{nowrap|}}}|<span style="white-space: nowrap">}}
}}
<span class="icontext-icon-wrapper"
style="
display: inline-flex;
align-items: center;
justify-content: center;
min-width: {{#lvar:min-w}}px;
height: {{#lvar:max-h}}px;
">
<span class="icontext-icon" style="vertical-align: middle;">
{{icon
| {{#lvar:icon}}
| link = {{#lvar:link}}
| caption = {{#lvar:text}}
| w = {{#lvar:max-w}}
| h = {{#lvar:max-h}}
| class = {{{class|}}}
}}
</span>
</span>
 
<span class="icontext-text">
{{#if: {{#lvar:link}}
| [[{{#lvar:link}}|{{#lvar:text}}]]
| {{#lvar:text}}
}}
</span>
{{#if: {{{block|}}}{{{nowrap|}}}
|
</span>
}}
</includeonly>

<noinclude>
Usage: <code><nowiki>{{IconText | The_Elements.png | The Elements }}</nowiki></code>

[[Category:Templates]]
</noinclude>

Template:IconText

2024-11-24T20:23:21Z

Vrana: removed trim

<includeonly>
{{#lvardef: icon | {{{1 }}} }}
{{#lvardef: link | {{{link| }}} }}
{{#lvardef: text | {{{2 }}} }}
{{#lvardef: min-w | {{#if: {{{w|}}} | {{{w}}} | {{#if: {{{size|}}} | {{{size}}} | 40 }} }} }}
{{#lvardef: max-w | {{{w| }}} }}
{{#lvardef: max-h | {{#if: {{{h|}}} | {{{h}}} | {{#if: {{{size|}}} | {{{size}}} | 40 }} }} }}
{{#if: {{{block|}}}
| <span class="icontext-block" style="display: inline-flex; align-items: center; {{#if: {{{gap|}}} | gap: {{{gap}}}px; }}">
| {{#if:{{{nowrap|}}}|<span style="white-space: nowrap">}}
}}
<span class="icontext-icon-wrapper"
style="
display: inline-flex;
align-items: center;
justify-content: center;
min-width: {{#lvar:min-w}}px;
height: {{#lvar:max-h}}px;
">
<span class="icontext-icon" style="vertical-align: middle;">
{{icon
| {{#lvar:icon}}
| link = {{#lvar:link}}
| caption = {{#lvar:text}}
| w = {{#lvar:max-w}}
| h = {{#lvar:max-h}}
| class = {{{class|}}}
}}
</span>
</span>
 
<span class="icontext-text">
{{#if: {{#lvar:link}}
| [[{{#lvar:link}}|{{#lvar:text}}]]
| {{#lvar:text}}
}}
</span>
{{#if: {{{block|}}}{{{nowrap|}}}
|
</span>
}}
</includeonly>

Template:ImageText

2024-11-24T20:20:18Z

Vrana: Added Category

<includeonly>
<div class="imagetext" style="display: inline-table; margin: 5px;">
<div class="imagetext-image" style="display: flex; justify-content: center; align-items: center; width: {{{w|100}}}px; height: {{{h|100}}}px;">
[[File:{{{1}}}|{{{w|100}}}x{{{h|100}}}px|{{{2}}}|link={{{link|}}}]]
</div>
<div
class="imagetext-text"
style="width: {{{w|100}}}px; text-align: center;
{{#if: {{{font size|}}} | font-size: {{{font size}}}; }}">
{{#if: {{{link|}}} | [[{{{link}}}|{{{2}}}]] | {{{2}}} }}
</div>
</div>
</includeonly>
<noinclude>
==Description==
This template allows you to add images on top of a piece of text.
The element will be an inline block, meaning several can appear in one line.
You can give them all a specific width and height to get a nice consistent layout.

==Usage==
The standard width and height is 100.

<pre>
<nowiki>{{ ImageText | file:Nesting_MAINPAGE.png | Nesting }}
{{ ImageText | Enhanced Growth.png | Enhanced Growth }}
{{ ImageText | The Elements.png | Just a test with very very long text }}</nowiki>
</pre>

Results:
{{ImageText | Nesting_MAINPAGE.png | Nesting }}
{{ImageText | Enhanced Growth.png | Enhanced Growth }}
{{ImageText | The Elements.png | Just a test with very very long text }}

==Limiting Width==
This may cause the text to overflow as seen here:

<pre>
<nowiki>{{ImageText | Nesting_MAINPAGE.png | Nesting | w = 50 }}
{{ImageText | Enhanced Growth.png | Enhanced Growth | w = 50 }}</nowiki>
</pre>

Result:
{{ImageText | Nesting_MAINPAGE.png | Nesting | w = 50 }}
{{ImageText | Enhanced Growth.png | Enhanced Growth | w = 50 }}

==Limiting Height==
Limiting height only:

<pre>
<nowiki>{{ImageText | Nesting_MAINPAGE.png | Nesting | h = 50 }}
{{ImageText | Enhanced Growth.png | Enhanced Growth | h = 50 }}</nowiki>
</pre>

Result:
{{ImageText | Nesting_MAINPAGE.png | Nesting | h = 50 }}
{{ImageText | Enhanced Growth.png | Enhanced Growth | h = 50 }}

==Limiting Width and Height==
<pre>
<nowiki>{{ImageText | Nesting_MAINPAGE.png | Nesting | w = 50 | h = 50 }}
{{ImageText | Enhanced Growth.png | Enhanced Growth | w = 50 | h = 50 }}</nowiki>
</pre>

Result:
{{ImageText | Nesting_MAINPAGE.png | Nesting | w = 50 | h = 50 }}
{{ImageText | Enhanced Growth.png | Enhanced Growth | w = 50 | h = 50 }}

==Font Size==
You might have noticed the text is often too wide for the icon... You can specify a font size:

<pre>
<nowiki>{{ImageText | Nesting_MAINPAGE.png | Nesting | w = 80 | h = 80 | font size = 80% }}
{{ImageText | Enhanced Growth.png | Enhanced Growth | w = 80 | h = 80 | font size = 80% }}</nowiki>
</pre>

Result:
{{ImageText | Nesting_MAINPAGE.png | Nesting | w = 80 | h = 80 | font size = 80% }}
{{ImageText | Enhanced Growth.png | Enhanced Growth | w = 80 | h = 80 | font size = 80% }}

[[Category: Templates]]
</noinclude>

Template:ImageText

2024-11-24T20:19:29Z

Vrana: Formatted page. Dependent on the Template:Icon which seems to not work 100%

MediaWiki:Common.css

2024-11-24T20:17:12Z

Vrana: adjusted pre

/* CSS placed here will be applied to all skins */

/*** GENERAL APPEARANCE ***/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
--font: montserrat;
--color: #f0f8ff;
--color-bg: #0e2126;
--color-bg-darker: #0c181b;
--color-theme: #17373ff7;
--color-link: #26746E;
--img-bg-top:url(https://wiki.beastsofbermuda.com/images/thumb/c/c7/Loading_screen_1_LAND_AND_SKY_sky_edited%282%29.png/2400px-Loading_screen_1_LAND_AND_SKY_sky_edited%282%29.png);
--img-bg-bottom:url(https://wiki.beastsofbermuda.com/images/thumb/4/4e/Loading_screen_2_WATER_DEEP_water_edited%281%29.png/2400px-Loading_screen_2_WATER_DEEP_water_edited%281%29.png);
}

*,
*:before,
*:after {
box-sizing: border-box;
word-break: break-word;
text-wrap: pretty;
transition: all .16s ease;
}

html,
body {
margin: 0;
font: 16px/1.6 var(--font)!important;
text-align: justify;
box-sizing: border-box;
}

body:before, body:after {
content: '';
position: absolute;
height: 100%;
width: 100%;
opacity: .75;
z-index: -1;
}

body:before{background:var(--img-bg-top) bottom / cover no-repeat;}
body:after{background:var(--img-bg-bottom) top / cover no-repeat;}

img {
max-height: 100%;
max-width: 100%;
object-fit: cover;
}

pre {
font-family: var(--font);
margin: 1em 0!important;
background-color: #0e2126!important;
color: var(--color)!important;
border-color: #4a7e8b!important;
border-style: dashed!important;
padding: 2px!important;
}

code {
font-family: Consolas,"courier new";
color: var(--color)!important;
border-color: var(--color-link)!important;
border-style: dashed!important;
border-width: 0.5px!important;
padding: 2px!important;
background-color: #0e2126!important;
}

a,
u,
li,
ul,
strike {
text-decoration-thickness: 2px;
text-underline-offset: 3px;
color: var(--color);
}

a {
font-weight: bold;
color: var(--color-link)!important;
}
i,
em {
letter-spacing: .5px;
}

h1, h2, h3, h4, h5, h6 {
font-family: var(--font)!important;
font-weight: 600;
color: var(--color)!important;
}

p {
color: var(--color);
}

/*** CSS ***/

@media screen {
h1, h2, h3, h4, h5, h6 {
border-bottom: 3px solid;
}
}

body, #mw-head{
background: var(--color-bg)!important;
}

div#content.mw-body {
margin: 5px 150px 0px 200px;
padding: 18px;
}

/*** TOP ***/

#mw-head {
padding-inline: 20px 3%;
}

#mw-head li {
background: var(--color-bg-darker)!important;
}

#p-personal li {
padding: 5px 5px;
border-radius: 10px;
}

#left-navigation div.vectorTabs li.selected, #right-navigation div.vectorTabs li.selected {
background-image: linear-gradient(var(--color-theme) 0,var(--color-bg-darker) 80%) !important;
}

#left-navigation div.vectorTabs, #right-navigation div.vectorTabs {
border-radius: 20px 20px 0 0;
overflow: hidden;
background: transparent !important;
}

/*** MENU LEFT ***/

div#mw-panel div.portal div.body {
margin: 0 !important;
}

#mw-panel {
padding: 0 !important;
}

#mw-panel ul {
gap: 5px;
display: grid;
}

#mw-panel li {
background: var(--color-bg-darker);
border-radius: 20px;
padding: 10px !important;
}

#mw-navigation div#mw-panel div.portal {
border: none!important;
}

div#mw-panel div.portal h3 {
color: #fff!important;
border-bottom: 2px solid!important;
margin-bottom: 16px!important;
}

@media screen {
#mw-panel .portal .body {
background: transparent;
}
}

/*** MENU BOTTOM ***/

textarea#wpTextbox1.mw-editfont-sans-serif {
font-family: var(--font);
background-color: #0e2126;
color: var(--color);
border-style: none;
}

div.editOptions {
font-family: var(--font);
background-color: #142b31;
color: var(--color);
border-style: none;
}

input#wpSummary.oo-ui-inoutWidget-input {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

span.oo-ui-checkboxInputWidget-checkIcon.oo-ui-widget.oo-ui-widget-enabled.oo-ui-iconElement-icon.oo-ui-icon-check.oo-ui-iconElement.oo-ui-labelElement-invisible.oo-ui-iconWidget.oo-ui-image-invert {
background-color: var(--color-link);
border-style: none;
}

input#wpCaptchaWord.mw-ui-input {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

input#wpSave.oo-ui-inputWidget-input.oo-ui-buttonElement-button {
background-color: #0f7070;
color: var(--color);
border-style: none;
}

input#wpPreview.oo-ui-inputWidget-input.oo-ui-buttonElement-button {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

input#wpDiff.oo-ui-inputWidget-input.oo-ui-buttonElement-button {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

div#catlinks.catlinks {
background-color: #0E2126;
color: var(--color);
border-style: none;
}

li#footer-info-lastmod {
color: var(--color);
font-style: bold;
}

/*** PAGES ***/

div#toc.toc {
margin: 0.5;
width: 150px;
color: var(--color);
border-style: solid;
border-color: var(--color-link);
background-color: #0E2126;
}

div.thumb div.thumbinner{
background-color: transparent;
border-style: none;
}

li::marker {
color: var(--color-link);
}

.tocnumber {
display: none;
}

label.toctogglelabel {
color: var(--color-link)
}

.mw-body {
background: var(--color-theme)!important;
margin-right: 2%;
border-radius: 20px;
border: none!important;
}

.navigation-tabbar {
background-color: #0E2126;
color: var(--color-link);
margin: 0.5em 0 0 0;
border: 1px solid #0C181B;
}

.tab {
padding:0 10px;
display: inline-block;
}

.tab-active {
background-color: #A2D1D2!important;
color: #FFF!important;
}

MediaWiki:Common.css

2024-11-24T19:59:55Z

Vrana: added background color to code tag

/* CSS placed here will be applied to all skins */

/*** GENERAL APPEARANCE ***/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
--font: montserrat;
--color: #f0f8ff;
--color-bg: #0e2126;
--color-bg-darker: #0c181b;
--color-theme: #17373ff7;
--color-link: #26746E;
--img-bg-top:url(https://wiki.beastsofbermuda.com/images/thumb/c/c7/Loading_screen_1_LAND_AND_SKY_sky_edited%282%29.png/2400px-Loading_screen_1_LAND_AND_SKY_sky_edited%282%29.png);
--img-bg-bottom:url(https://wiki.beastsofbermuda.com/images/thumb/4/4e/Loading_screen_2_WATER_DEEP_water_edited%281%29.png/2400px-Loading_screen_2_WATER_DEEP_water_edited%281%29.png);
}

*,
*:before,
*:after {
box-sizing: border-box;
word-break: break-word;
text-wrap: pretty;
transition: all .16s ease;
}

html,
body {
margin: 0;
font: 16px/1.6 var(--font)!important;
text-align: justify;
box-sizing: border-box;
}

body:before, body:after {
content: '';
position: absolute;
height: 100%;
width: 100%;
opacity: .75;
z-index: -1;
}

body:before{background:var(--img-bg-top) bottom / cover no-repeat;}
body:after{background:var(--img-bg-bottom) top / cover no-repeat;}

img {
max-height: 100%;
max-width: 100%;
object-fit: cover;
}

pre {
display: block!important;
font-family: var(--font);
white-space: pre!important;
margin: 1em 0!important;
background-color: #0e2126!important;
color: var(--color)!important;
border-color: #4a7e8b!important;
border-style: dashed!important;
padding: 2px!important;
}

code {
font-family: Consolas,"courier new";
color: var(--color)!important;
border-color: var(--color-link)!important;
border-style: dashed!important;
border-width: 0.5px!important;
padding: 2px!important;
background-color: #0e2126!important;
}

a,
u,
li,
ul,
strike {
text-decoration-thickness: 2px;
text-underline-offset: 3px;
color: var(--color);
}

a {
font-weight: bold;
color: var(--color-link)!important;
}
i,
em {
letter-spacing: .5px;
}

h1, h2, h3, h4, h5, h6 {
font-family: var(--font)!important;
font-weight: 600;
color: var(--color)!important;
}

p {
color: var(--color);
}

/*** CSS ***/

@media screen {
h1, h2, h3, h4, h5, h6 {
border-bottom: 3px solid;
}
}

body, #mw-head{
background: var(--color-bg)!important;
}

div#content.mw-body {
margin: 5px 150px 0px 200px;
padding: 18px;
}

/*** TOP ***/

#mw-head {
padding-inline: 20px 3%;
}

#mw-head li {
background: var(--color-bg-darker)!important;
}

#p-personal li {
padding: 5px 5px;
border-radius: 10px;
}

#left-navigation div.vectorTabs li.selected, #right-navigation div.vectorTabs li.selected {
background-image: linear-gradient(var(--color-theme) 0,var(--color-bg-darker) 80%) !important;
}

#left-navigation div.vectorTabs, #right-navigation div.vectorTabs {
border-radius: 20px 20px 0 0;
overflow: hidden;
background: transparent !important;
}

/*** MENU LEFT ***/

div#mw-panel div.portal div.body {
margin: 0 !important;
}

#mw-panel {
padding: 0 !important;
}

#mw-panel ul {
gap: 5px;
display: grid;
}

#mw-panel li {
background: var(--color-bg-darker);
border-radius: 20px;
padding: 10px !important;
}

#mw-navigation div#mw-panel div.portal {
border: none!important;
}

div#mw-panel div.portal h3 {
color: #fff!important;
border-bottom: 2px solid!important;
margin-bottom: 16px!important;
}

@media screen {
#mw-panel .portal .body {
background: transparent;
}
}

/*** MENU BOTTOM ***/

textarea#wpTextbox1.mw-editfont-sans-serif {
font-family: var(--font);
background-color: #0e2126;
color: var(--color);
border-style: none;
}

div.editOptions {
font-family: var(--font);
background-color: #142b31;
color: var(--color);
border-style: none;
}

input#wpSummary.oo-ui-inoutWidget-input {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

span.oo-ui-checkboxInputWidget-checkIcon.oo-ui-widget.oo-ui-widget-enabled.oo-ui-iconElement-icon.oo-ui-icon-check.oo-ui-iconElement.oo-ui-labelElement-invisible.oo-ui-iconWidget.oo-ui-image-invert {
background-color: var(--color-link);
border-style: none;
}

input#wpCaptchaWord.mw-ui-input {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

input#wpSave.oo-ui-inputWidget-input.oo-ui-buttonElement-button {
background-color: #0f7070;
color: var(--color);
border-style: none;
}

input#wpPreview.oo-ui-inputWidget-input.oo-ui-buttonElement-button {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

input#wpDiff.oo-ui-inputWidget-input.oo-ui-buttonElement-button {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

div#catlinks.catlinks {
background-color: #0E2126;
color: var(--color);
border-style: none;
}

li#footer-info-lastmod {
color: var(--color);
font-style: bold;
}

/*** PAGES ***/

div#toc.toc {
margin: 0.5;
width: 150px;
color: var(--color);
border-style: solid;
border-color: var(--color-link);
background-color: #0E2126;
}

div.thumb div.thumbinner{
background-color: transparent;
border-style: none;
}

li::marker {
color: var(--color-link);
}

.tocnumber {
display: none;
}

label.toctogglelabel {
color: var(--color-link)
}

.mw-body {
background: var(--color-theme)!important;
margin-right: 2%;
border-radius: 20px;
border: none!important;
}

.navigation-tabbar {
background-color: #0E2126;
color: var(--color-link);
margin: 0.5em 0 0 0;
border: 1px solid #0C181B;
}

.tab {
padding:0 10px;
display: inline-block;
}

.tab-active {
background-color: #A2D1D2!important;
color: #FFF!important;
}

MediaWiki:Common.css

2024-11-24T19:55:16Z

Vrana: margins

/* CSS placed here will be applied to all skins */

/*** GENERAL APPEARANCE ***/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
--font: montserrat;
--color: #f0f8ff;
--color-bg: #0e2126;
--color-bg-darker: #0c181b;
--color-theme: #17373ff7;
--color-link: #26746E;
--img-bg-top:url(https://wiki.beastsofbermuda.com/images/thumb/c/c7/Loading_screen_1_LAND_AND_SKY_sky_edited%282%29.png/2400px-Loading_screen_1_LAND_AND_SKY_sky_edited%282%29.png);
--img-bg-bottom:url(https://wiki.beastsofbermuda.com/images/thumb/4/4e/Loading_screen_2_WATER_DEEP_water_edited%281%29.png/2400px-Loading_screen_2_WATER_DEEP_water_edited%281%29.png);
}

*,
*:before,
*:after {
box-sizing: border-box;
word-break: break-word;
text-wrap: pretty;
transition: all .16s ease;
}

html,
body {
margin: 0;
font: 16px/1.6 var(--font)!important;
text-align: justify;
box-sizing: border-box;
}

body:before, body:after {
content: '';
position: absolute;
height: 100%;
width: 100%;
opacity: .75;
z-index: -1;
}

body:before{background:var(--img-bg-top) bottom / cover no-repeat;}
body:after{background:var(--img-bg-bottom) top / cover no-repeat;}

img {
max-height: 100%;
max-width: 100%;
object-fit: cover;
}

pre {
display: block!important;
font-family: var(--font);
white-space: pre!important;
margin: 1em 0!important;
background-color: #0e2126!important;
color: var(--color)!important;
border-color: #4a7e8b!important;
border-style: dashed!important;
padding: 2px!important;
}

code {
font-family: Consolas,"courier new";
color: var(--color)!important;
border-color: var(--color-link)!important;
border-style: dashed!important;
border-width: 0.5px!important;
padding: 2px!important;
}

a,
u,
li,
ul,
strike {
text-decoration-thickness: 2px;
text-underline-offset: 3px;
color: var(--color);
}

a {
font-weight: bold;
color: var(--color-link)!important;
}
i,
em {
letter-spacing: .5px;
}

h1, h2, h3, h4, h5, h6 {
font-family: var(--font)!important;
font-weight: 600;
color: var(--color)!important;
}

p {
color: var(--color);
}

/*** CSS ***/

@media screen {
h1, h2, h3, h4, h5, h6 {
border-bottom: 3px solid;
}
}

body, #mw-head{
background: var(--color-bg)!important;
}

div#content.mw-body {
margin: 5px 150px 0px 200px;
padding: 18px;
}

/*** TOP ***/

#mw-head {
padding-inline: 20px 3%;
}

#mw-head li {
background: var(--color-bg-darker)!important;
}

#p-personal li {
padding: 5px 5px;
border-radius: 10px;
}

#left-navigation div.vectorTabs li.selected, #right-navigation div.vectorTabs li.selected {
background-image: linear-gradient(var(--color-theme) 0,var(--color-bg-darker) 80%) !important;
}

#left-navigation div.vectorTabs, #right-navigation div.vectorTabs {
border-radius: 20px 20px 0 0;
overflow: hidden;
background: transparent !important;
}

/*** MENU LEFT ***/

div#mw-panel div.portal div.body {
margin: 0 !important;
}

#mw-panel {
padding: 0 !important;
}

#mw-panel ul {
gap: 5px;
display: grid;
}

#mw-panel li {
background: var(--color-bg-darker);
border-radius: 20px;
padding: 10px !important;
}

#mw-navigation div#mw-panel div.portal {
border: none!important;
}

div#mw-panel div.portal h3 {
color: #fff!important;
border-bottom: 2px solid!important;
margin-bottom: 16px!important;
}

@media screen {
#mw-panel .portal .body {
background: transparent;
}
}

/*** MENU BOTTOM ***/

textarea#wpTextbox1.mw-editfont-sans-serif {
font-family: var(--font);
background-color: #0e2126;
color: var(--color);
border-style: none;
}

div.editOptions {
font-family: var(--font);
background-color: #142b31;
color: var(--color);
border-style: none;
}

input#wpSummary.oo-ui-inoutWidget-input {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

span.oo-ui-checkboxInputWidget-checkIcon.oo-ui-widget.oo-ui-widget-enabled.oo-ui-iconElement-icon.oo-ui-icon-check.oo-ui-iconElement.oo-ui-labelElement-invisible.oo-ui-iconWidget.oo-ui-image-invert {
background-color: var(--color-link);
border-style: none;
}

input#wpCaptchaWord.mw-ui-input {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

input#wpSave.oo-ui-inputWidget-input.oo-ui-buttonElement-button {
background-color: #0f7070;
color: var(--color);
border-style: none;
}

input#wpPreview.oo-ui-inputWidget-input.oo-ui-buttonElement-button {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

input#wpDiff.oo-ui-inputWidget-input.oo-ui-buttonElement-button {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

div#catlinks.catlinks {
background-color: #0E2126;
color: var(--color);
border-style: none;
}

li#footer-info-lastmod {
color: var(--color);
font-style: bold;
}

/*** PAGES ***/

div#toc.toc {
margin: 0.5;
width: 150px;
color: var(--color);
border-style: solid;
border-color: var(--color-link);
background-color: #0E2126;
}

div.thumb div.thumbinner{
background-color: transparent;
border-style: none;
}

li::marker {
color: var(--color-link);
}

.tocnumber {
display: none;
}

label.toctogglelabel {
color: var(--color-link)
}

.mw-body {
background: var(--color-theme)!important;
margin-right: 2%;
border-radius: 20px;
border: none!important;
}

.navigation-tabbar {
background-color: #0E2126;
color: var(--color-link);
margin: 0.5em 0 0 0;
border: 1px solid #0C181B;
}

.tab {
padding:0 10px;
display: inline-block;
}

.tab-active {
background-color: #A2D1D2!important;
color: #FFF!important;
}

Template:ImageText

2024-11-24T19:52:45Z

Vrana: removed not working trim template

<includeonly>
<div
class="imagetext"
style="display: inline-table; margin: 5px;">
<div
class="imagetext-image"
style="display: flex; justify-content: center; align-items: center;
width: {{{w|100}}}px; height: {{{h|100}}}px;">
[[File:{{{1}}}|{{{w|100}}}x{{{h|100}}}px|{{{2}}}|link={{{link|}}}]]
</div>
<div
class="imagetext-text"
style="width: {{{w|100}}}px; text-align: center;
{{#if: {{{font size|}}} | font-size: {{{font size}}}; }}">
{{#if: {{{link|}}} | [[{{{link}}}|{{{2}}}]] | {{{2}}} }}
</div>
</div>
</includeonly>

<noinclude>
This template allows you to add images on top of a piece of text.

The element will be an inline block, meaning several can appear in one line. You can give them all a specific width and height to get a nice consistent layout.

----

Standard width/height is 100:

<pre>
{{ ImageText | file:Nesting_MAINPAGE.png | Nesting }}
{{ ImageText | Enhanced Growth.png | Enhanced Growth }}
{{ ImageText | The Elements.png | Just a test with very very long text }}
</pre>

Result:

{{ImageText | Nesting_MAINPAGE.png | Nesting }}
{{ImageText | Enhanced Growth.png | Enhanced Growth }}
{{ImageText | The Elements.png | Just a test with very very long text }}

----

Limiting width only; note this may cause the text to overflow as seen here:

<pre>
{{ImageText | Nesting_MAINPAGE.png | Nesting | w = 50 }}
{{ImageText | Enhanced Growth.png | Enhanced Growth | w = 50 }}
</pre>

Result:

{{ImageText | Nesting_MAINPAGE.png | Nesting | w = 50 }}
{{ImageText | Enhanced Growth.png | Enhanced Growth | w = 50 }}

----

Limiting height only:

<pre>
{{ImageText | Nesting_MAINPAGE.png | Nesting | h = 50 }}
{{ImageText | Enhanced Growth.png | Enhanced Growth | h = 50 }}
</pre>

Result:

{{ImageText | Nesting_MAINPAGE.png | Nesting | h = 50 }}
{{ImageText | Enhanced Growth.png | Enhanced Growth | h = 50 }}

----

Limiting width and height:

<pre>
{{ImageText | Nesting_MAINPAGE.png | Nesting | w = 50 | h = 50 }}
{{ImageText | Enhanced Growth.png | Enhanced Growth | w = 50 | h = 50 }}
</pre>

Result:

{{ImageText | Nesting_MAINPAGE.png | Nesting | w = 50 | h = 50 }}
{{ImageText | Enhanced Growth.png | Enhanced Growth | w = 50 | h = 50 }}

----

You might have noticed the text is often too wide for the icon... You can specify a font size:

<pre>
{{ImageText | Nesting_MAINPAGE.png | Nesting | w = 80 | h = 80 | font size = 80% }}
{{ImageText | Enhanced Growth.png | Enhanced Growth | w = 80 | h = 80 | font size = 80% }}
</pre>

Result:

{{ImageText | Nesting_MAINPAGE.png | Nesting | w = 80 | h = 80 | font size = 80% }}
{{ImageText | Enhanced Growth.png | Enhanced Growth | w = 80 | h = 80 | font size = 80% }}

</noinclude>

Template:ImageText

2024-11-24T19:49:44Z

Vrana: removed indents

<includeonly>
<div
class="imagetext"
style="display: inline-table; margin: 5px;">
<div
class="imagetext-image"
style="display: flex; justify-content: center; align-items: center;
width: {{{w|100}}}px; height: {{{h|100}}}px;">
[[File:
{{trim|
{{{1}}}
}}
|{{{w|100}}}x{{{h|100}}}px
|{{trim|
{{{2}}}
}}
|link={{{link|}}}
]]
</div>
<div
class="imagetext-text"
style="width: {{{w|100}}}px; text-align: center;
{{#if: {{{font size|}}} | font-size: {{{font size}}}; }}">
{{#if:
{{{link|}}}
| [[{{{link}}}|{{trim|{{{2}}}}}]]
| {{trim|{{{2}}}}}
}}
</div>
</div>
</includeonly>

<noinclude>
This template allows you to add images on top of a piece of text.

The element will be an inline block, meaning several can appear in one line. You can give them all a specific width and height to get a nice consistent layout.

----

Standard width/height is 100:

<pre>
{{ ImageText | file:Nesting_MAINPAGE.png | Nesting }}
{{ ImageText | Enhanced Growth.png | Enhanced Growth }}
{{ ImageText | The Elements.png | Just a test with very very long text }}
</pre>

Result:

{{ImageText | Nesting_MAINPAGE.png | Nesting }}
{{ImageText | Enhanced Growth.png | Enhanced Growth }}
{{ImageText | The Elements.png | Just a test with very very long text }}

----

Limiting width only; note this may cause the text to overflow as seen here:

<pre>
{{ImageText | Nesting_MAINPAGE.png | Nesting | w = 50 }}
{{ImageText | Enhanced Growth.png | Enhanced Growth | w = 50 }}
</pre>

Result:

{{ImageText | Nesting_MAINPAGE.png | Nesting | w = 50 }}
{{ImageText | Enhanced Growth.png | Enhanced Growth | w = 50 }}

----

Limiting height only:

<pre>
{{ImageText | Nesting_MAINPAGE.png | Nesting | h = 50 }}
{{ImageText | Enhanced Growth.png | Enhanced Growth | h = 50 }}
</pre>

Result:

{{ImageText | Nesting_MAINPAGE.png | Nesting | h = 50 }}
{{ImageText | Enhanced Growth.png | Enhanced Growth | h = 50 }}

----

Limiting width and height:

<pre>
{{ImageText | Nesting_MAINPAGE.png | Nesting | w = 50 | h = 50 }}
{{ImageText | Enhanced Growth.png | Enhanced Growth | w = 50 | h = 50 }}
</pre>

Result:

{{ImageText | Nesting_MAINPAGE.png | Nesting | w = 50 | h = 50 }}
{{ImageText | Enhanced Growth.png | Enhanced Growth | w = 50 | h = 50 }}

----

You might have noticed the text is often too wide for the icon... You can specify a font size:

<pre>
{{ImageText | Nesting_MAINPAGE.png | Nesting | w = 80 | h = 80 | font size = 80% }}
{{ImageText | Enhanced Growth.png | Enhanced Growth | w = 80 | h = 80 | font size = 80% }}
</pre>

Result:

{{ImageText | Nesting_MAINPAGE.png | Nesting | w = 80 | h = 80 | font size = 80% }}
{{ImageText | Enhanced Growth.png | Enhanced Growth | w = 80 | h = 80 | font size = 80% }}

</noinclude>

MediaWiki:Common.css

2024-11-24T19:46:38Z

Vrana: right margin edit

/* CSS placed here will be applied to all skins */

/*** GENERAL APPEARANCE ***/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
--font: montserrat;
--color: #f0f8ff;
--color-bg: #0e2126;
--color-bg-darker: #0c181b;
--color-theme: #17373ff7;
--color-link: #26746E;
--img-bg-top:url(https://wiki.beastsofbermuda.com/images/thumb/c/c7/Loading_screen_1_LAND_AND_SKY_sky_edited%282%29.png/2400px-Loading_screen_1_LAND_AND_SKY_sky_edited%282%29.png);
--img-bg-bottom:url(https://wiki.beastsofbermuda.com/images/thumb/4/4e/Loading_screen_2_WATER_DEEP_water_edited%281%29.png/2400px-Loading_screen_2_WATER_DEEP_water_edited%281%29.png);
}

*,
*:before,
*:after {
box-sizing: border-box;
word-break: break-word;
text-wrap: pretty;
transition: all .16s ease;
}

html,
body {
margin: 0;
font: 16px/1.6 var(--font)!important;
text-align: justify;
box-sizing: border-box;
}

body:before, body:after {
content: '';
position: absolute;
height: 100%;
width: 100%;
opacity: .75;
z-index: -1;
}

body:before{background:var(--img-bg-top) bottom / cover no-repeat;}
body:after{background:var(--img-bg-bottom) top / cover no-repeat;}

img {
max-height: 100%;
max-width: 100%;
object-fit: cover;
}

pre {
display: block!important;
font-family: var(--font);
white-space: pre!important;
margin: 1em 0!important;
background-color: #0e2126!important;
color: var(--color)!important;
border-color: #4a7e8b!important;
border-style: dashed!important;
padding: 2px!important;
}

code {
font-family: Consolas,"courier new";
color: var(--color)!important;
border-color: var(--color-link)!important;
border-style: dashed!important;
border-width: 0.5px!important;
padding: 2px!important;
}

a,
u,
li,
ul,
strike {
text-decoration-thickness: 2px;
text-underline-offset: 3px;
color: var(--color);
}

a {
font-weight: bold;
color: var(--color-link)!important;
}
i,
em {
letter-spacing: .5px;
}

h1, h2, h3, h4, h5, h6 {
font-family: var(--font)!important;
font-weight: 600;
color: var(--color)!important;
}

p {
color: var(--color);
}

/*** CSS ***/

@media screen {
h1, h2, h3, h4, h5, h6 {
border-bottom: 3px solid;
}
}

body, #mw-head{
background: var(--color-bg)!important;
}

div#content.mw-body {
margin: 5px 200px 0px 150px;
padding: 18px;
}

/*** TOP ***/

#mw-head {
padding-inline: 20px 3%;
}

#mw-head li {
background: var(--color-bg-darker)!important;
}

#p-personal li {
padding: 5px 5px;
border-radius: 10px;
}

#left-navigation div.vectorTabs li.selected, #right-navigation div.vectorTabs li.selected {
background-image: linear-gradient(var(--color-theme) 0,var(--color-bg-darker) 80%) !important;
}

#left-navigation div.vectorTabs, #right-navigation div.vectorTabs {
border-radius: 20px 20px 0 0;
overflow: hidden;
background: transparent !important;
}

/*** MENU LEFT ***/

div#mw-panel div.portal div.body {
margin: 0 !important;
}

#mw-panel {
padding: 0 !important;
}

#mw-panel ul {
gap: 5px;
display: grid;
}

#mw-panel li {
background: var(--color-bg-darker);
border-radius: 20px;
padding: 10px !important;
}

#mw-navigation div#mw-panel div.portal {
border: none!important;
}

div#mw-panel div.portal h3 {
color: #fff!important;
border-bottom: 2px solid!important;
margin-bottom: 16px!important;
}

@media screen {
#mw-panel .portal .body {
background: transparent;
}
}

/*** MENU BOTTOM ***/

textarea#wpTextbox1.mw-editfont-sans-serif {
font-family: var(--font);
background-color: #0e2126;
color: var(--color);
border-style: none;
}

div.editOptions {
font-family: var(--font);
background-color: #142b31;
color: var(--color);
border-style: none;
}

input#wpSummary.oo-ui-inoutWidget-input {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

span.oo-ui-checkboxInputWidget-checkIcon.oo-ui-widget.oo-ui-widget-enabled.oo-ui-iconElement-icon.oo-ui-icon-check.oo-ui-iconElement.oo-ui-labelElement-invisible.oo-ui-iconWidget.oo-ui-image-invert {
background-color: var(--color-link);
border-style: none;
}

input#wpCaptchaWord.mw-ui-input {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

input#wpSave.oo-ui-inputWidget-input.oo-ui-buttonElement-button {
background-color: #0f7070;
color: var(--color);
border-style: none;
}

input#wpPreview.oo-ui-inputWidget-input.oo-ui-buttonElement-button {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

input#wpDiff.oo-ui-inputWidget-input.oo-ui-buttonElement-button {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

div#catlinks.catlinks {
background-color: #0E2126;
color: var(--color);
border-style: none;
}

li#footer-info-lastmod {
color: var(--color);
font-style: bold;
}

/*** PAGES ***/

div#toc.toc {
margin: 0.5;
width: 150px;
color: var(--color);
border-style: solid;
border-color: var(--color-link);
background-color: #0E2126;
}

div.thumb div.thumbinner{
background-color: transparent;
border-style: none;
}

li::marker {
color: var(--color-link);
}

.tocnumber {
display: none;
}

label.toctogglelabel {
color: var(--color-link)
}

.mw-body {
background: var(--color-theme)!important;
margin-right: 2%;
border-radius: 20px;
border: none!important;
}

.navigation-tabbar {
background-color: #0E2126;
color: var(--color-link);
margin: 0.5em 0 0 0;
border: 1px solid #0C181B;
}

.tab {
padding:0 10px;
display: inline-block;
}

.tab-active {
background-color: #A2D1D2!important;
color: #FFF!important;
}

MediaWiki:Common.css

2024-11-24T19:41:15Z

Vrana: reverted some changes and adjusted others

/* CSS placed here will be applied to all skins */

/*** GENERAL APPEARANCE ***/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
--font: montserrat;
--color: #f0f8ff;
--color-bg: #0e2126;
--color-bg-darker: #0c181b;
--color-theme: #17373ff7;
--color-link: #26746E;
--img-bg-top:url(https://wiki.beastsofbermuda.com/images/thumb/c/c7/Loading_screen_1_LAND_AND_SKY_sky_edited%282%29.png/2400px-Loading_screen_1_LAND_AND_SKY_sky_edited%282%29.png);
--img-bg-bottom:url(https://wiki.beastsofbermuda.com/images/thumb/4/4e/Loading_screen_2_WATER_DEEP_water_edited%281%29.png/2400px-Loading_screen_2_WATER_DEEP_water_edited%281%29.png);
}

*,
*:before,
*:after {
box-sizing: border-box;
word-break: break-word;
text-wrap: pretty;
transition: all .16s ease;
}

html,
body {
margin: 0;
font: 16px/1.6 var(--font)!important;
text-align: justify;
box-sizing: border-box;
}

body:before, body:after {
content: '';
position: absolute;
height: 100%;
width: 100%;
opacity: .75;
z-index: -1;
}

body:before{background:var(--img-bg-top) bottom / cover no-repeat;}
body:after{background:var(--img-bg-bottom) top / cover no-repeat;}

img {
max-height: 100%;
max-width: 100%;
object-fit: cover;
}

pre {
display: block!important;
font-family: var(--font);
white-space: pre!important;
margin: 1em 0!important;
background-color: #0e2126!important;
color: var(--color)!important;
border-color: #4a7e8b!important;
border-style: dashed!important;
padding: 2px!important;
}

code {
font-family: Consolas,"courier new";
color: var(--color)!important;
border-color: var(--color-link)!important;
border-style: dashed!important;
border-width: 0.5px!important;
padding: 2px!important;
}

a,
u,
li,
ul,
strike {
text-decoration-thickness: 2px;
text-underline-offset: 3px;
color: var(--color);
}

a {
font-weight: bold;
color: var(--color-link)!important;
}
i,
em {
letter-spacing: .5px;
}

h1, h2, h3, h4, h5, h6 {
font-family: var(--font)!important;
font-weight: 600;
color: var(--color)!important;
}

p {
color: var(--color);
}

/*** CSS ***/

@media screen {
h1, h2, h3, h4, h5, h6 {
border-bottom: 3px solid;
}
}

body, #mw-head{
background: var(--color-bg)!important;
}

div#content.mw-body {
margin: 5px 200px 0px 200px;
padding: 18px;
}

/*** TOP ***/

#mw-head {
padding-inline: 20px 3%;
}

#mw-head li {
background: var(--color-bg-darker)!important;
}

#p-personal li {
padding: 5px 5px;
border-radius: 10px;
}

#left-navigation div.vectorTabs li.selected, #right-navigation div.vectorTabs li.selected {
background-image: linear-gradient(var(--color-theme) 0,var(--color-bg-darker) 80%) !important;
}

#left-navigation div.vectorTabs, #right-navigation div.vectorTabs {
border-radius: 20px 20px 0 0;
overflow: hidden;
background: transparent !important;
}

/*** MENU LEFT ***/

div#mw-panel div.portal div.body {
margin: 0 !important;
}

#mw-panel {
padding: 0 !important;
}

#mw-panel ul {
gap: 5px;
display: grid;
}

#mw-panel li {
background: var(--color-bg-darker);
border-radius: 20px;
padding: 10px !important;
}

#mw-navigation div#mw-panel div.portal {
border: none!important;
}

div#mw-panel div.portal h3 {
color: #fff!important;
border-bottom: 2px solid!important;
margin-bottom: 16px!important;
}

@media screen {
#mw-panel .portal .body {
background: transparent;
}
}

/*** MENU BOTTOM ***/

textarea#wpTextbox1.mw-editfont-sans-serif {
font-family: var(--font);
background-color: #0e2126;
color: var(--color);
border-style: none;
}

div.editOptions {
font-family: var(--font);
background-color: #142b31;
color: var(--color);
border-style: none;
}

input#wpSummary.oo-ui-inoutWidget-input {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

span.oo-ui-checkboxInputWidget-checkIcon.oo-ui-widget.oo-ui-widget-enabled.oo-ui-iconElement-icon.oo-ui-icon-check.oo-ui-iconElement.oo-ui-labelElement-invisible.oo-ui-iconWidget.oo-ui-image-invert {
background-color: var(--color-link);
border-style: none;
}

input#wpCaptchaWord.mw-ui-input {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

input#wpSave.oo-ui-inputWidget-input.oo-ui-buttonElement-button {
background-color: #0f7070;
color: var(--color);
border-style: none;
}

input#wpPreview.oo-ui-inputWidget-input.oo-ui-buttonElement-button {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

input#wpDiff.oo-ui-inputWidget-input.oo-ui-buttonElement-button {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

div#catlinks.catlinks {
background-color: #0E2126;
color: var(--color);
border-style: none;
}

li#footer-info-lastmod {
color: var(--color);
font-style: bold;
}

/*** PAGES ***/

div#toc.toc {
margin: 0.5;
width: 150px;
color: var(--color);
border-style: solid;
border-color: var(--color-link);
background-color: #0E2126;
}

div.thumb div.thumbinner{
background-color: transparent;
border-style: none;
}

li::marker {
color: var(--color-link);
}

.tocnumber {
display: none;
}

label.toctogglelabel {
color: var(--color-link)
}

.mw-body {
background: var(--color-theme)!important;
margin-right: 2%;
border-radius: 20px;
border: none!important;
}

.navigation-tabbar {
background-color: #0E2126;
color: var(--color-link);
margin: 0.5em 0 0 0;
border: 1px solid #0C181B;
}

.tab {
padding:0 10px;
display: inline-block;
}

.tab-active {
background-color: #A2D1D2!important;
color: #FFF!important;
}

MediaWiki:Common.css

2024-11-24T19:32:52Z

Vrana: margins + top menu

/* CSS placed here will be applied to all skins */

/*** GENERAL APPEARANCE ***/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
--font: montserrat;
--color: #f0f8ff;
--color-bg: #0e2126;
--color-bg-darker: #0c181b;
--color-theme: #17373ff7;
--color-link: #26746E;
--img-bg-top:url(https://wiki.beastsofbermuda.com/images/thumb/c/c7/Loading_screen_1_LAND_AND_SKY_sky_edited%282%29.png/2400px-Loading_screen_1_LAND_AND_SKY_sky_edited%282%29.png);
--img-bg-bottom:url(https://wiki.beastsofbermuda.com/images/thumb/4/4e/Loading_screen_2_WATER_DEEP_water_edited%281%29.png/2400px-Loading_screen_2_WATER_DEEP_water_edited%281%29.png);
}

*,
*:before,
*:after {
box-sizing: border-box;
word-break: break-word;
text-wrap: pretty;
transition: all .16s ease;
}

html,
body {
margin: 0;
font: 16px/1.6 var(--font)!important;
text-align: justify;
box-sizing: border-box;
}

body:before, body:after {
content: '';
position: absolute;
height: 100%;
width: 100%;
opacity: .75;
z-index: -1;
}

body:before{background:var(--img-bg-top) bottom / cover no-repeat;}
body:after{background:var(--img-bg-bottom) top / cover no-repeat;}

img {
max-height: 100%;
max-width: 100%;
object-fit: cover;
}

pre {
display: block!important;
font-family: var(--font);
white-space: pre!important;
margin: 1em 0!important;
background-color: #0e2126!important;
color: var(--color)!important;
border-color: #4a7e8b!important;
border-style: dashed!important;
padding: 2px!important;
}

code {
font-family: Consolas,"courier new";
color: var(--color)!important;
border-color: var(--color-link)!important;
border-style: dashed!important;
border-width: 0.5px!important;
padding: 2px!important;
}

a,
u,
li,
ul,
strike {
text-decoration-thickness: 2px;
text-underline-offset: 3px;
color: var(--color);
}

a {
font-weight: bold;
color: var(--color-link)!important;
}
i,
em {
letter-spacing: .5px;
}

h1, h2, h3, h4, h5, h6 {
font-family: var(--font)!important;
font-weight: 600;
color: var(--color)!important;
}

p {
color: var(--color);
}

/*** CSS ***/

@media screen {
h1, h2, h3, h4, h5, h6 {
border-bottom: 3px solid;
}
}

body, #mw-head{
background: var(--color-bg)!important;
}

div#content.mw-body {
margin: 5px 200px 0px 200px;
padding: 18px;
}

/*** TOP ***/

#mw-head {
padding-inline: 20px 3%;
}

#mw-head li {
background: var(--color-bg-darker)!important;
}

#p-personal li {
padding: 10px 10px;
border-radius: 10px;
}

#left-navigation div.vectorTabs li.selected, #right-navigation div.vectorTabs li.selected {
background-image: linear-gradient(var(--color-theme) 0,var(--color-bg-darker) 80%) !important;
}

#left-navigation div.vectorTabs, #right-navigation div.vectorTabs {
border-radius: 10px 10px 0 0;
overflow: hidden;
background: transparent !important;
}

div#simpleSearch form#searchform input#searchInput {
background-color: var(--color);
color: #0C181B;
font-family: var(--font);
border-color: #0E2126;
}

div#p-cactions.vectorMenu input.vectorMenuCheckbox h3#p-actions-label #text{
color: var(--color-link);
font-family: var(--font);
}

/*** MENU LEFT ***/

div#mw-panel div.portal div.body {
margin: 0 !important;
}

#mw-panel {
padding: 0 !important;
}

#mw-panel ul {
gap: 5px;
display: grid;
}

#mw-panel li {
background: var(--color-bg-darker);
border-radius: 20px;
padding: 10px !important;
}

#mw-navigation div#mw-panel div.portal {
border: none!important;
}

div#mw-panel div.portal h3 {
color: #fff!important;
border-bottom: 2px solid!important;
margin-bottom: 16px!important;
}

@media screen {
#mw-panel .portal .body {
background: transparent;
}
}

/*** MENU BOTTOM ***/

textarea#wpTextbox1.mw-editfont-sans-serif {
font-family: var(--font);
background-color: #0e2126;
color: var(--color);
border-style: none;
}

div.editOptions {
font-family: var(--font);
background-color: #142b31;
color: var(--color);
border-style: none;
}

input#wpSummary.oo-ui-inoutWidget-input {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

span.oo-ui-checkboxInputWidget-checkIcon.oo-ui-widget.oo-ui-widget-enabled.oo-ui-iconElement-icon.oo-ui-icon-check.oo-ui-iconElement.oo-ui-labelElement-invisible.oo-ui-iconWidget.oo-ui-image-invert {
background-color: var(--color-link);
border-style: none;
}

input#wpCaptchaWord.mw-ui-input {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

input#wpSave.oo-ui-inputWidget-input.oo-ui-buttonElement-button {
background-color: #0f7070;
color: var(--color);
border-style: none;
}

input#wpPreview.oo-ui-inputWidget-input.oo-ui-buttonElement-button {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

input#wpDiff.oo-ui-inputWidget-input.oo-ui-buttonElement-button {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

div#catlinks.catlinks {
background-color: #0E2126;
color: var(--color);
border-style: none;
}

li#footer-info-lastmod {
color: var(--color);
font-style: bold;
}

/*** PAGES ***/

div#toc.toc {
margin: 0.5;
width: 150px;
color: var(--color);
border-style: solid;
border-color: var(--color-link);
background-color: #0E2126;
}

div.thumb div.thumbinner{
background-color: transparent;
border-style: none;
}

li::marker {
color: var(--color-link);
}

.tocnumber {
display: none;
}

label.toctogglelabel {
color: var(--color-link)
}

.mw-body {
background: var(--color-theme)!important;
margin-right: 2%;
border-radius: 20px;
border: none!important;
}

.navigation-tabbar {
background-color: #0E2126;
color: var(--color-link);
margin: 0.5em 0 0 0;
border: 1px solid #0C181B;
}

.tab {
padding:0 10px;
display: inline-block;
}

.tab-active {
background-color: #A2D1D2!important;
color: #FFF!important;
}

MediaWiki:Common.css

2024-11-24T19:25:15Z

Vrana: Adjusted margins

/* CSS placed here will be applied to all skins */

/*** GENERAL APPEARANCE ***/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
--font: montserrat;
--color: #f0f8ff;
--color-bg: #0e2126;
--color-bg-darker: #0c181b;
--color-theme: #17373ff7;
--color-link: #26746E;
--img-bg-top:url(https://wiki.beastsofbermuda.com/images/thumb/c/c7/Loading_screen_1_LAND_AND_SKY_sky_edited%282%29.png/2400px-Loading_screen_1_LAND_AND_SKY_sky_edited%282%29.png);
--img-bg-bottom:url(https://wiki.beastsofbermuda.com/images/thumb/4/4e/Loading_screen_2_WATER_DEEP_water_edited%281%29.png/2400px-Loading_screen_2_WATER_DEEP_water_edited%281%29.png);
}

*,
*:before,
*:after {
box-sizing: border-box;
word-break: break-word;
text-wrap: pretty;
transition: all .16s ease;
}

html,
body {
margin: 0;
font: 16px/1.6 var(--font)!important;
text-align: justify;
box-sizing: border-box;
}

body:before, body:after {
content: '';
position: absolute;
height: 100%;
width: 100%;
opacity: .75;
z-index: -1;
}

body:before{background:var(--img-bg-top) bottom / cover no-repeat;}
body:after{background:var(--img-bg-bottom) top / cover no-repeat;}

img {
max-height: 100%;
max-width: 100%;
object-fit: cover;
}

pre {
display: block!important;
font-family: var(--font);
white-space: pre!important;
margin: 1em 0!important;
background-color: #0e2126!important;
color: var(--color)!important;
border-color: #4a7e8b!important;
border-style: dashed!important;
padding: 2px!important;
}

code {
font-family: Consolas,"courier new";
color: var(--color)!important;
border-color: var(--color-link)!important;
border-style: dashed!important;
border-width: 0.5px!important;
padding: 2px!important;
}

a,
u,
li,
ul,
strike {
text-decoration-thickness: 2px;
text-underline-offset: 3px;
color: var(--color);
}

a {
font-weight: bold;
color: var(--color-link)!important;
}
i,
em {
letter-spacing: .5px;
}

h1, h2, h3, h4, h5, h6 {
font-family: var(--font)!important;
font-weight: 600;
color: var(--color)!important;
}

p {
color: var(--color);
}

/*** CSS ***/

@media screen {
h1, h2, h3, h4, h5, h6 {
border-bottom: 3px solid;
}
}

body, #mw-head{
background: var(--color-bg)!important;
}

div#content.mw-body {
margin: 5px 200px 0px 20px;
padding: 18px;
}

/*** TOP ***/

#mw-head {
padding-inline: 20px 3%;
}

#mw-head li {
background: var(--color-bg-darker)!important;
}

#p-personal li {
padding: 5px 10px;
border-radius: 10px;
}

#left-navigation div.vectorTabs li.selected, #right-navigation div.vectorTabs li.selected {
background-image: linear-gradient(var(--color-theme) 0,var(--color-bg-darker) 80%) !important;
}

#left-navigation div.vectorTabs, #right-navigation div.vectorTabs {
border-radius: 20px 20px 0 0;
overflow: hidden;
background: transparent !important;
}

div#simpleSearch {
background-color: var(--color);
color: #0C181B;
font-family: var(--font);
border-color: #0E2126;
}

div#p-cactions.vectorMenu {
color: var(--color-link);
font-family: var(--font);
}

/*** MENU LEFT ***/

div#mw-panel div.portal div.body {
margin: 0 !important;
}

#mw-panel {
padding: 0 !important;
}

#mw-panel ul {
gap: 5px;
display: grid;
}

#mw-panel li {
background: var(--color-bg-darker);
border-radius: 20px;
padding: 10px !important;
}

#mw-navigation div#mw-panel div.portal {
border: none!important;
}

div#mw-panel div.portal h3 {
color: #fff!important;
border-bottom: 2px solid!important;
margin-bottom: 16px!important;
}

@media screen {
#mw-panel .portal .body {
background: transparent;
}
}

/*** MENU BOTTOM ***/

textarea#wpTextbox1.mw-editfont-sans-serif {
font-family: var(--font);
background-color: #0e2126;
color: var(--color);
border-style: none;
}

div.editOptions {
font-family: var(--font);
background-color: #142b31;
color: var(--color);
border-style: none;
}

input#wpSummary.oo-ui-inoutWidget-input {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

span.oo-ui-checkboxInputWidget-checkIcon.oo-ui-widget.oo-ui-widget-enabled.oo-ui-iconElement-icon.oo-ui-icon-check.oo-ui-iconElement.oo-ui-labelElement-invisible.oo-ui-iconWidget.oo-ui-image-invert {
background-color: var(--color-link);
border-style: none;
}

input#wpCaptchaWord.mw-ui-input {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

input#wpSave.oo-ui-inputWidget-input.oo-ui-buttonElement-button {
background-color: #0f7070;
color: var(--color);
border-style: none;
}

input#wpPreview.oo-ui-inputWidget-input.oo-ui-buttonElement-button {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

input#wpDiff.oo-ui-inputWidget-input.oo-ui-buttonElement-button {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

div#catlinks.catlinks {
background-color: #0E2126;
color: var(--color);
border-style: none;
}

li#footer-info-lastmod {
color: var(--color);
font-style: bold;
}

/*** PAGES ***/

div#toc.toc {
margin: 0.5;
width: 150px;
color: var(--color);
border-style: solid;
border-color: var(--color-link);
background-color: #0E2126;
}

div.thumb div.thumbinner{
background-color: transparent;
border-style: none;
}

li::marker {
color: var(--color-link);
}

.tocnumber {
display: none;
}

label.toctogglelabel {
color: var(--color-link)
}

.mw-body {
background: var(--color-theme)!important;
margin-right: 2%;
border-radius: 20px;
border: none!important;
}

.navigation-tabbar {
background-color: #0E2126;
color: var(--color-link);
margin: 0.5em 0 0 0;
border: 1px solid #0C181B;
}

.tab {
padding:0 10px;
display: inline-block;
}

.tab-active {
background-color: #A2D1D2!important;
color: #FFF!important;
}

MediaWiki:Common.css

2024-11-24T19:19:54Z

Vrana: fixed footer

/* CSS placed here will be applied to all skins */

/*** GENERAL APPEARANCE ***/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
--font: montserrat;
--color: #f0f8ff;
--color-bg: #0e2126;
--color-bg-darker: #0c181b;
--color-theme: #17373ff7;
--color-link: #26746E;
--img-bg-top:url(https://wiki.beastsofbermuda.com/images/thumb/c/c7/Loading_screen_1_LAND_AND_SKY_sky_edited%282%29.png/2400px-Loading_screen_1_LAND_AND_SKY_sky_edited%282%29.png);
--img-bg-bottom:url(https://wiki.beastsofbermuda.com/images/thumb/4/4e/Loading_screen_2_WATER_DEEP_water_edited%281%29.png/2400px-Loading_screen_2_WATER_DEEP_water_edited%281%29.png);
}

*,
*:before,
*:after {
box-sizing: border-box;
word-break: break-word;
text-wrap: pretty;
transition: all .16s ease;
}

html,
body {
margin: 0;
font: 16px/1.6 var(--font)!important;
text-align: justify;
box-sizing: border-box;
}

body:before, body:after {
content: '';
position: absolute;
height: 100%;
width: 100%;
opacity: .75;
z-index: -1;
}

body:before{background:var(--img-bg-top) bottom / cover no-repeat;}
body:after{background:var(--img-bg-bottom) top / cover no-repeat;}

img {
max-height: 100%;
max-width: 100%;
object-fit: cover;
}

pre {
display: block!important;
font-family: var(--font);
white-space: pre!important;
margin: 1em 0!important;
background-color: #0e2126!important;
color: var(--color)!important;
border-color: #4a7e8b!important;
border-style: dashed!important;
padding: 2px!important;
}

code {
font-family: Consolas,"courier new";
color: var(--color)!important;
border-color: var(--color-link)!important;
border-style: dashed!important;
border-width: 0.5px!important;
padding: 2px!important;
}

a,
u,
li,
ul,
strike {
text-decoration-thickness: 2px;
text-underline-offset: 3px;
color: var(--color);
}

a {
font-weight: bold;
color: var(--color-link)!important;
}
i,
em {
letter-spacing: .5px;
}

h1, h2, h3, h4, h5, h6 {
font-family: var(--font)!important;
font-weight: 600;
color: var(--color)!important;
}

p {
color: var(--color);
}

/*** CSS ***/

@media screen {
h1, h2, h3, h4, h5, h6 {
border-bottom: 3px solid;
}
}

body, #mw-head{
background: var(--color-bg)!important;
}

div#content.mw-body {
margin: 5px 20px 0px 600px;
padding: 18px;
}

/*** TOP ***/

#mw-head {
padding-inline: 20px 3%;
}

#mw-head li {
background: var(--color-bg-darker)!important;
}

#p-personal li {
padding: 5px 10px;
border-radius: 10px;
}

#left-navigation div.vectorTabs li.selected, #right-navigation div.vectorTabs li.selected {
background-image: linear-gradient(var(--color-theme) 0,var(--color-bg-darker) 80%) !important;
}

#left-navigation div.vectorTabs, #right-navigation div.vectorTabs {
border-radius: 20px 20px 0 0;
overflow: hidden;
background: transparent !important;
}

div#simpleSearch {
background-color: var(--color);
color: #0C181B;
font-family: var(--font);
border-color: #0E2126;
}

div#p-cactions.vectorMenu {
color: var(--color-link);
font-family: var(--font);
}

/*** MENU LEFT ***/

div#mw-panel div.portal div.body {
margin: 0 !important;
}

#mw-panel {
padding: 0 !important;
}

#mw-panel ul {
gap: 5px;
display: grid;
}

#mw-panel li {
background: var(--color-bg-darker);
border-radius: 20px;
padding: 10px !important;
}

#mw-navigation div#mw-panel div.portal {
border: none!important;
}

div#mw-panel div.portal h3 {
color: #fff!important;
border-bottom: 2px solid!important;
margin-bottom: 16px!important;
}

@media screen {
#mw-panel .portal .body {
background: transparent;
}
}

/*** MENU BOTTOM ***/

textarea#wpTextbox1.mw-editfont-sans-serif {
font-family: var(--font);
background-color: #0e2126;
color: var(--color);
border-style: none;
}

div.editOptions {
font-family: var(--font);
background-color: #142b31;
color: var(--color);
border-style: none;
}

input#wpSummary.oo-ui-inoutWidget-input {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

span.oo-ui-checkboxInputWidget-checkIcon.oo-ui-widget.oo-ui-widget-enabled.oo-ui-iconElement-icon.oo-ui-icon-check.oo-ui-iconElement.oo-ui-labelElement-invisible.oo-ui-iconWidget.oo-ui-image-invert {
background-color: var(--color-link);
border-style: none;
}

input#wpCaptchaWord.mw-ui-input {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

input#wpSave.oo-ui-inputWidget-input.oo-ui-buttonElement-button {
background-color: #0f7070;
color: var(--color);
border-style: none;
}

input#wpPreview.oo-ui-inputWidget-input.oo-ui-buttonElement-button {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

input#wpDiff.oo-ui-inputWidget-input.oo-ui-buttonElement-button {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

div#catlinks.catlinks {
background-color: #0E2126;
color: var(--color);
border-style: none;
}

li#footer-info-lastmod {
color: var(--color);
font-style: bold;
}

/*** PAGES ***/

div#toc.toc {
margin: 0.5;
width: 150px;
color: var(--color);
border-style: solid;
border-color: var(--color-link);
background-color: #0E2126;
}

div.thumb div.thumbinner{
background-color: transparent;
border-style: none;
}

li::marker {
color: var(--color-link);
}

.tocnumber {
display: none;
}

label.toctogglelabel {
color: var(--color-link)
}

.mw-body {
background: var(--color-theme)!important;
margin-right: 2%;
border-radius: 20px;
border: none!important;
}

.navigation-tabbar {
background-color: #0E2126;
color: var(--color-link);
margin: 0.5em 0 0 0;
border: 1px solid #0C181B;
}

.tab {
padding:0 10px;
display: inline-block;
}

.tab-active {
background-color: #A2D1D2!important;
color: #FFF!important;
}

MediaWiki:Common.css

2024-11-24T19:18:26Z

Vrana: more edits to margins

/* CSS placed here will be applied to all skins */

/*** GENERAL APPEARANCE ***/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
--font: montserrat;
--color: #f0f8ff;
--color-bg: #0e2126;
--color-bg-darker: #0c181b;
--color-theme: #17373ff7;
--color-link: #26746E;
--img-bg-top:url(https://wiki.beastsofbermuda.com/images/thumb/c/c7/Loading_screen_1_LAND_AND_SKY_sky_edited%282%29.png/2400px-Loading_screen_1_LAND_AND_SKY_sky_edited%282%29.png);
--img-bg-bottom:url(https://wiki.beastsofbermuda.com/images/thumb/4/4e/Loading_screen_2_WATER_DEEP_water_edited%281%29.png/2400px-Loading_screen_2_WATER_DEEP_water_edited%281%29.png);
}

*,
*:before,
*:after {
box-sizing: border-box;
word-break: break-word;
text-wrap: pretty;
transition: all .16s ease;
}

html,
body {
margin: 0;
font: 16px/1.6 var(--font)!important;
text-align: justify;
box-sizing: border-box;
}

body:before, body:after {
content: '';
position: absolute;
height: 100%;
width: 100%;
opacity: .75;
z-index: -1;
}

body:before{background:var(--img-bg-top) bottom / cover no-repeat;}
body:after{background:var(--img-bg-bottom) top / cover no-repeat;}

img {
max-height: 100%;
max-width: 100%;
object-fit: cover;
}

pre {
display: block!important;
font-family: var(--font);
white-space: pre!important;
margin: 1em 0!important;
background-color: #0e2126!important;
color: var(--color)!important;
border-color: #4a7e8b!important;
border-style: dashed!important;
padding: 2px!important;
}

code {
font-family: Consolas,"courier new";
color: var(--color)!important;
border-color: var(--color-link)!important;
border-style: dashed!important;
border-width: 0.5px!important;
padding: 2px!important;
}

a,
u,
li,
ul,
strike {
text-decoration-thickness: 2px;
text-underline-offset: 3px;
color: var(--color);
}

a {
font-weight: bold;
color: var(--color-link)!important;
}
i,
em {
letter-spacing: .5px;
}

h1, h2, h3, h4, h5, h6 {
font-family: var(--font)!important;
font-weight: 600;
color: var(--color)!important;
}

p {
color: var(--color);
}

/*** CSS ***/

@media screen {
h1, h2, h3, h4, h5, h6 {
border-bottom: 3px solid;
}
}

body, #mw-head{
background: var(--color-bg)!important;
}

div#content.mw-body {
margin: 5px 20px 0px 600px;
padding: 18px;
}

/*** TOP ***/

#mw-head {
padding-inline: 20px 3%;
}

#mw-head li {
background: var(--color-bg-darker)!important;
}

#p-personal li {
padding: 5px 10px;
border-radius: 10px;
}

#left-navigation div.vectorTabs li.selected, #right-navigation div.vectorTabs li.selected {
background-image: linear-gradient(var(--color-theme) 0,var(--color-bg-darker) 80%) !important;
}

#left-navigation div.vectorTabs, #right-navigation div.vectorTabs {
border-radius: 20px 20px 0 0;
overflow: hidden;
background: transparent !important;
}

div#simpleSearch {
background-color: var(--color);
color: #0C181B;
font-family: var(--font);
border-color: #0E2126;
}

div#p-cactions.vectorMenu {
color: var(--color-link);
font-family: var(--font);
}

/*** MENU LEFT ***/

div#mw-panel div.portal div.body {
margin: 0 !important;
}

#mw-panel {
padding: 0 !important;
}

#mw-panel ul {
gap: 5px;
display: grid;
}

#mw-panel li {
background: var(--color-bg-darker);
border-radius: 20px;
padding: 10px !important;
}

#mw-navigation div#mw-panel div.portal {
border: none!important;
}

div#mw-panel div.portal h3 {
color: #fff!important;
border-bottom: 2px solid!important;
margin-bottom: 16px!important;
}

@media screen {
#mw-panel .portal .body {
background: transparent;
}
}

/*** MENU BOTTOM ***/

textarea#wpTextbox1.mw-editfont-sans-serif {
font-family: var(--font);
background-color: #0e2126;
color: var(--color);
border-style: none;
}

div.editOptions {
font-family: var(--font);
background-color: #142b31;
color: var(--color);
border-style: none;
}

input#wpSummary.oo-ui-inoutWidget-input {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

span.oo-ui-checkboxInputWidget-checkIcon.oo-ui-widget.oo-ui-widget-enabled.oo-ui-iconElement-icon.oo-ui-icon-check.oo-ui-iconElement.oo-ui-labelElement-invisible.oo-ui-iconWidget.oo-ui-image-invert {
background-color: var(--color-link);
border-style: none;
}

input#wpCaptchaWord.mw-ui-input {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

input#wpSave.oo-ui-inputWidget-input.oo-ui-buttonElement-button {
background-color: #0f7070;
color: var(--color);
border-style: none;
}

input#wpPreview.oo-ui-inputWidget-input.oo-ui-buttonElement-button {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

input#wpDiff.oo-ui-inputWidget-input.oo-ui-buttonElement-button {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

div#catlinks.catlinks {
background-color: #0E2126;
color: var(--color);
border-style: none;
}

ul#footer-info-lastmod {
color: var(--color);
font-style: bold;
}

/*** PAGES ***/

div#toc.toc {
margin: 0.5;
width: 150px;
color: var(--color);
border-style: solid;
border-color: var(--color-link);
background-color: #0E2126;
}

div.thumb div.thumbinner{
background-color: transparent;
border-style: none;
}

li::marker {
color: var(--color-link);
}

.tocnumber {
display: none;
}

label.toctogglelabel {
color: var(--color-link)
}

.mw-body {
background: var(--color-theme)!important;
margin-right: 2%;
border-radius: 20px;
border: none!important;
}

.navigation-tabbar {
background-color: #0E2126;
color: var(--color-link);
margin: 0.5em 0 0 0;
border: 1px solid #0C181B;
}

.tab {
padding:0 10px;
display: inline-block;
}

.tab-active {
background-color: #A2D1D2!important;
color: #FFF!important;
}

MediaWiki:Common.css

2024-11-24T19:14:40Z

Vrana: adjusted margins and top menu

/* CSS placed here will be applied to all skins */

/*** GENERAL APPEARANCE ***/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
--font: montserrat;
--color: #f0f8ff;
--color-bg: #0e2126;
--color-bg-darker: #0c181b;
--color-theme: #17373ff7;
--color-link: #26746E;
--img-bg-top:url(https://wiki.beastsofbermuda.com/images/thumb/c/c7/Loading_screen_1_LAND_AND_SKY_sky_edited%282%29.png/2400px-Loading_screen_1_LAND_AND_SKY_sky_edited%282%29.png);
--img-bg-bottom:url(https://wiki.beastsofbermuda.com/images/thumb/4/4e/Loading_screen_2_WATER_DEEP_water_edited%281%29.png/2400px-Loading_screen_2_WATER_DEEP_water_edited%281%29.png);
}

*,
*:before,
*:after {
box-sizing: border-box;
word-break: break-word;
text-wrap: pretty;
transition: all .16s ease;
}

html,
body {
margin: 0;
font: 16px/1.6 var(--font)!important;
text-align: justify;
box-sizing: border-box;
}

body:before, body:after {
content: '';
position: absolute;
height: 100%;
width: 100%;
opacity: .75;
z-index: -1;
}

body:before{background:var(--img-bg-top) bottom / cover no-repeat;}
body:after{background:var(--img-bg-bottom) top / cover no-repeat;}

img {
max-height: 100%;
max-width: 100%;
object-fit: cover;
}

pre {
display: block!important;
font-family: var(--font);
white-space: pre!important;
margin: 1em 0!important;
background-color: #0e2126!important;
color: var(--color)!important;
border-color: #4a7e8b!important;
border-style: dashed!important;
padding: 2px!important;
}

code {
font-family: Consolas,"courier new";
color: var(--color)!important;
border-color: var(--color-link)!important;
border-style: dashed!important;
border-width: 0.5px!important;
padding: 2px!important;
}

a,
u,
li,
ul,
strike {
text-decoration-thickness: 2px;
text-underline-offset: 3px;
color: var(--color);
}

a {
font-weight: bold;
color: var(--color-link)!important;
}
i,
em {
letter-spacing: .5px;
}

h1, h2, h3, h4, h5, h6 {
font-family: var(--font)!important;
font-weight: 600;
color: var(--color)!important;
}

p {
color: var(--color);
}

/*** CSS ***/

@media screen {
h1, h2, h3, h4, h5, h6 {
border-bottom: 3px solid;
}
}

body, #mw-head{
background: var(--color-bg)!important;
}

div#content.mw-body {
margin: 1px 20px 0px 200px;
padding: 18px;
}

/*** TOP ***/

#mw-head {
padding-inline: 20px 3%;
}

#mw-head li {
background: var(--color-bg-darker)!important;
}

#p-personal li {
padding: 5px 10px;
border-radius: 10px;
}

#left-navigation div.vectorTabs li.selected, #right-navigation div.vectorTabs li.selected {
background-image: linear-gradient(var(--color-theme) 0,var(--color-bg-darker) 80%) !important;
}

#left-navigation div.vectorTabs, #right-navigation div.vectorTabs {
border-radius: 20px 20px 0 0;
overflow: hidden;
background: transparent !important;
}

div#simpleSearch {
background-color: var(--color);
color: #0C181B;
font-family: var(--font);
border-color: #0E2126;
}

div#p-cactions.vectorMenu {
color: var(--color-link);
font-family: var(--font);
}

/*** MENU LEFT ***/

div#mw-panel div.portal div.body {
margin: 0 !important;
}

#mw-panel {
padding: 0 !important;
}

#mw-panel ul {
gap: 5px;
display: grid;
}

#mw-panel li {
background: var(--color-bg-darker);
border-radius: 20px;
padding: 10px !important;
}

#mw-navigation div#mw-panel div.portal {
border: none!important;
}

div#mw-panel div.portal h3 {
color: #fff!important;
border-bottom: 2px solid!important;
margin-bottom: 16px!important;
}

@media screen {
#mw-panel .portal .body {
background: transparent;
}
}

/*** MENU BOTTOM ***/

textarea#wpTextbox1.mw-editfont-sans-serif {
font-family: var(--font);
background-color: #0e2126;
color: var(--color);
border-style: none;
}

div.editOptions {
font-family: var(--font);
background-color: #142b31;
color: var(--color);
border-style: none;
}

input#wpSummary.oo-ui-inoutWidget-input {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

span.oo-ui-checkboxInputWidget-checkIcon.oo-ui-widget.oo-ui-widget-enabled.oo-ui-iconElement-icon.oo-ui-icon-check.oo-ui-iconElement.oo-ui-labelElement-invisible.oo-ui-iconWidget.oo-ui-image-invert {
background-color: var(--color-link);
border-style: none;
}

input#wpCaptchaWord.mw-ui-input {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

input#wpSave.oo-ui-inputWidget-input.oo-ui-buttonElement-button {
background-color: #0f7070;
color: var(--color);
border-style: none;
}

input#wpPreview.oo-ui-inputWidget-input.oo-ui-buttonElement-button {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

input#wpDiff.oo-ui-inputWidget-input.oo-ui-buttonElement-button {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

div#catlinks.catlinks {
background-color: #0E2126;
color: var(--color);
border-style: none;
}

ul#footer-info-lastmod {
color: var(--color);
font-style: bold;
}

/*** PAGES ***/

div#toc.toc {
margin: 0.5;
width: 150px;
color: var(--color);
border-style: solid;
border-color: var(--color-link);
background-color: #0E2126;
}

div.thumb div.thumbinner{
background-color: transparent;
border-style: none;
}

li::marker {
color: var(--color-link);
}

.tocnumber {
display: none;
}

label.toctogglelabel {
color: var(--color-link)
}

.mw-body {
background: var(--color-theme)!important;
margin-right: 2%;
border-radius: 20px;
border: none!important;
}

.navigation-tabbar {
background-color: #0E2126;
color: var(--color-link);
margin: 0.5em 0 0 0;
border: 1px solid #0C181B;
}

.tab {
padding:0 10px;
display: inline-block;
}

.tab-active {
background-color: #A2D1D2!important;
color: #FFF!important;
}

MediaWiki:Common.css

2024-11-24T19:07:15Z

Vrana: Added footer formatting and tried adjusting margin size of entire wiki

/* CSS placed here will be applied to all skins */

/*** GENERAL APPEARANCE ***/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
--font: montserrat;
--color: #f0f8ff;
--color-bg: #0e2126;
--color-bg-darker: #0c181b;
--color-theme: #17373ff7;
--color-link: #26746E;
--img-bg-top:url(https://wiki.beastsofbermuda.com/images/thumb/c/c7/Loading_screen_1_LAND_AND_SKY_sky_edited%282%29.png/2400px-Loading_screen_1_LAND_AND_SKY_sky_edited%282%29.png);
--img-bg-bottom:url(https://wiki.beastsofbermuda.com/images/thumb/4/4e/Loading_screen_2_WATER_DEEP_water_edited%281%29.png/2400px-Loading_screen_2_WATER_DEEP_water_edited%281%29.png);
}

*,
*:before,
*:after {
box-sizing: border-box;
word-break: break-word;
text-wrap: pretty;
transition: all .16s ease;
}

html,
body {
margin: 0;
font: 16px/1.6 var(--font)!important;
text-align: justify;
box-sizing: border-box;
}

body:before, body:after {
content: '';
position: absolute;
height: 100%;
width: 100%;
opacity: .75;
z-index: -1;
}

body:before{background:var(--img-bg-top) bottom / cover no-repeat;}
body:after{background:var(--img-bg-bottom) top / cover no-repeat;}

img {
max-height: 100%;
max-width: 100%;
object-fit: cover;
}

pre {
display: block!important;
font-family: var(--font);
white-space: pre!important;
margin: 1em 0!important;
background-color: #0e2126!important;
color: var(--color)!important;
border-color: #4a7e8b!important;
border-style: dashed!important;
padding: 2px!important;
}

code {
font-family: Consolas,"courier new";
color: var(--color)!important;
border-color: var(--color-link)!important;
border-style: dashed!important;
border-width: 0.5px!important;
padding: 2px!important;
}

a,
u,
li,
ul,
strike {
text-decoration-thickness: 2px;
text-underline-offset: 3px;
color: var(--color);
}

a {
font-weight: bold;
color: var(--color-link)!important;
}
i,
em {
letter-spacing: .5px;
}

h1, h2, h3, h4, h5, h6 {
font-family: var(--font)!important;
font-weight: 600;
color: var(--color)!important;
}

p {
color: var(--color);
}

/*** CSS ***/

@media screen {
h1, h2, h3, h4, h5, h6 {
border-bottom: 3px solid;
}
}

body, #mw-head{
background: var(--color-bg)!important;
}

div#content.mw-body {
margin: -1px 20px 0px 208px;
padding: 18px;
}

/*** TOP ***/

#mw-head {
padding-inline: 20px 3%;
}

#mw-head li {
background: var(--color-bg-darker)!important;
}

#p-personal li {
padding: 5px 10px;
border-radius: 10px;
}

#left-navigation div.vectorTabs li.selected, #right-navigation div.vectorTabs li.selected {
background-image: linear-gradient(var(--color-theme) 0,var(--color-bg-darker) 80%) !important;
}

#left-navigation div.vectorTabs, #right-navigation div.vectorTabs {
border-radius: 20px 20px 0 0;
overflow: hidden;
background: transparent !important;
}

/*** MENU LEFT ***/

div#mw-panel div.portal div.body {
margin: 0 !important;
}

#mw-panel {
padding: 0 !important;
}

#mw-panel ul {
gap: 5px;
display: grid;
}

#mw-panel li {
background: var(--color-bg-darker);
border-radius: 20px;
padding: 10px !important;
}

#mw-navigation div#mw-panel div.portal {
border: none!important;
}

div#mw-panel div.portal h3 {
color: #fff!important;
border-bottom: 2px solid!important;
margin-bottom: 16px!important;
}

@media screen {
#mw-panel .portal .body {
background: transparent;
}
}

/*** MENU BOTTOM ***/

textarea#wpTextbox1.mw-editfont-sans-serif {
font-family: var(--font);
background-color: #0e2126;
color: var(--color);
border-style: none;
}

div.editOptions {
font-family: var(--font);
background-color: #142b31;
color: var(--color);
border-style: none;
}

input#wpSummary.oo-ui-inoutWidget-input {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

span.oo-ui-checkboxInputWidget-checkIcon.oo-ui-widget.oo-ui-widget-enabled.oo-ui-iconElement-icon.oo-ui-icon-check.oo-ui-iconElement.oo-ui-labelElement-invisible.oo-ui-iconWidget.oo-ui-image-invert {
background-color: var(--color-link);
border-style: none;
}

input#wpCaptchaWord.mw-ui-input {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

input#wpSave.oo-ui-inputWidget-input.oo-ui-buttonElement-button {
background-color: #0f7070;
color: var(--color);
border-style: none;
}

input#wpPreview.oo-ui-inputWidget-input.oo-ui-buttonElement-button {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

input#wpDiff.oo-ui-inputWidget-input.oo-ui-buttonElement-button {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

div#catlinks.catlinks {
background-color: #0E2126;
color: var(--color);
border-style: none;
}

ul#footer-info-lastmod {
color: var(--color);
font-style: bold;
}

/*** PAGES ***/

div#toc.toc {
margin: 0.5;
width: 150px;
color: var(--color);
border-style: solid;
border-color: var(--color-link);
background-color: #0E2126;
}

div.thumb div.thumbinner{
background-color: transparent;
border-style: none;
}

li::marker {
color: var(--color-link);
}

.tocnumber {
display: none;
}

label.toctogglelabel {
color: var(--color-link)
}

.mw-body {
background: var(--color-theme)!important;
margin-right: 2%;
border-radius: 20px;
border: none!important;
}

.navigation-tabbar {
background-color: #0E2126;
color: var(--color-link);
margin: 0.5em 0 0 0;
border: 1px solid #0C181B;
}

.tab {
padding:0 10px;
display: inline-block;
}

.tab-active {
background-color: #A2D1D2!important;
color: #FFF!important;
}

MediaWiki:Common.css

2024-11-24T18:57:57Z

Vrana: Adjusted code border color, to draw the eye more

/* CSS placed here will be applied to all skins */

/*** GENERAL APPEARANCE ***/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
--font: montserrat;
--color: #f0f8ff;
--color-bg: #0e2126;
--color-bg-darker: #0c181b;
--color-theme: #17373ff7;
--color-link: #26746E;
--img-bg-top:url(https://wiki.beastsofbermuda.com/images/thumb/c/c7/Loading_screen_1_LAND_AND_SKY_sky_edited%282%29.png/2400px-Loading_screen_1_LAND_AND_SKY_sky_edited%282%29.png);
--img-bg-bottom:url(https://wiki.beastsofbermuda.com/images/thumb/4/4e/Loading_screen_2_WATER_DEEP_water_edited%281%29.png/2400px-Loading_screen_2_WATER_DEEP_water_edited%281%29.png);
}

*,
*:before,
*:after {
box-sizing: border-box;
word-break: break-word;
text-wrap: pretty;
transition: all .16s ease;
}

html,
body {
margin: 0;
font: 16px/1.6 var(--font)!important;
text-align: justify;
box-sizing: border-box;
}

body:before, body:after {
content: '';
position: absolute;
height: 100%;
width: 100%;
opacity: .75;
z-index: -1;
}

body:before{background:var(--img-bg-top) bottom / cover no-repeat;}
body:after{background:var(--img-bg-bottom) top / cover no-repeat;}

img {
max-height: 100%;
max-width: 100%;
object-fit: cover;
}

pre {
display: block!important;
font-family: var(--font);
white-space: pre!important;
margin: 1em 0!important;
background-color: #0e2126!important;
color: var(--color)!important;
border-color: #4a7e8b!important;
border-style: dashed!important;
padding: 2px!important;
}

code {
font-family: Consolas,"courier new";
color: var(--color)!important;
border-color: var(--color-link)!important;
border-style: dashed!important;
border-width: 0.5px!important;
padding: 2px!important;
}

a,
u,
li,
ul,
strike {
text-decoration-thickness: 2px;
text-underline-offset: 3px;
color: var(--color);
}

a {
font-weight: bold;
color: var(--color-link)!important;
}
i,
em {
letter-spacing: .5px;
}

h1, h2, h3, h4, h5, h6 {
font-family: var(--font)!important;
font-weight: 600;
color: var(--color)!important;
}

p {
color: var(--color);
}

/*** CSS ***/

@media screen {
h1, h2, h3, h4, h5, h6 {
border-bottom: 3px solid;
}
}

body, #mw-head{
background: var(--color-bg)!important;
}

/*** TOP ***/

#mw-head {
padding-inline: 20px 3%;
}

#mw-head li {
background: var(--color-bg-darker)!important;
}

#p-personal li {
padding: 5px 10px;
border-radius: 10px;
}

#left-navigation div.vectorTabs li.selected, #right-navigation div.vectorTabs li.selected {
background-image: linear-gradient(var(--color-theme) 0,var(--color-bg-darker) 80%) !important;
}

#left-navigation div.vectorTabs, #right-navigation div.vectorTabs {
border-radius: 20px 20px 0 0;
overflow: hidden;
background: transparent !important;
}

/*** MENU LEFT ***/

div#mw-panel div.portal div.body {
margin: 0 !important;
}

#mw-panel {
padding: 0 !important;
}

#mw-panel ul {
gap: 5px;
display: grid;
}

#mw-panel li {
background: var(--color-bg-darker);
border-radius: 20px;
padding: 10px !important;
}

#mw-navigation div#mw-panel div.portal {
border: none!important;
}

div#mw-panel div.portal h3 {
color: #fff!important;
border-bottom: 2px solid!important;
margin-bottom: 16px!important;
}

@media screen {
#mw-panel .portal .body {
background: transparent;
}
}

/*** MENU BOTTOM ***/

textarea#wpTextbox1.mw-editfont-sans-serif {
font-family: var(--font);
background-color: #0e2126;
color: var(--color);
border-style: none;
}

div.editOptions {
font-family: var(--font);
background-color: #142b31;
color: var(--color);
border-style: none;
}

input#wpSummary.oo-ui-inoutWidget-input {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

span.oo-ui-checkboxInputWidget-checkIcon.oo-ui-widget.oo-ui-widget-enabled.oo-ui-iconElement-icon.oo-ui-icon-check.oo-ui-iconElement.oo-ui-labelElement-invisible.oo-ui-iconWidget.oo-ui-image-invert {
background-color: var(--color-link);
border-style: none;
}

input#wpCaptchaWord.mw-ui-input {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

input#wpSave.oo-ui-inputWidget-input.oo-ui-buttonElement-button {
background-color: #0f7070;
color: var(--color);
border-style: none;
}

input#wpPreview.oo-ui-inputWidget-input.oo-ui-buttonElement-button {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

input#wpDiff.oo-ui-inputWidget-input.oo-ui-buttonElement-button {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

div#catlinks.catlinks {
background-color: #0E2126;
color: var(--color);
border-style: none;
}

ul#footer-info {
color: var(--color);
font-style: bold;
}

/*** PAGES ***/

div#toc.toc {
margin: 0.5;
width: 150px;
color: var(--color);
border-style: solid;
border-color: var(--color-link);
background-color: #0E2126;
}

div.thumb div.thumbinner{
background-color: transparent;
border-style: none;
}

li::marker {
color: var(--color-link);
}

.tocnumber {
display: none;
}

label.toctogglelabel {
color: var(--color-link)
}

.mw-body {
background: var(--color-theme)!important;
margin-right: 2%;
border-radius: 20px;
border: none!important;
}

.navigation-tabbar {
background-color: #0E2126;
color: var(--color-link);
margin: 0.5em 0 0 0;
border: 1px solid #0C181B;
}

.tab {
padding:0 10px;
display: inline-block;
}

.tab-active {
background-color: #A2D1D2!important;
color: #FFF!important;
}

MediaWiki:Common.css

2024-11-24T18:56:35Z

Vrana: smaller changes

/* CSS placed here will be applied to all skins */

/*** GENERAL APPEARANCE ***/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
--font: montserrat;
--color: #f0f8ff;
--color-bg: #0e2126;
--color-bg-darker: #0c181b;
--color-theme: #17373ff7;
--color-link: #26746E;
--img-bg-top:url(https://wiki.beastsofbermuda.com/images/thumb/c/c7/Loading_screen_1_LAND_AND_SKY_sky_edited%282%29.png/2400px-Loading_screen_1_LAND_AND_SKY_sky_edited%282%29.png);
--img-bg-bottom:url(https://wiki.beastsofbermuda.com/images/thumb/4/4e/Loading_screen_2_WATER_DEEP_water_edited%281%29.png/2400px-Loading_screen_2_WATER_DEEP_water_edited%281%29.png);
}

*,
*:before,
*:after {
box-sizing: border-box;
word-break: break-word;
text-wrap: pretty;
transition: all .16s ease;
}

html,
body {
margin: 0;
font: 16px/1.6 var(--font)!important;
text-align: justify;
box-sizing: border-box;
}

body:before, body:after {
content: '';
position: absolute;
height: 100%;
width: 100%;
opacity: .75;
z-index: -1;
}

body:before{background:var(--img-bg-top) bottom / cover no-repeat;}
body:after{background:var(--img-bg-bottom) top / cover no-repeat;}

img {
max-height: 100%;
max-width: 100%;
object-fit: cover;
}

pre {
display: block!important;
font-family: var(--font);
white-space: pre!important;
margin: 1em 0!important;
background-color: #0e2126!important;
color: var(--color)!important;
border-color: #4a7e8b!important;
border-style: dashed!important;
padding: 2px!important;
}

code {
font-family: Consolas,"courier new";
color: var(--color)!important;
border-color: #0C181B!important;
border-style: dashed!important;
border-width: 0.5px!important;
padding: 2px!important;
}

a,
u,
li,
ul,
strike {
text-decoration-thickness: 2px;
text-underline-offset: 3px;
color: var(--color);
}

a {
font-weight: bold;
color: var(--color-link)!important;
}
i,
em {
letter-spacing: .5px;
}

h1, h2, h3, h4, h5, h6 {
font-family: var(--font)!important;
font-weight: 600;
color: var(--color)!important;
}

p {
color: var(--color);
}

/*** CSS ***/

@media screen {
h1, h2, h3, h4, h5, h6 {
border-bottom: 3px solid;
}
}

body, #mw-head{
background: var(--color-bg)!important;
}

/*** TOP ***/

#mw-head {
padding-inline: 20px 3%;
}

#mw-head li {
background: var(--color-bg-darker)!important;
}

#p-personal li {
padding: 5px 10px;
border-radius: 10px;
}

#left-navigation div.vectorTabs li.selected, #right-navigation div.vectorTabs li.selected {
background-image: linear-gradient(var(--color-theme) 0,var(--color-bg-darker) 80%) !important;
}

#left-navigation div.vectorTabs, #right-navigation div.vectorTabs {
border-radius: 20px 20px 0 0;
overflow: hidden;
background: transparent !important;
}

/*** MENU LEFT ***/

div#mw-panel div.portal div.body {
margin: 0 !important;
}

#mw-panel {
padding: 0 !important;
}

#mw-panel ul {
gap: 5px;
display: grid;
}

#mw-panel li {
background: var(--color-bg-darker);
border-radius: 20px;
padding: 10px !important;
}

#mw-navigation div#mw-panel div.portal {
border: none!important;
}

div#mw-panel div.portal h3 {
color: #fff!important;
border-bottom: 2px solid!important;
margin-bottom: 16px!important;
}

@media screen {
#mw-panel .portal .body {
background: transparent;
}
}

/*** MENU BOTTOM ***/

textarea#wpTextbox1.mw-editfont-sans-serif {
font-family: var(--font);
background-color: #0e2126;
color: var(--color);
border-style: none;
}

div.editOptions {
font-family: var(--font);
background-color: #142b31;
color: var(--color);
border-style: none;
}

input#wpSummary.oo-ui-inoutWidget-input {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

span.oo-ui-checkboxInputWidget-checkIcon.oo-ui-widget.oo-ui-widget-enabled.oo-ui-iconElement-icon.oo-ui-icon-check.oo-ui-iconElement.oo-ui-labelElement-invisible.oo-ui-iconWidget.oo-ui-image-invert {
background-color: var(--color-link);
border-style: none;
}

input#wpCaptchaWord.mw-ui-input {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

input#wpSave.oo-ui-inputWidget-input.oo-ui-buttonElement-button {
background-color: #0f7070;
color: var(--color);
border-style: none;
}

input#wpPreview.oo-ui-inputWidget-input.oo-ui-buttonElement-button {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

input#wpDiff.oo-ui-inputWidget-input.oo-ui-buttonElement-button {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

div#catlinks.catlinks {
background-color: #0E2126;
color: var(--color);
border-style: none;
}

ul#footer-info {
color: var(--color);
font-style: bold;
}

/*** PAGES ***/

div#toc.toc {
margin: 0.5;
width: 150px;
color: var(--color);
border-style: solid;
border-color: var(--color-link);
background-color: #0E2126;
}

div.thumb div.thumbinner{
background-color: transparent;
border-style: none;
}

li::marker {
color: var(--color-link);
}

.tocnumber {
display: none;
}

label.toctogglelabel {
color: var(--color-link)
}

.mw-body {
background: var(--color-theme)!important;
margin-right: 2%;
border-radius: 20px;
border: none!important;
}

.navigation-tabbar {
background-color: #0E2126;
color: var(--color-link);
margin: 0.5em 0 0 0;
border: 1px solid #0C181B;
}

.tab {
padding:0 10px;
display: inline-block;
}

.tab-active {
background-color: #A2D1D2!important;
color: #FFF!important;
}

MediaWiki:Common.css

2024-11-24T18:29:51Z

Vrana: Adjusted link color again and edited div#footer

/* CSS placed here will be applied to all skins */

/*** GENERAL APPEARANCE ***/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
--font: montserrat;
--color: aliceblue;
--color-bg: #0e2126;
--color-bg-darker: #0c181b;
--color-theme: #17373ff7;
--color-link: #26746E;
--img-bg-top:url(https://wiki.beastsofbermuda.com/images/thumb/c/c7/Loading_screen_1_LAND_AND_SKY_sky_edited%282%29.png/2400px-Loading_screen_1_LAND_AND_SKY_sky_edited%282%29.png);
--img-bg-bottom:url(https://wiki.beastsofbermuda.com/images/thumb/4/4e/Loading_screen_2_WATER_DEEP_water_edited%281%29.png/2400px-Loading_screen_2_WATER_DEEP_water_edited%281%29.png);
}

*,
*:before,
*:after {
box-sizing: border-box;
word-break: break-word;
text-wrap: pretty;
transition: all .16s ease;
}

html,
body {
margin: 0;
font: 16px/1.6 var(--font)!important;
text-align: justify;
box-sizing: border-box;
}

body:before, body:after {
content: '';
position: absolute;
height: 100%;
width: 100%;
opacity: .75;
z-index: -1;
}

body:before{background:var(--img-bg-top) bottom / cover no-repeat;}
body:after{background:var(--img-bg-bottom) top / cover no-repeat;}

img {
max-height: 100%;
max-width: 100%;
object-fit: cover;
}

pre {
display: block!important;
font-family: var(--font);
white-space: pre!important;
margin: 1em 0!important;
background-color: #0e2126!important;
color: var(--color)!important;
border-color: #4a7e8b!important;
border-style: dashed!important;
padding: 2px!important;
}

code {
font-family: Consolas,"courier new";
color: var(--color)!important;
border-color: #0C181B!important;
border-style: dashed!important;
border-width: 0.5px!important;
padding: 2px!important;
}

a,
u,
strike {
text-decoration-thickness: 2px;
text-underline-offset: 3px;
color: var(--color);
}

a {
font-weight: bold;
color: var(--color-link)!important;
}
i,
em {
letter-spacing: .5px;
}

h1, h2, h3, h4, h5, h6 {
font-family: var(--font)!important;
font-weight: 600;
color: var(--color)!important;
}

p {
color: var(--color);
}

/*** CSS ***/

@media screen {
h1, h2, h3, h4, h5, h6 {
border-bottom: 3px solid;
}
}

body, #mw-head{
background: var(--color-bg)!important;
}

/*** TOP ***/

#mw-head {
padding-inline: 20px 3%;
}

#mw-head li {
background: var(--color-bg-darker)!important;
}

#p-personal li {
padding: 5px 10px;
border-radius: 10px;
}

#left-navigation div.vectorTabs li.selected, #right-navigation div.vectorTabs li.selected {
background-image: linear-gradient(var(--color-theme) 0,var(--color-bg-darker) 80%) !important;
}

#left-navigation div.vectorTabs, #right-navigation div.vectorTabs {
border-radius: 20px 20px 0 0;
overflow: hidden;
background: transparent !important;
}

/*** MENU LEFT ***/

div#mw-panel div.portal div.body {
margin: 0 !important;
}

#mw-panel {
padding: 0 !important;
}

#mw-panel ul {
gap: 5px;
display: grid;
}

#mw-panel li {
background: var(--color-bg-darker);
border-radius: 20px;
padding: 10px !important;
}

#mw-navigation div#mw-panel div.portal {
border: none!important;
}

div#mw-panel div.portal h3 {
color: #fff!important;
border-bottom: 2px solid!important;
margin-bottom: 16px!important;
}

@media screen {
#mw-panel .portal .body {
background: transparent;
}
}

/*** MENU BOTTOM ***/

textarea#wpTextbox1.mw-editfont-sans-serif {
font-family: var(--font);
background-color: #0e2126;
color: var(--color);
border-style: none;
}

div.editOptions {
font-family: var(--font);
background-color: #142b31;
color: var(--color);
border-style: none;
}

input#wpSummary.oo-ui-inoutWidget-input {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

span.oo-ui-checkboxInputWidget-checkIcon.oo-ui-widget.oo-ui-widget-enabled.oo-ui-iconElement-icon.oo-ui-icon-check.oo-ui-iconElement.oo-ui-labelElement-invisible.oo-ui-iconWidget.oo-ui-image-invert {
background-color: var(--color-link);
border-style: none;
}

input#wpCaptchaWord.mw-ui-input {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

input#wpSave.oo-ui-inputWidget-input.oo-ui-buttonElement-button {
background-color: #0f7070;
color: var(--color);
border-style: none;
}

input#wpPreview.oo-ui-inputWidget-input.oo-ui-buttonElement-button {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

input#wpDiff.oo-ui-inputWidget-input.oo-ui-buttonElement-button {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

div#catlinks.catlinks {
background-color: #0E2126;
color: var(--color);
border-style: none;
}

div#footer {
color: var(--color);
font-style: bold;
}

/*** PAGES ***/

div#toc.toc {
margin: 0.5;
width: 150px;
color: var(--color);
border-style: solid;
border-color: var(--color-link);
background-color: #0E2126;
}

.tocnumber {
display: none;
}

label.toctogglelabel {
color: var(--color-link)
}

.mw-body {
background: var(--color-theme)!important;
margin-right: 2%;
border-radius: 20px;
border: none!important;
}

.navigation-tabbar {
background-color: #0E2126;
color: #A2D1D2;
margin: 0.5em 0 0 0;
border: 1px solid #0C181B;
}

.tab {
padding:0 10px;
display: inline-block;
}

.tab-active {
background-color: #A2D1D2!important;
color: #FFF!important;
}

MediaWiki:Common.css

2024-11-24T18:27:17Z

Vrana: Added !important tag, in hope of fixing title colors

/* CSS placed here will be applied to all skins */

/*** GENERAL APPEARANCE ***/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
--font: montserrat;
--color: aliceblue;
--color-bg: #0e2126;
--color-bg-darker: #0c181b;
--color-theme: #17373ff7;
--color-link: #30a0a0;
--img-bg-top:url(https://wiki.beastsofbermuda.com/images/thumb/c/c7/Loading_screen_1_LAND_AND_SKY_sky_edited%282%29.png/2400px-Loading_screen_1_LAND_AND_SKY_sky_edited%282%29.png);
--img-bg-bottom:url(https://wiki.beastsofbermuda.com/images/thumb/4/4e/Loading_screen_2_WATER_DEEP_water_edited%281%29.png/2400px-Loading_screen_2_WATER_DEEP_water_edited%281%29.png);
}

*,
*:before,
*:after {
box-sizing: border-box;
word-break: break-word;
text-wrap: pretty;
transition: all .16s ease;
}

html,
body {
margin: 0;
font: 16px/1.6 var(--font)!important;
text-align: justify;
box-sizing: border-box;
}

body:before, body:after {
content: '';
position: absolute;
height: 100%;
width: 100%;
opacity: .75;
z-index: -1;
}

body:before{background:var(--img-bg-top) bottom / cover no-repeat;}
body:after{background:var(--img-bg-bottom) top / cover no-repeat;}

img {
max-height: 100%;
max-width: 100%;
object-fit: cover;
}

pre {
display: block!important;
font-family: var(--font);
white-space: pre!important;
margin: 1em 0!important;
background-color: #0e2126!important;
color: var(--color)!important;
border-color: #4a7e8b!important;
border-style: dashed!important;
padding: 2px!important;
}

code {
font-family: Consolas,"courier new";
color: var(--color)!important;
border-color: #0C181B!important;
border-style: dashed!important;
border-width: 0.5px!important;
padding: 2px!important;
}

a,
u,
strike {
text-decoration-thickness: 2px;
text-underline-offset: 3px;
color: var(--color);
}

a {
font-weight: bold;
color: var(--color-link)!important;
}
i,
em {
letter-spacing: .5px;
}

h1, h2, h3, h4, h5, h6 {
font-family: var(--font)!important;
font-weight: 600;
color: var(--color)!important;
}

p {
color: var(--color);
}

/*** CSS ***/

@media screen {
h1, h2, h3, h4, h5, h6 {
border-bottom: 3px solid;
}
}

body, #mw-head{
background: var(--color-bg)!important;
}

/*** TOP ***/

#mw-head {
padding-inline: 20px 3%;
}

#mw-head li {
background: var(--color-bg-darker)!important;
}

#p-personal li {
padding: 5px 10px;
border-radius: 10px;
}

#left-navigation div.vectorTabs li.selected, #right-navigation div.vectorTabs li.selected {
background-image: linear-gradient(var(--color-theme) 0,var(--color-bg-darker) 80%) !important;
}

#left-navigation div.vectorTabs, #right-navigation div.vectorTabs {
border-radius: 20px 20px 0 0;
overflow: hidden;
background: transparent !important;
}

/*** MENU LEFT ***/

div#mw-panel div.portal div.body {
margin: 0 !important;
}

#mw-panel {
padding: 0 !important;
}

#mw-panel ul {
gap: 5px;
display: grid;
}

#mw-panel li {
background: var(--color-bg-darker);
border-radius: 20px;
padding: 10px !important;
}

#mw-navigation div#mw-panel div.portal {
border: none!important;
}

div#mw-panel div.portal h3 {
color: #fff!important;
border-bottom: 2px solid!important;
margin-bottom: 16px!important;
}

@media screen {
#mw-panel .portal .body {
background: transparent;
}
}

/*** MENU BOTTOM ***/

textarea#wpTextbox1.mw-editfont-sans-serif {
font-family: var(--font);
background-color: #0e2126;
color: var(--color);
border-style: none;
}

div.editOptions {
font-family: var(--font);
background-color: #142b31;
color: var(--color);
border-style: none;
}

input#wpSummary.oo-ui-inoutWidget-input {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

span.oo-ui-checkboxInputWidget-checkIcon.oo-ui-widget.oo-ui-widget-enabled.oo-ui-iconElement-icon.oo-ui-icon-check.oo-ui-iconElement.oo-ui-labelElement-invisible.oo-ui-iconWidget.oo-ui-image-invert {
background-color: var(--color-link);
border-style: none;
}

input#wpCaptchaWord.mw-ui-input {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

input#wpSave.oo-ui-inputWidget-input.oo-ui-buttonElement-button {
background-color: #0f7070;
color: var(--color);
border-style: none;
}

input#wpPreview.oo-ui-inputWidget-input.oo-ui-buttonElement-button {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

input#wpDiff.oo-ui-inputWidget-input.oo-ui-buttonElement-button {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

div#catlinks.catlinks {
background-color: #0E2126;
color: var(--color);
border-style: none;
}

/*** PAGES ***/

div#toc.toc {
margin: 0.5;
width: 150px;
color: var(--color);
border-style: solid;
border-color: var(--color-link);
background-color: #0E2126;
}

.tocnumber {
display: none;
}

label.toctogglelabel {
color: var(--color-link)
}

.mw-body {
background: var(--color-theme)!important;
margin-right: 2%;
border-radius: 20px;
border: none!important;
}

.navigation-tabbar {
background-color: #0E2126;
color: #A2D1D2;
margin: 0.5em 0 0 0;
border: 1px solid #0C181B;
}

.tab {
padding:0 10px;
display: inline-block;
}

.tab-active {
background-color: #A2D1D2!important;
color: #FFF!important;
}

MediaWiki:Common.css

2024-11-24T18:24:25Z

Vrana: Made Link color a litte lighter

/* CSS placed here will be applied to all skins */

/*** GENERAL APPEARANCE ***/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
--font: montserrat;
--color: aliceblue;
--color-bg: #0e2126;
--color-bg-darker: #0c181b;
--color-theme: #17373ff7;
--color-link: #30a0a0;
--img-bg-top:url(https://wiki.beastsofbermuda.com/images/thumb/c/c7/Loading_screen_1_LAND_AND_SKY_sky_edited%282%29.png/2400px-Loading_screen_1_LAND_AND_SKY_sky_edited%282%29.png);
--img-bg-bottom:url(https://wiki.beastsofbermuda.com/images/thumb/4/4e/Loading_screen_2_WATER_DEEP_water_edited%281%29.png/2400px-Loading_screen_2_WATER_DEEP_water_edited%281%29.png);
}

*,
*:before,
*:after {
box-sizing: border-box;
word-break: break-word;
text-wrap: pretty;
transition: all .16s ease;
}

html,
body {
margin: 0;
font: 16px/1.6 var(--font)!important;
text-align: justify;
box-sizing: border-box;
}

body:before, body:after {
content: '';
position: absolute;
height: 100%;
width: 100%;
opacity: .75;
z-index: -1;
}

body:before{background:var(--img-bg-top) bottom / cover no-repeat;}
body:after{background:var(--img-bg-bottom) top / cover no-repeat;}

img {
max-height: 100%;
max-width: 100%;
object-fit: cover;
}

pre {
display: block!important;
font-family: var(--font);
white-space: pre!important;
margin: 1em 0!important;
background-color: #0e2126!important;
color: var(--color)!important;
border-color: #4a7e8b!important;
border-style: dashed!important;
padding: 2px!important;
}

code {
font-family: Consolas,"courier new";
color: var(--color)!important;
border-color: #0C181B!important;
border-style: dashed!important;
border-width: 0.5px!important;
padding: 2px!important;
}

a,
u,
strike {
text-decoration-thickness: 2px;
text-underline-offset: 3px;
}

a {
font-weight: bold;
color: var(--color-link)!important;
}
i,
em {
letter-spacing: .5px;
}

h1, h2, h3, h4, h5, h6 {
font-family: var(--font) !important;
font-weight: 600;
color: var(--color);
}

p {
color: var(--color);
}

/*** CSS ***/

@media screen {
h1, h2, h3, h4, h5, h6 {
border-bottom: 3px solid;
}
}

body, #mw-head{
background: var(--color-bg)!important;
}

/*** TOP ***/

#mw-head {
padding-inline: 20px 3%;
}

#mw-head li {
background: var(--color-bg-darker)!important;
}

#p-personal li {
padding: 5px 10px;
border-radius: 10px;
}

#left-navigation div.vectorTabs li.selected, #right-navigation div.vectorTabs li.selected {
background-image: linear-gradient(var(--color-theme) 0,var(--color-bg-darker) 80%) !important;
}

#left-navigation div.vectorTabs, #right-navigation div.vectorTabs {
border-radius: 20px 20px 0 0;
overflow: hidden;
background: transparent !important;
}

/*** MENU LEFT ***/

div#mw-panel div.portal div.body {
margin: 0 !important;
}

#mw-panel {
padding: 0 !important;
}

#mw-panel ul {
gap: 5px;
display: grid;
}

#mw-panel li {
background: var(--color-bg-darker);
border-radius: 20px;
padding: 10px !important;
}

#mw-navigation div#mw-panel div.portal {
border: none!important;
}

div#mw-panel div.portal h3 {
color: #fff!important;
border-bottom: 2px solid!important;
margin-bottom: 16px!important;
}

@media screen {
#mw-panel .portal .body {
background: transparent;
}
}

/*** MENU BOTTOM ***/

textarea#wpTextbox1.mw-editfont-sans-serif {
font-family: var(--font);
background-color: #0e2126;
color: var(--color);
border-style: none;
}

div.editOptions {
font-family: var(--font);
background-color: #142b31;
color: var(--color);
border-style: none;
}

input#wpSummary.oo-ui-inoutWidget-input {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

span.oo-ui-checkboxInputWidget-checkIcon.oo-ui-widget.oo-ui-widget-enabled.oo-ui-iconElement-icon.oo-ui-icon-check.oo-ui-iconElement.oo-ui-labelElement-invisible.oo-ui-iconWidget.oo-ui-image-invert {
background-color: var(--color-link);
border-style: none;
}

input#wpCaptchaWord.mw-ui-input {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

input#wpSave.oo-ui-inputWidget-input.oo-ui-buttonElement-button {
background-color: #0f7070;
color: var(--color);
border-style: none;
}

input#wpPreview.oo-ui-inputWidget-input.oo-ui-buttonElement-button {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

input#wpDiff.oo-ui-inputWidget-input.oo-ui-buttonElement-button {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

div#catlinks.catlinks {
background-color: #0E2126;
color: var(--color);
border-style: none;
}

/*** PAGES ***/

div#toc.toc {
margin: 0.5;
width: 150px;
color: var(--color);
border-style: solid;
border-color: var(--color-link);
background-color: #0E2126;
}

.tocnumber {
display: none;
}

label.toctogglelabel {
color: var(--color-link)
}

.mw-body {
background: var(--color-theme)!important;
margin-right: 2%;
border-radius: 20px;
border: none!important;
}

.navigation-tabbar {
background-color: #0E2126;
color: #A2D1D2;
margin: 0.5em 0 0 0;
border: 1px solid #0C181B;
}

.tab {
padding:0 10px;
display: inline-block;
}

.tab-active {
background-color: #A2D1D2!important;
color: #FFF!important;
}

MediaWiki:Common.css

2024-11-24T18:17:57Z

Vrana: Fixed Link Color

/* CSS placed here will be applied to all skins */

/*** GENERAL APPEARANCE ***/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
--font: montserrat;
--color: aliceblue;
--color-bg: #0e2126;
--color-bg-darker: #0c181b;
--color-theme: #17373ff7;
--color-link: #0f7070;
--img-bg-top:url(https://wiki.beastsofbermuda.com/images/thumb/c/c7/Loading_screen_1_LAND_AND_SKY_sky_edited%282%29.png/2400px-Loading_screen_1_LAND_AND_SKY_sky_edited%282%29.png);
--img-bg-bottom:url(https://wiki.beastsofbermuda.com/images/thumb/4/4e/Loading_screen_2_WATER_DEEP_water_edited%281%29.png/2400px-Loading_screen_2_WATER_DEEP_water_edited%281%29.png);
}

*,
*:before,
*:after {
box-sizing: border-box;
word-break: break-word;
text-wrap: pretty;
transition: all .16s ease;
}

html,
body {
margin: 0;
font: 16px/1.6 var(--font)!important;
text-align: justify;
box-sizing: border-box;
}

body:before, body:after {
content: '';
position: absolute;
height: 100%;
width: 100%;
opacity: .75;
z-index: -1;
}

body:before{background:var(--img-bg-top) bottom / cover no-repeat;}
body:after{background:var(--img-bg-bottom) top / cover no-repeat;}

img {
max-height: 100%;
max-width: 100%;
object-fit: cover;
}

pre {
display: block!important;
font-family: var(--font);
white-space: pre!important;
margin: 1em 0!important;
background-color: #0e2126!important;
color: var(--color)!important;
border-color: #4a7e8b!important;
border-style: dashed!important;
padding: 2px!important;
}

code {
font-family: Consolas,"courier new";
color: var(--color)!important;
border-color: #0C181B!important;
border-style: dashed!important;
border-width: 0.5px!important;
padding: 2px!important;
}

a,
u,
strike {
text-decoration-thickness: 2px;
text-underline-offset: 3px;
}

a {
font-weight: bold;
color: var(--color-link)!important;
}
i,
em {
letter-spacing: .5px;
}

h1, h2, h3, h4, h5, h6 {
font-family: var(--font) !important;
font-weight: 600;
color: var(--color);
}

p {
color: var(--color);
}

/*** CSS ***/

@media screen {
h1, h2, h3, h4, h5, h6 {
border-bottom: 3px solid;
}
}

body, #mw-head{
background: var(--color-bg)!important;
}

/*** TOP ***/

#mw-head {
padding-inline: 20px 3%;
}

#mw-head li {
background: var(--color-bg-darker)!important;
}

#p-personal li {
padding: 5px 10px;
border-radius: 10px;
}

#left-navigation div.vectorTabs li.selected, #right-navigation div.vectorTabs li.selected {
background-image: linear-gradient(var(--color-theme) 0,var(--color-bg-darker) 80%) !important;
}

#left-navigation div.vectorTabs, #right-navigation div.vectorTabs {
border-radius: 20px 20px 0 0;
overflow: hidden;
background: transparent !important;
}

/*** MENU LEFT ***/

div#mw-panel div.portal div.body {
margin: 0 !important;
}

#mw-panel {
padding: 0 !important;
}

#mw-panel ul {
gap: 5px;
display: grid;
}

#mw-panel li {
background: var(--color-bg-darker);
border-radius: 20px;
padding: 10px !important;
}

#mw-navigation div#mw-panel div.portal {
border: none!important;
}

div#mw-panel div.portal h3 {
color: #fff!important;
border-bottom: 2px solid!important;
margin-bottom: 16px!important;
}

@media screen {
#mw-panel .portal .body {
background: transparent;
}
}

/*** MENU BOTTOM ***/

textarea#wpTextbox1.mw-editfont-sans-serif {
font-family: var(--font);
background-color: #0e2126;
color: var(--color);
border-style: none;
}

div.editOptions {
font-family: var(--font);
background-color: #142b31;
color: var(--color);
border-style: none;
}

input#wpSummary.oo-ui-inoutWidget-input {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

span.oo-ui-checkboxInputWidget-checkIcon.oo-ui-widget.oo-ui-widget-enabled.oo-ui-iconElement-icon.oo-ui-icon-check.oo-ui-iconElement.oo-ui-labelElement-invisible.oo-ui-iconWidget.oo-ui-image-invert {
background-color: var(--color-link);
border-style: none;
}

input#wpCaptchaWord.mw-ui-input {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

input#wpSave.oo-ui-inputWidget-input.oo-ui-buttonElement-button {
background-color: #0f7070;
color: var(--color);
border-style: none;
}

input#wpPreview.oo-ui-inputWidget-input.oo-ui-buttonElement-button {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

input#wpDiff.oo-ui-inputWidget-input.oo-ui-buttonElement-button {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

div#catlinks.catlinks {
background-color: #0E2126;
color: var(--color);
border-style: none;
}

/*** PAGES ***/

div#toc.toc {
margin: 0.5;
width: 150px;
color: var(--color);
border-style: solid;
border-color: var(--color-link);
background-color: #0E2126;
}

.tocnumber {
display: none;
}

label.toctogglelabel {
color: var(--color-link)
}

.mw-body {
background: var(--color-theme)!important;
margin-right: 2%;
border-radius: 20px;
border: none!important;
}

.navigation-tabbar {
background-color: #0E2126;
color: #A2D1D2;
margin: 0.5em 0 0 0;
border: 1px solid #0C181B;
}

.tab {
padding:0 10px;
display: inline-block;
}

.tab-active {
background-color: #A2D1D2!important;
color: #FFF!important;
}

MediaWiki:Common.css

2024-11-24T18:07:38Z

Vrana: tweaked borders and link color

/* CSS placed here will be applied to all skins */

/*** GENERAL APPEARANCE ***/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
--font: montserrat;
--color: aliceblue;
--color-bg: #0e2126;
--color-bg-darker: #0c181b;
--color-theme: #17373ff7;
--color-link: var(--color-link);
--img-bg-top:url(https://wiki.beastsofbermuda.com/images/thumb/c/c7/Loading_screen_1_LAND_AND_SKY_sky_edited%282%29.png/2400px-Loading_screen_1_LAND_AND_SKY_sky_edited%282%29.png);
--img-bg-bottom:url(https://wiki.beastsofbermuda.com/images/thumb/4/4e/Loading_screen_2_WATER_DEEP_water_edited%281%29.png/2400px-Loading_screen_2_WATER_DEEP_water_edited%281%29.png);
}

*,
*:before,
*:after {
box-sizing: border-box;
word-break: break-word;
text-wrap: pretty;
transition: all .16s ease;
}

html,
body {
margin: 0;
font: 16px/1.6 var(--font)!important;
text-align: justify;
box-sizing: border-box;
}

body:before, body:after {
content: '';
position: absolute;
height: 100%;
width: 100%;
opacity: .75;
z-index: -1;
}

body:before{background:var(--img-bg-top) bottom / cover no-repeat;}
body:after{background:var(--img-bg-bottom) top / cover no-repeat;}

img {
max-height: 100%;
max-width: 100%;
object-fit: cover;
}

pre {
display: block!important;
font-family: var(--font);
white-space: pre!important;
margin: 1em 0!important;
background-color: #0e2126!important;
color: var(--color)!important;
border-color: #4a7e8b!important;
border-style: dashed!important;
padding: 2px!important;
}

code {
font-family: Consolas,"courier new";
color: var(--color)!important;
border-color: #0C181B!important;
border-style: dashed!important;
border-width: 0.5px!important;
padding: 2px!important;
}

a,
u,
strike {
text-decoration-thickness: 2px;
text-underline-offset: 3px;
}

a {
font-weight: bold;
color: var(--color-link)!important;
}
i,
em {
letter-spacing: .5px;
}

h1, h2, h3, h4, h5, h6 {
font-family: var(--font) !important;
font-weight: 600;
color: var(--color);
}

p {
color: var(--color);
}

/*** CSS ***/

@media screen {
h1, h2, h3, h4, h5, h6 {
border-bottom: 3px solid;
}
}

body, #mw-head{
background: var(--color-bg)!important;
}

/*** TOP ***/

#mw-head {
padding-inline: 20px 3%;
}

#mw-head li {
background: var(--color-bg-darker)!important;
}

#p-personal li {
padding: 5px 10px;
border-radius: 10px;
}

#left-navigation div.vectorTabs li.selected, #right-navigation div.vectorTabs li.selected {
background-image: linear-gradient(var(--color-theme) 0,var(--color-bg-darker) 80%) !important;
}

#left-navigation div.vectorTabs, #right-navigation div.vectorTabs {
border-radius: 20px 20px 0 0;
overflow: hidden;
background: transparent !important;
}

/*** MENU LEFT ***/

div#mw-panel div.portal div.body {
margin: 0 !important;
}

#mw-panel {
padding: 0 !important;
}

#mw-panel ul {
gap: 5px;
display: grid;
}

#mw-panel li {
background: var(--color-bg-darker);
border-radius: 20px;
padding: 10px !important;
}

#mw-navigation div#mw-panel div.portal {
border: none!important;
}

div#mw-panel div.portal h3 {
color: #fff!important;
border-bottom: 2px solid!important;
margin-bottom: 16px!important;
}

@media screen {
#mw-panel .portal .body {
background: transparent;
}
}

/*** MENU BOTTOM ***/

textarea#wpTextbox1.mw-editfont-sans-serif {
font-family: var(--font);
background-color: #0e2126;
color: var(--color);
border-style: none;
}

div.editOptions {
font-family: var(--font);
background-color: #142b31;
color: var(--color);
border-style: none;
}

input#wpSummary.oo-ui-inoutWidget-input {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

span.oo-ui-checkboxInputWidget-checkIcon.oo-ui-widget.oo-ui-widget-enabled.oo-ui-iconElement-icon.oo-ui-icon-check.oo-ui-iconElement.oo-ui-labelElement-invisible.oo-ui-iconWidget.oo-ui-image-invert {
background-color: var(--color-link);
border-style: none;
}

input#wpCaptchaWord.mw-ui-input {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

input#wpSave.oo-ui-inputWidget-input.oo-ui-buttonElement-button {
background-color: #0f7070;
color: var(--color);
border-style: none;
}

input#wpPreview.oo-ui-inputWidget-input.oo-ui-buttonElement-button {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

input#wpDiff.oo-ui-inputWidget-input.oo-ui-buttonElement-button {
background-color: var(--color);
color: #0C181B;
border-style: none;
}

div#catlinks.catlinks {
background-color: #0E2126;
color: var(--color);
border-style: none;
}

/*** PAGES ***/

div#toc.tov {
margin: 0.5;
width: 150px;
color: var(--color);
border-style: solid;
border-color: var(--color-link);
background-color: #0E2126;
}

.tocnumber {
display: none;
}

label.toctogglelabel {
color: var(--color-link)
}

.mw-body {
background: var(--color-theme)!important;
margin-right: 2%;
border-radius: 20px;
border: none!important;
}

.navigation-tabbar {
background-color: #0E2126;
color: #A2D1D2;
margin: 0.5em 0 0 0;
border: 1px solid #0C181B;
}

.tab {
padding:0 10px;
display: inline-block;
}

.tab-active {
background-color: #A2D1D2!important;
color: #FFF!important;
}

MediaWiki:Common.css

2024-11-24T17:50:04Z

Vrana: Adjusted Text Editor

/* CSS placed here will be applied to all skins */

/*** GENERAL APPEARANCE ***/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
--font: montserrat;
--color-bg: #0e2126;
--color-bg-darker: #0c181b;
--color-theme: #17373ff7;
--color-link: #4a7e8b;
--img-bg-top:url(https://wiki.beastsofbermuda.com/images/thumb/c/c7/Loading_screen_1_LAND_AND_SKY_sky_edited%282%29.png/2400px-Loading_screen_1_LAND_AND_SKY_sky_edited%282%29.png);
--img-bg-bottom:url(https://wiki.beastsofbermuda.com/images/thumb/4/4e/Loading_screen_2_WATER_DEEP_water_edited%281%29.png/2400px-Loading_screen_2_WATER_DEEP_water_edited%281%29.png);
}

*,
*:before,
*:after {
box-sizing: border-box;
word-break: break-word;
text-wrap: pretty;
transition: all .16s ease;
}

html,
body {
margin: 0;
font: 16px/1.6 var(--font)!important;
text-align: justify;
box-sizing: border-box;
}

body:before, body:after {
content: '';
position: absolute;
height: 100%;
width: 100%;
opacity: .75;
z-index: -1;
}

body:before{background:var(--img-bg-top) bottom / cover no-repeat;}
body:after{background:var(--img-bg-bottom) top / cover no-repeat;}

img {
max-height: 100%;
max-width: 100%;
object-fit: cover;
}

pre {
display: block!important;
font-family: var(--font);
white-space: pre!important;
margin: 1em 0!important;
background-color: #0e2126!important;
color: aliceblue!important;
border-color: #4a7e8b!important;
border-style: dashed!important;
padding: 2px!important;
}

code {
font-family: Consolas,"courier new";
color: aliceblue!important;
border-color: #0C181B!important;
border-style: dashed!important;
border-width: 0.5px!important;
padding: 2px!important;
}

a,
u,
strike {
text-decoration-thickness: 2px;
text-underline-offset: 3px;
}

a {
font-weight: bold;
color: var(--color-link)!important;
}
i,
em {
letter-spacing: .5px;
}

h1, h2, h3, h4, h5, h6 {
font-family: var(--font) !important;
font-weight: 600;
}

p {
color: aliceblue;
}

/*** CSS ***/

@media screen {
h1, h2, h3, h4, h5, h6 {
border-bottom: 3px solid;
}
}

body, #mw-head{
background: var(--color-bg)!important;
}

.toc, #toc {
margin: 0;
width: 200px;
color: var(--color-link);
border-style: solid;
border-color: var(--color-link);
background-color: #1a2e33;
}

div#toc.toc {
background-color: #1a2e33;
}

/*** TOP ***/

#mw-head {
padding-inline: 20px 3%;
}

#mw-head li {
background: var(--color-bg-darker)!important;
}

#p-personal li {
padding: 5px 10px;
border-radius: 10px;
}

#left-navigation div.vectorTabs li.selected, #right-navigation div.vectorTabs li.selected {
background-image: linear-gradient(var(--color-theme) 0,var(--color-bg-darker) 80%) !important;
}

#left-navigation div.vectorTabs, #right-navigation div.vectorTabs {
border-radius: 20px 20px 0 0;
overflow: hidden;
background: transparent !important;
}

/*** MENU LEFT ***/

div#mw-panel div.portal div.body {
margin: 0 !important;
}

#mw-panel {
padding: 0 !important;
}

#mw-panel ul {
gap: 5px;
display: grid;
}

#mw-panel li {
background: var(--color-bg-darker);
border-radius: 20px;
padding: 10px !important;
}

#mw-navigation div#mw-panel div.portal {
border: none!important;
}

div#mw-panel div.portal h3 {
color: #fff!important;
border-bottom: 2px solid!important;
margin-bottom: 16px!important;
}

@media screen {
#mw-panel .portal .body {
background: transparent;
}
}

/*** MENU BOTTOM ***/

textarea#wpTextbox1.mw-editfont-sans-serif {
font-family: var(--font);
background-color: #0e2126;
color: aliceblue;
border-style: none;
}

div.editOptions {
font-family: var(--font);
background-color: #142b31;
color: aliceblue;
border-style: none;
}

input#wpSummary.oo-ui-inoutWidget-input {
background-color: aliceblue;
color: #0C181B;
border-style: none;
}

span.oo-ui-checkboxInputWidget-checkIcon.oo-ui-widget.oo-ui-widget-enabled.oo-ui-iconElement-icon.oo-ui-icon-check.oo-ui-iconElement.oo-ui-labelElement-invisible.oo-ui-iconWidget.oo-ui-image-invert {
background-color: #0f7070;
}

input#wpCaptchaWord.mw-ui-input {
background-color: aliceblue;
color: #0C181B;
border-style: none;
}

input#wpSave.oo-ui-inputWidget-input.oo-ui-buttonElement-button {
background-color: #0f7070;
color: aliceblue;
border-style: none;
}

input#wpPreview.oo-ui-inputWidget-input.oo-ui-buttonElement-button {
background-color: aliceblue;
color: #0C181B;
border-style: none;
}

input#wpDiff.oo-ui-inputWidget-input.oo-ui-buttonElement-button {
background-color: aliceblue;
color: #0C181B;
border-style: none;
}

div#catlinks.catlinks {
background-color: #0E2126;
color: aliceblue;
border-style: none;
}

/*** PAGES ***/

.tocnumber {
display: none;
}

.mw-body {
background: var(--color-theme)!important;
margin-right: 2%;
border-radius: 20px;
border: none!important;
}

.navigation-tabbar {
background-color: #0E2126;
color: #A2D1D2;
margin: 0.5em 0 0 0;
border: 1px solid #0C181B;
}

.tab {
padding:0 10px;
display: inline-block;
}

.tab-active {
background-color: #A2D1D2!important;
color: #FFF!important;
}

MediaWiki:Common.css

2024-11-24T17:36:19Z

Vrana: Edited Text Editor and TOC

/* CSS placed here will be applied to all skins */

/*** GENERAL APPEARANCE ***/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
--font: montserrat;
--color-bg: #0e2126;
--color-bg-darker: #0c181b;
--color-theme: #17373ff7;
--color-link: #4a7e8b;
--img-bg-top:url(https://wiki.beastsofbermuda.com/images/thumb/c/c7/Loading_screen_1_LAND_AND_SKY_sky_edited%282%29.png/2400px-Loading_screen_1_LAND_AND_SKY_sky_edited%282%29.png);
--img-bg-bottom:url(https://wiki.beastsofbermuda.com/images/thumb/4/4e/Loading_screen_2_WATER_DEEP_water_edited%281%29.png/2400px-Loading_screen_2_WATER_DEEP_water_edited%281%29.png);
}

*,
*:before,
*:after {
box-sizing: border-box;
word-break: break-word;
text-wrap: pretty;
transition: all .16s ease;
}

html,
body {
margin: 0;
font: 16px/1.6 var(--font)!important;
text-align: justify;
box-sizing: border-box;
}

body:before, body:after {
content: '';
position: absolute;
height: 100%;
width: 100%;
opacity: .75;
z-index: -1;
}

body:before{background:var(--img-bg-top) bottom / cover no-repeat;}
body:after{background:var(--img-bg-bottom) top / cover no-repeat;}

img {
max-height: 100%;
max-width: 100%;
object-fit: cover;
}

pre {
display: block!important;
font-family: var(--font);
white-space: pre!important;
margin: 1em 0!important;
background-color: #0e2126!important;
color: aliceblue!important;
border-color: #4a7e8b!important;
border-style: dashed!important;
padding: 2px!important;
}

code {
font-family: Consolas,"courier new";
color: aliceblue!important;
border-color: #0C181B!important;
border-style: dashed!important;
border-width: 0.5px!important;
padding: 2px!important;
}

a,
u,
strike {
text-decoration-thickness: 2px;
text-underline-offset: 3px;
}

a {
font-weight: bold;
color: var(--color-link)!important;
}
i,
em {
letter-spacing: .5px;
}

h1, h2, h3, h4, h5, h6 {
font-family: var(--font) !important;
font-weight: 600;
}

p {
color: aliceblue;
}

/*** CSS ***/

@media screen {
h1, h2, h3, h4, h5, h6 {
border-bottom: 3px solid;
}
}

body, #mw-head{
background: var(--color-bg)!important;
}

.toc, #toc {
margin: 0;
width: 200px;
color: var(--color-link);
border-style: solid;
border-color: var(--color-link);
background-color: #1a2e33;
}

/*** TOP ***/

#mw-head {
padding-inline: 20px 3%;
}

#mw-head li {
background: var(--color-bg-darker)!important;
}

#p-personal li {
padding: 5px 10px;
border-radius: 10px;
}

#left-navigation div.vectorTabs li.selected, #right-navigation div.vectorTabs li.selected {
background-image: linear-gradient(var(--color-theme) 0,var(--color-bg-darker) 80%) !important;
}

#left-navigation div.vectorTabs, #right-navigation div.vectorTabs {
border-radius: 20px 20px 0 0;
overflow: hidden;
background: transparent !important;
}

/*** MENU LEFT ***/

div#mw-panel div.portal div.body {
margin: 0 !important;
}

#mw-panel {
padding: 0 !important;
}

#mw-panel ul {
gap: 5px;
display: grid;
}

#mw-panel li {
background: var(--color-bg-darker);
border-radius: 20px;
padding: 10px !important;
}

#mw-navigation div#mw-panel div.portal {
border: none!important;
}

div#mw-panel div.portal h3 {
color: #fff!important;
border-bottom: 2px solid!important;
margin-bottom: 16px!important;
}

@media screen {
#mw-panel .portal .body {
background: transparent;
}
}

/*** MENU BOTTOM ***/

textarea#wpTextbox1.mw-editfont-sans-serif {
font-family: var(--font);
background-color: #0e2126;
color: aliceblue;
}

div.editOptions {
font-family: var(--font);
background-color: #4a7e8b;
color: aliceblue;
border: none;
}

input#wpWatchthis.oo-ui-inoutWidget-input {
background-color: #0f7070;
}

input#wpCaptchaWord.mw-ui-input {
background-color: aliceblue;
color: #0C181B;
border-style: none;
}

input#wpSave.oo-ui-inputWidget-input.oo-ui-buttonElement-button {
background-color: #0f7070;
color: aliceblue;
}

input#wpPreview.oo-ui-inputWidget-input.oo-ui-buttonElement-button {
background-color: aliceblue;
color: #0C181B;
}

input#wpDiff.oo-ui-inputWidget-input.oo-ui-buttonElement-button {
background-color: aliceblue;
color: #0C181B;
}

div#mv-normal-catlinks.mv-normal-catlinks {
background-color: #0E2126;
color: aliceblue;
border-style: none;
}

/*** PAGES ***/

.tocnumber {
display: none;
}

.mw-body {
background: var(--color-theme)!important;
margin-right: 2%;
border-radius: 20px;
border: none!important;
}

.navigation-tabbar {
background-color: #0E2126;
color: #A2D1D2;
margin: 0.5em 0 0 0;
border: 1px solid #0C181B;
}

.tab {
padding:0 10px;
display: inline-block;
}

.tab-active {
background-color: #A2D1D2!important;
color: #FFF!important;
}

MediaWiki:Common.css

2024-11-24T17:19:36Z

Vrana: Fixed TOC and tried editing Text Editor.

MediaWiki:Common.css

2024-11-24T16:57:56Z

Vrana: Removed .toc*

MediaWiki:Common.css

2024-11-24T16:49:58Z

Vrana: removed toc background color and set code border-width to !important

MediaWiki:Common.css

2024-11-24T16:40:55Z

Vrana: Adjusted Code border width and toc background color.

MediaWiki:Common.css

2024-11-24T16:31:05Z

Vrana: Trying to fix toc number 838

Template:Icon

2024-11-24T16:29:29Z

Vrana: Added <span> class after-icon, in hopes of fixing icon formating issue. It will not show up after text.

<noinclude>
==Description==
A Template used to insert Icons and Images in an easy way.

==Usage==
The default size is <code>x40px</code> meaning the icon is scaled until the '''height''' is 40 px. <br>
It's usually important to limit the height since the icons are used inline, and a very high inline image makes for an unpleasant text layout.
<br><br>
Syntax:
<code><nowiki>
{{icon | Nesting_MAINPAGE.png }}
</nowiki></code>

Result: {{icon | Nesting_MAINPAGE.png }}

==Changing Size==
An alternative value for the height can also be provided.
<br> There can however be no space between the pipebar <code>|</code> and the size.
<br><br>
Syntax:
<code><nowiki>
{{icon | Nesting_MAINPAGE.png |30 }}
</nowiki></code>

Result: {{icon | Nesting_MAINPAGE.png |30 }}
----
<br>
Syntax:
<code><nowiki>
{{icon | Nesting_MAINPAGE.png |50 }}
</nowiki></code>

Result: {{icon | Nesting_MAINPAGE.png |50 }}

==Changing Height and Weight seperatly==
Alternatively you can use the named parameters <code>w</code> and <code>h</code>. <br>
Note that these are max values so the more limiting one applies. <br>
In the following example, the height value is essentially ignored because the original image is a square so the width becomes the limiting factor.
<br>(Were the original image 200 by 500, the result would be 20 by 50.)
<br><br>
Syntax:
<code><nowiki>
{{icon | Nesting_MAINPAGE.png | w = 20 | h = 50 }}
</nowiki></code>

Result: {{icon | Nesting_MAINPAGE.png | w = 20 | h = 50 }}

==Linking Page==
You can also provide a link.
<br><br>
Syntax:
<code><nowiki>
{{icon | Nesting_MAINPAGE.png | link = Nesting }}
</nowiki></code>

Result: {{icon | Nesting_MAINPAGE.png | link = Nesting }}

==Adding Caption==
The Caption (alt text) will be the link by default but can be changed.
<br><br>
Syntax:
<code><nowiki>
{{icon | Nesting_MAINPAGE.png | link = Nesting | caption = Blah }}
</nowiki></code>

Result: {{icon | Nesting_MAINPAGE.png | link = Nesting | caption = Blah }}

==Missing Image==
Should the image be missing, the following will be displayed:
<br><br>
Syntax:
<code><nowiki>
{{icon | link = Nesting }}
</nowiki></code>

Result: {{icon | link = Nesting }}

[[Category: Templates]]
</noinclude>

<includeonly>
[[File:{{{1|broken_error_image.png}}}|link={{{link|}}}|{{#if: {{{w|}}} {{{h|}}} | {{{w|}}}x{{{h|}}}px | x{{{2|40}}}px }} | alt={{{caption|{{{link}}}}}} |class=icon {{{class|}}}]]<span class="after-icon"></span>
</includeonly>

MediaWiki:Common.css

2024-11-24T16:05:27Z

Vrana: Removed float property from .icon class and tried fixing .toc

MediaWiki:Common.css

2024-11-24T16:02:40Z

Vrana: Added !important tags to classes and added red to TOC to see functionality.

MediaWiki:Common.css

2024-11-24T15:58:24Z

Vrana: Added .icon class and added float:right

MediaWiki:Common.css

2024-11-24T15:52:39Z

Vrana: Tried fixing TOC CSS

MediaWiki:Common.css

2024-11-24T15:46:59Z

Vrana: Adjusted Code and Pre, and added TOC style.

MediaWiki:Common.css

2024-11-24T15:09:37Z

Vrana: Tweaked the Code CSS