Share | 
 

 application

Poglej prejšnjo temo Poglej naslednjo temo Go down 


prispevki : 804
reputation : 13
pridružen : 20/12/2013


rhys elton
avatar
admin

ObjavljaNaslov sporočila: application   Pet Jun 20, 2014 4:03 am

[You must be registered and logged in to see this image.]
OOC NAME. EXPERIENCES. OTHER.
FIRST M. LAST
  • AGE
  • BIRTH DATE
  • SEXUALITY
  • HOMETOWN
  • PLAY BY
  • MEMBER GROUP
  • TRAIT 1
  • TRAIT 2
  • TRAIT 3
APP CONTENT GOES HERE. WILL SCROLL.
[You must be registered and logged in to see this link.] @ SHINE


Koda:
<link href='http://fonts.googleapis.com/css?family=Kite+One' rel='stylesheet' type='text/css'><style type="text/css">::-webkit-scrollbar { height: 12px; width: 10px; background-color: transparent;} ::-webkit-scrollbar-thumb { background: #030303; } ::-webkit-scrollbar-corner { background: #030303; }::-webkit-scrollbar-track { background: transparent; }#thtabcontainer { width: 500px; height: 500px; background-color: #030303; position: relative; }.thcontimage img { position: absolute; right: 0px; top: 0px; width: 325px; height: 500px; }.thooc { position: absolute; bottom: 20px; left: 25px; width: 105px; padding: 10px; font-family: kite one; font-size: 6px; letter-spacing: 1px; line-height: 8px; color: white; text-transform: uppercase; }.tabs { position: relative; height: 500px; width: 500px; clear: both; }.tab label { display: block; width: 50px; background: #FFF; color: #030303; padding: 15px; font: 6px/12px kite one; text-transform: uppercase; letter-spacing: 3px; text-align: right; position: absolute; right: 325px; top: 200px; }.tab [type=radio] { display: none; }[type=radio]:checked ~ label { background: #a5a5a2; color: #FFF; border-bottom: 0px; z-index: 2; }[type=radio]:checked ~ label ~ .thcontent { z-index: 1; opacity: 1; filter: alpha(opacity=100); }.thcontent { width: 300px; position: absolute; top: 12px; left: 187px; float: right; right: 12px; bottom: 12px; text-align: justify; opacity: 0; filter: alpha(opacity=0); }[type=radio]:checked ~ label { background: #a5a5a2; color: #030303; border-bottom: 0px; z-index: 2; }[type=radio]:checked ~ label ~ .thcontent { z-index: 1; }.thfirsttab { text-align: center; width: 300px; position: absolute; bottom: 20px; left: 35px; background-color: rgba(0,0,0,0.8); padding: 20px; width: 190px; height: 90px; color: white; font-family: times; font-size: 7px; text-transform: uppercase; letter-spacing: 2px; line-height: 90px; }.thappcontent { background-color: rgba(255,255,255,0.8); padding: 20px; font-family: times; font-size: 10px; line-height: 11px; letter-spacing: 1px; height: 432px; overflow: auto; }.thabout { position: absolute; top: 180px; left: -15px; width: 300px; }.thabout ul { list-style: none; }.thabout li { display: block; float: left; margin-left: 5px; margin-bottom: 5px; background-color: #030303; text-align: center; font-family: kite one; letter-spacing: 1px; color: white; font-size: 6px; line-height: 25px; width: 80px; text-transform: uppercase; }</style><center><div id="thtabcontainer"><div class="thcontimage"><img src="http://shrani.si/f/2O/fH/WfxOd0m/1/00k00untitled-2.png"></div><div class="thooc">OOC NAME. EXPERIENCES. OTHER.</div><div class="tabs"><div class="tab"><input type="radio" id="tab-1" name="tab-group-1" checked><label for="tab-1">one</label><div class="thcontent"><div class="thfirsttab">FIRST M. LAST</div></div></div><div class="tab"><input type="radio" id="tab-2" name="tab-group-1"><label for="tab-2" style="margin-top: 42px;">two</label><div class="thcontent"><div class="thabout"><ul><li>AGE</li><li>BIRTH DATE</li><li>SEXUALITY</li></ul><ul><li style="width: 165px;">HOMETOWN</li><li>PLAY BY</li></ul><ul><li style="width: 250px;">MEMBER GROUP</li></ul><ul><li>TRAIT 1</li><li>TRAIT 2</li><li>TRAIT 3</li></ul></div></div><div class="tab"><input type="radio" id="tab-3" name="tab-group-1"><label for="tab-3" style="margin-top: 84px;">three</label><div class="thcontent"><div class="thappcontent">APP CONTENT GOES HERE. WILL SCROLL.</div></div></div></div></div><div style="font-size: 7px; text-transform: uppercase; font-family: georgia; letter-spacing: 1px; word-spacing: 3px;"><a href="http://shine.b1.jcink.com/index.php?showtopic=3546">[size=7]THEONS[/size]</a> [size=7]@ SHINE[/size]</div></center>
Nazaj na vrh Go down
Poglej uporabnikov profil
 

application

Poglej prejšnjo temo Poglej naslednjo temo Nazaj na vrh 
Stran 1 od 1

Permissions in this forum:Ne, ne moreš odgovarjati na teme v tem forumu
 :: i'm safe here in my room unless i try to start again :: character creation-