SHARE
TWEET

PFQ About - Mysterons (dark)

TheRaltsGoesSqueak Aug 13th, 2017 1,042 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. [sc=banner][/sc][sc=tabspace][/sc][sc=icon][/sc][sc=background][css=padding:3px; margin-left: 5px;]This ocean will not be grasped[/css]
  2. [sc=tabbox][sc=tabbed_interface horizontal][ul]
  3.     [li]TAB 1[/li]
  4.     [li]TAB 2[/li]
  5.     [li]TAB 3[/li]
  6.     [li]TAB 4[/li]
  7.     [li]TAB 5[/li]
  8.     [li]TAB 6[/li]
  9.     [li]TAB 7[/li]
  10. [/ul][
  11. ][sc=tab-active]TAB 1 CONTENT[/sc][
  12. ][sc=tab]TAB 2 CONTENT[/sc][
  13. ][sc=tab]TAB 3 CONTENT[/sc][
  14. ][sc=tab]TAB 4 CONTENT[/sc][
  15. ][sc=tab]TAB 5 CONTENT[/sc][
  16. ][sc=tab]TAB 6 CONTENT[/sc][
  17. ][sc=tab]TAB 7 CONTENT[/sc][
  18. ][/sc]
  19. [/sc][sc=cred][url=https://pokefarm.com/forum/post/2565669]code[/url]* banner made by Esme * TCG art[/sc][/sc]
  20.  
  21. [style]
  22. a:hover {
  23. color: white;
  24.     -webkit-transition: all .1s linear 0s;
  25. }
  26. a {
  27.     color: #afbbeb;
  28.     -webkit-transition: all .1s linear 0s;
  29. }
  30. .cred{
  31. color: #748fff;
  32. font-family: calibri light;
  33. font-size: 10px;
  34. margin-left: 6px;
  35. margin-top: 10px;
  36. }
  37. .background{
  38. background: #2b345e;
  39. width: 310px;
  40. color: #748fff;
  41. font-family: Calibri;
  42. font-size: 15px;
  43. }
  44. .banner{
  45. height: 100px;
  46. width: 310px;
  47. background-image: url("https://i.imgur.com/f8fNEfn.png");
  48. }
  49. .tabspace{
  50. background: #4d5faa;
  51. width: 310px;
  52. height: 35px;
  53. border-top: 1px solid #202847;
  54. border-bottom: 1px solid #202847;
  55. }
  56. .icon{
  57. background-image: url("https://i.imgur.com/VO39AWb.png");
  58. background-size: 80px 80px;
  59. height: 80px;
  60. width: 80px;
  61. border: 4px solid #4d5faa;
  62. border-radius: 80px;
  63. position: absolute;
  64. top: 60px;
  65. left: 220px;
  66. }
  67. .tabbed_interface{
  68. box-shadow:0 0 0 transparent;
  69. margin: 0;
  70. >ul {
  71. >li {
  72.  border: none;
  73. border-radius: 100px;
  74. background: black;
  75. padding: 3px;
  76. margin: 1px;
  77. top: 104px;
  78. width: 21px;
  79. height: 21px;
  80. position: absolute;
  81. overflow: hidden;
  82.  text-align: center;
  83.     color: transparent;
  84. font-size:11px;
  85. text-transform:uppercase;
  86. letter-spacing: 0.5px;
  87. font-family:Calibri Light;
  88. cursor: pointer;
  89. -webkit-transition: all .2s linear 0s;
  90.     -moz-transition: all .2s linear 0s;
  91.     -ms-transition: all .2s linear 0s;
  92.     -o-transition: all .2s linear 0s;
  93.     transition: all .2s linear 0s;
  94. }
  95. >li:nth-child(1) {
  96. left: 3px;
  97. background: #232b4d;
  98. }
  99. >li:nth-child(2) {
  100. left: 34px;
  101. background: #111525;
  102. }
  103. >li:nth-child(3) {
  104. left: 65px;
  105. background: #232b4d;
  106. }
  107. >li:nth-child(4) {
  108. left: 96px;
  109. background: #111525;
  110. }
  111. >li:nth-child(5) {
  112. left: 127px;
  113. background: #232b4d;
  114. }
  115.  
  116. >li:nth-child(6) {
  117. left: 158px;
  118. background: #111525;
  119. }
  120. >li:nth-child(7) {
  121. left: 189px;
  122. background: #232b4d;
  123. }
  124. li:hover {
  125.     background: #5599ff;
  126.     -webkit-transition: all .2s linear 0s;
  127.     -moz-transition: all .2s linear 0s;
  128.     -ms-transition: all .2s linear 0s;
  129.     -o-transition: all .2s linear 0s;
  130.     transition: all .2s linear 0s;
  131.  
  132. }
  133. li{
  134. &.tab-active {
  135. color: transparent;
  136. background: #5599ff;
  137. }}
  138. }
  139. >div {
  140. border-radius: 0;
  141. border: none;
  142. animation: 0.5s fade;
  143. min-height: 10px;
  144. text-align: center;
  145. position: relative;
  146. background: none;
  147. margin-top: 0px;
  148. margin-bottom: -18px;
  149. color: #99adff;
  150. font-family: Calibri;
  151. letter-spacing: 0.5px;
  152. font-size: 14px;
  153. box-shadow:0 0 0 transparent;
  154. padding: 3%;
  155. }}
  156. .tabbox{
  157. border: 1px solid #202847;
  158. border-radius: 10px;
  159. margin: 5px;
  160. margin-top: -16px;
  161. margin-bottom: -10px;
  162. background: #111525;
  163. }
  164. .panel h3 > a > svg {
  165.     display:none;
  166. }
  167. .panel {
  168. border: none;
  169. font-family: calibri;
  170. box-shadow:0 0 0 transparent;
  171. &>h3 {
  172. background: #232b4d;
  173. color: black;
  174. text-align: center;
  175. border-radius: 0px;
  176. border: none;
  177. font-size: 12px;
  178. }
  179. &>div {
  180. background: #111525;
  181. color: #99adff;
  182. border-radius: 0px;
  183. border: 1px solid #232b4d;
  184. border-top: none;
  185. }}
  186.    table {
  187.         margin: 0px auto;
  188.         border: 0px;
  189.         }
  190.     td {
  191.         border: 1px solid #232b4d;
  192.         background-color: #111525;
  193.         color: #99adff;
  194.         text-align: center;
  195.         }
  196.     th {
  197.         border: 0px;
  198.         background-color: #232b4d;
  199.         border: 1px solid #232b4d;
  200.         padding: 3px;
  201.         color: #afbbeb;
  202.         text-align: center;
  203.         }
  204.  
  205. .expbar {
  206. border-radius: 0px;
  207. background: #0a0d17;
  208. border: 1px solid #232b4d;
  209. text-align: top;
  210. font-family: times;
  211. color: #99adff;
  212. line-height: 15px;
  213. overflow: hidden;
  214. }
  215. .expbar div {
  216. background: #232b4d;
  217.  border: 0px;
  218. }
  219. .tooltip_content {
  220.   font-size: 14px;
  221.   text-align:center;
  222.    font-family: calibri;
  223.  min-width:100px;
  224.   background: #111525;
  225.   color: #99adff;
  226.   border-radius: 0px;
  227. border: 1px solid #CCB1EB;
  228. }
  229. span.bbcode_tooltip {
  230.     border-bottom: 1px dotted #99adff;
  231. }
  232. ::selection {
  233.     color: white;
  234.     background: #2f558e;
  235. }
  236. [/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