AnimeGenork
The Duck Overlord
[class=background]
max-width: 750px;
height: 514px;
background: url('http://www.designbolts.com/wp-content/uploads/2012/12/simple-pattern-white-seamless-website-background.jpg');
margin: auto;
border: 1px dashed grey;
padding: 25px;
cursor: url(https://i.imgur.com/X2LfhKo.png), auto !important;
[/class]
[class=tabone]
display: inline-block;
background: url(https://66.media.tumblr.com/8881483ec6cd563ac0fedb209bb8029c/tumblr_p77c0mDRop1xo5fswo3_250.jpg);
border: 1px solid lightgrey;
width: 120px;
height: 120px;
background-size: cover;
[/class]
[class=tabtwo]
display: inline-block;
border: 1px solid lightgrey;
width: 120px;
height: 120px;
background: url(https://data.whicdn.com/images/325773575/original.jpg);
background-size: 100%;
margin-top: 128px;
[/class]
[class=tabthree]
display: inline-block;
border: 1px solid lightgrey;
width: 120px;
height: 120px;
background: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/6a88450d-e674-49ff-aaed-1da24c54431a/d4xl603-e8f4079b-19a0-463d-8743-62056ca25fbd.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzZhODg0NTBkLWU2NzQtNDlmZi1hYWVkLTFkYTI0YzU0NDMxYVwvZDR4bDYwMy1lOGY0MDc5Yi0xOWEwLTQ2M2QtODc0My02MjA1NmNhMjVmYmQuanBnIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.3Q3d1nisdccbTflDUhLCyITFOmUcXbGwhYMAYWCEAbU);
background-size: 100%;
margin-top: 257px;
[/class]
[class=tabfour]
display: inline-block;
border: 1px solid lightgrey;
width: 120px;
height: 120px;
background: url(https://data.whicdn.com/images/335047487/original.jpg);
background-size: 100%;
margin-top: 386px;
[/class]
[class=tabinfo]
max-width: 625px;
border: 1px solid lightgrey;
margin-left: 130px;
background-color: white;
height: 506px;
[/class]
[class=tab]
position: absolute;
[/class]
[class name=tab state=hover]
transition-duration: 0.3s;
background-color: rgba(105, 105, 105, 0.2);
[/class]
[class=picturetext]
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
background-color: rgba(105, 105, 105, 0.2);
color: white;
font-size: 15px;
[/class]
[class name=picturetext state=hover]
opacity: 1;
[/class]
[class=picturetexttwo]
text-align: center;
margin-top: 10px;
text-transform: uppercase;
[/class]
[class=textbackground]
background-color: #B08587;
display: inline-block;
padding: 2px;
color: white;
margin-top: 5px;
[/class]
[class=textcontainter]
padding: 10px;
font-size: 13px;
line-height: 18px;
color: #202020;
text-align: justify;
[/class]
[class=header]
font-weight: bold;
font-size: 30px;
text-transform: uppercase;
color: grey;
[/class]
[class=header_two]
font-weight: bold;
font-size: 30px;
text-transform: uppercase;
text-align: right;
color: grey;
[/class]
[script class=tab on=click]
hide tabsContent
set currentTab (getText)
if (eq ${currentTab} plot) (show tabsContentBasics)
if (eq ${currentTab} info) (show tabsContentPersona)
if (eq ${currentTab} rules) (show tabsContentBackground)
if (eq ${currentTab} links) (show tabsContentOther)
[/script]
[div class=background]
[div class="tab tabone"][div class=picturetext][div class=picturetexttwo]
plot[/div][/div][/div] [div class="tab tabtwo"][div class=picturetext][div class=picturetexttwo]
info[/div][/div][/div] [div class="tab tabthree"][div class=picturetext][div class=picturetexttwo]
rules[/div][/div][/div] [div class="tab tabfour"][div class=picturetext][div class=picturetexttwo]
links[/div][/div][/div] [div class="tabsContent tabsContentBasics"][div class=tabinfo]
"Recently, our parents have created a school, a college: the University of Waldovia. It's a creation of multiple kingdoms and royal families, as well as some heroes who decided to pitch in their efforts. They founded this school so that we can follow our dreams and study whatever we wish - because if anyone knows about following their dreams, it's our parents, the princes and princesses, and heroes of this world.
"But it's not just us. Our parents have decided to invite the children of their greatest enemies to study with us. I can't imagine why - but they say it's something like 'making peace' with the next generation or something. Besides, at least the villains are still imprisoned, wherever they are. I'm not so sure, but hey - it's college! We should be enjoying ourselves!
"At least, it should be fun... if we can all manage to get along..." [/div][/div][/div][/div][/div] [div class="tabsContent tabsContentPersona" style="display: none;"][div class=tabinfo][/div][/div][/div][/div] [div class="tabsContent tabsContentBackground" style="display: none;"][div class=tabinfo][/div][/div][/div][/div] [div class="tabsContent tabsContentOther" style="display: none;"][div class=tabinfo][/div][/div][/div][/div][/div]
plot[/div][/div][/div] [div class="tab tabtwo"][div class=picturetext][div class=picturetexttwo]
info[/div][/div][/div] [div class="tab tabthree"][div class=picturetext][div class=picturetexttwo]
rules[/div][/div][/div] [div class="tab tabfour"][div class=picturetext][div class=picturetexttwo]
links[/div][/div][/div] [div class="tabsContent tabsContentBasics"][div class=tabinfo]
"Recently, our parents have created a school, a college: the University of Waldovia. It's a creation of multiple kingdoms and royal families, as well as some heroes who decided to pitch in their efforts. They founded this school so that we can follow our dreams and study whatever we wish - because if anyone knows about following their dreams, it's our parents, the princes and princesses, and heroes of this world.
"But it's not just us. Our parents have decided to invite the children of their greatest enemies to study with us. I can't imagine why - but they say it's something like 'making peace' with the next generation or something. Besides, at least the villains are still imprisoned, wherever they are. I'm not so sure, but hey - it's college! We should be enjoying ourselves!
"At least, it should be fun... if we can all manage to get along..." [/div][/div][/div][/div][/div] [div class="tabsContent tabsContentPersona" style="display: none;"][div class=tabinfo][/div][/div][/div][/div] [div class="tabsContent tabsContentBackground" style="display: none;"][div class=tabinfo][/div][/div][/div][/div] [div class="tabsContent tabsContentOther" style="display: none;"][div class=tabinfo][/div][/div][/div][/div][/div]
codedbycrucially | click on picture [ tabs ] | hidden scroll
Last edited:
