SHARE
TWEET

PFQ About - "Warning Call"

TheRaltsGoesSqueak Sep 23rd, 2018 (edited) 1,006 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. [sc=bg][sc=img][/sc][sc=icon][/sc][sc=tabbox][sc=name]Username[/sc][sc=text][i]keep this one line![/i][/sc][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.  
  9. ][sc=tab]TAB 2 CONTENT[/sc][
  10.  
  11. ][sc=tab]TAB 3 CONTENT[/sc][
  12.  
  13. ][sc=tab]TAB 4 CONTENT[/sc][
  14.  
  15. ][/sc][/sc][css=margin-left: 15px;][url=https://pfq.link/~LLyx]code[/url] * [url=https://freetypography.com/2014/03/24/free-font-simplifica/]font[/url] * official anime gif and TCG art used[/css][/sc]
  16.  
  17.  
  18. [style]
  19. @font-face {font-family: "Simplifica";
  20. src: url('https://dl.dropboxusercontent.com/s/haroezpz618madj/SIMPLIFICA%20Typeface.ttf');}
  21. a:hover {
  22. color: #ca9fe3;
  23.     -webkit-transition: all .1s linear 0s;
  24. }
  25. a {
  26.     color: #372c3e;
  27.     -webkit-transition: all .1s linear 0s;
  28. }
  29. .bg{
  30. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(    194, 153, 253,1)), color-stop(100%, rgba(254, 202, 205,1)));
  31. padding: 4px;
  32. font: 10px calbri light;
  33. color: #796586;
  34. border-radius: 10px;
  35. }
  36. .img{
  37.  background-color: #fff;
  38. height: 140px;
  39. width: 282px;
  40. background-image: url("https://orig00.deviantart.net/8bf5/f/2018/147/a/9/sylveon_gif_by_catcamellia-dccntik.gif");
  41. position: absolute;
  42. background-size: 282px;
  43. top: 14px;
  44. left: 14px;
  45. border-radius: 10px 10px 0px 0px;
  46. -webkit-mask-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
  47.       mask-image: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0));
  48. }
  49. .name{
  50. color: #ae89c4;
  51. font-size: 40px;
  52. position: absolute;
  53. top: 140px;
  54. left: 120px;
  55. font-family: Simplifica
  56. }
  57. .text{
  58. color: #ae89c4;
  59. font-size: 15px;
  60. position: absolute;
  61. top: 175px;
  62. left: 119px;
  63. font-family: calibri light;
  64. font-variant: small-caps;
  65.         text-transform: lowercase;
  66. }
  67. .icon{
  68. position: absolute;
  69. background-size: 90px 90px;
  70. height: 90px;
  71. width: 90px;
  72. border-radius: 50px;
  73. top: 100px;
  74. left: 20px;
  75. background-image: url("https://i.imgur.com/4w1Nj1Y.png");
  76.  
  77. }
  78. .tabbed_interface{
  79. margin: 0;
  80. margin-top: 175px;
  81. >ul {
  82. background: none;
  83.  
  84. border: none;
  85. >li {
  86.  border: none;
  87.         background-color: #f9f4fb;
  88.         text-align: center;
  89.         line-height: 16px;
  90.         padding-top: 3px;
  91.         padding-bottom: 3px;
  92.         font-size: 16px;
  93. font-family: calibri light;
  94. font-variant: small-caps;
  95.         text-transform: lowercase;
  96.         color: #796586;
  97. cursor: pointer;
  98.     -webkit-transition: all .1s linear 0s;
  99.     -moz-transition: all .1s linear 0s;
  100.     -ms-transition: all .1s linear 0s;
  101.     -o-transition: all .1s linear 0s;
  102.     transition: all .1s linear 0s;
  103. }
  104. li:hover{
  105. color: #ae89c4;
  106. border: none;
  107. border-bottom: 2px solid #ae89c4;
  108.     -webkit-transition: all .1s linear 0s;
  109.     -moz-transition: all .1s linear 0s;
  110.     -ms-transition: all .1s linear 0s;
  111.     -o-transition: all .1s linear 0s;
  112.     transition: all .1s linear 0s;
  113. }
  114. >li {
  115. &.tab-active {
  116. color: #ae89c4;
  117. border-bottom: 2px solid #ae89c4;
  118. }}}
  119. >div {
  120. border-radius: 0;
  121. border-radius: 0px;
  122. border: none;
  123. background: none;
  124. color: #796586;
  125. min-height: 10px;
  126. text-align: center;
  127. position: relative;
  128. margin: 1px;
  129. font-family: calibri;
  130. font-size: 14px;
  131. animation: fade 0.4s;
  132.  
  133. }}
  134. .tabbox{
  135. border: 4px solid rgba(255,255,255,0.0);
  136. border-radius: 10px;
  137. margin: 10px;
  138. margin-top: 10px;
  139. margin-bottom: 3px;
  140. background-color: #f9f4fb;
  141. }
  142. .panel h3 > a > svg {
  143.     display:none;
  144. }
  145. .panel {
  146. background: none;
  147. border: none;
  148. font-family: calibri light;
  149. box-shadow:0 0 0 transparent;
  150. &>h3 {
  151. >a { color: white; }
  152. font-variant: small-caps;
  153.         text-transform: lowercase;
  154. background: #ae89c4;
  155. color: white;
  156. text-align: center;
  157.  
  158. border: none;
  159. font-size: 15px;
  160. }
  161. &>h3:hover{
  162. >a { color: #e1d4ff; }
  163. }
  164. &>div {
  165. background: #f9f4fb;
  166. color: #796586;
  167. border-radius: 0px;
  168. border: 1px solid #ae89c4;
  169. border-top: none;
  170. border-bottom-left-radius: 5px;
  171. border-bottom-right-radius: 5px;
  172. }}
  173. table {
  174. margin: 0px auto;
  175. border: 0px;
  176. }
  177. td {
  178. border: 0.5px solid #ae89c4;
  179. background: none;
  180. color: #796586;
  181. text-align: center;
  182. }
  183. th {
  184. border: 0px;
  185. background-color: #ae89c4;
  186. color: white;
  187. text-align: center;
  188. font-weight: lighter;
  189. padding: 2px;
  190. }
  191.  
  192. .expbar {
  193. border-radius: 5px;
  194. background: #f4e2fb;
  195. border: 1px solid #ae89c4;
  196. text-align: top;
  197. font-family: calibri;
  198. color: #372c3e;
  199. line-height: 15px;
  200. overflow: hidden;
  201. }
  202. .expbar div {
  203. background: #ae89c4;
  204. border: 1px solid #ae89c4;
  205.  border: 0px;
  206. }
  207. .tooltip_content {
  208.   font-size: 14px;
  209.   text-align:center;
  210.    font-family: calibri;
  211.       background: #f4e2fb;
  212. border: 1px solid #ae89c4;
  213.   color: #796586;
  214.   border-radius: 5px;
  215. }
  216. span.bbcode_tooltip {
  217.     border-bottom: 1px dotted #ae89c4;
  218. }
  219. ::-moz-selection { background: #ccbadc; color: black;}
  220. ::selection { background:  #ccbadc; color: black;}
  221. [/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