TheRaltsGoesSqueak

PFQ About - Poketch

Feb 20th, 2018
218
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. [sc=bg][sc=poketch][sc=bar][/sc][sc=bar2][/sc]
  2. [sc=screen][sc=tabbed_interface horizontal][ul]
  3. [li]p1[/li]
  4. [li]p2[/li]
  5. [li]p3[/li]
  6. [li]p4[/li]
  7. [li]p5[/li]
  8. [/ul][
  9. ][sc=tab-active]
  10. [tip=I'M A DIAAAMOND]Boxes taste like mush[/tip]
  11.  
  12. [url=https://pokefarm.com/user/Esme]Lonk![/url]
  13. [progress=7/10]it's the final countdown[/progress]
  14. [table][tr][th]Table heading[/th][/tr][tr][td]Table Cell[/td][/tr][/table]
  15. [/sc][
  16. ][sc=tab]TAB 2 CONTENT[/sc][
  17. ][sc=tab]TAB 3 CONTENT[/sc][
  18. ][sc=tab]TAB 4 CONTENT[/sc][
  19. ][sc=tab]TAB 5 CONTENT[/sc][
  20. ][sc=tab]TAB 6 CONTENT[/sc][
  21. ][sc=tab]TAB 7 CONTENT[/sc][
  22. ][/sc]
  23.  
  24.  
  25. [/sc]
  26. [sc=tabs][accordion]
  27.  
  28. [a-section=Tab 1]TAB 1 CONTENT[/a-section]
  29.  
  30. [a-section=Tab 2]TAB 2 CONTENT[/a-section]
  31.  
  32.  
  33. [/accordion][/sc]
  34.  
  35.  
  36. [/sc]
  37. [sc=cred][url=https://pokefarm.com/forum/post/3303083]code[/url] [/sc][/sc]
  38.  
  39. [style]
  40. a:hover {
  41. color: black;
  42. -webkit-transition: all .1s linear 0s;
  43. }
  44. a {
  45. color: #161f13;
  46. -webkit-transition: all .1s linear 0s;
  47. }
  48.  
  49. .bar{
  50. background: #303030;
  51. z-index: 1;
  52. position: absolute;
  53. width: 145px;
  54. height: 15px;
  55. top: -4px;
  56. left: 58px;
  57. border: 1px solid #202020;
  58. border-width: 0px 5px 3px 5px;
  59. box-shadow: 0 3px 0px 4px transparent, 0 -9px 0px 0px transparent, 2px 0 0px 0px black, -2px 0 0px 0px black;
  60.  
  61. }
  62. .bar2{
  63. background: #303030;
  64. z-index: 1;
  65. position: absolute;
  66. width: 145px;
  67. height: 15px;
  68. top: 214px;
  69. left: 58px;
  70. border: 1px solid #202020;
  71. border-width: 0px 5px 3px 5px;
  72. border-width: 3px 5px 0px 5px;
  73. box-shadow: 0 3px 0px 4px transparent, 0 -9px 0px 0px transparent, 2px 0 0px 0px black, -2px 0 0px 0px black;
  74. }
  75. .bg{
  76. width: 310px;
  77. background: #4888b8;
  78. height: 236px;
  79. }
  80. .poketch{
  81. background: #e0e0e0;
  82. height: 228px;
  83. width: 330px;
  84. position: absolute;
  85. top: 4px;
  86. border-radius: 0px 45px 45px 0px;
  87. }
  88. .screen{
  89. position: absolute;
  90. top: 12px;
  91. left: 16px;
  92. width: 235px;
  93. height: 200px;
  94. border: 2px ridge black;
  95. background: #70b070;
  96. color: #202d21;
  97. overflow: hidden;
  98.  
  99. }
  100. .tabbed_interface{
  101. margin: 0;
  102.  
  103. >ul {
  104. background: none;
  105. margin-top: 5px;
  106. width: 100px;
  107. margin-left: 5px;
  108.  
  109. >li {
  110. background: none;
  111. color: #202d21;
  112. cursor: pointer;
  113. border: none;
  114. font-family: lucida console;
  115. font-size: 12px;
  116. }
  117. li:hover {
  118.  
  119. color: black;
  120. text-decoration:none;
  121.  
  122. }
  123. >li {
  124. &.tab-active {
  125. color: black;
  126. }}
  127. }
  128. >div {
  129. margin-top: -1px;
  130. height: 175px;
  131. width: 226px;
  132. border-radius: 0px;
  133. border: none;
  134. animation: 0.2s fade;
  135. min-height: 10px;
  136. text-align: center;
  137. position: relative;
  138. background: none;
  139. color: #202d21;
  140. font-family: lucida console;
  141. letter-spacing: 0.5px;
  142. font-size: 14px;
  143. box-shadow:0 0 0 transparent;
  144. padding: 4px;
  145. overflow: hidden;
  146. }}
  147. .tabs {
  148. .panel h3 > a > svg {
  149. display:none;
  150. }
  151. .panel {
  152. border: none;
  153. &>h3 {
  154. background: #f84048;
  155. border: 4px solid black;
  156. border-radius: 100px;
  157. position:absolute;
  158. top: 128px;
  159. left: 210px;
  160. width: 40px;
  161. height: 66px;
  162. text-align: center;
  163. overflow: hidden;
  164. -webkit-transition: all .2s linear 0s;
  165. -moz-transition: all .2s linear 0s;
  166. -ms-transition: all .2s linear 0s;
  167. -o-transition: all .2s linear 0s;
  168. transition: all .2s linear 0s;
  169. user-select: none;
  170. -moz-user-select: none;
  171. -khtml-user-select: none;
  172. -webkit-user-select: none;
  173. -o-user-select: none;
  174.  
  175. }
  176. &>h3:nth-child(1) { position: absolute; top:35px; left:271px; border-radius: 0px 40px 0px 0px; border-width: 4px 4px 2px 4px;}
  177. &>h3:nth-child(3) { position: absolute; top:113px; left: 271px; border-radius: 0px 0px 40px 0px; border-width: 3px 4px 4px 4px;}
  178.  
  179.  
  180.  
  181. &>h3 a { color: transparent; }
  182. &>h3:hover{ background: #d2363d;
  183. -webkit-transition: all .1s linear 0s;
  184. -moz-transition: all .1s linear 0s;
  185. -ms-transition: all .1s linear 0s;
  186. -o-transition: all .1s linear 0s;
  187. transition: all .1s linear 0s;
  188.  
  189. }
  190. &>div {
  191. background: #70b070;
  192. width: 225px;
  193. height: 190px;
  194. color: #202d21;
  195. position: absolute;
  196. top: 14px;
  197. left: 18px;
  198. overflow: hidden;
  199. font-family: lucida console;
  200. font-size: 13px;
  201. letter-spacing: -0.8px;
  202. text-align: center;
  203. padding: 5px;
  204. border-radius: 0px;
  205. border: none;
  206. }
  207. }}
  208. table {
  209. margin: 0px auto;
  210. border: 0px;
  211. }
  212. td {
  213. border: 1px solid #5f8852;
  214. background: none;
  215. color: #202d21;
  216. text-align: center;
  217. }
  218. th {
  219. border: 0px;
  220. background-color: #5f8852;
  221. border: 1px solid #5f8852;
  222. padding: 3px;
  223. color: #202d21;
  224. text-align: center;
  225. }
  226.  
  227. .expbar {
  228. border-radius: 0px;
  229. background: none;
  230. border: 1px solid #5f8852;
  231. text-align: top;
  232. color: #202d21;
  233. line-height: 15px;
  234. overflow: hidden;
  235. }
  236. .expbar div {
  237. background: #5f8852;
  238. border: 0px;
  239. }
  240. .tooltip_content {
  241. font-size: 14px;
  242. text-align:center;
  243. background: #70b070;
  244. color: #202d21;
  245. border-radius: 0px;
  246. border: 1px solid #202d21;
  247. }
  248. span.bbcode_tooltip {
  249. border-bottom: 1px dotted #202d21;
  250. }
  251. ::selection {
  252. color: white;
  253. background: #2c3e2e;
  254. }
  255. .cred{
  256. >a { color: white; }
  257. color: white;
  258. text-shadow:
  259. -1px -1px 0 #150025,
  260. 1px -1px 0 #150025,
  261. -1px 1px 0 #150025,
  262. 1px 1px 0 #150025;
  263. position: absolute;
  264. top: 220px;
  265. left: 123px;
  266. font-family: calibri;
  267. font-size: 12px;
  268. z-index: 2;
  269. }
  270.  
  271. [/style]
RAW Paste Data