SHARE
TWEET

PFQ About - Ropes of Purity

TheRaltsGoesSqueak Mar 8th, 2017 (edited) 503 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. [styleclass=background][
  2. ][styleclass=headertext]text here is optional[/styleclass][
  3. ][styleclass=ropeheader][/styleclass][
  4.  
  5. ][styleclass=icon][styleclass=iconrope][/styleclass][/styleclass][
  6. ][styleclass=tabbed_interface horizontal][
  7.  
  8.  
  9.  
  10. ][ul][
  11. ][li]Tab 1[/li][
  12. ][li]Tab 2[/li][
  13. ][li]Tab 3[/li][
  14. ][li]Tab 4[/li][
  15. ][li]Tab 5[/li][
  16.  
  17. ][/ul][
  18.  
  19.  
  20.  
  21. ][styleclass=tab-active][
  22. ]TAB 1 CONTENT[
  23. ][/styleclass][
  24.  
  25. ][styleclass=tab][
  26. ]TAB 2 CONTENT[
  27. ][/styleclass][
  28.  
  29. ][styleclass=tab][
  30. ]TAB 3 CONTENT[
  31. ][/styleclass][
  32.  
  33. ][styleclass=tab][
  34. ]TAB 4 CONTENT[
  35. ][/styleclass][
  36.  
  37.  
  38. ][styleclass=tab][
  39. ]TAB 5 CONTENT[
  40. ][/styleclass][
  41.  
  42. ][/styleclass][styleclass=cred][url=https://pokefarm.com/forum/post/1980693]code[/url]* Official TCG art[/styleclass][
  43.  
  44.  
  45.  
  46.  
  47.  
  48. ][/styleclass][
  49. ]
  50. [style]
  51. a:hover {
  52.   color: #66cdaa;
  53. }
  54. a {
  55.     color: white;
  56. }
  57. .background{
  58. width: 310px;
  59. background: #171717;
  60. margin-bottom: -10px;
  61. }
  62. .tabbed_interface{
  63. margin: 0;
  64. margin-left: 107px;
  65. >ul {
  66. background: none;
  67. width: 50px;
  68. margin-left: 100px;
  69.  
  70. >li {
  71. position: relative;
  72. margin-left: -80px;
  73. cursor: pointer;
  74. padding: 1%;
  75. height: 4%;
  76. background: white;
  77. font-size: 11pt;
  78. font-family: times;
  79. border: none;
  80. background: none;
  81. color: #66cdaa;
  82. text-transform: uppercase;
  83. margin-right: 300px;
  84. margin-left: -200px;
  85. }
  86. li:hover {
  87. color: white;
  88. }
  89. >li {
  90. &.tab-active {
  91. color: white;
  92.  -webkit-transition: all 0.2s ease-in-out;
  93. }}}
  94. >div {
  95. border: none;
  96. border-radius: 0px;
  97. background: none;
  98. color: #fff;
  99. animation: fade 0.8s;
  100. min-height: 10px;
  101. text-align: center;
  102. position: relative;
  103. padding: 4px;
  104. width: 190px;
  105. font-family: Helvetica;
  106. font-size: 10pt;
  107. margin-top: -190px;
  108. min-height: 180px;
  109. box-shadow:0 0 0 transparent;
  110. }}
  111. .panel h3 > a > svg {
  112.     display:none;
  113. }
  114. .panel{
  115. background-color: transparent;
  116. box-shadow:0 0 0 transparent;
  117. border:0px;
  118. border-radius:5px;
  119. font-family: Helvetica;
  120. text-align: center;
  121. margin: 10px;
  122. &>h3{
  123. background: #0c0c0c;
  124. border:1px solid #66cdaa;
  125. border-radius: 0px;
  126. font-size: 10pt;
  127. text-align: center;
  128. color: white;
  129.  
  130.  
  131. }
  132. &>div{
  133. color: white;
  134. background: #0c0c0c;
  135. border: 1px solid #66cdaa;
  136. border-radius: 0px;
  137. }}
  138. th {
  139. background: rgba(0,0,0, 0.5);
  140. color: white;
  141. text-align:center;
  142. }
  143. table,th,td,{
  144. border: 3px double #66cdaa;
  145. margin: 0 auto;
  146. background: rgba(0,0,0, 0.5);
  147. font-family: Helvetica;
  148. color: white;
  149. }
  150. .expbar {
  151. border-radius: 0px;
  152. left: 0px;
  153. background: #0c0c0c;
  154. border-style: double;
  155. border:1px solid #66cdaa;
  156. text-align: top;
  157. font-family: tahoma;
  158. color: white;
  159. line-height: 15px;
  160. overflow: hidden;
  161. margin: 10px;
  162. }
  163. .expbar div {
  164. background: #252525;
  165.     border: 0px;
  166. }
  167. .tooltip_content {
  168.   font-size: 10pt;
  169.   text-align:center;
  170.    font-family: Helvetica;
  171.  min-width:100px;
  172. background-color: black;
  173.   color: white;
  174.  border: 3px double #66cdaa;
  175. border-radius: 0px;
  176. }
  177. span.bbcode_tooltip {
  178.     border-bottom: 1px dotted #66cdaa;
  179.  
  180. }
  181. ::selection { background:  darkslategrey; }
  182. .cred{
  183. position: relative;
  184. font-size: 9pt;
  185. color: white;
  186. font-family: times;;
  187.     border-top: 1px solid #66cdaa;
  188. text-shadow: 0 0 8px black;
  189. margin: 10px;
  190. text-align: center;
  191. padding: 2px;
  192. }
  193. .iconrope{
  194.     width: 99px;
  195. height: 99px;
  196.     border: none;
  197. border-radius: 100px;
  198. display: inline-block;
  199. background-image: url("https://i.imgur.com/AlW3rV3.png");
  200.     text-align: center;
  201. margin-left: -5px;
  202. margin-top: -4px;
  203. }
  204. .icon{
  205.     width: 90px;
  206. height: 90px;
  207.     border: none;
  208. border-radius: 100px;
  209. display: inline-block;
  210. background-image: url("https://i.imgsafe.org/t/f06c3e235c.jpg");
  211.     background-size: 90px 90px;
  212. text-align: center;
  213. margin-top: -100px;
  214. margin-left: 10px;
  215. }
  216. .ropeheader{
  217. background-image: url("https://i.imgsafe.org/3eca060873.png");
  218. height: 20px;
  219. background-repeat: no-repeat;
  220. margin-bottom:  83px;
  221. margin-top: -7px;
  222. }
  223. .headertext{
  224.         color: #f5a176;
  225.         font-family: tahoma;
  226.  letter-spacing: 0.2em;
  227.  text-align:center;
  228.  text-transform: lowercase;
  229.  font-size: 12pt;
  230.  font-variant: small-caps;
  231. padding: 5px;
  232. }
  233. [/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