weldherwings
โ-โ
[div class=Group1][div class=Background1][/div][div class=Picture][/div][div class=Title]BRIGHTER THE LIGHT
DARKER THE SHADOW[/div][div class=Textbox][div class="tabContents tabContents01 show"][div class=scroll]
Welcome to our OOC chatter. Keep it clean and respectful yo. If you have any questions, feel free to ask :3
[/div][/div] [/div] [/div] [class=Group1] position: relative; box-sizing: border-box; width: 700px; height: 400px; overflow: hidden; margin: auto; padding: 0; background:#fff; [/class] [class=Background1] background: black; position: absolute; overflow: visible; width: 650px; height: 243px; left: 43px; top: 111px; [/class] [class=Picture] position: absolute; overflow: visible; width: 199px; height: 355px; left: 81px; top: 21px; background: url(https://i.pinimg.com/564x/03/ff/ca/03ffca323e6ca216bb3ec4f7fabff6ba.jpg); background-size: cover; background-position: 50%; [/class] [class=Textbox] position: absolute; overflow: visible; width: 360px; height: 210px; left: 290px; top: 112px; color:white; [/class] [class=Title] position: absolute; overflow: visible; width: 346px; height: 78px; left: 285px; top: 40px; font-family: Montserrat; font-size: 28px; color: black; line-height: 28px; [/class] [class=Rectangle_1] border: 1px solid white; position: absolute; overflow: visible; width: 184px; height: 340px; left: 88px; top: 29px;[/class] [class=tab] box-sizing: border-box; opacity: 0.4; padding: 7px; width: 160px; height: 50px; color: #FFF; text-align: center; margin: auto; transition: .7s; font-size:25px; line-height: 3px; [/class] [class name=tab state=hover] color: #fff; transition: .7s; transform: scale(1.1); opacity: 1; animation-name: {post_id}flicker; animation-duration:2s; animation-timing-fuction: linear; animation-iteration-count: infinite; animation-fill-mode: both [/class] [class=selectedTab] color: #fff; transition: .7s; transform: scale(1.1); opacity: 1; [/class] [class name=scroll]width: 100%;height: 98%; overflow: hidden;box-sizing: content-box;padding-right:50px;padding-left:5px; padding-top:15px; left: -2px;overflow-Y: scroll;overflow-X: hidden;[/class] [class=tabContents] position: absolute; opacity: 0; transition: all .7s; width:390px; height:225px; font-size: 12px; line-height: 13px; background: transparent; color: #fff; box-sizing: border-box; font-family: Montserrat; [/class] [class=show] opacity: 1; transition: all .7s; z-index: 1; [/class] [script class=tab1 on=click] addClass show tabContents01 removeClass show tabContents02 removeClass show tabContents03 removeClass show tabContents04 addClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab3 removeClass selectedTab tab4 [/script] [script class=tab2 on=click] addClass show tabContents02 removeClass show tabContents01 removeClass show tabContents03 removeClass show tabContents04 addClass selectedTab tab2 removeClass selectedTab tab1 removeClass selectedTab tab3 removeClass selectedTab tab4 [/script] [script class=tab3 on=click] addClass show tabContents03 removeClass show tabContents01 removeClass show tabContents02 removeClass show tabContents04 addClass selectedTab tab3 removeClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab4 [/script] [script class=tab4 on=click] addClass show tabContents04 removeClass show tabContents01 removeClass show tabContents02 removeClass show tabContents03 addClass selectedTab tab4 removeClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab3 [/script] [animation=flicker][keyframe=0]opacity: 0;[/keyframe][keyframe=10]opacity: 1; [/keyframe][keyframe=10.1]opacity: 1; [/keyframe][keyframe=10.2]opacity: 0; [/keyframe][keyframe=20]opacity: 0; [/keyframe][keyframe=20.1]opacity: 1;[/keyframe][keyframe=20.6]opacity: 0; [/keyframe][keyframe=30]opacity: 0; [/keyframe][keyframe=30.1]opacity: 1; [/keyframe][keyframe=30.5]opacity: 1; [/keyframe][keyframe=30.6]opacity: 0; [/keyframe][keyframe=45]opacity: 0; [/keyframe][keyframe=45.1]opacity: 1; [/keyframe][keyframe=50]opacity: 1; [/keyframe][keyframe=55]opacity: 1; [/keyframe][keyframe=55.1]opacity: 0; [/keyframe][keyframe=57]opacity: 0; [/keyframe][keyframe=57.1]opacity: 1; [/keyframe][keyframe=60]opacity: 1; [/keyframe][keyframe=60.1]opacity: 0; [/keyframe][keyframe=65]opacity: 0; [/keyframe][keyframe=65.1]opacity: 1; [/keyframe][keyframe=75]opacity: 1; [/keyframe][keyframe=75.1]opacity: 0; [/keyframe][keyframe=77]opacity: 0; [/keyframe][keyframe=77.1]opacity: 1; [/keyframe] [keyframe=85]opacity: 1; [/keyframe][keyframe=85.1]opacity: 0; [/keyframe] [keyframe=86]opacity: 0; [/keyframe] [keyframe=86.1]opacity: 1; [/keyframe] [keyframe=100]opacity: 1; [/keyframe][/animation]
DARKER THE SHADOW[/div][div class=Textbox][div class="tabContents tabContents01 show"][div class=scroll]
OOCCHATTER!
Welcome to our OOC chatter. Keep it clean and respectful yo. If you have any questions, feel free to ask :3
DEADLINE FOR CHARACTER APPLICATIONS:
29TH NOVEMBER!
29TH NOVEMBER!
[/div][/div] [/div] [/div] [class=Group1] position: relative; box-sizing: border-box; width: 700px; height: 400px; overflow: hidden; margin: auto; padding: 0; background:#fff; [/class] [class=Background1] background: black; position: absolute; overflow: visible; width: 650px; height: 243px; left: 43px; top: 111px; [/class] [class=Picture] position: absolute; overflow: visible; width: 199px; height: 355px; left: 81px; top: 21px; background: url(https://i.pinimg.com/564x/03/ff/ca/03ffca323e6ca216bb3ec4f7fabff6ba.jpg); background-size: cover; background-position: 50%; [/class] [class=Textbox] position: absolute; overflow: visible; width: 360px; height: 210px; left: 290px; top: 112px; color:white; [/class] [class=Title] position: absolute; overflow: visible; width: 346px; height: 78px; left: 285px; top: 40px; font-family: Montserrat; font-size: 28px; color: black; line-height: 28px; [/class] [class=Rectangle_1] border: 1px solid white; position: absolute; overflow: visible; width: 184px; height: 340px; left: 88px; top: 29px;[/class] [class=tab] box-sizing: border-box; opacity: 0.4; padding: 7px; width: 160px; height: 50px; color: #FFF; text-align: center; margin: auto; transition: .7s; font-size:25px; line-height: 3px; [/class] [class name=tab state=hover] color: #fff; transition: .7s; transform: scale(1.1); opacity: 1; animation-name: {post_id}flicker; animation-duration:2s; animation-timing-fuction: linear; animation-iteration-count: infinite; animation-fill-mode: both [/class] [class=selectedTab] color: #fff; transition: .7s; transform: scale(1.1); opacity: 1; [/class] [class name=scroll]width: 100%;height: 98%; overflow: hidden;box-sizing: content-box;padding-right:50px;padding-left:5px; padding-top:15px; left: -2px;overflow-Y: scroll;overflow-X: hidden;[/class] [class=tabContents] position: absolute; opacity: 0; transition: all .7s; width:390px; height:225px; font-size: 12px; line-height: 13px; background: transparent; color: #fff; box-sizing: border-box; font-family: Montserrat; [/class] [class=show] opacity: 1; transition: all .7s; z-index: 1; [/class] [script class=tab1 on=click] addClass show tabContents01 removeClass show tabContents02 removeClass show tabContents03 removeClass show tabContents04 addClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab3 removeClass selectedTab tab4 [/script] [script class=tab2 on=click] addClass show tabContents02 removeClass show tabContents01 removeClass show tabContents03 removeClass show tabContents04 addClass selectedTab tab2 removeClass selectedTab tab1 removeClass selectedTab tab3 removeClass selectedTab tab4 [/script] [script class=tab3 on=click] addClass show tabContents03 removeClass show tabContents01 removeClass show tabContents02 removeClass show tabContents04 addClass selectedTab tab3 removeClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab4 [/script] [script class=tab4 on=click] addClass show tabContents04 removeClass show tabContents01 removeClass show tabContents02 removeClass show tabContents03 addClass selectedTab tab4 removeClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab3 [/script] [animation=flicker][keyframe=0]opacity: 0;[/keyframe][keyframe=10]opacity: 1; [/keyframe][keyframe=10.1]opacity: 1; [/keyframe][keyframe=10.2]opacity: 0; [/keyframe][keyframe=20]opacity: 0; [/keyframe][keyframe=20.1]opacity: 1;[/keyframe][keyframe=20.6]opacity: 0; [/keyframe][keyframe=30]opacity: 0; [/keyframe][keyframe=30.1]opacity: 1; [/keyframe][keyframe=30.5]opacity: 1; [/keyframe][keyframe=30.6]opacity: 0; [/keyframe][keyframe=45]opacity: 0; [/keyframe][keyframe=45.1]opacity: 1; [/keyframe][keyframe=50]opacity: 1; [/keyframe][keyframe=55]opacity: 1; [/keyframe][keyframe=55.1]opacity: 0; [/keyframe][keyframe=57]opacity: 0; [/keyframe][keyframe=57.1]opacity: 1; [/keyframe][keyframe=60]opacity: 1; [/keyframe][keyframe=60.1]opacity: 0; [/keyframe][keyframe=65]opacity: 0; [/keyframe][keyframe=65.1]opacity: 1; [/keyframe][keyframe=75]opacity: 1; [/keyframe][keyframe=75.1]opacity: 0; [/keyframe][keyframe=77]opacity: 0; [/keyframe][keyframe=77.1]opacity: 1; [/keyframe] [keyframe=85]opacity: 1; [/keyframe][keyframe=85.1]opacity: 0; [/keyframe] [keyframe=86]opacity: 0; [/keyframe] [keyframe=86.1]opacity: 1; [/keyframe] [keyframe=100]opacity: 1; [/keyframe][/animation]