API tools faq
paste
CartoonCartoons

Minase

CartoonCartoons
Aug 18th, 2020
54
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.68 KB | None | 0 0
raw download clone embed print report
  1. PLEASE DO NOT COPY AND PASTE THE WHOLE CODE, READ IT
  2.  
  3.  
  4.  
  5.  
  6. -------- PLACE INTO STYLE ---------
  7.  
  8. @import url('//fonts.googleapis.com/css?family=Pirata One');
  9. @import url('//fonts.googleapis.com/css?family=Teko');
  10. @import url('//fonts.googleapis.com/css?family=Ruslan Display');
  11. @import url('//fonts.googleapis.com/css?family=Zilla Slab Highlight');
  12. @import url('//fonts.googleapis.com/css?family=Audiowide');
  13. @import url('//fonts.googleapis.com/css?family=');
  14.  
  15. ::-webkit-scrollbar {width: .3vw; height: 1vw; background: #; }
  16. ::-webkit-scrollbar-thumb { background-color:#; border-radius:5vw;}
  17.  
  18. a:link, a:visited, a:active{color: #0F1725; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;text-shadow:0px 0px 0px #000;}
  19.  
  20. a:hover { color: #fff; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; }
  21.  
  22. h1 {color: #5F7995;text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;text-align: center;font-family:'Ruslan Display', sans-serif;font-size: 35px;line-height:15px;}
  23.  
  24. h2 {color: #0B111D;text-align: left;font-family:'Zilla Slab Highlight', sans-serif;font-size: 20px;line-height:25px;letter-spacing:1px;display:inline;}
  25.  
  26. i {color:#0B111D;font-style: italic;text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;}
  27.  
  28. b {color:#0B111D;font-style: bold;text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;}
  29.  
  30. body{overflow:hidden;background-image: linear-gradient(to right, #000, #476994);}
  31.  
  32. @-webkit-keyframes action {0% { transform: translateY(0); }100% { transform: translateY(-10px); }}
  33. @keyframes action {0% { transform: translateY(0); }100% { transform: translateY(-30px); }}
  34.  
  35. .overlay{position:absolute;left:0px;bottom:0px;width:100%; height:100%;background-image:url(https://media3.giphy.com/media/3o6vXRxrhj7Ov94Gbu/giphy.gif);z-index:2;opacity:.3;}
  36.  
  37. #content {position: fixed;left: 0px;top: 0px; right: 0px; bottom: 0px;}
  38.  
  39. #switch{position:absolute;left:-100%;top:-100%;}
  40.  
  41. #switch + label {position: absolute;z-index: 100;height:40px;width:40px;left:670px;bottom:17px;background-color:#000;box-shadow:0px 0px 3px #000;position: absolute;margin: 0;opacity: 1;transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;cursor: help;}
  42.  
  43. #switch + label:hover {position: absolute;z-index: 100;height:40px;width:40px;left:670px;bottom:17px;background-color:#fff;box-shadow:0px 0px 3px #fff;position: absolute;margin: 0;transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
  44.  
  45. #switch:checked + label {position:absolute;height:40px;width:40px;left:330px;bottom:32px;background-color:#000;box-shadow:0px 0px 3px #000;opacity:1;z-index: 25;transition: all 1.5s ease-in-out;-moz-transition: all 1.5s ease-in-out;-ms-transition: all 1.5s ease-in-out;-o-transition: all 1.5s ease-in-out;transition: all 1.5s ease-in-out;cursor: help;-webkit-transform: scaleX(-1);
  46. transform: scaleX(-1);}
  47.  
  48. .avatar{position:absolute;background-image:url(https://i.imgur.com/opZ1Lmw.png);background-size:100%;background-repeat:no-repeat;width:350px;height:250px;border:2px solid #000;box-shadow:0px 0px 3px #000;left:10px;bottom:10px;z-index:2;opacity:1;transition: all 1.5s ease-out;-moz-transition: all 1.5s ease-out;-ms-transition: all 1.5s ease-out;-o-transition: all 1.5s ease-out;transition: all 1.5s ease-out;}
  49. #switch:checked ~ .avatar{left:-1500px;position: absolute;z-index:2;opacity: 1;transition: all 1.5s ease-out;-moz-transition: all 1.5s ease-out;-ms-transition: all 1.5s ease-out;-o-transition: all 1.5s ease-out;transition: all 1.5s ease-out;}
  50.  
  51. .ooc{position:absolute;left:366px;bottom:10px;width:350px;height:250px;background-image:url(https://www.transparenttextures.com/patterns/brick-wall.png);border:2px solid #000;box-shadow:0px 0px 3px #000;background-color:#1D2A3C;z-index:3;opacity:1;transition: all 1.5s ease-out;-moz-transition: all 1.5s ease-out;-ms-transition: all 1.5s ease-out;-o-transition: all 1.5s ease-out;transition: all 1.5s ease-out;}
  52. #switch:checked ~ .ooc{left:-1500px;position: absolute;z-index:3;opacity: 1;transition: all 1.5s ease-out;-moz-transition: all 1.5s ease-out;-ms-transition: all 1.5s ease-out;-o-transition: all 1.5s ease-out;transition: all 1.5s ease-out;}
  53.  
  54. .ooct{position:absolute;left:376px;bottom:20px;width:330px;height:230px;overflow-y:scroll;z-index:4;opacity:1;border-radius:5px;font-family:'Teko';font-size:22px;line-height:19px;color:#000;transition: all 1.5s ease-out;-moz-transition: all 1.5s ease-out;-ms-transition: all 1.5s ease-out;-o-transition: all 1.5s ease-out;transition: all 1.5s ease-out;}
  55. #switch:checked ~ .ooct{left:-1500px;position: absolute;z-index:4;opacity: 1;transition: all 1.5s ease-out;-moz-transition: all 1.5s ease-out;-ms-transition: all 1.5s ease-out;-o-transition: all 1.5s ease-out;transition: all 1.5s ease-out;}
  56.  
  57. .title{position:absolute;z-index:4;left:20px;bottom:255px;font-size:60px;line-height:60px;font-family:'Pirata One';background: -webkit-linear-gradient(#B3D2E0, #344C6F);
  58. -webkit-background-clip: text;
  59. -webkit-text-fill-color: transparent;text-align:center;-webkit-transition: all 1s;opacity:1;transition: all 1.5s ease-out;-moz-transition: all 1.5s ease-out;-ms-transition: all 1.5s ease-out;letter-spacing:24px;}
  60. #switch:checked ~ .title{left:-1500px;position: absolute;z-index:4;opacity: 1;transition: all 1.5s ease-out;-moz-transition: all 1.5s ease-out;-ms-transition: all 1.5s ease-out;-o-transition: all 1.5s ease-out;transition: all 1.5s ease-out;}
  61.  
  62. .titlea{position:absolute;z-index:3;left:20px;bottom:255px;font-size:60px;line-height:60px;font-family:'Pirata One';text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;text-align:center;-webkit-transition: all 1s;opacity:1;transition: all 1.5s ease-out;-moz-transition: all 1.5s ease-out;-ms-transition: all 1.5s ease-out;letter-spacing:24px;}
  63. #switch:checked ~ .titlea{left:-1500px;position: absolute;z-index:3;opacity: 1;transition: all 1.5s ease-out;-moz-transition: all 1.5s ease-out;-ms-transition: all 1.5s ease-out;-o-transition: all 1.5s ease-out;transition: all 1.5s ease-out;}
  64.  
  65. .title2{position:absolute;z-index:4;left:2500px;bottom:303px;font-size:80px;line-height:60px;font-family:'Ruslan Display';text-align:center;background-image:url(https://thumbs.gfycat.com/PlainRepentantCheetah-size_restricted.gif);background-position:0% 50%;-webkit-background-clip: text; -webkit-text-fill-color: transparent;-webkit-transition: all 1s;opacity:1;transition: all 1.5s ease-out;-moz-transition: all 1.5s ease-out;-ms-transition: all 1.5s ease-out;}
  66. #switch:checked ~ .title2{left:40px;position: absolute;z-index:4;opacity: 1;transition: all 1.5s ease-out;-moz-transition: all 1.5s ease-out;-ms-transition: all 1.5s ease-out;-o-transition: all 1.5s ease-out;transition: all 1.5s ease-out;}
  67.  
  68. .title2a{position:absolute;z-index:3;left:2500px;bottom:303px;font-size:80px;line-height:60px;font-family:'Ruslan Display';text-align:center;text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;-webkit-transition: all 1s;opacity:1;transition: all 1.5s ease-out;-moz-transition: all 1.5s ease-out;-ms-transition: all 1.5s ease-out;}
  69. #switch:checked ~ .title2a{left:40px;position: absolute;z-index:3;opacity: 1;transition: all 1.5s ease-out;-moz-transition: all 1.5s ease-out;-ms-transition: all 1.5s ease-out;-o-transition: all 1.5s ease-out;transition: all 1.5s ease-out;}
  70.  
  71. .title3{position:absolute;z-index:4;left:2500px;bottom:150px;font-size:30px;line-height:30px;width:310px;font-family:'Uncial Antiqua';text-align:center;background: -webkit-linear-gradient(#A5C3D3, #4C6584);
  72. -webkit-background-clip: text;
  73. -webkit-text-fill-color: transparent;-webkit-transition: all 1s;opacity:1;transition: all 1.5s ease-out;-moz-transition: all 1.5s ease-out;-ms-transition: all 1.5s ease-out;}
  74. #switch:checked ~ .title3{left:350px;position: absolute;z-index:4;opacity: 1;transition: all 1.5s ease-out;-moz-transition: all 1.5s ease-out;-ms-transition: all 1.5s ease-out;-o-transition: all 1.5s ease-out;transition: all 1.5s ease-out;}
  75.  
  76. .title3a{position:absolute;z-index:3;left:2500px;bottom:150px;font-size:30px;line-height:30px;width:310px;font-family:'Uncial Antiqua';text-align:center;text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;-webkit-transition: all 1s;opacity:1;transition: all 1.5s ease-out;-moz-transition: all 1.5s ease-out;-ms-transition: all 1.5s ease-out;}
  77. #switch:checked ~ .title3a{left:350px;position: absolute;z-index:3;opacity: 1;transition: all 1.5s ease-out;-moz-transition: all 1.5s ease-out;-ms-transition: all 1.5s ease-out;-o-transition: all 1.5s ease-out;transition: all 1.5s ease-out;}
  78.  
  79. .minase{position:absolute;width:420px;height:300px;left:2500px;bottom:12px;background-image:url(http://i.picpar.com/2NOe.png);background-size:100%;background-repeat:no-repeat;opacity:0;border-radius:0px 210px 0px 0px;z-index:4;transition: all 1.5s ease-out;-moz-transition: all 1.5s ease-out;-ms-transition: all 1.5s ease-out;-o-transition: all 1.5s ease-out;transition: all 1.5s ease-out;}
  80. #switch:checked ~ .minase{left:610px;position: absolute;z-index:4;opacity: 1;transition: all 1.5s ease-out;-moz-transition: all 1.5s ease-out;-ms-transition: all 1.5s ease-out;-o-transition: all 1.5s ease-out;transition: all 1.5s ease-out;}
  81.  
  82. .mainbox{position:absolute;left:2500px;bottom:10px;width:1000px;height:300px;background-color:#1F2D3E;box-shadow:7px -5px 2px #000;border-radius:5px 200px 5px 5px;border:2px solid #000;opacity:0;background-image:url(https://www.transparenttextures.com/patterns/hexellence.png);z-index:3;transition: all 1.5s ease-out;-moz-transition: all 1.5s ease-out;-ms-transition: all 1.5s ease-out;-o-transition: all 1.5s ease-out;transition: all 1.5s ease-out;}
  83. #switch:checked ~ .mainbox{left:10px;position: absolute;z-index:3;opacity: .9;transition: all 1.5s ease-out;-moz-transition: all 1.5s ease-out;-ms-transition: all 1.5s ease-out;-o-transition: all 1.5s ease-out;transition: all 1.5s ease-out;}
  84.  
  85. .sidep{position:absolute;background-image:url(https://i.imgur.com/VeM1BRu.png);background-repeat:no-repeat;background-position:50% 50%;background-size:100%;width:280px;height:280px;left:2500px;bottom:20px;border:2px solid #000;box-shadow:4px -3px 1px #000;background-size:cover;background-color:#474354;border-radius:5px;opacity:0;z-index:3;transition: all 1.5s ease-out;-moz-transition: all 1.5s ease-out;-ms-transition: all 1.5s ease-out;-o-transition: all 1.5s ease-out;transition: all 1.5s ease-out;}
  86. #switch:checked ~ .sidep{left:20px;position: absolute;z-index:3;opacity: .8;transition: all 1.5s ease-out;-moz-transition: all 1.5s ease-out;-ms-transition: all 1.5s ease-out;-o-transition: all 1.5s ease-out;transition: all 1.5s ease-out;}
  87.  
  88. #tab1,#tab2,#tab3,#tab4,#tab5{opacity:0;}
  89.  
  90. #tabbed1,#tabbed2,#tabbed3,#tabbed4,#tabbed5{opacity: 0;position: absolute;transition: all 1.5s ease-in-out;-moz-transition: all 1.5s ease-in-out;-ms-transition: all 1.5s ease-in-out;-o-transition: all 1.5s ease-in-out;transition: all 1.5s ease-in-out;background-color:#10151B;border:2px solid #000;box-shadow:4px -3px 1px #000;border-radius:5px;height:0px;width:360px;bottom:90px;left:325px;color:#A3C1D1;text-shadow:0px 0px 2px #A3C1D1;font-family:'Teko', sans-serif;font-size: 19px;line-height: 18px;width:350px;height:0px;overflow-y:scroll;left:0px;padding:5px;border-radius:5px;bottom:0px;}
  91.  
  92. #Tab1:checked ~ #topt #tabbed1,
  93. #Tab2:checked ~ #topt #tabbed2,
  94. #Tab3:checked ~ #topt #tabbed3,
  95. #Tab4:checked ~ #topt #tabbed4,
  96. #Tab5:checked ~ #topt #tabbed5{height:190px;left:0px;opacity: 1;z-index:10;}
  97.  
  98. #Tab1:checked ~ .sidep,#Tab1:checked ~ .sidep{
  99. background-image:url(https://i.imgur.com/eK7tsQ4.png);background-size:cover;opacity:1;z-index:4;transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
  100.  
  101. #Tab2:checked ~ .sidep,#Tab2:checked ~ .sidep{
  102. background-image:url(https://i.imgur.com/4V6St2f.png);background-size:cover;background-position:50% 50%;opacity:1;z-index:4;transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
  103.  
  104. #Tab3:checked ~ .sidep,#Tab3:checked ~ .sidep{
  105. background-image:url(https://i.imgur.com/XgHCtJc.png);background-size:cover;background-color:#666;opacity:1;z-index:4;transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
  106.  
  107. #Tab4:checked ~ .sidep,#Tab4:checked ~ .sidep{
  108. background-image:url(https://i.imgur.com/lMfih34.png);background-size:cover;background-position:60% 50%;background-color:#666;opacity:1;z-index:4;transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
  109.  
  110. .holder{position:absolute;z-index:4;opacity:0;left:2500px;bottom:17px;transition: all 1.5s ease-out;-moz-transition: all 1.5s ease-out;-ms-transition: all 1.5s ease-out;-o-transition: all 1.5s ease-out;transition: all 1.5s ease-out;}
  111. #switch:checked ~ .holder{left:380px;z-index:10;opacity: 1;transition: all 1.5s ease-out;-moz-transition: all 1.5s ease-out;-ms-transition: all 1.5s ease-out;-o-transition: all 1.5s ease-out;transition: all 1.5s ease-out;}
  112.  
  113. .button{background-image:url(https://i.imgur.com/bNkzVLL.png);background-size:100%;height:70px;Width:70px;position:absolute;border-radius:2px;opacity:1;z-index:10;left:0px;bottom:0px;transition: all .5s ease-out;-moz-transition: all .5s ease-out;-ms-transition: all .5s ease-out;-o-transition: all .5s ease-out;transition: all .5s ease-out;cursor: help;}
  114. .button:hover{background-image:url(https://i.imgur.com/1GvYyVg.png);transition: all .5s ease-out;-moz-transition: all .5s ease-out;-ms-transition: all .5s ease-out;-o-transition: all .5s ease-out;transition: all .5s ease-out;}
  115.  
  116. .button2{background-image:url(https://i.imgur.com/bNkzVLL.png);background-size:100%;height:70px;Width:70px;position:absolute;border-radius:2px;opacity:1;z-index:10;left:55px;bottom:0px;transition: all .5s ease-out;-moz-transition: all .5s ease-out;-ms-transition: all .5s ease-out;-o-transition: all .5s ease-out;transition: all .5s ease-out;cursor: help;}
  117. .button2:hover{background-image:url(https://i.imgur.com/1GvYyVg.png);transition: all .5s ease-out;-moz-transition: all .5s ease-out;-ms-transition: all .5s ease-out;-o-transition: all .5s ease-out;transition: all .5s ease-out;}
  118.  
  119. .button3{background-image:url(https://i.imgur.com/bNkzVLL.png);background-size:100%;height:70px;Width:70px;position:absolute;border-radius:2px;opacity:1;z-index:10;left:110px;bottom:0px;transition: all .5s ease-out;-moz-transition: all .5s ease-out;-ms-transition: all .5s ease-out;-o-transition: all .5s ease-out;transition: all .5s ease-out;cursor: help;}
  120. .button3:hover{background-image:url(https://i.imgur.com/1GvYyVg.png);transition: all .5s ease-out;-moz-transition: all .5s ease-out;-ms-transition: all .5s ease-out;-o-transition: all .5s ease-out;transition: all .5s ease-out;}
  121.  
  122. .button4{background-image:url(https://i.imgur.com/bNkzVLL.png);background-size:100%;height:70px;Width:70px;position:absolute;border-radius:2px;opacity:1;z-index:10;left:165px;bottom:0px;transition: all .5s ease-out;-moz-transition: all .5s ease-out;-ms-transition: all .5s ease-out;-o-transition: all .5s ease-out;transition: all .5s ease-out;cursor: help;}
  123. .button4:hover{background-image:url(https://i.imgur.com/1GvYyVg.png);transition: all .5s ease-out;-moz-transition: all .5s ease-out;-ms-transition: all .5s ease-out;-o-transition: all .5s ease-out;transition: all .5s ease-out;}
  124.  
  125. .button5{background-image:url(https://i.imgur.com/bNkzVLL.png);background-size:100%;height:70px;Width:70px;position:absolute;border-radius:2px;opacity:1;z-index:10;left:220px;bottom:0px;transition: all .5s ease-out;-moz-transition: all .5s ease-out;-ms-transition: all .5s ease-out;-o-transition: all .5s ease-out;transition: all .5s ease-out;cursor: help;}
  126. .button5:hover{background-image:url(https://i.imgur.com/1GvYyVg.png);transition: all .5s ease-out;-moz-transition: all .5s ease-out;-ms-transition: all .5s ease-out;-o-transition: all .5s ease-out;transition: all .5s ease-out;}
  127.  
  128. #topt{width:350px;height:0px;bottom:90px;left:325px;position:absolute;border-radius:5px;}
  129.  
  130. #topt{opacity: 1; transition: all 1.5s; -webkit-transition: all 1.5s;}
  131.  
  132. #topt{opacity: 0; transition: all 1.5s; -webkit-transition: all 1.5s;}
  133.  
  134. #switch:checked ~ #topt{opacity: 1;}
  135.  
  136. .icon{border-radius:5px;width:80px; height:80px;border:3px solid #000;box-shadow:1px 1px 3px #000;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;}.icon:hover{border:2px solid #fff;box-shadow:1px 1px 3px #fff;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;}
  137.  
  138. .credit{position:absolute;right:2px;bottom:0px;z-index:100;font-family:'Audiowide';font-size:15px;}
  139.  
  140. -------------- END STYLE ----------------
  141.  
  142.  
  143.  
  144.  
  145. ----------PLACE INTO BODY----------------
  146.  
  147. <div id="content" >
  148. <input type="checkbox" name="toggle" id="switch" /><label for="switch"></label>
  149.  
  150.  
  151. <input type="radio" name="HubSwitch" id="Tab1">
  152. <input type="radio" name="HubSwitch" id="Tab2">
  153. <input type="radio" name="HubSwitch" id="Tab3">
  154. <input type="radio" name="HubSwitch" id="Tab4">
  155. <input type="radio" name="HubSwitch" id="Tab5">
  156.  
  157. <div class="overlay"></div>
  158. <div class="avatar"></div>
  159. <div class="minase"></div>
  160. <div class="mainbox"></div>
  161. <div class="sidep"></div>
  162. <div class="title">Out of Character</div>
  163. <div class="titlea">Out of Character</div>
  164.  
  165. <div class="title2">Taki Minase</div>
  166. <div class="title2a">Taki Minase</div>
  167.  
  168. <div class="title3">Minase unsuccessfully tried to ditch going to the art club with Imari. . .</div>
  169. <div class="title3a">Minase unsuccessfully tried to ditch going to the art club with Imari. . .</div>
  170.  
  171. <div class="textb"></div><div class="textb2"></div><div class="textb3"></div><div class="textb4"></div>
  172.  
  173. <div class="ooc"></div>
  174.  
  175. <div class="ooct">
  176.  
  177. ○ ooc goes here<BR>
  178. ○ ooc goes here<BR>
  179. ○ ooc goes here<BR>
  180. ○ ooc goes here<BR>
  181. ○ ooc goes here<BR>
  182.  
  183. To enter the main profile, click on the black square to enter the main profile.<br><br>
  184.  
  185. Profile coded by <a target="_blank" href="https://roleplay.chat/profile.php?user=ReverieStyles" target="_blank">RStyles</a>. Hit them up if you're interested in a code.</div>
  186.  
  187. <div id="topt">
  188. <div id="tabbed1">
  189. <h1>title</h1>
  190.  
  191. this is normal text<bR>
  192. <i>italics</i> - <b>bold</b><br>
  193. <a href="" target="_blank">link</a><bR>
  194.  
  195.  
  196. <h2>side title</h2> : words line up right beside this, so you could use this for super powers, or abilities, ect.
  197. </div>
  198.  
  199. <div id="tabbed2">
  200. <h1>title 2</h1>
  201.  
  202. </div>
  203.  
  204. <div id="tabbed3">
  205. <h1>title 3</h1>
  206.  
  207. </div>
  208.  
  209. <div id="tabbed4">
  210.  
  211. <h1>title 4</h1>
  212. <Center>
  213.  
  214. <a target="_blank" href="friend link goes here" target="_blank" ><img src="https://i.imgur.com/eK7tsQ4.png" class="icon"></a>
  215.  
  216. <a target="_blank" href="friend link goes here" target="_blank" ><img src="https://i.imgur.com/eK7tsQ4.png" class="icon"></a>
  217.  
  218. <a target="_blank" href="friend link goes here" target="_blank" ><img src="https://i.imgur.com/eK7tsQ4.png" class="icon"></a>
  219.  
  220. <a target="_blank" href="friend link goes here" target="_blank" ><img src="https://i.imgur.com/eK7tsQ4.png" class="icon"></a>
  221.  
  222. <a target="_blank" href="friend link goes here" target="_blank" ><img src="https://i.imgur.com/eK7tsQ4.png" class="icon"></a>
  223.  
  224. <a target="_blank" href="friend link goes here" target="_blank" ><img src="https://i.imgur.com/eK7tsQ4.png" class="icon"></a>
  225.  
  226. </center>
  227. </div></div>
  228.  
  229. <div class="holder">
  230. <label for="Tab1"><div class="button"></div></label>
  231. <label for="Tab2"><div class="button2"></div></label>
  232. <label for="Tab3"><div class="button3"></div></label>
  233. <label for="Tab4"><div class="button4"></div></label>
  234. <label for="Tab5"><div class="button5"></div></label>
  235. </div>
  236.  
  237. <div class="credit"><a target="_blank" href="https://roleplay.chat/profile.php?user=ReverieStyles" style="color:#fff;text-shadow:0px 0px 5px #fff" target="_blank"><img src="http://i.picpar.com/xRMe.png" style="width:40px; height:40px;">@Panda-Codes</a></div>
  238.  
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!