Advertisement
TheRaltsGoesSqueak

PFQ About - "Just Like Heaven" (Pastel)

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