tabbybutnotacat
Junior Member
[class=tcontain]height: 90px;
width: 500px;
background: #fff;
border-bottom: 1px solid #d8d8d8;
position: relative;
left: 0px;
top: 0px
[/class]
[class=timagecontain]height: 70px;
width: 70px;
padding: 10px;
border-right: 1px solid #d8d8d8;
position: relative
[/class]
[class=timage]height: 70px;
width: 70px;
background-image: url(https://66.media.tumblr.com/f498fc4fb1cb16f49a11cc14e1a61315/tumblr_pvdcfqdPer1uz76jno1_75sq.png);
background-size: 100%;
background-position:20% 10%;
filter: brightness(105%)
[/class]
[class=timage2]height: 100%;
width: 100%;
background-image: url(https://66.media.tumblr.com/26731e830e13b97edd66cf3859b9b4c0/tumblr_pvdcfqdPer1uz76jno2_r1_75sq.png);
background-size: 100%;
background-position: 100% 100%;
filter: brightness(95%);
opacity: 0;
transition: opacity 1.7s
[/class]
[class name=timage2 state=hover]opacity: 1
[/class]
[class=miniwords]padding: 11px;
width: 370px;
font-family:'Open Sans', sans-serif;
color: #7E8285;
font-weight: 600;
font-size: 16px;
position: relative;
top: -80px;
left: 95px
[/class]
[class=miniwords2]font-size: 11px;
font-weight: 400;
color: #acacac
[/class]
[class=tabcontainer]height: 169px;
width: 70px;
background: #fff;
text-align: center;
padding: 80px 10px 10px 10px;
border-right: 1px solid #d8d8d8;
line-height: 23px;
position: relative
[/class]
[class=tabs]width: 100%;
cursor: url(https://i.imgur.com/fkP02Jr.png), pointer;
color: #7E8285;
font-size: 13px;
position: relative;
line-height: 15px;
transition: 0.5s
[/class]
[class=slide]transform: translateY(-5px); transition: 0.7s
[/class]
[script class=first on=click]
hide tabsContent2
hide tabsContent3
hide tabsContent4
removeClass slide tabs
removeClass slide second
removeClass slide third
removeClass slide fourth
addClass slide first
fadeOut 600 tabsContent2
fadeOut 600 tabsContent3
fadeOut 600 tabsContent4
fadeOut 600 tabsContent1
fadeIn 800 tabsContent1[/script]
[script class=second on=click]
hide tabsContent1
hide tabsContent3
hide tabsContent4
removeClass slide tabs
removeClass slide first
removeClass slide third
removeClass slide fourth
addClass slide second
fadeOut 600 tabsContent1
fadeOut 600 tabsContent3
fadeOut 600 tabsContent4
fadeOut 600 tabsContent2
fadeIn 800 tabsContent2[/script]
[script class=third on=click]
hide tabsContent2
hide tabsContent1
hide tabsContent4
removeClass slide tabs
removeClass slide first
removeClass slide second
removeClass slide fourth
addClass slide third
fadeOut 600 tabsContent2
fadeOut 600 tabsContent1
fadeOut 600 tabsContent4
fadeOut 600 tabsContent3
fadeIn 800 tabsContent3[/script]
[script class=fourth on=click]
hide tabsContent2
hide tabsContent3
hide tabsContent1
removeClass slide tabs
removeClass slide first
removeClass slide second
removeClass slide third
addClass slide fourth
fadeOut 600 tabsContent2
fadeOut 600 tabsContent3
fadeOut 600 tabsContent1
fadeOut 600 tabsContent4
fadeIn 800 tabsContent4[/script]
[script class=first on=mouseenter]
addClass up hoverwordi
[/script]
[script class=first on=mouseleave]
removeClass up hoverwordi
[/script]
[script class=second on=mouseenter]
addClass up hoverwordii
[/script]
[script class=second on=mouseleave]
removeClass up hoverwordii
[/script]
[script class=third on=mouseenter]
addClass up hoverwordiii
[/script]
[script class=third on=mouseleave]
removeClass up hoverwordiii
[/script]
[script class=fourth on=mouseenter]
addClass up hoverwordiiii
[/script]
[script class=fourth on=mouseleave]
removeClass up hoverwordiiii
[/script]
[class=hoverwordi]width:100%;font-size: 10px; opacity: 0;position: absolute; top: 20px; left: 0px; text-transform:uppercase; transition: 1.0s
[/class]
[class=hoverwordii]width:100%;font-size: 10px; opacity: 0;position: absolute; top: 20px; left: 0px; text-transform:uppercase; transition: 1.0s
[/class]
[class=hoverwordiii]width:100%;font-size: 10px; opacity: 0;position: absolute; top: 20px; left: 0px; text-transform:uppercase; transition: 1.0s
[/class]
[class=hoverwordiiii]width:100%;font-size: 10px; opacity: 0;position: absolute; top: 20px; left: 0px; text-transform:uppercase; transition: 1.0s
[/class]
[class=up]transform: translateY(0px); opacity: 1; transition: 1.0s
[/class]
[class=div]height: 249px;
width: 399px;
padding: 5px;
position: absolute;
top: 91px;
left: 91px
[/class]
[class=overflow]height: 100%;
width: 100%;
padding-right: 25px;
overflow: auto;
cursor: url(https://i.imgur.com/fkP02Jr.png), auto
[/class]
[class=post]height: 205px;
width: 255px;
border: 1px solid #d8d8d8;
position: relative;
left: -11px;
top: 7px;
transition: 1s
[/class]
[class name=post state=hover]filter: saturate(130%) brightness(90%)
[/class]
[class=posttitle]height: 20px;
width: 235px;
background: white;
border-right: 1px solid #d8d8d8;
border-top: 1px solid #d8d8d8;
border-left: 1px solid #d8d8d8;
padding: 1px 10px 7px 10px;
font-family:'Open Sans', sans-serif;
font-size: 10px;
margin: auto;
position: relative;
top: 10px;
left: 10px
[/class]
[class=username]height: 13px;
font-size: 10px;
color: #7E8285;
display: inline-block
[/class]
[class name=username state=hover]border-bottom: 1px solid grey;
cursor: pointer
[/class]
[class=postimg]height: 17px;
width: 17px;
display: inline-block;
background-image: url(https://data.whicdn.com/avatars/23108971/thumb.jpg?t=1518127259);
background-size: 120%;
background-position: 0% 0%;
border-radius: 50%;
position: relative;
left: -3px;
top: 4px
[/class]
[class=date]display: inline-block;
float: right;
color: grey;
position: relative;
top: 5px
[/class]
[class=bottom]height: 30px;
width: 235px;
background: white;
border-right: 1px solid #d8d8d8;
border-bottom: 1px solid #d8d8d8;
border-left: 1px solid #d8d8d8;
padding: 5px 10px 15px 10px;
font-family:'Open Sans', sans-serif;
position: relative;
left: -11px;
top: 7px
[/class]
[class=quote]height: 15px;
border-left: 4px solid #d8d8d8;
padding: 0px 0px 0px 5px;
position: relative;
top: 5px
[/class]
[class=uppersquare]height: 25px;
width: 25px;
border-top: 1px solid #b1b4b5;
border-left: 1px solid #b1b4b5;
position: relative;
top: -40px;
left: -10px
[/class]
[class=lowersquare]height: 25px;
width: 25px;
border-bottom: 1px solid #b1b4b5;
border-right: 1px solid #b1b4b5;
position: relative;
top: 279px;
left: 248px
[/class]
[class=image]height: 96.5%;
width: 150px;
background-image: url(https://66.media.tumblr.com/763a2429133a99ceed587438b9b67659/tumblr_ps4k9hiuFY1qi238qo5_250.png);
background-size: 100%;
background-position: 25% 35%;
border: 5px solid #d8d8d8;
position: relative;
left: 0px;
top: 0px;
transition: 1s
[/class]
[class name=image state=hover]filter: saturate(120%) brightness(105%)
[/class]
[class=smalldiv]height: 90.5%;
width: 225px;
padding: 5px;
position: absolute;
top: 5px;
left: 170px
[/class]
[class=wordscontainer]height: 25px;
width: 100%;
padding: 5px 0px 10px 0px;
border-bottom: 1px solid white;
font-weight: 400;
font-size: 11px;
line-height:17px;
font-family:'Comfortaa', display;
[/class]
[class=nameword]display: inline-block;
font-size:12px;
font-weight: 700;
text-transform: uppercase
[/class]
[class=text]height: 195px;
width: 230px;
padding: 5px;
font-size: 11px;
text-align: justify;
overflow: hidden;
position: absolute;
top: 48px;
left: 0px
[/class]
[class=overfloow]height: 100%;
width: 105%;
padding-right: 40px;
overflow: auto
[/class]
[class=box]height:15px;padding:1px 5px 2px 5px;display:inline-block;color:black;background: #eaeaea;font-weight: 700
[/class]
[div class=tcontain]
[div class=timagecontain]
[div class=timage][div class=timage2]
[/div][/div]
[div class=miniwords]KinaThreeSixFive
[div class=miniwords2]Daily Vlogger, Model, Secretly a cat sent to take over the world[/div][/div][/div]
[div class=tabcontainer][div class=tabs][div class="first" style="height:20px;font-size:18px;transition:1s"][div class=hoverwordi]posts[/div][/div][/div]
[div class=tabs][div class="second" style="height:20px;font-size:18px;transition:1s"][div class=hoverwordii]requisite[/div][/div][/div]
[div class=tabs][div class="third" style="height:20px;font-size:18px;transition:1s"][div class=hoverwordiii]persona[/div][/div][/div]
[div class=tabs][div class="fourth" style="height:20px;font-size:18px;transition:1s"][div class=hoverwordiiii]biography[/div][/div][/div][/div] [div class=content][div class="tabsContent tabsContent1"] [div class=div style="overflow:hidden"][div class=overflow] [div class=posttitle][div class=postimg][/div] [div class=username]kinaxardis[/div] [div class=date]Febuary 23rd[/div] [div class=post style="background-image:url(https://66.media.tumblr.com/ce5e2149b78347b70d69f56030e5bfdc/tumblr_pdeuhrgtG31xybopqo6_400.png);background-size:110%"] [div class=uppersquare][div class=lowersquare][/div][/div][/div] [div class=bottom][div class=username]kinaxardis[/div] [div class=quote]The Sun is my #1 hater[/div][/div][/div]
[div class=posttitle style="top:280px"][div class=postimg][/div] [div class=username]kinaxardis[/div] [div class=date]November 18th[/div] [div class=post style="background-image:url(https://images3.alphacoders.com/738/738230.jpg);background-size:120%"] [div class=uppersquare][div class=lowersquare][/div][/div][/div] [div class=bottom][div class=username]kinaxardis[/div] [div class=quote]Simone was in her element today[/div][/div][/div]
[div class=posttitle style="top:555px"][div class=postimg][/div] [div class=username]kinaxardis[/div] [div class=date]August 4th[/div] [div class=post style="background-image:url(https://data.whicdn.com/images/222401410/large.jpg);background-size:110%"] [div class=uppersquare][div class=lowersquare][/div][/div][/div] [div class=bottom][div class=username]kinaxardis[/div] [div class=quote]New Vlog up! Link in desciprtion! #Day1ofCali[/div][/div][/div][/div] [/div][/div] [div class=content][div class="tabsContent tabsContent2" style="display: none"] [div class=div] [div class=image][/div] [div class=smalldiv][div class=wordscontainer][div class=nameword]Kina Ardis[/div]
General[/div] [div class=text][div class=overfloow] [div class=box]Name[/div] Kina Ardis
[div class=box]N.Name[/div] Kiki
[div class=box]Age:[/div] 25
[div class=box]Channel Name[/div] KinaThreeSixFive
[div class=box]Main Channel Type[/div] Daily vlogs
[div class=box]Second Channel Name[/div] KinaFiveSixThree
[div class=box]Channel Type[/div] sit down vidoes, gaming, whatever floats her boat
[div class=box]Subscriber Count[/div] 10.5m
[div class=box]Years Active[/div] 2011-present
[div class=box]Location [/div] Edinburgh[/div][/div][/div][/div] [/div][/div] [div class=content][div class="tabsContent tabsContent3" style="display: none"] [div class=div] [div class=image style="background-image:url(http://media-cache-ak0.pinimg.com/736x/18/e0/f7/18e0f7b5c7265cbd3213a0ef0e80438c.jpg);background-size:120%"][/div] [div class=smalldiv][div class=wordscontainer][div class=nameword]Kina Ardis[/div]
Persona[/div] [div class=text][div class=overfloow] [div class=box]Personality[/div] Kina is very easy going and fun. She loves to go on adventures and try new things. Kina is up for almost anything, whether it's a 1am flight to Japan or a spontanious Wagamama's trip. Kina is sweet and quirky, but if you get on her bad side it's a totally different story. Kina loves to meet her fans and tries her best to talk to them in the streets and do little spontaneous meets ups. Kina lives like nobody is watching her, she is wild, free and extroverted, but that's thanks to youtube. Before she started youtube Kina was quite shy and had social anxiety. Kina has a bit of a dirty mind, and a potty mouth, and she also drinks way more than a human probably should, but she loves her life. She tries to keep her vlogs real and show her real life, not just all the fun and good aspects. She also doesn't care about youtube's new guidelines because she has a Patreon that she also uploads all her videos to and some exclusive things as well that youtube won't allow. Kina is just looking to live her life to the fullest before she dies. [/div][/div][/div][/div] [/div][/div] [div class=content][div class="tabsContent tabsContent4" style="display: none"] [div class=div] [div class=image style="background-image:url(https://66.media.tumblr.com/feb29181c2d873b8db1ae3ef016b2744/tumblr_ph1ktwmtvH1v3ldhto7_250.png);background-size:100%;background-position:100% 0%"][/div] [div class=smalldiv][div class=wordscontainer][div class=nameword]Kina Ardis[/div]
Bio[/div] [div class=text][div class=overfloow] [div class=box]Background[/div] Kina was born in smaller city Scottland. When she was 17, she started up a Youtube Channel just to see if she could get anywhere with it. She started out slow, but by the time she started her first semester of college she was pretty popular. After her second semester, she decided college wasn't for her and became a full-time YouTuber. When she was 20 she moved to Edinburgh, and she's been living there since. Kina is pretty well known in the youtube community, and she has been to several playlists and videos and has several viral videos. Kina also started contributing to charities when she hit it big, and she works closely with several shelters and animal activist groups. She funds several shelters and owns quite a few animals herself, and is always up to foster. Several other YouTubers pitch in to help her with her cause, doing charity live streams with her and funding awareness projects. Kina has kept her personality and morals throughout her whole YouTube career. [/div][/div][/div][/div] [/div][/div] [/div][/div] [class=credit]height: 25px; width:500px; margin: auto; position: relative; top: 10px; font-size: 9px; color: grey [/class] [div class=credit]code by @diaphanous[/div]