Advertisement
TheRaltsGoesSqueak

PFQ About - Goodnight

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