Advertisement
TheRaltsGoesSqueak

PFQ About - "Purity Boys"

Jan 4th, 2019
1,537
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.28 KB | None | 0 0
  1. [sc=bg][sc=tabbox][sc=header]ADD 1 LINE HERE[/sc][sc=tabbed_interface horizontal][ul]
  2. [li][tip=tab 1][img]https://i.imgur.com/q1HL8lW.png[/img][/tip][/li]
  3. [li][tip=tab 2][img]https://i.imgur.com/oNei6aH.png[/img][/tip][/li]
  4. [li][tip=tab 3][img]https://i.imgur.com/5ejoH34.png[/img][/tip][/li]
  5. [li][tip=tab 4][img]https://i.imgur.com/jmsVQad.png[/img][/tip][/li]
  6. [li][tip=tab 5][img]https://i.imgur.com/nHPlLJO.png[/img][/tip][/li]
  7. [li][tip=tab 6][img]https://i.imgur.com/8N9Cl3n.png[/img][/tip][/li]
  8.  
  9. [/ul][
  10. ][sc=tab-active]TAB 1 CONTENT[/sc][
  11. ][sc=tab]TAB 2 CONTENT[/sc][
  12. ][sc=tab]TAB 3 CONTENT[/sc][
  13. ][sc=tab]TAB 4 CONTENT[/sc][
  14. ][sc=tab]TAB 5 CONTENT[/sc][
  15. ][sc=tab]TAB 6 CONTENT[/sc][
  16. ][/sc][/sc][sc=cred][css=margin-top: -3px; margin-left: -3px;][url=https://pokefarm.com/forum/post/4259620][img]https://i.imgur.com/MqVJHKh.png[/img][/url] * bg and icons made by Esme[/css][/sc][/sc]
  17. [style]
  18. a:hover {
  19. color: #f06b7d;
  20. -webkit-transition: all .1s linear 0s;
  21. }
  22. a {
  23. color: #7d0013;
  24. -webkit-transition: all .1s linear 0s;
  25. }
  26. .bg{
  27. background: white;
  28. background-image: url('https://i.imgur.com/5ey1WTG.jpg');
  29. background-size: 310px;
  30. padding: 4px;
  31. font: 10px calbri light;
  32. color: #7d0013;
  33. height: 232px;
  34.  
  35. }
  36.  
  37.  
  38. .header{
  39. margin: 3px;
  40. background: #c194ed;
  41. color: #fffdfe;
  42. padding: 3px;
  43. font-family: MS Sans Serif;
  44. font-size: 12px;
  45. font-weight: 600;
  46. height: 12px;
  47. margin-top: 3px;
  48. margin-bottom: -1px;
  49. background-image: url('https://i.imgur.com/1Ih5f0G.png');
  50. background-repeat: no-repeat;
  51. background-position: 192px 2px;
  52. }
  53. .tabbed_interface{
  54. box-shadow:0 0 0 transparent;
  55. margin: 0;
  56. >ul {
  57. background: none;
  58.  
  59. border: none;
  60. >li {
  61.  
  62. border-radius: 5px;
  63. display: inline-block;
  64. background: none;
  65. border: none;
  66. font-size: 12px;
  67. font-family: ms sans serif;
  68. letter-spacing: 0.5px;
  69. padding: 3px;
  70. margin:4px;
  71. text-align: center;
  72. color: none;
  73. cursor: pointer;
  74. position: absolute;
  75.  
  76. }
  77. >li:nth-child(1) {
  78. left: -50px;
  79. top: -10px;
  80. }
  81. >li:nth-child(2) {
  82. left: -50px;
  83. top: 25px;
  84.  
  85. }
  86. >li:nth-child(3) {
  87. left: -52px;
  88. top: 65px;
  89. }
  90. >li:nth-child(4) {
  91. left: -50px;
  92. top: 107px;
  93.  
  94. }
  95. >li:nth-child(5) {
  96. left: -48px;
  97. top: 147px;
  98.  
  99.  
  100. }
  101.  
  102. >li:nth-child(6) {
  103. left: -47px;
  104. top: 177px;
  105.  
  106. }
  107. li:hover{
  108. background: none;
  109. border: none;
  110. color: none;
  111. }
  112. >li {
  113. &.tab-active {
  114. background: none;
  115. border: none;
  116. color: none;
  117. }}}
  118. >div {
  119. height: 169px;
  120. border-radius: 0;
  121. border: 2px ridge #fe96f6;
  122. background: white;
  123. color: #932f8b;
  124. min-height: 10px;
  125. text-align: center;
  126. position: relative;
  127. margin: 4px;
  128. font-family: ms sans serif;
  129. font-size: 12px;
  130. padding: 2px;
  131. overflow: hidden;
  132. box-shadow:0 0 0 transparent;
  133.  
  134. }}
  135. .tabbox{
  136. background:#facffa;
  137. border: #feaff8 outset;
  138. width: 250px;
  139. height: 205px;
  140. left: 48px;
  141. top: 6px;
  142.  
  143. position: absolute;
  144. }
  145. .panel h3 > a > svg {
  146. display:none;
  147. }
  148. .panel {
  149. border: none;
  150. font-family: MS Sans Serif;
  151. box-shadow:0 0 0 transparent;
  152. &>h3 {
  153. >a { color: white; }
  154. background: #c194ed;
  155. color: black;
  156. text-align: center;
  157. border-radius: 0px;
  158. border: none;
  159. font-size: 12px;
  160. }
  161. &>h3:hover{
  162. >a { color: #73588e; }
  163. }
  164. &>div {
  165. background: white;
  166. color: #932f8b;
  167. border-radius: 0px;
  168. border: 1px solid #c194ed;
  169. border-top: none;
  170. }}
  171. table {
  172. margin: 0px auto;
  173. border: 0px;
  174. }
  175. td {
  176. border: 1px solid #c194ed;
  177. background-color: white;
  178. color: #932f8b;
  179. text-align: center;
  180. }
  181. th {
  182. border: 0px;
  183. background-color: #c194ed;
  184. border: 1px solid #c194ed;
  185. padding: 3px;
  186. color: white;
  187. text-align: center;
  188. }
  189.  
  190. .expbar {
  191. border-radius: 0px;
  192. background: white;
  193. border: 1px solid #c194ed;
  194. text-align: top;
  195. font-family: MS Sans Serif;
  196. color: #73588e;
  197. line-height: 15px;
  198. overflow: hidden;
  199. }
  200. .expbar div {
  201. background: #c194ed;
  202. border: 0px;
  203. }
  204. .tooltip_content {
  205. font-size: 12px;
  206. text-align:center;
  207. font-family: MS Sans Serif;
  208. background: white;
  209. color: #932f8b;
  210. border-radius: 0px;
  211. border: 1px solid #932f8b;
  212. }
  213. span.bbcode_tooltip {
  214. border: none;
  215. }
  216. ::selection {
  217. color: white;
  218. background: #c194ed;
  219. }
  220. .cred{
  221. color: #914baa;
  222. position: absolute;
  223. width: 310px;
  224. height: 13px;
  225. background: #facffa;
  226. top: 223px;
  227. left: 0px;
  228. padding: 4px;
  229. }
  230. [/style]
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement