TheRaltsGoesSqueak

PFQ About - "Just Like Heaven" (Dark)

Nov 20th, 2017
658
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. [sc=bg][sc=icon-border][/sc][sc=icon][/sc][sc=box]You, soft and only,
  2. You lost and lonely
  3. You, strange as angels
  4. Dancing in the deepest oceans
  5. Twisting in the water
  6. You're just like a dream
  7. [/sc][sc=tabbox][sc=tabbed_interface horizontal][ul]
  8. [li]Tab 1[/li]
  9. [li]Tab 2[/li]
  10. [li]Tab 3[/li]
  11. [li]Tab 4[/li]
  12. [/ul][
  13. ][sc=tab-active]TAB 1 CONTENT[/sc][
  14. ][sc=tab]TAB 2 CONTENT[/sc][
  15. ][sc=tab]TAB 3 CONTENT[/sc][
  16. ][sc=tab]TAB 4 CONTENT[/sc][
  17. ][/sc][/sc][url=https://pokefarm.com/forum/post/2954147]code[/url] * official TCG art[/sc]
  18. [style]
  19. a:hover {
  20. color: #f06b7d;
  21. -webkit-transition: all .1s linear 0s;
  22. }
  23. a {
  24. color: white;
  25. -webkit-transition: all .1s linear 0s;
  26. }
  27. .bg{
  28. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(144,62,168,1)), color-stop(100%, #341b40));
  29. padding: 4px;
  30. font: 10px calbri light;
  31. color: white;
  32. text-shadow: 0 0 8px magenta;
  33. }
  34. .icon-border{
  35. position: absolute;
  36. height: 90px;
  37. width: 90px;
  38. border-radius: 5px;
  39. top: 6px;
  40. left: 214px;
  41. background-color:rgba(0,0,0,0.5);
  42. }
  43. .icon{
  44. position: absolute;
  45. background-size: 80px 80px;
  46. height: 80px;
  47. width: 80px;
  48. border-radius: 5px;
  49. top: 11px;
  50. left: 219px;
  51. background-image: url("https://i.imgur.com/ZTgWeO9.png");
  52. }
  53. .box{
  54. line-height: 13px;
  55. background-color:rgba(0,0,0,0.5);
  56. color: white;
  57. text-shadow: 0 0 8px magenta;
  58. font-family: calibri light;
  59. position: absolute;
  60. padding: 4px;
  61. top: 6px;
  62. left: 6px;
  63. height: 82px;
  64. width: 194px;
  65. font-size: 13px;
  66. overflow: hidden;
  67. font-style: italic;
  68. text-align: center;
  69. }
  70. .tabbed_interface{
  71. margin: 0;
  72. box-shadow:0 0 0 transparent;
  73. >ul {
  74. background: none;
  75.  
  76. border: none;
  77. >li {
  78. border-radius: 5px;
  79. display: inline-block;
  80. background: rgba(0,0,0,0.4);
  81. border: 1px solid rgba(0,0,0,0.3);
  82. font-size: 12px;
  83. font-family: calibri light;
  84. text-transform:uppercase;
  85. letter-spacing: 0.5px;
  86. padding: 3px;
  87. margin:4px;
  88. text-align: center;
  89. color: white;
  90. text-shadow: 0 0 8px magenta;
  91.  
  92. text-shadow: 0 -15px 2.5px transparent, 0 15px 2.5px transparent;
  93. -webkit-transition: all .3s linear 0s;
  94. -moz-transition: all .3s linear 0s;
  95. -ms-transition: all .3s linear 0s;
  96. -o-transition: all .3s linear 0s;
  97. transition: all .3s linear 0s;
  98. cursor: pointer;
  99.  
  100. }
  101. li:hover{
  102. background: rgba(118,50,107,0.6);
  103. border: 1px solid rgba(118,50,107);
  104. color: white;
  105. }
  106. >li {
  107. &.tab-active {
  108. background: rgba(118,50,107,0.6);
  109. border: 1px solid rgba(118,50,107);
  110.  
  111. color: white;
  112. }}}
  113. >div {
  114. box-shadow:0 0 0 transparent;
  115. border-radius: 0;
  116. border-radius: 5px;
  117. border: none;
  118. background: none;
  119. color: white;
  120. text-shadow: 0 0 8px magenta;
  121. min-height: 10px;
  122. text-align: center;
  123. position: relative;
  124. margin: 1px;
  125. font-family: calibri;
  126. font-size: 14px;
  127. animation: fade 0.4s;
  128.  
  129. }}
  130. .tabbox{
  131. border: 4px solid rgba(0,0,0,0.0);
  132. border-radius: 5px;
  133. margin: 2px;
  134. margin-top: 98px;
  135. margin-bottom: 3px;
  136. background-color:rgba(0,0,0,0.5);
  137. }
  138. .panel h3 > a > svg {
  139. display:none;}
  140. .panel {
  141. background: none;
  142. border: none;
  143. font-family: calibri light;
  144. box-shadow:0 0 0 transparent;
  145. &>h3 {
  146. background: rgba(0,0,0,0.4);
  147. border: 1px solid rgba(0,0,0,0.3);
  148. color: #ff8496;
  149. text-align: center;
  150. font-size: 13px;
  151. text-transform:uppercase;
  152. font-weight: normal;
  153. letter-spacing: 0.5px;
  154. }
  155. &>div {
  156. background: rgba(118,50,107,0.6);
  157. border: 1px solid rgba(118,50,107);
  158. color: white;
  159. text-shadow: 0 0 8px magenta;
  160.  
  161. border-top: none;
  162. }}
  163. table {
  164. margin: 0px auto;
  165. border: 1px solid #22243A;
  166.  
  167. }
  168. td {
  169. background: rgba(118,50,107,0.6);
  170. border: 1px solid rgba(118,50,107);
  171. color: white;
  172. text-align: center;
  173. }
  174. th {
  175. border: 0px;
  176. background: rgba(0,0,0,0.4);
  177. border: 1px solid rgba(118,50,107);
  178. padding: 3px;
  179. color: white;
  180. text-align: center;
  181. }
  182.  
  183. .expbar {
  184. border-radius: 5px;
  185. background: rgba(0,0,0,0.4);
  186. background: rgba(0,0,0,0.3);
  187. text-align: top;
  188. font-family: calibri;
  189. color: white;
  190. line-height: 15px;
  191. overflow: hidden;
  192. }
  193. .expbar div {
  194. background: rgba(118,50,107,0.6);
  195. border: 1px solid rgba(118,50,107);
  196. border: 0px;
  197. }
  198. .tooltip_content {
  199. font-size: 14px;
  200. text-align:center;
  201. font-family: calibri;
  202. background: #5e275b;
  203. border: 1px solid rgba(118,50,107);
  204. color: white;
  205. border-radius: 5px;
  206. }
  207. span.bbcode_tooltip {
  208. border-bottom: 1px dotted rgba(118,50,107);
  209. }
  210. ::-moz-selection { background: #ccbadc; olor: black;}
  211. ::selection { background: #ccbadc; color: black;}
  212. [/style]
RAW Paste Data