SHARE
TWEET

About me for Vyzakine

TheRaltsGoesSqueak Feb 5th, 2017 (edited) 116 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. [styleclass=background][styleclass=icon][/styleclass][
  2.  
  3.  
  4. ][styleclass=tabbed_interface][
  5.  
  6.  
  7. ][ul][
  8. ][li]Info[/li][
  9. ][li]Currency[/li][
  10. ][li]Progress[/li][
  11. ][li]My shiny[/li][
  12. ][li]Links[/li][
  13. ][/ul][
  14.  
  15.  
  16.  
  17. ][styleclass=tab-active][
  18. ]TAB 1 CONTENT (don't mess with the brackets, BTW)[
  19. ][/styleclass][
  20.  
  21.  
  22.  
  23. ][styleclass=tab][
  24. ]TAB 2 CONTENT[
  25. ][/styleclass][
  26.  
  27.  
  28.  
  29.  
  30. ][styleclass=tab][
  31. ]TAB 3 CONTENT[
  32. ][/styleclass][
  33.  
  34. ][styleclass=tab][
  35. ]TAB 4 CONTENT[
  36. ][/styleclass][
  37.  
  38.  
  39.     ][styleclass=tab][
  40. ]TAB 5 CONTENT[
  41. ][/styleclass][
  42.  
  43.  
  44.     ][styleclass=tab][
  45. ]TAB 6 CONTENT[
  46. ][/styleclass][
  47. ][/styleclass][styleclass=cred]Coded by ToxicGluttony, for Vyzakine's use only, official TCG art[/styleclass][
  48.  
  49.  
  50.  
  51.  
  52.  
  53. ][/styleclass][
  54. ]
  55. [style]
  56. a {color: #fabd0d;letter-spacing:0.0px; -webkit-transition: all 0.2s ease-in-out;} a:hover {color: #91c2ef; letter-spacing: 1px; transition: all .2s ease-in;} a {text-decoration:underline;}
  57. .panel{
  58. background-color:rgba(255,255,255,.5);
  59. border:0px;
  60. border-radius:5px;
  61. width: 230px;
  62. margin-left: 28px;
  63. &>h3{
  64. background: #4b4d4e;
  65. border-bottom: 1px solid #932138;
  66. font-size: 13px;
  67. color: #fabd0d;
  68. text-align: center;
  69. }
  70. &>div{
  71. color: #91c2ef;
  72. background: #4b4d4e;
  73. }}
  74. .background{
  75. width: 310px;
  76. border: 1px transparent solid;
  77. background: #646566;
  78. background-position: center;
  79. background-image: url('https://i.imgur.com/wcvD1nU.png');
  80.  
  81. }
  82. .tabbed_interface{
  83. margin: 0;
  84. >ul {
  85. width: 50px;
  86. >li {
  87. position: relative;
  88. cursor: pointer;
  89. width: 100px;
  90. padding: 0;
  91. line-height: 20px;
  92. height: 20px;
  93. background: #4b4d4e;
  94. text-align: center;
  95. text-align: center;
  96. font-family: Times;
  97. color: #91c2ef;
  98. border-color: #4b4d4e;
  99. border-radius: 100px;
  100. left: 10px;
  101. -webkit-transition: width 1s;
  102. }
  103. li:hover {
  104.  
  105. width: 130px;
  106. -webkit-transition: width 0.5s;
  107. }
  108. >li {
  109. &.tab-active {
  110. color: #fabd0d;
  111. }}
  112. >li:nth-child(1) {
  113. position: absolute;
  114. top: 20px;
  115. left: 142px;
  116. border-top-left-radius: 0px;
  117. }
  118. >li:nth-child(2) {
  119. position: absolute;
  120. top: 55px;
  121. left:  168px;
  122.  
  123. }
  124. >li:nth-child(3) {
  125. position: absolute;
  126. top: 89px;
  127. left:  176px;
  128. }
  129. >li:nth-child(4) {
  130. position: absolute;
  131. top: 123px;
  132. left:  168px;
  133. }
  134. >li:nth-child(5) {
  135. position: absolute;
  136. top: 157px;
  137. left:  138px;
  138. border-bottom-left-radius: 0px;
  139.  
  140.  
  141. }}
  142. >div {
  143. border-radius: 0;
  144. border: 1px solid #1d1d1d;
  145. border-radius: 20px;
  146. background: #2a2a2a;
  147. color: #fabd0d;
  148. min-height: 10px;
  149. text-align: center;
  150. position: relative;
  151. width: 288px;
  152. margin: 190px;
  153. margin-left: 5px;
  154. margin-bottom: 5px;
  155. font-family: tahoma;
  156. font-size: 13px;
  157. animation: fade 0.5s;
  158. }}
  159. th {
  160. background: #4b4d4e;
  161. text-align:center;
  162. }
  163. table,th,td,{
  164. border: 1px solid #1d1d1d;
  165. background-color: #4b4d4e;
  166. margin: 0 auto;
  167. font-family: tahoma;
  168. color: #91c2ef;
  169. }
  170. .expbar {
  171. width: 90%;
  172. left: 0px;
  173. background: #3a3a3a;
  174. border:1px solid #1d1d1d;
  175. text-align: top;
  176. font-family: tahoma;
  177. color: #91c2ef;
  178. overflow: hidden;
  179. }
  180. .expbar div {
  181. background: #4b4d4e;
  182.     border: 0px;
  183. }
  184. .tooltip_content {
  185.   font-size: 13px;
  186.   text-align:center;
  187.    font-family: tahoma;
  188.  min-width: 100px;
  189.   background: #4b4d4e;
  190.   color: #91c2ef;
  191.  border: 1px dotted #1d1d1d;
  192. }
  193. span.bbcode_tooltip {
  194.     border-bottom: 1px solid #91c2ef;
  195.  
  196. }
  197. .cred{
  198. position: relative;
  199. margin-top: -4px;
  200. font-size: 7pt;
  201. color: white;
  202. font-family: times;
  203. text-align: center;
  204. }
  205. .icon{
  206. height: 150px;
  207. width: 150px;
  208. background-size: 150px 150px;
  209. background-position: top;
  210. border: 14px solid #4b4d4e;
  211. border-radius: 100px;
  212. top: 9px;
  213. left: 10px;
  214. position: absolute;
  215. background-image: url("https://i.imgur.com/9U7yKPL.jpg");
  216. }
  217. [/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