dotunion

lakaishia about me comm

Nov 11th, 2024 (edited)
75
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.87 KB | None | 0 0
  1. [sc=background][sc=body][sc=headerbox]
  2. [sc=icon][img]https://www.firstbenefits.org/wp-content/uploads/2017/10/placeholder.png[/img][/sc][sc=headertext][u]some text![/u]
  3.  
  4.  
  5.  
  6.  
  7.  
  8. height limited here
  9. [/sc]
  10. [/sc]
  11. [sc=tabbed_interface horizontal]
  12. [ul]
  13. [li][img]https://i.imgur.com/D5WRggO.png[/img][/li]
  14. [li][img]https://i.imgur.com/D5WRggO.png[/img][/li]
  15. [li][img]https://i.imgur.com/D5WRggO.png[/img][/li]
  16. [li][img]https://i.imgur.com/D5WRggO.png[/img][/li]
  17. [/ul][
  18. ][sc=tab-active]tab 1[/sc][
  19.  
  20. ][sc=tab]tab 2[/sc][
  21.  
  22. ][sc=tab]tab 3[/sc][
  23.  
  24. ][sc=tab]tab 4[/sc][/sc]
  25. [sc=credit][pit="[img]https://web.archive.org/web/20091027055227/http://geocities.com/Biohazard_KND/bio-cur.gif[/img]"]- code by [url=https://pfq.link/@J3dF]union[/url], for [url=https://pokefarm.com/user/Lakaishia]lakaishia's[/url] use only
  26. - background from [url=https://web.archive.org/web/20070626105100/http://www.bigoo.ws/Backgrounds/color-dark-green/1-2-901.htm]bigoo.ws[/url]
  27. - biohazard buttons from [url=https://www.glitter-graphics.com/dividers/abstract/6ky0-green]glitter-graphics by gizzzi[/url]
  28. - red biohazard gif from [url=https://web.archive.org/web/20090725235423/http://geocities.com/biohazard_knd/]biohazard_knd[/url]
  29. add more here :][/pit][/sc]
  30. [/sc][/sc]
  31.  
  32. [style]
  33.  
  34. @font-face {
  35. font-family: 'Lexend';
  36. src: url(https://fonts.gstatic.com/s/lexend/v23/wlpwgwvFAVdoq2_v-6QU.woff2) format('woff2');
  37. 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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  38. }
  39.  
  40. .background {
  41. background-image: url("https://i.imgur.com/rZWRbHt.jpeg");
  42. background-size: 30% auto;
  43. margin: auto;
  44. width: 300px;
  45. padding: 5px;
  46. }
  47.  
  48. .body {
  49. border: 2px solid #008100;
  50. background: #00000080;
  51. }
  52.  
  53. .headerbox {
  54. width: 90%;
  55. margin: auto;
  56. margin-top: 10px;
  57. border: 4px double #008100;
  58. background-color: #000;
  59. }
  60.  
  61. .icon {
  62. width: 105px;
  63. height: 105px;
  64. border: 3px dashed #008100;
  65. margin-left: 10px;
  66. margin-top: -10px;
  67. margin-bottom: 10px;
  68. display: inline-block;
  69.  
  70. @media only screen and (max-width: 1280px) {
  71. margin-left: 10px;
  72. }
  73. }
  74.  
  75. .headertext {
  76. display: inline-block;
  77. width: 55%;
  78. font-family: 'Lexend';
  79. font-size: 12px;
  80. text-align: center;
  81. color: #fff;
  82.  
  83. @media only screen and (max-width: 1024px) {
  84. font-size: 12px;
  85. width: 54%;
  86. }
  87. }
  88.  
  89. .tabbed_interface>ul {
  90. background-color: inherit;
  91. margin: auto;
  92. margin-top: -30px;
  93. }
  94.  
  95. .tabbed_interface>ul li { /* tabs */
  96. font-family: 'Lexend';
  97. border: none;
  98. cursor: pointer;
  99. margin: 5px 3px;
  100. padding: 2px;
  101. width: auto;
  102. text-align: center;
  103. background-color: #00000000;
  104. transition: .3s;
  105. }
  106.  
  107. .tabbed_interface>ul>li.tab-active {
  108. -webkit-filter: drop-shadow(4px 4px #008100);
  109. filter: drop-shadow(4px 4px #008100);
  110. }
  111.  
  112. .tab-active { /* content */
  113. font-family: 'Lexend';
  114. line-height: 1.3;
  115. text-align: center;
  116. padding: 5px;
  117. margin: auto;
  118. margin-top: 5px;
  119. width: 90%;
  120. height: auto;
  121. background-color: #000;
  122. color: #fff;
  123. border: 2px solid #008100;
  124. box-shadow: none;
  125. font-size: 14px;
  126. }
  127.  
  128. a {
  129. color: #fff;
  130. text-decoration-style: solid;
  131. }
  132.  
  133. div.tooltip_content {
  134. width: auto;
  135. background: #000;
  136. color: #fff;
  137. border: solid 2px #008100;
  138. border-radius: 0px;
  139. font-size: 13px;
  140. }
  141.  
  142. .bbcode_tooltip {
  143. border-bottom: 0.5px dotted #fff;
  144. cursor: help;
  145. }
  146.  
  147. .panel {
  148. background-image: url("https://i.imgur.com/rZWRbHt.jpeg");
  149. padding: 4px;
  150. width: 90%;
  151. margin: auto;
  152. border-radius: 0px;
  153. box-shadow: none;
  154. border: 2px solid #008100;
  155. &>h3 {
  156. &>a {
  157. color: #fff;
  158. text-decoration: none;
  159. }
  160. text-align: center;
  161. background: #000;
  162. font-size: 12px;
  163. border-radius: 0px;
  164. border: 4px double #008100;
  165. color: #fff;
  166. }
  167. &>div {
  168. background: #000;
  169. display: block;
  170. margin-top: 3px;
  171. padding: 6px;
  172. color: #fff;
  173. border: 2px solid #008100;
  174. animation: 1s fade;
  175. }
  176. }
  177.  
  178. .expbar {
  179. margin-top: -5px;
  180. margin-bottom: -5px;
  181. background: none;
  182. border-radius: 0px;
  183. width: 90%;
  184. border: 4px double #008100;
  185. color: #fff;
  186. >div {
  187. margin: 3px;
  188. background: #008100;
  189. border-right: 1px solid #008100;
  190. }
  191. }
  192.  
  193. table {
  194. margin: auto;
  195. width: 98%;
  196. border: none;
  197. padding: 4px;
  198. background-image: url("https://i.imgur.com/rZWRbHt.jpeg");
  199. border: 2px solid #008100;
  200. border-collapse: separate;
  201. th, td {
  202. text-align: center;
  203. padding: 5px;
  204. border-radius: 0px;
  205. border: 2px solid #000;
  206. }
  207. th {
  208. background-color: #008100;
  209. color: #fff;
  210. }
  211. td {
  212. background-color: #000;
  213. color: #fff;
  214. border: 2px solid #008100;
  215. }
  216. }
  217.  
  218. /* party panel */
  219.  
  220. @platform-base: #000;
  221. @platform-border: #008100;
  222. @name-color: #fff;
  223. @name-background: #000;
  224. @name-border: #008100;
  225. @berry-background: @col-flavour-up;
  226. @berry-border: #008100;
  227. /* Set to "block" to show, "none" to hide */
  228. @display-item: block;
  229. @display-berries: block;
  230.  
  231. .party {
  232. display: inline-block;
  233. &,>div {
  234. padding: 0;
  235. margin: 0;
  236. background: transparent;
  237. width: 120px !important;
  238. height: 120px;
  239. overflow: hidden;
  240. border: none;
  241. border-radius: 0;
  242. box-shadow: none;
  243. }
  244. >div {
  245. &::after {
  246. display: none;
  247. }
  248. .pkmn {
  249. margin: 0 10px;
  250. float: unset;
  251. &::before {
  252. background-color: @platform-base;
  253. border-color: @platform-border;
  254. }
  255. .helditem {
  256. display: @display-item;
  257. .itemsprite {
  258. cursor: unset;
  259. }
  260. .tooltip_content {
  261. display: none;
  262. }
  263. }
  264. }
  265. .name {
  266. background-color: @name-background;
  267. border: 1.5px solid @name-border;
  268. border-radius: 5px;
  269. margin-top: 1px;
  270. height: 16px;
  271. display: flex;
  272. flex-wrap: nowrap;
  273. a {
  274. color: @name-color;
  275. font-weight: normal;
  276. margin: 0 2px;
  277. width: 80px !important;
  278. flex-grow: 99;
  279. font-size: 12px;
  280. }
  281. img {
  282. display: none;
  283. }
  284. img:nth-last-of-type(-n+2) {
  285. display: inline;
  286. margin: 0;
  287. }
  288. }
  289. .action {
  290. display: @display-berries;
  291. position: absolute;
  292. left: 88px;
  293. top: 70px;
  294. height: unset;
  295. width: unset;
  296. .berrybuttons[data-up="any"]>a[data-berry="aspear"],
  297. .berrybuttons[data-up="sour"]>a[data-berry="aspear"],
  298. .berrybuttons[data-up="spicy"]>a[data-berry="cheri"],
  299. .berrybuttons[data-up="dry"]>a[data-berry="chesto"],
  300. .berrybuttons[data-up="sweet"]>a[data-berry="pecha"],
  301. .berrybuttons[data-up="bitter"]>a[data-berry="rawst"] {
  302. display: inline-block;
  303. }
  304. .berrybuttons {
  305. >a {
  306. display: none;
  307. width: 20px;
  308. height: 20px;
  309. line-height: 20px;
  310. padding: 5px;
  311. background-color: @berry-background;
  312. border-radius: 20px;
  313. >img {
  314. vertical-align: top;
  315. max-height: 20px;
  316. max-width: 20px;
  317. }
  318. }
  319. >a[data-berry="pecha"] img {
  320. /* this berry is short */
  321. margin-top: 1px;
  322. }
  323. }
  324. &.working {
  325. opacity: 0.5;
  326. }
  327. table, a[data-evolve] {
  328. /* "thank you" message and evolve button */
  329. display: none;
  330. }
  331. }
  332. .expbar, .taste, .extra {
  333. display: none;
  334. }
  335. }
  336. >div:hover>.action a[data-berry]:after {
  337. border-color: @berry-border;
  338. }
  339. }
  340.  
  341. .credit {
  342. margin-top: 10px;
  343. margin-right: 15px;
  344. margin-bottom: -10px;
  345. text-align: right;
  346. font-size: 8px;
  347. user-select: none;
  348. position: relative;
  349. bottom: 10px;
  350. width: auto;
  351. height: auto;
  352.  
  353. div.tooltip_content {
  354. bottom: 5px;
  355. right: 65px;
  356. width: 70%;
  357. font-size: 10px;
  358. padding: 4px;
  359. border: 2px solid #000;
  360. background-color: #fff;
  361. color: #222;
  362. text-align: left;
  363.  
  364. @media only screen and (max-width: 1280px) {
  365. width: 200px;
  366. position: absolute;
  367. }
  368. }
  369. .bbcode_tooltip {
  370. border-bottom: none;
  371. }
  372. }
  373.  
  374. .credit {
  375. margin-right: 10px;
  376. margin-top: 5px;
  377. margin-bottom: -15px;
  378. text-align: right;
  379. font-size: 8px;
  380. user-select: none;
  381. width: auto;
  382. height: auto;
  383.  
  384. div.tooltip_content {
  385. bottom: 0px;
  386. right: 35px;
  387. width: 80%;
  388. font-size: 12px;
  389. padding: 4px;
  390. border: 2px solid #008100;
  391. background-color: #000;
  392. color: #fff;
  393. text-align: left;
  394.  
  395. @media only screen and (max-width: 1280px) {
  396. width: 200px;
  397. position: absolute;
  398. bottom: 0px;
  399. right: 35px;
  400. }
  401. }
  402. .bbcode_tooltip {
  403. border-bottom: none;
  404. }
  405. }
  406.  
  407. [/style]
Advertisement
Add Comment
Please, Sign In to add comment