Angela Warhol (tabs are clickable)
[class=tabs]
background-color: #0f0224;
border-radius: 0px;
box-shadow: 0px 0px 5px #00ff00;
box-sizing: border-box;
color: #d70054;
font-size: 18px;
font-weight: bold;
line-height: 1;
margin: 20px auto;
min-width: 800px;
text-align: center;
width: 50%;
[/class]
[class=tab]
box-sizing: border-box;
cursor: pointer;
display: inline-block;
padding: 10px 0;
width: 33%;
[/class]
[class name=tab state=hover]
background-color: #31bf31;
[/class]
[script class=tab on=click]
hide tabsContent
set currentTab (getText)
if (eq ${currentTab} Summary) (show tabsContentInformation)
if (eq ${currentTab} Background) (show tabsContentRules)
if (eq ${currentTab} Work/Equipment) (show tabsContentCharacters)
[/script]
[div class=tabs][div class=tab style="border-top-left-radius: 0px; border-bottom-left-radius: 0px;"]Summary[/div][div class=tab]Background[/div][div class=tab style="border-top-right-radius: 0px; border-bottom-right-radius: 0px; width: 34%;"]Work/Equipment[/div][/div]
[div class="tabsContent tabsContentInformation"]
[/div]
[div class="tabsContent tabsContentRules" style="display: none;"]
[/div]
[div class="tabsContent tabsContentCharacters" style="display: none;"]
[/div]
Last edited:
