Scooby-Doo Wiki - User contributions [en-gb]

MediaWiki:Common.css

2026-04-05T12:51:44Z

Dakoda:

/* CSS placed here will be applied to all skins */
#globalWrapper {
max-width: 1920px !important;
margin: auto !important;
position: relative;
}

MediaWiki:Common.css

2026-04-05T12:50:25Z

Dakoda:

/* CSS placed here will be applied to all skins */
#globalWrapper {
max-width: 1440px !important;
margin: auto !important;
position: relative;
}

MediaWiki:Common.css

2026-04-05T12:50:13Z

Dakoda:

/* CSS placed here will be applied to all skins */
#globalWrapper {
max-width: 800px !important;
margin: auto !important;
position: relative;
}

Template:Infobox Character

2026-04-02T21:53:02Z

Dakoda:

Template:Infobox Character

2026-04-02T21:52:39Z

Dakoda: Undo revision 76 by Dakoda (talk)

File:Shaggy-way.png

2026-04-02T21:49:34Z

Dakoda:

Template:Infobox Character

2026-04-02T21:44:25Z

Dakoda:

<includeonly>
<div class="infobox" style="border: 1px solid #a2a9b1; background-color: #f8f9fa; color: black; margin: 0.5em; padding: 0.2em; float: right; clear: right; width: 30em; font-size: 88%; line-height: 1.5em;">
<table style="width: 100%; border-collapse: collapse;">
<tr>
<th colspan="2" style="background-color: #b0c4de; text-align: center; font-size: 125%; font-weight: bold; padding: 0.2em;">
{{{name|}}}
</th>
</tr>
<tr>
<td colspan="2" style="text-align: center; padding: 0.5em;">

<div id="tabs-container-{{{name|}}}" style="display: flex; overflow-x: auto; gap: 2px; margin-bottom: 5px; padding-bottom: 2px; scrollbar-width: thin; -webkit-overflow-scrolling: touch;">
{{#if:{{{image1|}}}
|<button class="infobox-tab active" data-img="1" data-name="{{{name|}}}" style="background: #b0c4de; color: white; border: none; padding: 5px 10px; cursor: pointer; font-size: 88%; white-space: nowrap;">{{{tab1_label|Image 1}}}</button>
}}
{{#if:{{{image2|}}}
|<button class="infobox-tab" data-img="2" data-name="{{{name|}}}" style="background: transparent; color: black; border: none; padding: 5px 10px; cursor: pointer; font-size: 88%; white-space: nowrap;">{{{tab2_label|Image 2}}}</button>
}}
{{#if:{{{image3|}}}
|<button class="infobox-tab" data-img="3" data-name="{{{name|}}}" style="background: transparent; color: black; border: none; padding: 5px 10px; cursor: pointer; font-size: 88%; white-space: nowrap;">{{{tab3_label|Image 3}}}</button>
}}
{{#if:{{{image4|}}}
|<button class="infobox-tab" data-img="4" data-name="{{{name|}}}" style="background: transparent; color: black; border: none; padding: 5px 10px; cursor: pointer; font-size: 88%; white-space: nowrap;">{{{tab4_label|Image 4}}}</button>
}}
{{#if:{{{image5|}}}
|<button class="infobox-tab" data-img="5" data-name="{{{name|}}}" style="background: transparent; color: black; border: none; padding: 5px 10px; cursor: pointer; font-size: 88%; white-space: nowrap;">{{{tab5_label|Image 5}}}</button>
}}
{{#if:{{{image6|}}}
|<button class="infobox-tab" data-img="6" data-name="{{{name|}}}" style="background: transparent; color: black; border: none; padding: 5px 10px; cursor: pointer; font-size: 88%; white-space: nowrap;">{{{tab6_label|Image 6}}}</button>
}}
{{#if:{{{image7|}}}
|<button class="infobox-tab" data-img="7" data-name="{{{name|}}}" style="background: transparent; color: black; border: none; padding: 5px 10px; cursor: pointer; font-size: 88%; white-space: nowrap;">{{{tab7_label|Image 7}}}</button>
}}
{{#if:{{{image8|}}}
|<button class="infobox-tab" data-img="8" data-name="{{{name|}}}" style="background: transparent; color: black; border: none; padding: 5px 10px; cursor: pointer; font-size: 88%; white-space: nowrap;">{{{tab8_label|Image 8}}}</button>
}}
{{#if:{{{image9|}}}
|<button class="infobox-tab" data-img="9" data-name="{{{name|}}}" style="background: transparent; color: black; border: none; padding: 5px 10px; cursor: pointer; font-size: 88%; white-space: nowrap;">{{{tab9_label|Image 9}}}</button>
}}
{{#if:{{{image10|}}}
|<button class="infobox-tab" data-img="10" data-name="{{{name|}}}" style="background: transparent; color: black; border: none; padding: 5px 10px; cursor: pointer; font-size: 88%; white-space: nowrap;">{{{tab10_label|Image 10}}}</button>
}}
</div>


