SHARE
TWEET

PFQ About - "Shrines"

TheRaltsGoesSqueak Sep 24th, 2018 (edited) 367 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. [sc=bg][sc=icon][/sc][sc=header][size=20]Username[/size]
  2. [size=12][color=#ffc59a;]subtitle[/color][/size]
  3.  
  4. [i][size=10]tagline[/size]
  5. [size=11][color=#ffc59a;]subtitle tagline[/color][/size][/i]
  6. [/sc]
  7.  
  8. [sc=tabbed_interface horizontal][ul]
  9.     [li]Tab 1[/li]
  10.     [li]Tab 2[/li]
  11.     [li]Tab 3[/li]
  12.     [li]Tab 4[/li]
  13.     [li]Tab 5[/li]
  14. [/ul][
  15. ][sc=tab-active]Content 1[/sc][
  16. ][sc=tab]Content 2[/sc][
  17. ][sc=tab]Content 3[/sc][
  18. ][sc=tab]Content 4[/sc][
  19. ][sc=tab]Content 5[/sc][
  20. ][/sc][sc=cred][url=https://pokefarm.com/forum/post/4010199]code[/url] * official TCG art * bg by Esme[/sc][/sc]
  21. [style]
  22. a:hover {
  23. color: #8fc6ad;
  24. -webkit-transition: all 0.1s ease-in-out;
  25. }
  26. a {
  27.     color: #ffc59a;
  28. -webkit-transition: all 0.1s ease-in-out;
  29. }
  30. .bg{
  31. background-image: url("https://i.imgur.com/PyudyPK.png");
  32. }
  33. .icon{
  34. height: 120px;
  35. width: 120px;
  36. background-size: 120px 120px;
  37. border: 2px solid #dbc1ab;
  38. top: 10px;
  39. left: 10px;
  40. position: absolute;
  41. background-image: url("https://i.imgur.com/brmOxwi.png");
  42. }
  43. .header{
  44. height: 120px;
  45. width: 160px;
  46. background-size: 130px 130px;
  47. background-position: top;
  48. top: 12px;
  49. left: 140px;
  50. position: absolute;
  51. overflow: hidden;
  52.  
  53. text-align: center;
  54. font-family: Times;
  55. color: #8fc6ad;
  56. }
  57. .tabbed_interface{
  58. margin: 0;
  59. margin-top: 103px;
  60. >ul {
  61. background: none;
  62. margin: 5px;
  63. >li {
  64. text-decoration: underline;
  65. display: inline-block;
  66.            background: #1e1b1b;
  67. color: #8fc6ad;
  68.         text-align: center;
  69. margin: 5px;
  70. border: 3px double #dbc1ab;
  71. padding: 3px;
  72. font-size: 9pt;
  73. cursor: pointer;
  74. font-family: times;
  75. border-radius:0px;
  76. -webkit-transition: all 0.1s ease-in-out;
  77.  
  78. }
  79. li:hover {
  80.  background: darkslategray;
  81.     color: #dbc1ab;
  82.     text-decoration:none;
  83. -webkit-transition: all 0.1s ease-in-out;
  84. text-decoration: underline;
  85. }
  86. >li {
  87. &.tab-active {
  88. color: #dbc1ab;
  89. background: darkslategray;
  90. }}
  91. }
  92. >div {
  93. border-radius: 0;
  94.         color: #ffc59a;
  95. background: rgba(30,27,27, 0.5);
  96. font-size: 11pt;
  97. font-family: times;
  98. text-align: center;
  99. border: 3px double #dbc1ab;
  100. min-height: 10px;
  101. text-align: center;
  102. position: relative;
  103. margin: 10px;
  104. margin-top: 0px;
  105. font-family: times;
  106. font-size: 15px;
  107. padding: 3%;
  108. box-shadow:0 0 0 transparent;
  109. animation: fade 0.4s;
  110. }}
  111. .panel h3 > a > svg {
  112.     display:none;
  113. }
  114. .panel {
  115. border: none;
  116. font-family: times;
  117. background: none;
  118. box-shadow:0 0 0 transparent;
  119. &>h3 {
  120. >a { color: #ffc59a; }
  121. background: rgba(0,0,0, 0.2);
  122. color: black;
  123. border: 3px double #dbc1ab;
  124. text-align: center;
  125. border-radius: 0px;
  126. font-size: 12px;
  127.  -webkit-transition: all 0.1s ease-in-out;
  128. }
  129. &>h3:hover{
  130. background: rgba(0,0,0, 0.5);
  131. >a { color: #8fc6ad; }
  132. }
  133. &>div {
  134. background: rgba(0,0,0, 0.2);
  135. color: #8fc6ad;
  136. border-radius: 0px;
  137. border: 3px double #dbc1ab;
  138. border-top: none;
  139. }}
  140.    table {
  141.         margin: 0px auto;
  142.         border: 0px;
  143.         }
  144.     td {
  145.         border: 3px double #dbc1ab;
  146.         background-color: none;
  147.         color: #8fc6ad;
  148.         text-align: center;
  149. background-color: none;
  150.         }
  151.     th {
  152.         border: 0px;
  153.        background-color: #1e1b1b;
  154.         border: 3px double #dbc1ab;
  155.         padding: 3px;
  156.         color: #ffc59a;
  157.         text-align: center;
  158.         }
  159.  
  160. .expbar {
  161. border-radius: 0px;
  162. background: none;
  163. border: 3px double #dbc1ab;
  164. text-align: top;
  165. font-family: times;
  166. color: #8fc6ad;
  167. line-height: 15px;
  168. overflow: hidden;
  169. }
  170. .expbar div {
  171. background: #0b0a0a;
  172.  border: 0px;
  173. }
  174. .tooltip_content {
  175.   font-size: 11pt;
  176.   text-align:center;
  177.    font-family: times;
  178.   background: #1e1b1b;
  179.   color: #8fc6ad;
  180.   border-radius: 0px;
  181. border: 3px double #dbc1ab;
  182. }
  183. span.bbcode_tooltip {
  184.     border-bottom: 1px dotted #8fc6ad;
  185. }
  186. ::selection {
  187.     color: white;
  188.     background: #8fc6ad;
  189. }
  190. .cred{
  191. font-family: times;
  192. font-size: 10px;
  193. margin-top: -13px;
  194. margin-bottom: -2px;
  195. padding: 4px;
  196. color: #8fc6ad;
  197. margin-left: 8px;
  198. }
  199. [/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