daily pastebin goal
10%
SHARE
TWEET

About Me personalized

Honey_Bear1996 Mar 18th, 2019 (edited) 195 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. [sc=bg][sc=box][sc=bar]Username Here[/sc]
  2. [/sc][/sc]
  3. [sc=divcolor][sc=tabbed_interface horizontal][ul]
  4.     [li]About Me[/li]
  5.     [li]More Info[/li]
  6.     [li]Pkmn[/li]
  7.     [li]Special[/li]
  8.     [li]Misc[/li]
  9. [/ul][
  10. [/ul][
  11. ][sc=tab-active]Birthday:
  12. Gender:
  13. Sexuality:
  14. Age:
  15. [/sc][
  16. ][sc=tab]More Info Here[/sc][
  17. ][sc=tab]Pkmn Here[/sc][
  18. ][sc=tab]Special Here[/sc][
  19. ][sc=tab]Misc Here[/sc][
  20. ][/sc]
  21.  
  22.  
  23. [/sc]
  24. [sc=icon][/sc][sc=cred][url=https://pokefarm.com/forum/post/3134767]code[/url]  * official TCG art[/sc]
  25.  
  26. [style]
  27. a:hover {
  28. color: #7d1e2c;
  29.     -webkit-transition: all .1s linear 0s;
  30. }
  31. a {
  32.     color: #441e2c;
  33.     -webkit-transition: all .1s linear 0s;
  34. }
  35. .bg{
  36. width: 310px;
  37. border-radius: 10px;
  38. height: 340px;
  39. background-image: linear-gradient(background gradient colors here);
  40. }
  41. .box{
  42. color: black;
  43. Background-image: none;
  44. border: none;
  45. border-radius: 10px;
  46. left: 8px; position: absolute;
  47. width: 300px;
  48. height: 300px;
  49. top: 8px;
  50. }
  51. .icon{
  52. position: absolute;
  53. background-size: cover;
  54. height: 135px;
  55. width: 98px;
  56. border-radius: 0px;
  57. border: 2px solid #BF0A30;
  58. border-radius: 5px;
  59. top: 15px;
  60. left: 198px;
  61. background-image: url("Profile picture url here");
  62. background-position:center;
  63. }
  64. .bar{
  65. position: absolute;
  66. left: 10px;
  67. top: 10px;
  68. height: 18px;
  69. width: 172px;
  70. padding: 2px;
  71. background-image: linear-gradient(background gradient colors here);
  72. text-align: center;
  73. border-radius: 10px;
  74. color: black;
  75. font-family: times;
  76. }
  77. .divcolor{
  78. position: absolute;
  79. top: 42px;
  80. left: 10px;
  81. height: 262px;
  82. width: 176px;
  83. background: rgba(255,255,255,0.5);
  84. border-radius: 10px;
  85. }
  86. .tabbed_interface{
  87. box-shadow:0 0 0 transparent;
  88. margin: 0;
  89. >ul {
  90. >li {
  91. border: 2px solid #BF0A30;
  92. border-radius: 10px;
  93. background: rgba(255,255,255,0.5);
  94. padding: 3px;
  95. margin: 1px;
  96. top: 104px;
  97. width: 84px;
  98. height: 15px;
  99. position: absolute;
  100. overflow: hidden;
  101. text-align: center;
  102.     color: black;
  103. font-size:14px;
  104. letter-spacing: 0.5px;
  105. font-family:Times;
  106. cursor: pointer;
  107. -webkit-transition: all .2s linear 0s;
  108.     -moz-transition: all .2s linear 0s;
  109.     -ms-transition: all .2s linear 0s;
  110.     -o-transition: all .2s linear 0s;
  111.     transition: all .2s linear 0s;
  112. }
  113. >li:nth-child(1) {
  114. left: 185px;
  115. top: 112px;
  116. }
  117. >li:nth-child(2) {
  118. left: 185px;
  119. top: 143px;
  120. }
  121. >li:nth-child(3) {
  122. left: 185px;
  123. top: 174px;
  124. }
  125. >li:nth-child(4) {
  126. left: 185px;
  127. top: 205px;
  128. }
  129. >li:nth-child(5) {
  130. left: 185px;
  131. top: 236px;
  132. }
  133. >li:nth-child(6) {
  134. left: 158px;
  135. top: 200px;
  136. }
  137. >li:nth-child(7) {
  138. left: 189px;
  139. top: 200px;
  140. }
  141. li:hover {
  142.     background-image: linear-gradient(background gradient colors here);
  143.     -webkit-transition: all .2s linear 0s;
  144.     -moz-transition: all .2s linear 0s;
  145.     -ms-transition: all .2s linear 0s;
  146.     -o-transition: all .2s linear 0s;
  147.     transition: all .2s linear 0s;
  148. }
  149. li{
  150. &.tab-active {
  151. color: black;
  152. background-image: linear-gradient(background gradient colors here);
  153. }}
  154. }
  155. >div {
  156. margin-top: 0px;
  157. height: 254px;
  158. width: 169px;
  159. border-radius: 10px;
  160. border: #008282;
  161. animation: 0.5s fade;
  162. min-height: 10px;
  163. text-align: center;
  164. position: relative;
  165. background: none;
  166. color: black;
  167. font-family: Times;
  168. letter-spacing: 0.5px;
  169. font-size: 14px;
  170. box-shadow:0 0 0 transparent;
  171. padding: 4px;
  172. overflow: hidden;
  173. }}
  174. .panel {
  175. border: none;
  176. background: none;
  177. font-family: times;
  178. box-shadow:0 0 0 transparent;
  179. &>h3 {
  180. background: #cc83d5;
  181. color: black;
  182. text-align: center;
  183. border-radius: 0px;
  184. border: none;
  185. font-size: 12px;
  186. border-radius: 10px 10px 0px 0px;
  187. }
  188. &>div {
  189. background: rgba(255,255,255,0.5);
  190. color: #441e2c;
  191. border-radius: 0px;
  192. border: 1px solid #cc83d5;
  193. border-top: none;
  194. border-radius: 0px 0px 5px 5px;
  195. }}
  196.  table {
  197.       margin: 0px auto;
  198.       border: 0px;
  199.       }
  200.     td {
  201.       border: 1px solid #cc83d5;
  202.      background: rgba(255,255,255,0.5);;
  203.       color: #441e2c;
  204.       text-align: center;
  205.       }
  206.     th {
  207.       border: 0px;
  208.       background-color: #cc83d5;
  209.       border: 1px solid #cc83d5;
  210.       padding: 3px;
  211.       color: #441e2c;
  212.       text-align: center;
  213.       }
  214. .expbar {
  215. border-radius: 0px;
  216. background: rgba(255,255,255,0.5);
  217. border: 1px solid #cc83d5;
  218. text-align: top;
  219. font-family: times;
  220. color: #441e2c;
  221. line-height: 15px;
  222. overflow: hidden;
  223. }
  224. .expbar div {
  225. background: #cc83d5;
  226. border: 0px;
  227. }
  228. .tooltip_content {
  229. font-size: 14px;
  230. text-align:center;
  231.  font-family: times;
  232. background: #f7d4c8;
  233. color: #441e2c;
  234. border-radius: 0px;
  235. border: 1px solid #803853;
  236. }
  237. span.bbcode_tooltip {
  238.     border-bottom: 1px dotted #803853;
  239. }
  240. ::selection {
  241.     color: white;
  242.     background: #e36393;
  243. }
  244. .cred{
  245. >a { color: white; }
  246.  color: white;
  247.     text-shadow:
  248.     -1px -1px 0 #150025,
  249.     1px -1px 0 #150025,
  250.     -1px 1px 0 #150025,
  251.     1px 1px 0 #150025;
  252. position: absolute;
  253. top: 325px;
  254. left: 10px;
  255. font-family: times;
  256. font-size: 12px;
  257. }
  258. [/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