API tools faq
paste
dotunion

seltyiel forum code

dotunion
Sep 24th, 2024 (edited)
80
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.11 KB | None | 0 0
raw download clone embed print report
  1. [sc=background]
  2. [sc=box][sc=glow][img]https://i.imgur.com/9zwkroH.png[/img][/sc]
  3. this is a test template!
  4.  
  5. you can use [sc=glow][img]IMAGE HERE[/img][/sc] to have a glow effect on your images
  6.  
  7. use [sc=floatleft][img]IMAGE HERE[/img][/sc]
  8. or [sc=floatright][img]IMAGE HERE[/img][/sc]
  9. on any body of text for a floating image on the left or right ^_^
  10. [/sc]
  11.  
  12. [sc=credit][pit="[img]https://www.pokencyclopedia.info/sprites/spin-off/o_md-ex/o_mdex_404.png[/img]"]- code by [url=https://pfq.link/@J3dF]union[/url], for [url=https://pokefarm.com/user/Seltyiel]seltyiel's[/url] use only
  13. all images used are official art!
  14. add more here :][/pit][/sc]
  15. [/sc]
  16.  
  17. [style]
  18.  
  19. @font-face {
  20. font-family: 'Lexend Deca';
  21. src: url(https://fonts.gstatic.com/s/lexenddeca/v21/K2F1fZFYk-dHSE0UPPuwQ5qnJy8.woff2) format('woff2');
  22. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  23. }
  24.  
  25. .background {
  26. background-image: url("https://i.imgur.com/mxEATJR.png");
  27. background-size: 50% auto;
  28. }
  29.  
  30. .box {
  31. margin: auto;
  32. width: 90%;
  33. border: 2px solid #0A1119;
  34. background-color: #3F3B3A;
  35. border-radius: 5px;
  36. padding: 5px;
  37. box-shadow: 0px 0px 4px #5ABBED;
  38.  
  39. text-align: center;
  40. color: #fff;
  41. text-shadow: 0px 0px 2px #0A1119;
  42. font-size: 16px;
  43. font-family: 'Lexend Deca';
  44. }
  45.  
  46. .glow {
  47. margin: auto;
  48. width: 30%;
  49. filter: drop-shadow(0px 0px 3px #5ABBED);
  50. }
  51.  
  52. .floatright {
  53. width: 170px;
  54. float: right;
  55. filter: drop-shadow(0px 0px 3px #5ABBED);
  56. }
  57.  
  58. .floatleft {
  59. width: 170px;
  60. float: left;
  61. filter: drop-shadow(0px 0px 3px #5ABBED);
  62. }
  63.  
  64. a {
  65. display: inline-block;
  66. text-decoration: underline dotted;
  67. color: #fff;
  68. }
  69.  
  70. .tabbed_interface>ul {
  71. background-color: inherit;
  72. }
  73.  
  74. .tabbed_interface>ul li { /* tabs */
  75. font-family: 'Lexend Deca';
  76. cursor: pointer;
  77. margin: 5px 3px;
  78. position: relative;
  79. width: auto;
  80. height: 21px;
  81. font-size: 16px;
  82. text-align: center;
  83. color: #4B4140;
  84. box-shadow: 0px 0px 3px #5ABBED;
  85. text-shadow: none;
  86. background-color: #7DCDF4;
  87. border: 1px solid #4B4140;
  88. border-radius: 5px;
  89. transition: .3s;
  90. }
  91.  
  92. .tabbed_interface>ul>li.tab-active {
  93. color: #FBBE00;
  94. border: 1px solid #7DCDF4;
  95. border-radius: 5px;
  96. background: #4B4140;
  97. }
  98.  
  99. .tab-active { /* content */
  100. font-family: 'Lexend Deca';
  101. line-height: 1.3;
  102. text-align: center;
  103. margin: auto;
  104. width: 98%;
  105. height: auto;
  106. background-color: #4B4140;
  107. border: 1px solid #7DCDF4;
  108. border-radius: 5px;
  109. color: #FBBE00;
  110. box-shadow: 0px 0px 3px #5ABBED;
  111. }
  112.  
  113. /* toolip */
  114.  
  115. div.tooltip_content {
  116. width: auto;
  117. background: #3F3B3A95;
  118. color: #9AC6E8;
  119. border: 2px solid #0A1119;
  120. border-radius: 0px;
  121. font-size: 16px;
  122. border-radius: 5px;
  123. box-shadow: 0px 0px 4px #5ABBED;
  124. }
  125.  
  126. .bbcode_tooltip {
  127. border-bottom: 0.5px dotted @sub;
  128. cursor: help;
  129. }
  130.  
  131. /* hide panel */
  132.  
  133. .panel {
  134. Width: 90%;
  135. margin: auto;
  136. border-radius: 0px;
  137. box-shadow: none;
  138. border: none;
  139. box-shadow: 0px 0px 3px #5ABBED;
  140. &>h3 {
  141. color: #4B4140;
  142. text-shadow: none;
  143. &>a {
  144. color: #4B4140;
  145. text-shadow: none;
  146. }
  147. text-align: center;
  148. background: #7DCDF4;
  149. font-size: 14px;
  150. border-radius: 0px;
  151. border: 2px solid #4B4140;
  152. }
  153. &>div {
  154. background: #4B4140;
  155. display: block;
  156. margin: 0;
  157. padding: 6px;
  158. color: #FBBE00;
  159. border: 2px solid #7DCDF4;
  160. border-top: none;
  161. }
  162. }
  163.  
  164. /* progress bar */
  165.  
  166. .expbar {
  167. margin-bottom: -10px;
  168. background: #4B4140;
  169. border-radius: 0px;
  170. width: 90%;
  171. height: 7%;
  172. border: 2px solid #7DCDF4;
  173. color: #7DCDF4;
  174. >div {
  175. background: #FBBE00;
  176. border-right: 1px solid #7DCDF4;
  177. }
  178. }
  179.  
  180. /* table */
  181.  
  182. table {
  183. border: none;
  184. padding: 4px;
  185. border-collapse: separate;
  186. width: 100%;
  187. margin: auto;
  188. display: flow-root;
  189. overflow-x: auto;
  190. th, td {
  191. text-align: center;
  192. padding: 5px;
  193. border-radius: 0px;
  194. border: none;
  195. color: #4B4140;
  196. box-shadow: 0px 0px 3px #5ABBED;
  197. }
  198. th {
  199. background-color: #7DCDF4;
  200. color: #4B4140;
  201. text-shadow: none;
  202. border: 2px solid #4B4140;
  203. }
  204. td {
  205. text-shadow: none;
  206. background-color: #4B4140;
  207. color: #FBBE00;
  208. border: 2px solid #7DCDF4;
  209. }
  210. }
  211. table {
  212. margin: 0 auto;
  213. }
  214.  
  215. @platform-base: #4B4140;
  216. @platform-border: #7DCDF4;
  217. @name-color: #fff;
  218. @name-background: #4B4140;
  219. @name-border: #7DCDF4;
  220. @berry-background: @col-flavour-up;
  221. @berry-border: #FFF0E5;
  222. @display-item: block;
  223. @display-berries: block;
  224.  
  225. .party {
  226. display: inline-block;
  227. &,>div {
  228. padding: 0;
  229. margin: 0;
  230. background: transparent;
  231. width: 120px !important;
  232. height: 120px;
  233. overflow: hidden;
  234. border: none;
  235. border-radius: 0;
  236. box-shadow: none;
  237. }
  238. >div {
  239. &::after {
  240. display: none;
  241. }
  242. .pkmn {
  243. margin: 0 10px;
  244. float: unset;
  245. &::before {
  246. background-color: @platform-base;
  247. border-color: @platform-border;
  248. }
  249. .helditem {
  250. display: @display-item;
  251. .itemsprite {
  252. cursor: unset;
  253. }
  254. .tooltip_content {
  255. display: none;
  256. }
  257. }
  258. }
  259. .name {
  260. background-color: @name-background;
  261. border: 1px solid @name-border;
  262. border-radius: 5px;
  263. margin-top: 1px;
  264. height: 16px;
  265. display: flex;
  266. flex-wrap: nowrap;
  267. a {
  268. color: @name-color;
  269. text-shadow: 0px 0px 0px #00000000;
  270. font-weight: normal;
  271. margin: 0 2px;
  272. width: 80px !important;
  273. flex-grow: 99;
  274. font-size: 12px;
  275. text-decoration: none;
  276. }
  277. a:hover {
  278. transform: none;
  279. }
  280. img {
  281. display: none;
  282. }
  283. img:nth-last-of-type(-n+2) {
  284. display: inline;
  285. margin: 0;
  286. }
  287. }
  288. .action {
  289. display: @display-berries;
  290. position: absolute;
  291. left: 88px;
  292. top: 70px;
  293. height: unset;
  294. width: unset;
  295. .berrybuttons[data-up="any"]>a[data-berry="aspear"],
  296. .berrybuttons[data-up="sour"]>a[data-berry="aspear"],
  297. .berrybuttons[data-up="spicy"]>a[data-berry="cheri"],
  298. .berrybuttons[data-up="dry"]>a[data-berry="chesto"],
  299. .berrybuttons[data-up="sweet"]>a[data-berry="pecha"],
  300. .berrybuttons[data-up="bitter"]>a[data-berry="rawst"] {
  301. display: inline-block;
  302. }
  303. .berrybuttons {
  304. >a {
  305. display: none;
  306. width: 20px;
  307. height: 20px;
  308. line-height: 20px;
  309. padding: 5px;
  310. background-color: @berry-background;
  311. border-radius: 20px;
  312. >img {
  313. vertical-align: top;
  314. max-height: 20px;
  315. max-width: 20px;
  316. }
  317. }
  318. >a[data-berry="pecha"] img {
  319. /* this berry is short */
  320. margin-top: 1px;
  321. }
  322. }
  323. &.working {
  324. opacity: 0.5;
  325. }
  326. table, a[data-evolve] {
  327. /* "thank you" message and evolve button */
  328. display: none;
  329. }
  330. }
  331. .expbar, .taste, .extra {
  332. display: none;
  333. }
  334. }
  335. >div:hover>.action a[data-berry]:after {
  336. border-color: @berry-border;
  337. }
  338. }
  339.  
  340. .credit {
  341. font-family: 'Lexend Deca';
  342. margin-right: 5px;
  343. margin-top: -20px;
  344. margin-bottom: -15px;
  345. text-align: right;
  346. font-size: 8px;
  347. user-select: none;
  348. width: auto;
  349. height: auto;
  350. filter: drop-shadow(0px 0px 3px #5ABBED);
  351.  
  352. div.tooltip_content {
  353. bottom: 0px;
  354. right: 35px;
  355. width: 60%;
  356. font-size: 12px;
  357. padding: 4px;
  358. background-color: #3F3B3A95;
  359. color: #fff;
  360. box-shadow: 0px 0px 4px #5ABBED;
  361. text-align: left;
  362.  
  363. @media only screen and (max-width: 1280px) {
  364. width: 200px;
  365. position: absolute;
  366. bottom: 0px;
  367. right: 35px;
  368. }
  369. }
  370. .bbcode_tooltip {
  371. border-bottom: none;
  372. }
  373. }
  374.  
  375. [/style]
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!