Kisaki
Just a Rando
[div class=container][div class=glaze][div class=tabsContainer][div class=tabNames]
[div class="tabName titleName"]Title Screen[/div]
[div class="tabName introName"]Introduction[/div]
[div class="tabName requestsName"]Rules[/div]
[div class="tabName bbcodeName"]School Info[/div]
[/div][div class=tabs]
[div class="tab titletab"]
[div class="tab introtab"]
[div class="tab requeststab"]
[div class="tab bbcodetab"]
[/div][/div][div class="spoke titleSpoke"][div class=contentContainer]
[div class="content titleContent"]
[div class=Title]Luxor Academy: Rewritten[/div][/div]
[div class="header titleHeader"][div class=caption]
[/div][/div]
[/div][/div][div class="spoke introSpoke"][div class=contentContainer]
[div class="content introContent"][div class=scroll]
Dear, xxx
Congratulations, you have been accepted into Luxor Academy. This school is well known amongst the supernatural community for education and classes that cater to improving your powers. The school is safe and acceptive of all species. You will be provided with dorms, free food, and a small allowance that is given every two weeks. Remember to pack your bags properly as you'll be away from home for a long time. We are looking forward to seeing you at Luxor Academy.
By Supernatural International law, we are not responsible for demonic possessions, death, the reanimation of the dead, nor lost limbs. Please see the handbook of Superno et rationes for more information.
[/div][/div]
[div class="header introContent"]
[/div][/div][/div][div class="spoke requestsSpoke"][div class=contentContainer]
[div class="content requestsContent"][div class=scroll]
Rules:
[/div][/div]
[div class="header requestsContent"]
[/div][/div][/div][div class="spoke bbcodeSpoke"][div class=contentContainer]
[div class="content bbcodeContent"][div class=scroll]
School Info
Monster Hunting ~ Hundun (Assistant Teach: Cicero) by SidTheSkid
Magic Class ~ Christina Blood by Kisaki
Alchemy Class ~ Reserved by Coyote Hart
Combative Class ~ Reserved by kenchin
Traversing Class (Agility) ~ Reserved by FTR
Staff:
Luxor ~ Principal
Lyssa ~ Bus Driver
Aiko ~ Librarian
Nurse~
You have suggestion? Make a cs and could be aprroved!
[/div][/div]
[div class="header bbcodeHeader"]
[/div][/div]
[/div][/div][div class=circle]
[div class=circleClose]Close[/div]
[div class=circleOpen]Open[/div]
[/div][/div] [class=container] --img-w: 2100; --img-h: 1200; --cir-center-h: 61.08%; --cir-center-w: 26.86%; --cir-radius: 12.7; --cir-thickness: .5vw; --bg-color: rgba(191, 217, 242, 0.9); --divide-thick: .25vw; --tab-color-1:#eab040; --tab-color-2:#32254b; --tab-color-3:#8F5465; --tab-color-4:#7582C4; color:gray; width: 100%; padding-top: calc( var(--img-h) / var(--img-w) * 100%); background-image:url('http://vignette1.wikia.nocookie.net/k-anime/images/0/0e/Scepter_4_HQ.png'); background-size:contain; position:relative; overflow:hidden; [/class] [class=glaze] --cir-radius-math: calc( var(--cir-radius) / 100 * 100%); width: 100%; padding-top: calc( var(--img-h) / var(--img-w) * 100%); background-image: radial-gradient(circle farthest-side at var(--cir-center-w) var(--cir-center-h), transparent 0%, transparent var(--cir-radius-math), white var(--cir-radius-math), white calc(var(--cir-radius-math) + var(--cir-thickness)), var(--bg-color) calc(var(--cir-radius-math) + var(--cir-thickness))); position: absolute; top:0; clip-path: circle( 10% at var(--cir-center-w) var(--cir-center-h) ); -webkit-clip-path: circle( 11% at var(--cir-center-w) var(--cir-center-h) ); transition: clip-path 1s ease-out, -webkit-clip-path 1s ease-out; [/class] [class=glazeOpen] clip-path: circle( 100% at var(--cir-center-w) var(--cir-center-h) ); -webkit-clip-path: circle( 100% at var(--cir-center-w) var(--cir-center-h) ); transition: clip-path 1s ease-out 1.5s, -webkit-clip-path 1s ease-out 1.5s; [/class] [class=tabsContainer] z-index:10; position: absolute; width: calc( var(--cir-center-w) - ( 100% - var(--cir-center-w) ) * var(--cir-radius) / 100 - var(--cir-thickness) - 10 * var(--divide-thick) ); height: calc( 2vw + 6px); top: calc( var(--cir-center-h) - var(--divide-thick) / 2 ); left: 0; border-top: var(--divide-thick) solid white; [/class] [class=tabNames] width: 100%; height: auto; bottom: calc( 100% + var(--divide-thick) ); position: absolute; [/class] [class=tabName] width: 100%; height: auto; box-sizing: border-box; position: absolute; bottom:0; font-size: calc(1.25vw + 6px); text-align: center; opacity:0; transition: opacity .5s ease-in; [/class] [class=tabNameShow] opacity: 1; [/class] [class=tabs] width: 100%; height: 100%; display: flex; flew-flow: row nowrap; justify-content: space-around; font-size: calc(1.25vw + 6px); [/class] [class=tab] flex: 1 1 auto; text-align: center; cursor: pointer; [/class] [class=titletab] color: var(--tab-color-1); transition: all .5s ease-in; [/class] [class name=titletab state=hover] color: white; background-color: var(--tab-color-1); [/class] [class=titleName] color: var(--tab-color-1); transition: opacity .5s ease-in; [/class] [script class=titletab on=mouseenter] addClass tabNameShow titleName [/script] [script class=titletab on=mouseleave] removeClass tabNameShow titleName [/script] [class=introtab] color: var(--tab-color-2); transition: all .5s ease-in; [/class] [class name=introtab state=hover] color: white; background-color: var(--tab-color-2); [/class] [class=introName] color: var(--tab-color-2); [/class] [script class=introtab on=mouseenter] addClass tabNameShow introName [/script] [script class=introtab on=mouseleave] removeClass tabNameShow introName [/script] [class=requeststab] color: var(--tab-color-3); transition: all .5s ease-in; [/class] [class name=requeststab state=hover] color: white; background-color: var(--tab-color-3); [/class] [class=requestsName] color: var(--tab-color-3); [/class] [script class=requeststab on=mouseenter] addClass tabNameShow requestsName [/script] [script class=requeststab on=mouseleave] removeClass tabNameShow requestsName [/script] [class=bbcodetab] color: var(--tab-color-4); transition: all .5s ease-in; [/class] [class name=bbcodetab state=hover] color: white; background-color: var(--tab-color-4); [/class] [class=bbcodeName] color: var(--tab-color-4); [/class] [script class=bbcodetab on=mouseenter] addClass tabNameShow bbcodeName [/script] [script class=bbcodetab on=mouseleave] removeClass tabNameShow bbcodeName [/script] [class=spoke] --math: calc( var(--cir-center-w) + ( 100% - var(--cir-center-w) ) * var(--cir-radius) / 100 + var(--cir-thickness) + 10 * var(--divide-thick) ); position: absolute; height: 100%; width: 100%; bottom: calc( 100% - var(--cir-center-h) - var(--divide-thick) / 2 ); left: var(--math); border-bottom: var(--divide-thick) white solid; transform-origin: calc( -1 * ( var(--math) - var(--cir-center-w) ) ) bottom; transform: rotate(-270deg); opacity: 0; transition: transform 3s ease-in-out 1.75s , opacity 1s linear 2.75s; [/class] [class=SpokeReveal] transition: transform 3s ease-in-out .5s, opacity 1s linear 1.5s; transform: rotate(0deg); opacity: 1; [/class] [class=contentContainer] height: 100%; width: calc( 100% - var(--math) ); left:0; position:relative; [/class] [class=content] width: calc( 100% - 5px); height: calc( var(--cir-center-h) - var(--divide-thick) / 2 - 15px); max-height:0; bottom: 0; left:0; overflow: hidden; position: absolute; transition: max-height 1.5s ease-in-out; [/class] [class=scroll] height: auto; max-height: 100%; padding-top: 15px; width: calc( 100%); bottom: 0; position: absolute; padding-right: 200px; overflow-y: scroll; [/class] [class=header] width: 100%; height: calc( 100% - var(--cir-center-h) - var(--divide-thick) / 2); max-height:0; top: calc(100% + var(--divide-thick) ); line-height: .9; font-size: calc( 5.5vw + 2px ); overflow:hidden; position: absolute; transition: max-height 1.5s ease-in-out; [/class] [class=Title] height: auto; left:0; bottom: 0; position: absolute; color: white; font-size: calc( 5.5vw + 8px ); line-height:.9; [/class] [class=caption] width:100%; height: 4vw; font-size: calc( 1.75vw + 6px ); line-height: 1.2; position: absolute; [/class] [class=ShowContent] max-height: 75vh; transition: max-height 1.5s ease-in-out 3.25s; [/class] [class=ShowHeader] max-height: 75vh; transition: max-height 1.5s ease-in-out 3.25s; [/class] [class=circle] width: calc( 2 * ( ( 100% - var(--cir-center-w) ) * var(--cir-radius) / 100 ) + 2 * var(--cir-thickness) ); height: calc( ( 2 * ( 100% - var(--cir-center-w) ) * var(--cir-radius) / 100 ) * var(--img-w) / var(--img-h) + 2 * var(--cir-thickness)); box-sizing: border-box; border-radius: 50%; top: calc( var(--cir-center-h) - ( 100% - var(--cir-center-w) ) * var(--cir-radius) / 100 * var(--img-w) / var(--img-h) - var(--cir-thickness) ); left: calc( var(--cir-center-w) - ( 100% - var(--cir-center-w) ) * var(--cir-radius) / 100 - var(--cir-thickness) ); right: calc( 100% - ( var(--cir-center-w) + ( 100% - var(--cir-center-w) ) * var(--cir-radius) / 100 + var(--cir-thickness) ) ); position: absolute; cursor: pointer; border: 0px white solid; transition: border-width .5s ease-in-out 1s; [/class] [class=circleReveal] transition: border-width .5s ease-in-out; border-width: calc(var(--cir-thickness) + 2px); [/class] [class=circleClose] text-align: center; color: gray; top: 50%; left: 50%; font-size: calc( 1vw + 6px); transform: translateX(-50%) translateY(-50%); position: absolute; opacity: 0; transition: opacity .2s ease-in-out; [/class] [class=circleOpen] text-align: center; color: gray; top: 50%; left: 50%; font-size: calc( 1vw + 6px); transform: translateX(-50%) translateY(-50%); position: absolute; opacity: 0; transition: opacity .2s ease-in-out; [/class] [class=circleOpacity] opacity:1; [/class] [script=circle] set isOpen 1 addClass circleReveal circle addClass glazeOpen glaze [/script] [script class=circle on=mouseenter] if (eq ${isOpen} 1) (addClass circleOpacity circleClose) (addClass circleOpacity circleOpen) [/script] [script class=circle on=mouseleave] removeClass circleOpacity circleClose removeClass circleOpacity circleOpen [/script] [script class=circle on=click] removeClass circleOpacity circleClose removeClass circleOpacity circleOpen if (eq ${isOpen} 1) (removeClass glazeOpen glaze) if (eq ${isOpen} 1) (removeClass circleReveal circle) if (eq ${isOpen} 0) (addClass glazeOpen glaze) if (eq ${isOpen} 0) (addClass circleReveal circle) if (eq ${isOpen} 1) (set isOpen 0) (set isOpen 1) [/script] [script=tab] set TabSel 0 set TabHis 1 addClass ShowContent titleContent addClass ShowHeader titleHeader addClass SpokeReveal titleSpoke [/script] [script class=tab on=click] set TabSel (getText) if (eq ${TabSel} ${TabHis}) (stop) //if tab selected is current tab, stop. if (eq ${TabHis} 1) (removeClass ShowContent titleContent) if (eq ${TabHis} 1) (removeClass ShowHeader titleHeader) if (eq ${TabHis} 2) (removeClass ShowContent introContent) if (eq ${TabHis} 2) (removeClass ShowHeader introHeader) if (eq ${TabHis} 3) (removeClass ShowContent requestsContent) if (eq ${TabHis} 3) (removeClass ShowHeader requestsHeader) if (eq ${TabHis} 4) (removeClass ShowContent bbcodeContent) if (eq ${TabHis} 4) (removeClass ShowHeader bbcodeHeader) //hide the text and prepare for SPINNING if (eq ${TabHis} 1) (removeClass SpokeReveal titleSpoke) if (eq ${TabHis} 2) (removeClass SpokeReveal introSpoke) if (eq ${TabHis} 3) (removeClass SpokeReveal requestsSpoke) if (eq ${TabHis} 4) (removeClass SpokeReveal bbcodeSpoke) //spinning to hide spoke complete. Prepare to spin spoke into view if (eq ${TabSel} 1) (addClass SpokeReveal titleSpoke) if (eq ${TabSel} 2) (addClass SpokeReveal introSpoke) if (eq ${TabSel} 3) (addClass SpokeReveal requestsSpoke) if (eq ${TabSel} 4) (addClass SpokeReveal bbcodeSpoke) //spinning complete. Show the new stuff if (eq ${TabSel} 1) (addClass ShowContent titleContent) if (eq ${TabSel} 1) (addClass ShowHeader titleHeader) if (eq ${TabSel} 2) (addClass ShowContent introContent) if (eq ${TabSel} 2) (addClass ShowHeader introHeader) if (eq ${TabSel} 3) (addClass ShowContent requestsContent) if (eq ${TabSel} 3) (addClass ShowHeader requestsHeader) if (eq ${TabSel} 4) (addClass ShowContent bbcodeContent) if (eq ${TabSel} 4) (addClass ShowHeader bbcodeHeader) set TabHis ${TabSel} [/script]
Code by Alteras
[div class="tabName titleName"]Title Screen[/div]
[div class="tabName introName"]Introduction[/div]
[div class="tabName requestsName"]Rules[/div]
[div class="tabName bbcodeName"]School Info[/div]
[/div][div class=tabs]
[div class="tab titletab"]
1
[/div][div class="tab introtab"]
2
[/div][div class="tab requeststab"]
3
[/div][div class="tab bbcodetab"]
4
[/div][/div][/div][div class="spoke titleSpoke"][div class=contentContainer]
[div class="content titleContent"]
[div class=Title]Luxor Academy: Rewritten[/div][/div]
[div class="header titleHeader"][div class=caption]
A School For the Supernatural
By
Kisaki
[/div][/div]
[/div][/div][div class="spoke introSpoke"][div class=contentContainer]
[div class="content introContent"][div class=scroll]
Dear, xxx
Congratulations, you have been accepted into Luxor Academy. This school is well known amongst the supernatural community for education and classes that cater to improving your powers. The school is safe and acceptive of all species. You will be provided with dorms, free food, and a small allowance that is given every two weeks. Remember to pack your bags properly as you'll be away from home for a long time. We are looking forward to seeing you at Luxor Academy.
By Supernatural International law, we are not responsible for demonic possessions, death, the reanimation of the dead, nor lost limbs. Please see the handbook of Superno et rationes for more information.
[/div][/div]
[div class="header introContent"]
Intro
duction[/div][/div][/div][div class="spoke requestsSpoke"][div class=contentContainer]
[div class="content requestsContent"][div class=scroll]
Rules:
- You have to write at least one paragraph. One liners don’t give a lot information for other writers to respond.
- At least one response each week. If your busy, just comment in the OOC section to let others know.
- No godmodding. Everyone has a weakness.
- Be respectful for other roleplayers.
- Nothing too sexual. Keep it PG- 13.
- Have fun.
- Suggestion (not rule): Label where your character is at so others can join in if they want.
[/div][/div]
[div class="header requestsContent"]
R
ules[/div][/div][/div][div class="spoke bbcodeSpoke"][div class=contentContainer]
[div class="content bbcodeContent"][div class=scroll]
School Info
Monster Hunting ~ Hundun (Assistant Teach: Cicero) by SidTheSkid
Magic Class ~ Christina Blood by Kisaki
Alchemy Class ~ Reserved by Coyote Hart
Combative Class ~ Reserved by kenchin
Traversing Class (Agility) ~ Reserved by FTR
Staff:
Luxor ~ Principal
Lyssa ~ Bus Driver
Aiko ~ Librarian
Nurse~
You have suggestion? Make a cs and could be aprroved!
[/div][/div]
[div class="header bbcodeHeader"]
School
Info[/div][/div]
[/div][/div][div class=circle]
[div class=circleClose]Close[/div]
[div class=circleOpen]Open[/div]
[/div][/div] [class=container] --img-w: 2100; --img-h: 1200; --cir-center-h: 61.08%; --cir-center-w: 26.86%; --cir-radius: 12.7; --cir-thickness: .5vw; --bg-color: rgba(191, 217, 242, 0.9); --divide-thick: .25vw; --tab-color-1:#eab040; --tab-color-2:#32254b; --tab-color-3:#8F5465; --tab-color-4:#7582C4; color:gray; width: 100%; padding-top: calc( var(--img-h) / var(--img-w) * 100%); background-image:url('http://vignette1.wikia.nocookie.net/k-anime/images/0/0e/Scepter_4_HQ.png'); background-size:contain; position:relative; overflow:hidden; [/class] [class=glaze] --cir-radius-math: calc( var(--cir-radius) / 100 * 100%); width: 100%; padding-top: calc( var(--img-h) / var(--img-w) * 100%); background-image: radial-gradient(circle farthest-side at var(--cir-center-w) var(--cir-center-h), transparent 0%, transparent var(--cir-radius-math), white var(--cir-radius-math), white calc(var(--cir-radius-math) + var(--cir-thickness)), var(--bg-color) calc(var(--cir-radius-math) + var(--cir-thickness))); position: absolute; top:0; clip-path: circle( 10% at var(--cir-center-w) var(--cir-center-h) ); -webkit-clip-path: circle( 11% at var(--cir-center-w) var(--cir-center-h) ); transition: clip-path 1s ease-out, -webkit-clip-path 1s ease-out; [/class] [class=glazeOpen] clip-path: circle( 100% at var(--cir-center-w) var(--cir-center-h) ); -webkit-clip-path: circle( 100% at var(--cir-center-w) var(--cir-center-h) ); transition: clip-path 1s ease-out 1.5s, -webkit-clip-path 1s ease-out 1.5s; [/class] [class=tabsContainer] z-index:10; position: absolute; width: calc( var(--cir-center-w) - ( 100% - var(--cir-center-w) ) * var(--cir-radius) / 100 - var(--cir-thickness) - 10 * var(--divide-thick) ); height: calc( 2vw + 6px); top: calc( var(--cir-center-h) - var(--divide-thick) / 2 ); left: 0; border-top: var(--divide-thick) solid white; [/class] [class=tabNames] width: 100%; height: auto; bottom: calc( 100% + var(--divide-thick) ); position: absolute; [/class] [class=tabName] width: 100%; height: auto; box-sizing: border-box; position: absolute; bottom:0; font-size: calc(1.25vw + 6px); text-align: center; opacity:0; transition: opacity .5s ease-in; [/class] [class=tabNameShow] opacity: 1; [/class] [class=tabs] width: 100%; height: 100%; display: flex; flew-flow: row nowrap; justify-content: space-around; font-size: calc(1.25vw + 6px); [/class] [class=tab] flex: 1 1 auto; text-align: center; cursor: pointer; [/class] [class=titletab] color: var(--tab-color-1); transition: all .5s ease-in; [/class] [class name=titletab state=hover] color: white; background-color: var(--tab-color-1); [/class] [class=titleName] color: var(--tab-color-1); transition: opacity .5s ease-in; [/class] [script class=titletab on=mouseenter] addClass tabNameShow titleName [/script] [script class=titletab on=mouseleave] removeClass tabNameShow titleName [/script] [class=introtab] color: var(--tab-color-2); transition: all .5s ease-in; [/class] [class name=introtab state=hover] color: white; background-color: var(--tab-color-2); [/class] [class=introName] color: var(--tab-color-2); [/class] [script class=introtab on=mouseenter] addClass tabNameShow introName [/script] [script class=introtab on=mouseleave] removeClass tabNameShow introName [/script] [class=requeststab] color: var(--tab-color-3); transition: all .5s ease-in; [/class] [class name=requeststab state=hover] color: white; background-color: var(--tab-color-3); [/class] [class=requestsName] color: var(--tab-color-3); [/class] [script class=requeststab on=mouseenter] addClass tabNameShow requestsName [/script] [script class=requeststab on=mouseleave] removeClass tabNameShow requestsName [/script] [class=bbcodetab] color: var(--tab-color-4); transition: all .5s ease-in; [/class] [class name=bbcodetab state=hover] color: white; background-color: var(--tab-color-4); [/class] [class=bbcodeName] color: var(--tab-color-4); [/class] [script class=bbcodetab on=mouseenter] addClass tabNameShow bbcodeName [/script] [script class=bbcodetab on=mouseleave] removeClass tabNameShow bbcodeName [/script] [class=spoke] --math: calc( var(--cir-center-w) + ( 100% - var(--cir-center-w) ) * var(--cir-radius) / 100 + var(--cir-thickness) + 10 * var(--divide-thick) ); position: absolute; height: 100%; width: 100%; bottom: calc( 100% - var(--cir-center-h) - var(--divide-thick) / 2 ); left: var(--math); border-bottom: var(--divide-thick) white solid; transform-origin: calc( -1 * ( var(--math) - var(--cir-center-w) ) ) bottom; transform: rotate(-270deg); opacity: 0; transition: transform 3s ease-in-out 1.75s , opacity 1s linear 2.75s; [/class] [class=SpokeReveal] transition: transform 3s ease-in-out .5s, opacity 1s linear 1.5s; transform: rotate(0deg); opacity: 1; [/class] [class=contentContainer] height: 100%; width: calc( 100% - var(--math) ); left:0; position:relative; [/class] [class=content] width: calc( 100% - 5px); height: calc( var(--cir-center-h) - var(--divide-thick) / 2 - 15px); max-height:0; bottom: 0; left:0; overflow: hidden; position: absolute; transition: max-height 1.5s ease-in-out; [/class] [class=scroll] height: auto; max-height: 100%; padding-top: 15px; width: calc( 100%); bottom: 0; position: absolute; padding-right: 200px; overflow-y: scroll; [/class] [class=header] width: 100%; height: calc( 100% - var(--cir-center-h) - var(--divide-thick) / 2); max-height:0; top: calc(100% + var(--divide-thick) ); line-height: .9; font-size: calc( 5.5vw + 2px ); overflow:hidden; position: absolute; transition: max-height 1.5s ease-in-out; [/class] [class=Title] height: auto; left:0; bottom: 0; position: absolute; color: white; font-size: calc( 5.5vw + 8px ); line-height:.9; [/class] [class=caption] width:100%; height: 4vw; font-size: calc( 1.75vw + 6px ); line-height: 1.2; position: absolute; [/class] [class=ShowContent] max-height: 75vh; transition: max-height 1.5s ease-in-out 3.25s; [/class] [class=ShowHeader] max-height: 75vh; transition: max-height 1.5s ease-in-out 3.25s; [/class] [class=circle] width: calc( 2 * ( ( 100% - var(--cir-center-w) ) * var(--cir-radius) / 100 ) + 2 * var(--cir-thickness) ); height: calc( ( 2 * ( 100% - var(--cir-center-w) ) * var(--cir-radius) / 100 ) * var(--img-w) / var(--img-h) + 2 * var(--cir-thickness)); box-sizing: border-box; border-radius: 50%; top: calc( var(--cir-center-h) - ( 100% - var(--cir-center-w) ) * var(--cir-radius) / 100 * var(--img-w) / var(--img-h) - var(--cir-thickness) ); left: calc( var(--cir-center-w) - ( 100% - var(--cir-center-w) ) * var(--cir-radius) / 100 - var(--cir-thickness) ); right: calc( 100% - ( var(--cir-center-w) + ( 100% - var(--cir-center-w) ) * var(--cir-radius) / 100 + var(--cir-thickness) ) ); position: absolute; cursor: pointer; border: 0px white solid; transition: border-width .5s ease-in-out 1s; [/class] [class=circleReveal] transition: border-width .5s ease-in-out; border-width: calc(var(--cir-thickness) + 2px); [/class] [class=circleClose] text-align: center; color: gray; top: 50%; left: 50%; font-size: calc( 1vw + 6px); transform: translateX(-50%) translateY(-50%); position: absolute; opacity: 0; transition: opacity .2s ease-in-out; [/class] [class=circleOpen] text-align: center; color: gray; top: 50%; left: 50%; font-size: calc( 1vw + 6px); transform: translateX(-50%) translateY(-50%); position: absolute; opacity: 0; transition: opacity .2s ease-in-out; [/class] [class=circleOpacity] opacity:1; [/class] [script=circle] set isOpen 1 addClass circleReveal circle addClass glazeOpen glaze [/script] [script class=circle on=mouseenter] if (eq ${isOpen} 1) (addClass circleOpacity circleClose) (addClass circleOpacity circleOpen) [/script] [script class=circle on=mouseleave] removeClass circleOpacity circleClose removeClass circleOpacity circleOpen [/script] [script class=circle on=click] removeClass circleOpacity circleClose removeClass circleOpacity circleOpen if (eq ${isOpen} 1) (removeClass glazeOpen glaze) if (eq ${isOpen} 1) (removeClass circleReveal circle) if (eq ${isOpen} 0) (addClass glazeOpen glaze) if (eq ${isOpen} 0) (addClass circleReveal circle) if (eq ${isOpen} 1) (set isOpen 0) (set isOpen 1) [/script] [script=tab] set TabSel 0 set TabHis 1 addClass ShowContent titleContent addClass ShowHeader titleHeader addClass SpokeReveal titleSpoke [/script] [script class=tab on=click] set TabSel (getText) if (eq ${TabSel} ${TabHis}) (stop) //if tab selected is current tab, stop. if (eq ${TabHis} 1) (removeClass ShowContent titleContent) if (eq ${TabHis} 1) (removeClass ShowHeader titleHeader) if (eq ${TabHis} 2) (removeClass ShowContent introContent) if (eq ${TabHis} 2) (removeClass ShowHeader introHeader) if (eq ${TabHis} 3) (removeClass ShowContent requestsContent) if (eq ${TabHis} 3) (removeClass ShowHeader requestsHeader) if (eq ${TabHis} 4) (removeClass ShowContent bbcodeContent) if (eq ${TabHis} 4) (removeClass ShowHeader bbcodeHeader) //hide the text and prepare for SPINNING if (eq ${TabHis} 1) (removeClass SpokeReveal titleSpoke) if (eq ${TabHis} 2) (removeClass SpokeReveal introSpoke) if (eq ${TabHis} 3) (removeClass SpokeReveal requestsSpoke) if (eq ${TabHis} 4) (removeClass SpokeReveal bbcodeSpoke) //spinning to hide spoke complete. Prepare to spin spoke into view if (eq ${TabSel} 1) (addClass SpokeReveal titleSpoke) if (eq ${TabSel} 2) (addClass SpokeReveal introSpoke) if (eq ${TabSel} 3) (addClass SpokeReveal requestsSpoke) if (eq ${TabSel} 4) (addClass SpokeReveal bbcodeSpoke) //spinning complete. Show the new stuff if (eq ${TabSel} 1) (addClass ShowContent titleContent) if (eq ${TabSel} 1) (addClass ShowHeader titleHeader) if (eq ${TabSel} 2) (addClass ShowContent introContent) if (eq ${TabSel} 2) (addClass ShowHeader introHeader) if (eq ${TabSel} 3) (addClass ShowContent requestsContent) if (eq ${TabSel} 3) (addClass ShowHeader requestsHeader) if (eq ${TabSel} 4) (addClass ShowContent bbcodeContent) if (eq ${TabSel} 4) (addClass ShowHeader bbcodeHeader) set TabHis ${TabSel} [/script]
Code by Alteras
Last edited: