|
|
| Line 1: |
Line 1: |
| <style>
| |
| /* Style the tab */
| |
|
| |
| div.tab {
| |
| overflow: hidden;
| |
| border: 1px solid #ccc;
| |
| background-color: #943e00;
| |
| }
| |
| /* Style the buttons inside the tab */
| |
|
| |
| div.tab button {
| |
| display: block;
| |
| float: left;
| |
| color: white;
| |
| border-style: solid;
| |
| border-width: 1px;
| |
| border-color: #212121;
| |
| background-color: #943e00;
| |
| font-family: "Arial";
| |
| letter-spacing: .5px;
| |
| padding: 5px;
| |
| overflow: hidden;
| |
| }
| |
| /* Change background color of buttons on hover */
| |
|
| |
| div.tab button:hover {
| |
| background-color: #212121;
| |
| }
| |
| /* Create an active/current tablink class */
| |
|
| |
| div.tab button.active {
| |
| background-color: #212121;
| |
| }
| |
| /* Style the tab content */
| |
|
| |
| .tabcontent {
| |
| display: none;
| |
| padding: 6px 12px;
| |
| border: 1px solid #ccc;
| |
| border-top: none;
| |
| background-color: #212121;
| |
| }
| |
|
| |
| .txt {
| |
| color:white;
| |
| }
| |
|
| |
| </style>
| |
|
| |
|
| |
| <div class="tab">
| |
| <button class="tablinks" onclick="openBlock(event, 'Bandito')" id="defaultOpen">Bandito</button>
| |
| <button class="tablinks" onclick="openBlock(event, 'Sunswords')">Sunswords</button>
| |
| <button class="tablinks" onclick="openBlock(event, 'OTHER NAME')">OTHER NAME</button>
| |
| </div>
| |
|
| |
| <div id="Bandito" class="tabcontent" style="text-align:left">
| |
| <h2 class="txt">Bandito</h2>
| |
| <img display="inline-block" src="https://wiki.urealms.com/images/5/54/Maelstrom_RadioactiveK.png" height="400" width="200">
| |
| <p class="txt">
| |
| Hello this is sample
| |
| </p>
| |
| </div>
| |
|
| |
| <div id="Sunswords" class="tabcontent">
| |
| <h3 class="txt">Sunswords</h3>
| |
| <p class="txt">Filler Text.</p>
| |
| </div>
| |
|
| |
| <div id="OTHER NAME" class="tabcontent">
| |
| <h3 class="txt">OTHER</h3>
| |
| <p class="txt">Filler Text.</p>
| |
| </div>
| |
|
| |
| <script>
| |
| function openBlock(evt, title) {
| |
|
| |
| var i, tabcontent, tablinks;
| |
| tabcontent = document.getElementsByClassName("tabcontent");
| |
| for (i = 0; i < tabcontent.length; i++) {
| |
| tabcontent[i].style.display = "none";
| |
| }
| |
| tablinks = document.getElementsByClassName("tablinks");
| |
| for (i = 0; i < tablinks.length; i++) {
| |
| tablinks[i].className = tablinks[i].className.replace(" active", "");
| |
| }
| |
| document.getElementById(title).style.display = "block";
| |
| evt.currentTarget.className += " active";
| |
| }
| |
| document.getElementById("defaultOpen").click();
| |
|
| |
| </script>
| |
|
| |
|
| |
| I'm just a fan of the Buffalo Wizards who has been here since the beginning of the wiki. | | I'm just a fan of the Buffalo Wizards who has been here since the beginning of the wiki. |
| {{Userbox | | {{Userbox |
I'm just a fan of the Buffalo Wizards who has been here since the beginning of the wiki.
I found the Buffalo Wizards through Rob. Originally when DvZ included cakes and professions I watched his streams with Pause. I've been hooked ever since.
I don't do much art, but I am decent at editing photos. Other than actual wiki work, I can do some photoshop work if you need help.
Click for a Random Treasure Card
Click for a Random Accessory Card
Click for a Random Item Card
