Advertisement
TheRaltsGoesSqueak

PFQ About - Pedestal

Jun 27th, 2017
1,105
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.72 KB | None | 0 0
  1. [sc=bg][sc=icon][/sc][sc=box]text here[/sc][sc=tabbox][sc=tabbed_interface horizontal][ul]
  2. [li]x[/li]
  3. [li]Tab 1[/li]
  4. [li]Tab 2[/li]
  5. [li]Tab 3[/li]
  6. [/ul][
  7. ][sc=tab-active]HOME CONTENT[/sc][
  8. ][sc=tab]TAB 1 CONTENT[/sc][
  9. ][sc=tab]TAB 2 CONTENT[/sc][
  10. ][sc=tab]TAB 3 CONTENT[/sc][
  11. ][/sc][/sc][url=https://www.pexels.com/photo/flower-desktop-petal-nature-110147/]stock[/url]* [url=https://pokefarm.com/forum/post/2386749]code[/url][/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. .bg{
  22. Background: #191A23;
  23. padding: 4px;
  24. font: 9px calbri light;
  25. color: white;
  26. }
  27. .icon{
  28. position: absolute;
  29. background-size: 100px 100px;
  30. height: 100px;
  31. width: 100px;
  32. border-radius: 0px;
  33. top: 3px;
  34. left: 3px;
  35. border: 4px solid black;
  36. background-image: url("https://i.imgur.com/DRvjdJX.jpg");
  37. }
  38. .box{
  39. background: black;
  40. color: white;
  41. font-family: calibri light;
  42. position: absolute;
  43. top: 3px;
  44. left: 114px;
  45. height: 78px;
  46. width: 185px;
  47. font-size: 12px;
  48. padding: 4px;
  49. overflow: hidden;
  50.  
  51. font-style: italic;
  52. line-height: 11px;
  53. }
  54. .tabbed_interface{
  55. margin: 0;
  56. >ul {
  57. background: none;
  58.  
  59. border: none;
  60. >li {
  61. background: black;
  62. border: none;
  63. padding: 3px;
  64. margin: 1px;
  65. top: 91px;
  66. width: 45px;
  67. position: absolute;
  68. overflow: hidden;
  69. text-align: center;
  70. color: white;
  71. font-size:11px;
  72. text-transform:uppercase;
  73. letter-spacing: 0.5px;
  74. font-family:Calibri Light;
  75. cursor: pointer;
  76. -webkit-transition: all .2s linear 0s;
  77. -moz-transition: all .2s linear 0s;
  78. -ms-transition: all .2s linear 0s;
  79. -o-transition: all .2s linear 0s;
  80. transition: all .2s linear 0s;
  81. }
  82. >li:nth-child(1) {
  83. left: 275px;
  84. width: 25px;
  85. }
  86. >li:nth-child(2) {
  87. left: 113px;
  88.  
  89. }
  90. >li:nth-child(3) {
  91. left: 167px;
  92.  
  93. }
  94. >li:nth-child(4) {
  95. left: 221px;
  96.  
  97. }
  98. li:hover{
  99. background: #22243A;
  100. color: #f06b7d;
  101. }
  102. >li {
  103. &.tab-active {
  104. color: #f06b7d;
  105. }}}
  106. >div {
  107. border-radius: 0;
  108. border-radius: 0px;
  109. border: none;
  110. background: none;
  111. color: white;
  112. min-height: 10px;
  113. text-align: center;
  114. position: relative;
  115. margin: 1px;
  116. font-family: calibri light;
  117. font-size: 14px;
  118. animation: fade 0.4s;
  119.  
  120. }}
  121. .tabbox{
  122. border: 4px solid black;
  123. border-radius: 0px;
  124. margin: -1px;
  125. margin-top: 110px;
  126. margin-bottom: 3px;
  127. background: black;
  128. }
  129. .panel h3 > a > svg {
  130. display:none;}
  131. .panel {
  132. border: none;
  133. font-family: calibri light;
  134. box-shadow:0 0 0 transparent;
  135. &>h3 {
  136. background: #22243A;
  137. color: #ff8496;
  138. text-align: center;
  139. border-radius: 0px;
  140. border: 1px solid #22243A;
  141. font-size: 13px;
  142. text-transform:uppercase;
  143. font-weight: normal;
  144. letter-spacing: 0.5px;
  145. }
  146. &>div {
  147. background: black;
  148. color: white;
  149. border-radius: 0px;
  150. border: 1px solid #22243A;
  151. border-top: none;
  152. }}
  153. table {
  154. margin: 0px auto;
  155. border: 1px solid #22243A;
  156.  
  157. }
  158. td {
  159. border: 1px solid #22243A;
  160. background-color: black;
  161. color: white;
  162. text-align: center;
  163. }
  164. th {
  165. border: 0px;
  166. background-color: #22243A;
  167. padding: 3px;
  168. color: white;
  169. text-align: center;
  170. border: 1px solid #22243A;}
  171.  
  172. .expbar {
  173. border-radius: 0px;
  174. background: black;
  175. border: 1px solid #22243A;
  176. text-align: top;
  177. font-family: calibri;
  178. color: white;
  179. line-height: 15px;
  180. overflow: hidden;
  181. }
  182. .expbar div {
  183. background: #22243A;
  184. border: 0px;
  185. }
  186. .tooltip_content {
  187. font-size: 14px;
  188. text-align:center;
  189. font-family: calibri;
  190. background: black;
  191. color: white;
  192. border-radius: 0px;
  193. border: 1px solid #f06b7d;
  194. }
  195. span.bbcode_tooltip {
  196. border-bottom: 1px dotted #f06b7d;
  197. }
  198. ::-moz-selection { background: #7e83b4; }
  199. ::selection { background: #7e83b4; }
  200. [/style]
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement