SHARE
TWEET

PFQ About - Tatsumaki

TheRaltsGoesSqueak Aug 9th, 2017 (edited) 612 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. [styleclass=background][
  2. ][styleclass=bar][css=margin-left:110px;]Username
  3. [size=10]One-line tagline[/size][/css][/styleclass][styleclass=bar2]+105rus[/styleclass][styleclass=icon][/styleclass][styleclass=tabbox][/styleclass][
  4.  
  5.  
  6. ][styleclass=maindiv][css=margin-top: -10px;][progress=3/5]don't remove this ;u;[/progress][css=font-size: 20px;text-align: center; font-weight: 700; font-family: Arial; margin-left: -125px;margin-top: 10px;]LEVEL
  7. [size=25]18[/size][/css][css=font-weight: 500; font-size: 14px;text-align: center; font-family: Arial; margin-left: 60px; margin-top: -60px;]bio: text
  8. bio: text
  9. bio: text[/css][/css]
  10. [hr][b]Info Box[/b]
  11. CONTENT HERE - make it like a short bio or something[/styleclass][
  12.  
  13.  
  14. ][styleclass=tabs][accordion]
  15. [a-section="[css=margin-top:4px;][tip=TAB 1]★[/tip][/css]"]TAB 1 CONTENT[/a-section]
  16. [a-section="[css=margin-top:4px;][tip=TAB 2]★[/tip][/css]"]TAB 2 CONTENT[/a-section]
  17. [a-section="[css=margin-top:4px;][tip=TAB 3]★[/tip][/css]"]TAB 3 CONTENT[/a-section]
  18. [a-section="[css=margin-top:4px;][tip=TAB 4]★[/tip][/css]"]TAB 4 CONTENT[/a-section]
  19. [a-section="[css=margin-top:4px;][tip=TAB 5]★[/tip][/css]"]TAB 5 CONTENT[/a-section]
  20. [a-section="[css=margin-top:4px;][tip=TAB 6]★[/tip][/css]"]TAB 6 CONTENT[/a-section]
  21. [/accordion][/styleclass][
  22. ][styleclass=cred]
  23. [url=https://pokefarm.com/forum/post/2544767]code[/url] *[url=https://www.pexels.com/photo/light-landscape-sunset-person-136415/]stock[/url]
  24. official TCG art[/styleclass][/styleclass]
  25.  
  26. [style]
  27. .background{
  28.   background-image: url("https://i.imgur.com/heJV95T.png");
  29.   width: 310px;
  30.   height: 389px;
  31.   position:relative;
  32. }
  33.  
  34. a:hover {
  35.     color: #9a9bc1;
  36.     text-decoration:none;
  37.     -webkit-transition: all .3s linear 0s;
  38.     -moz-transition: all .3s linear 0s;
  39.     -ms-transition: all .3s linear 0s;
  40.     -o-transition: all .3s linear 0s;
  41.     transition: all .3s linear 0s;
  42. }
  43. a {
  44.     color: black;
  45.     -webkit-transition: all .3s linear 0s;
  46.     -moz-transition: all .3s linear 0s;
  47.     -ms-transition: all .3s linear 0s;
  48.     -o-transition: all .3s linear 0s;
  49.     transition: all .3s linear 0s;
  50.  
  51. }
  52.  
  53. .icon {
  54. width: 81px;
  55. height: 81px;
  56. background-size: 81px 81px;
  57. background-image: url("https://i.imgur.com/9MqtWyz.png");
  58.  border: rgba(255,255,255,0.8) 2px solid;
  59.  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  60. border-radius: 0px;
  61. top: 60px;
  62. position: absolute;
  63. left: 13px
  64. }
  65. .bar{
  66. background: #2b2d30;
  67. color: #eaebeb;
  68. height: 25px;
  69. position: absolute;
  70. width: 288px;
  71. top: 97px;
  72. left: 5px;
  73. padding: 6px;
  74. font-family: calibri;
  75. font-size: 20px;
  76. font-weight: 900;
  77. line-height: 12px;
  78. }
  79. .bar2{
  80. background: #6274b4;
  81. color: #dde1ef;
  82. position: absolute;
  83. top: 134px;
  84. left: 5px;
  85. padding: 15px 15px 5px;
  86. height: 20px;
  87. width: 71px;
  88. text-align: center;
  89. font-size: 15px;
  90. line-height: 20px;
  91. }
  92. .tabbox{
  93. background: #4e5458;
  94. width: 101px;
  95. position: absolute;
  96. left: 5px;
  97. top: 174px;
  98. height: 210px;
  99. }
  100. .tabs {
  101. .panel h3 > a > svg {
  102.     display:none;
  103. }
  104. }
  105. .panel {
  106.    position: absolute;
  107. height: 0px;
  108. width: 120px;
  109. border-radius: 0px;
  110.     border: 0px;
  111. top: 170px;
  112. left: -43px;
  113. }
  114.  
  115. .tabs>.panel>h3 {
  116. margin: -50px;
  117. margin-bottom: -6px;
  118.   margin-top: 6px;
  119.   margin-left: 50px;
  120.   background: #1f2044;
  121. color: green;
  122. display: inline-block;
  123.  border: rgba(255,255,255,0.3) 2px solid;
  124. font-family: arial;
  125. border-radius: 100px;
  126. width: 20px;
  127. height: 20px;
  128. text-align: center;
  129.   -webkit-transition: background ease-in-out 0.2s;
  130.   transition: background ease-in-out 0.2s;
  131.   -o-transition: background ease-in-out 0.2s;
  132.   -moz-transition: background ease-in-out 0.2s;
  133.  
  134. }
  135.  
  136. .panel>h3:hover {
  137.  
  138. background-color: #3e3f85; }
  139.  
  140.  
  141.  
  142. .tabs .panel>h3 a {
  143.   color: #6e70ee;
  144.   font-size: 12px;
  145. }
  146.  
  147. .tabs .panel>h3 a:hover {
  148. color: #bebfee;
  149.  }
  150.  
  151. .tabs .panel>div {
  152. width: 189px;
  153. height: 240px;
  154. background: #e7e8ea;
  155. color: #474747;
  156. font-family: arial;
  157. font-size: 12px;
  158. position: absolute;
  159. top: -36px;
  160. left: 149px;
  161. padding: 5px;
  162. overflow: hidden;
  163. }
  164.  
  165.  
  166.  
  167. .maindiv{
  168. width: 189px;
  169. height: 240px;
  170. background: #e7e8ea;
  171. color: #474747;
  172. font-family: arial;
  173. font-size: 12px;
  174. position: absolute;
  175. top: 134px;
  176. left: 106px;
  177. padding: 5px;
  178. border-radius: 0px;
  179. overflow: hidden;
  180. }
  181.  
  182. .cred {
  183. position: absolute;
  184. line-height: 12px;
  185. font-family: calibri;
  186. font-size: 12px;
  187. color: #e3e3e3;
  188. top: 345px;
  189. width: 101px;
  190. left: 5px;
  191. background: none;
  192. text-align: center;
  193. }
  194.  
  195. .expbar{
  196. background-color: white;
  197.  border: 1px solid #ecebeb;
  198. border-radius: 0px;
  199. color:#474747;
  200. font-family: calibri;
  201.  box-shadow:  
  202.     0 0 0 1px #b3b2b2;
  203. }
  204. .expbar>div{
  205. background-color:#8c9fe0;
  206. border: white;  
  207. color:#474747;
  208. }
  209. hr {
  210.     display: block;
  211.     border: 1px solid #bababa;
  212. }
  213. .bbcode_tooltip {
  214. border: none;
  215. }
  216.  
  217. .tooltip_content {
  218. min-width: 50px;
  219.  margin-top: 10px;
  220.  font-size: 14px;
  221.   text-align: center;
  222.    font-family: calibri light;
  223. background: #2b2d30;
  224. color: white;
  225.  border: none;
  226. border-radius: 0px;
  227. }
  228. table {
  229. margin: 0px auto;
  230. border: 0px;
  231. }
  232. td {
  233. border: 0.5px solid #3e5252;
  234. background: #414347;
  235. color: #eaebeb;
  236. text-align: center;
  237. }
  238. th {
  239. border: 0px;
  240. background-color: #2b2d30;
  241. border: 1px solid #2b2d30;
  242. color: #eaebeb;
  243. text-align: center;
  244. padding: 2px;
  245. }
  246. [/style]
RAW Paste Data
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
Top