<div id="img-{{{name|}}}-1" class="infobox-image" data-name="{{{name|}}}" style="display: block; text-align: center;">
[[File:{{{image1|{{{image|}}}}}}|200px|alt={{{name|}}}]]
</div>
<div id="img-{{{name|}}}-2" class="infobox-image" data-name="{{{name|}}}" style="display: none; text-align: center;">
[[File:{{{image2|}}}|200px|alt={{{name|}}}]]
</div>
<div id="img-{{{name|}}}-3" class="infobox-image" data-name="{{{name|}}}" style="display: none; text-align: center;">
[[File:{{{image3|}}}|200px|alt={{{name|}}}]]
</div>
<div id="img-{{{name|}}}-4" class="infobox-image" data-name="{{{name|}}}" style="display: none; text-align: center;">
[[File:{{{image4|}}}|200px|alt={{{name|}}}]]
</div>
<div id="img-{{{name|}}}-5" class="infobox-image" data-name="{{{name|}}}" style="display: none; text-align: center;">
[[File:{{{image5|}}}|200px|alt={{{name|}}}]]
</div>
<div id="img-{{{name|}}}-6" class="infobox-image" data-name="{{{name|}}}" style="display: none; text-align: center;">
[[File:{{{image6|}}}|200px|alt={{{name|}}}]]
</div>
<div id="img-{{{name|}}}-7" class="infobox-image" data-name="{{{name|}}}" style="display: none; text-align: center;">
[[File:{{{image7|}}}|200px|alt={{{name|}}}]]
</div>
<div id="img-{{{name|}}}-8" class="infobox-image" data-name="{{{name|}}}" style="display: none; text-align: center;">
[[File:{{{image8|}}}|200px|alt={{{name|}}}]]
</div>
<div id="img-{{{name|}}}-9" class="infobox-image" data-name="{{{name|}}}" style="display: none; text-align: center;">
[[File:{{{image9|}}}|200px|alt={{{name|}}}]]
</div>
<div id="img-{{{name|}}}-10" class="infobox-image" data-name="{{{name|}}}" style="display: none; text-align: center;">
[[File:{{{image10|}}}|200px|alt={{{name|}}}]]
</div>

<br/>
<small>{{{caption|}}}</small>
</td>
</tr>

{{#if:{{{show|}}}{{{episode|}}}
|<tr><th colspan="2" scope="rowgroup" style="background-color: #ddeeee; text-align: center; padding: 0.2em; font-weight: bold;">First appearance</th></tr>
{{#if:{{{show|}}}
|<tr style="border-bottom: 1px solid #e8e8e8;">
<th scope="row" style="padding-left: 1em; font-weight: normal;"><b>Show</b></th>
<td style="border-bottom: 1px solid #e8e8e8;">[[{{{show}}}]]</td>
</tr>
}}
{{#if:{{{episode|}}}
|<tr style="border-bottom: 1px solid #e8e8e8;">
<th scope="row" style="padding-left: 1em; font-weight: normal;"><b>Episode</b></th>
<td style="border-bottom: 1px solid #e8e8e8;">[[{{{episode}}}]]</td>
</tr>
}}
}}

{{#if:{{{other_names|}}}{{{gender|}}}
|<tr><th colspan="2" scope="rowgroup" style="background-color: #ddeeee; text-align: center; padding: 0.2em; font-weight: bold;">Identity</th></tr>
{{#if:{{{other_names|}}}
|<tr style="border-bottom: 1px solid #e8e8e8;">
<th scope="row" style="padding-left: 1em; font-weight: normal;"><b>Other names</b></th>
<td style="border-bottom: 1px solid #e8e8e8;">{{{other_names|}}}</td>
</tr>
}}
{{#if:{{{gender|}}}
|<tr style="border-bottom: 1px solid #e8e8e8;">
<th scope="row" style="padding-left: 1em; font-weight: normal;"><b>Gender</b></th>
<td style="border-bottom: 1px solid #e8e8e8;">{{{gender|}}}</td>
</tr>
}}
}}

{{#if:{{{occupation|}}}{{{affiliation|}}}{{{abilities|}}}
|<tr><th colspan="2" scope="rowgroup" style="background-color: #ddeeee; text-align: center; padding: 0.2em; font-weight: bold;">Role</th></tr>
{{#if:{{{occupation|}}}
|<tr style="border-bottom: 1px solid #e8e8e8;">
<th scope="row" style="padding-left: 1em; font-weight: normal;"><b>Occupation</b></th>
<td style="border-bottom: 1px solid #e8e8e8;">{{{occupation|}}}</td>
</tr>
}}
{{#if:{{{affiliation|}}}
|<tr style="border-bottom: 1px solid #e8e8e8;">
<th scope="row" style="padding-left: 1em; font-weight: normal;"><b>Affiliation</b></th>
<td style="border-bottom: 1px solid #e8e8e8;">{{{affiliation|}}}</td>
</tr>
}}
{{#if:{{{abilities|}}}
|<tr style="border-bottom: 1px solid #e8e8e8;">
<th scope="row" style="padding-left: 1em; font-weight: normal;"><b>Abilities</b></th>
<td style="border-bottom: 1px solid #e8e8e8;">{{{abilities|}}}</td>
</tr>
}}
}}

