nymphadora.
๐จ๐๐ ๐ฎ๐ค๐ช, ๐จ๐ฅ๐๐๐ ๐๐ค๐ฌ๐๐ค๐ฎ.
[class name=button]
box-sizing: border-box;
display: inline-block;
width: 29px;
height: 29px;
border-bottom: 2px solid #819a9f;
text-align: center;
font-size: 16px;
color: #000;
margin-left: 8px;
margin-right: 8px;
padding-left: 4px;
padding-right: 4px;
transition: all .5s ease-in-out;
cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important;
[/class]
[class name=details]
font-size: 9px;
text-transform: uppercase;
background: #819a9f;
display: inline-block;
color: #000;
box-sizing: border-box;
padding-right: 2px;
padding-left: 2px;
margin: 2px;
letter-spacing: 1px;
[/class]
[class name=selectedbutton]
box-sizing: border-box;
width: 29px;
height: 29px;
margin-left: 8px;
margin-right: 8px;
background-color: #819a9f;
text-align: center;
font-size: 16px;
color: #000;
padding-left: 4px;
padding-right: 4px;
transition: all .5s ease-in-out;
cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important;
[/class]
[class name=button state=hover]
color: #000;
background-color: #819a9f;
cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important;
[/class]
[script class=button on=click]
hide tabcontents
removeClass selectedbutton button
set currentTab (getText)
if (eq ${currentTab} 00) (addClass selectedbutton buttonnone)
if (eq ${currentTab} 01) (addClass selectedbutton buttonone)
if (eq ${currentTab} 02) (addClass selectedbutton buttontwo)
if (eq ${currentTab} 03) (addClass selectedbutton buttonthree)
if (eq ${currentTab} 04) (addClass selectedbutton buttonfour)
if (eq ${currentTab} 00) (addClass selectedbutton buttonnone)
if (eq ${currentTab} 01) (show tabcontentsone)
if (eq ${currentTab} 02) (show tabcontentstwo)
if (eq ${currentTab} 03) (show tabcontentsthree)
if (eq ${currentTab} 04) (show tabcontentsfour)
[/script]
[class=title]
line-height: 25px;
font-size: 20px;
padding-top: 20px;
width: 190px;
text-align: center;
text-transform: lowercase;
margin: auto;
margin-left: 59px;
margin-top: -30px;
[/class]
[class=variables]
cursor: url('http://i.imgur.com/ZOrzC.png'), auto !important;
--color: white;
[/class]
[class=codeContainer]
width: 400px;
height: 410px;
margin: auto;
display: flex;
flex-direction: column;
justify-content: space-between;
overflow: hidden;
[/class]
[class name=codeContainer maxWidth=450px]
width: 350px;
[/class]
[class=top]
width: 400px;
height: 95px;
display: flex;
justify-content: space-between;
align-items: flex-end;
flex-wrap: wrap;
[/class]
[class name=top maxWidth=450px]
width: 350px;
[/class]
[class=name]
color: transparent;
font-size: 70px;
-webkit-text-stroke-width: 2px;
-webkit-text-stroke-color: var(--color);
letter-spacing: -2px;
height: 60px;
line-height: 0.9;
transition: 0.5s;
position: absolute;
margin-left: 29px;
[/class]
[class=backname]
color: #819a9f;
font-size: 70px;
letter-spacing: -2px;
height: 60px;
line-height: 0.9;
transition: 0.5s;
margin-left: 24px;
[/class]
[class name=titleslide]
padding: 1px;
text-transform: lowercase;
color: #000;
text-align: center;
font-size: 30px;
box-sizing: border-box;
[/class]
[class=block]
width: auto;
padding: 0px 2px 0px 2px;
font-size: 10px;
display: inline-block;
color: white;
margin-top: 10px;
[/class]
[div class="content contentHOME show"][div class="tabcontents tabcontentsnone" style="display: none;]
[div class=variables][div class=top][div class=backname]love me !
[div class=name]love me !
[/div][/div]
[/div][/div]
[/div][/div]