{{#if:{{{portrayed_by|}}}
|<tr><th colspan="2" scope="rowgroup" style="background-color: #ddeeee; text-align: center; padding: 0.2em; font-weight: bold;">Portrayal</th></tr>
<tr style="border-bottom: 1px solid #e8e8e8;">
<th scope="row" style="padding-left: 1em; font-weight: normal;"><b>Voiced by</b></th>
<td style="border-bottom: 1px solid #e8e8e8;">{{{portrayed_by|}}}</td>
</tr>
}}

{{#if:{{{catchphrase|}}}
|<tr><th colspan="2" scope="rowgroup" style="background-color: #ddeeee; text-align: center; padding: 0.2em; font-weight: bold;">Other</th></tr>
<tr>
<th scope="row" style="padding-left: 1em; font-weight: normal;"><b>Catchphrase</b></th>
<td>"{{{catchphrase|}}}"</td>
</tr>
}}
</table>
</div>


<script>
document.addEventListener('DOMContentLoaded', function() {
const tabs = document.querySelectorAll('.infobox-tab');
tabs.forEach(tab => {
tab.addEventListener('click', function() {
const imgNum = this.getAttribute('data-img');
const charName = this.getAttribute('data-name');

// Hide all images for this character
const images = document.querySelectorAll('.infobox-image[data-name="' + charName + '"]');
images.forEach(img => img.style.display = 'none');

// Show selected image
const selectedImg = document.getElementById('img-' + charName + '-' + imgNum);
if (selectedImg) selectedImg.style.display = 'block';

// Update tab styles
const container = this.parentElement;
const allTabs = container.querySelectorAll('.infobox-tab');
allTabs.forEach(t => {
t.style.background = 'transparent';
t.style.color = 'black';
});
this.style.background = '#b0c4de';
this.style.color = 'white';
});
});
});
</script>
</includeonly>

Template:Infobox Character

2026-03-27T16:34:29Z

Dakoda: Undo revision 72 by Dakoda (talk)

Template:Infobox Character

2026-03-27T16:34:00Z

Dakoda:

Template:Infobox Character

2026-03-27T16:29:42Z

Dakoda:

Template:Infobox Character

2026-03-27T16:27:14Z

Dakoda:

Template:Infobox Character

2026-03-27T16:21:05Z

Dakoda:

Template:Infobox Character

2026-03-27T16:20:47Z

Dakoda:

Template:Infobox Character

2026-03-27T16:20:23Z

Dakoda:

Template:Infobox Character

2026-03-27T16:18:33Z

Dakoda:

Template:Infobox Character

2026-03-27T16:15:37Z

Dakoda:

Template:Infobox Character

2026-03-27T16:07:59Z

Dakoda:

Template:Infobox Character

2026-03-27T16:02:58Z

Dakoda:

Template:Infobox Character

2026-03-27T16:00:40Z

Dakoda:

Template:Infobox Character

2026-03-27T15:53:36Z

Dakoda:

Template:Infobox Character

2026-03-27T15:51:27Z

Dakoda:

Template:Infobox Character

2026-03-27T15:49:49Z

Dakoda:

Template:Infobox Character

2026-03-27T15:48:43Z

Dakoda:

Template:Infobox Character

2026-03-27T15:46:25Z

Dakoda:

Template:Infobox Character

2026-03-27T15:44:54Z

Dakoda:

Template:Infobox Character

2026-03-27T15:41:34Z

Dakoda: Created page with "<includeonly> <div class="infobox" style="border: 1px solid #a2a9b1; background-color: #f8f9fa; color: black; margin: 0.5em; padding: 0.2em; float: right; clear: right; width: 22em; font-size: 88%; line-height: 1.5em;"> <table style="width: 100%; border-collapse: collapse;"> <tr> <th colspan="2" style="background-color: #b0c4de; text-align: center; font-size: 125%; font-weight: bold; padding: 0.2em;"> {{{name|}}} </th> </tr> <tr> <td colspan="2" style..."

MediaWiki:Common.css

2026-03-27T12:39:56Z

Dakoda:

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

MediaWiki:Common.css

2026-03-27T12:39:23Z

Dakoda: Created page with "/* CSS placed here will be applied to all skins */ .mw-body { background-color: #ff0000; /*test*/ }"

/* CSS placed here will be applied to all skins */
.mw-body {
background-color: #ff0000; /*test*/
}