API tools faq
paste
dotunion

vinnvy forum code

dotunion
Nov 29th, 2024 (edited)
72
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.63 KB | None | 0 0
raw download clone embed print report
  1. [sc=bg]
  2. [sc=headerbox][u]hello! welcome![/u]
  3.  
  4. this is in intro box! add whatever you'd like here!
  5.  
  6. height limited here[/sc][sc=icon][img]https://64.media.tumblr.com/67da18abaf9b9e3789d2fb4270a7b69e/f914955ec3e052f3-77/s400x600/29ec6249114dd483fc7859013e32d7de20da7b1b.pnj[/img][/sc]
  7. [sc=divider][img]https://64.media.tumblr.com/8b1140c65f13aefa4afa3d24503b58ec/61984f0d4292fdae-4f/s2048x3072/c0cc05b50e222073d7024f02ff0f76f8e1b7933b.pnj[/img][/sc]
  8. [sc=tabbed_interface horizontal]
  9. [ul]
  10. [li]Title 1[/li]
  11. [li]Title 2[/li]
  12. [li]Title 3[/li]
  13. [li]Title 4[/li]
  14. [li]Title 5[/li]
  15. [li]Title 6[/li]
  16. [/ul][
  17. ][sc=tab-active]contents 1[/sc][
  18.  
  19. ][sc=tab]contents 2[/sc][
  20.  
  21. ][sc=tab]contents 3[/sc][
  22.  
  23. ][sc=tab]contents 4[/sc][
  24.  
  25. ][sc=tab]contents 5[/sc][
  26.  
  27. ][sc=tab]contents 6[/sc][/sc]
  28. [sc=credit][pit="[img]https://foollovers.com/mat/i-foods03/f04-icon-tropical_drink.gif[/img]"]- code by [url=https://pfq.link/@J3dF]union[/url], for [url=https://pfq.link/@JffM]vinnvy's[/url] use only
  29. - flower and drink pixels from [url=https://foollovers.com/]foollovers[/url]
  30. - whale divider by [url=https://www.tumblr.com/sister-lucifer/766038609807753216/heyo-could-i-perhaps-request-some-whale-shark?source=share]sister-lucifer[/url] on tumblr
  31. - backgrounds from [url=https://web.archive.org/web/20070319193701/http://manodesign.extra.hu/bgegyeb.htm#lapteteje]manodesign[/url][/pit][/sc]
  32. [/sc]
  33.  
  34. [style]
  35.  
  36. @font-face {
  37. font-family: 'Outfit';
  38. src: url(https://fonts.gstatic.com/s/outfit/v11/QGYvz_MVcBeNP4NJtEtq.woff2) format('woff2');
  39. 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;
  40. }
  41.  
  42. .bg {
  43. background: linear-gradient(to bottom, transparent 10%, #42b1c0), repeat-y url(https://foollovers.com/mat/flower02/ga03-bg-hibiscus.gif), url(https://i.imgur.com/Vd3qmNk.jpeg);
  44. background-size: auto, 200px;
  45. }
  46.  
  47. .headerbox {
  48. width: 60%;
  49. height: 120px;
  50. padding: 5px;
  51. border: 2px solid #3895CA;
  52. background-color: #B2CBF2;
  53. display: inline-block;
  54. margin-left: 40px;
  55. position: relative;
  56. bottom: 6px;
  57. font-family: 'Outfit';
  58. line-height: 1.1;
  59. text-align: center;
  60. color: #000;
  61. font-size: 18px;
  62. box-shadow: 0px 0px 4px #950054;
  63.  
  64. @media only screen and (max-width: 1024px) {
  65. font-size: 16px;
  66. line-height: 1;
  67. width: 50%;
  68. height: 100px;
  69. margin-left: 20px;
  70. }
  71. }
  72.  
  73. .icon {
  74. width: 130px;
  75. height: auto;
  76. margin-left: 10px;
  77. display: inline-block;
  78. border: 2px solid #3895CA;
  79. position: relative;
  80. top: 1px;
  81. box-shadow: 0px 0px 4px #950054;
  82.  
  83. @media only screen and (max-width: 1024px) {
  84. width: 110px;
  85. bottom: 30px;
  86. }
  87. }
  88.  
  89. .divider {
  90. width: 90%;
  91. margin: 0px auto;
  92. margin-top: 5px;
  93. float: none;
  94. display: table;
  95. -webkit-filter: drop-shadow(0px 0px 5px #950054 );
  96. filter: drop-shadow(0px 0px 5px #950054);
  97. }
  98.  
  99. .tabbed_interface>ul {
  100. background-color: transparent;
  101. margin: auto;
  102. margin-top: -30px;
  103. width: 100%;
  104. width: 95%;
  105. }
  106.  
  107. .tabbed_interface>ul li {
  108. padding: 5px;
  109. margin: 5px 5px;
  110. width: 25%;
  111. background-color: #B2CBF290;
  112. border: 2px solid #3895CA;
  113. color: #000;
  114. font-family: 'Outfit';
  115. text-align: center;
  116. transition: .3s;
  117. }
  118.  
  119. .tabbed_interface>ul>li.tab-active {
  120. background-color: #B2CBF2;
  121. }
  122.  
  123. .tab-active {
  124. background-color: #B2CBF2;
  125. border: 2px solid #3895CA;
  126. color: #000;
  127. font-family: 'Outfit';
  128. text-align: center;
  129. width: 93%;
  130. margin: auto;
  131. padding: 5px;
  132. box-shadow: 0px 0px 4px #950054;
  133. }
  134.  
  135. a {
  136. color: #000;
  137. }
  138.  
  139. /* toolip */
  140.  
  141. div.tooltip_content {
  142. width: auto;
  143. color: #000;
  144. background-color: #B2CBF290;
  145. border: 2px solid #3895CA;
  146. border-radius: 5px;
  147. font-size: 16px;
  148. border-radius: 7px;
  149. }
  150.  
  151. .bbcode_tooltip {
  152. border-bottom: 0.5px dotted;
  153. cursor: help;
  154. }
  155.  
  156. .panel {
  157. width: 90%;
  158. margin: auto;
  159. border-radius: 0px;
  160. border: none;
  161. box-shadow: 0px 0px 4px #950054;
  162. &>h3 {
  163. color: #000;
  164. &>a {
  165. color: #000;
  166. }
  167. text-align: center;
  168. background: #B2CBF2;
  169. font-size: 14px;
  170. border-radius: 0px;
  171. border: 2px solid #3895CA;
  172. }
  173. &>div {
  174. background-color: #92B6F090;
  175. display: block;
  176. margin: 0;
  177. padding: 6px;
  178. color: #000;
  179. border: 2px solid #3895CA;
  180. border-top: none;
  181. }
  182. }
  183.  
  184. .expbar {
  185. background-color: #B2CBF290;
  186. border-radius: 0px;
  187. width: 90%;
  188. height: 7%;
  189. border: 2px solid #3895CA;
  190. color: #000;
  191. box-shadow: 0px 0px 4px #950054;
  192. >div {
  193. background: #D5E3F9;
  194. border-right: 1px solid #D5E3F9;
  195. }
  196. }
  197.  
  198. table {
  199. margin: auto;
  200. border: none;
  201. padding: 4px;
  202. border-collapse: separate;
  203. width: 92%;
  204. th, td {
  205. text-align: center;
  206. padding: 5px;
  207. border-radius: 0px;
  208. border: none;
  209. color: #000;
  210. box-shadow: 0px 0px 4px #950054;
  211. }
  212. th {
  213. background-color: #B2CBF2;
  214. color: #000;
  215. border: 2px solid #3895CA;
  216. }
  217. td {
  218. background-color: #92B6F090;
  219. border: 2px solid #3895CA;
  220. }
  221. }
  222.  
  223. @platform-base: #B2CBF2;
  224. @platform-border: #3895CA;
  225. @name-color: #000;
  226. @name-background: #92B6F090;
  227. @name-border: #3895CA;
  228. @berry-background: @col-flavour-up;
  229. @berry-border: #3895CA;
  230. /* Set to "block" to show, "none" to hide */
  231. @display-item: block;
  232. @display-berries: block;
  233.  
  234. .party {
  235. display: inline-block;
  236. &,>div {
  237. padding: 0;
  238. margin: 0;
  239. background: transparent;
  240. width: 120px !important;
  241. height: 120px;
  242. overflow: hidden;
  243. border: none;
  244. border-radius: 0;
  245. box-shadow: none;
  246. }
  247. >div {
  248. &::after {
  249. display: none;
  250. }
  251. .pkmn {
  252. margin: 0 10px;
  253. float: unset;
  254. &::before {
  255. background-color: @platform-base;
  256. border-color: @platform-border;
  257. }
  258. .helditem {
  259. display: @display-item;
  260. .itemsprite {
  261. cursor: unset;
  262. }
  263. .tooltip_content {
  264. display: none;
  265. }
  266. }
  267. }
  268. .name {
  269. background-color: @name-background;
  270. border: 1.5px solid @name-border;
  271. border-radius: 5px;
  272. margin-top: 1px;
  273. height: 16px;
  274. display: flex;
  275. flex-wrap: nowrap;
  276. a {
  277. color: @name-color;
  278. font-weight: normal;
  279. margin: 0 2px;
  280. width: 80px !important;
  281. flex-grow: 99;
  282. font-size: 12px;
  283. }
  284. img {
  285. display: none;
  286. }
  287. img:nth-last-of-type(-n+2) {
  288. display: inline;
  289. margin: 0;
  290. }
  291. }
  292. .action {
  293. display: @display-berries;
  294. position: absolute;
  295. left: 88px;
  296. top: 70px;
  297. height: unset;
  298. width: unset;
  299. .berrybuttons[data-up="any"]>a[data-berry="aspear"],
  300. .berrybuttons[data-up="sour"]>a[data-berry="aspear"],
  301. .berrybuttons[data-up="spicy"]>a[data-berry="cheri"],
  302. .berrybuttons[data-up="dry"]>a[data-berry="chesto"],
  303. .berrybuttons[data-up="sweet"]>a[data-berry="pecha"],
  304. .berrybuttons[data-up="bitter"]>a[data-berry="rawst"] {
  305. display: inline-block;
  306. }
  307. .berrybuttons {
  308. >a {
  309. display: none;
  310. width: 20px;
  311. height: 20px;
  312. line-height: 20px;
  313. padding: 5px;
  314. background-color: @berry-background;
  315. border-radius: 20px;
  316. >img {
  317. vertical-align: top;
  318. max-height: 20px;
  319. max-width: 20px;
  320. }
  321. }
  322. >a[data-berry="pecha"] img {
  323. /* this berry is short */
  324. margin-top: 1px;
  325. }
  326. }
  327. &.working {
  328. opacity: 0.5;
  329. }
  330. table, a[data-evolve] {
  331. /* "thank you" message and evolve button */
  332. display: none;
  333. }
  334. }
  335. .expbar, .taste, .extra {
  336. display: none;
  337. }
  338. }
  339. >div:hover>.action a[data-berry]:after {
  340. border-color: @berry-border;
  341. }
  342. }
  343.  
  344. .credit {
  345. font-family: 'Outfit';
  346. margin-right: 5px;
  347. margin-top: -10px;
  348. margin-bottom: -10px;
  349. text-align: right;
  350. font-size: 8px;
  351. user-select: none;
  352. width: auto;
  353. height: auto;
  354.  
  355. @media only screen and (max-width: 1280px) {
  356. margin-top: 0px;
  357. }
  358.  
  359. div.tooltip_content {
  360. bottom: 0px;
  361. right: 40px;
  362. width: 90%;
  363. font-size: 14px;
  364. padding: 4px;
  365. border: 2px solid #3895CA;
  366. background-color: #92B6F090;
  367. color: #000;
  368. text-align: left;
  369.  
  370. @media only screen and (max-width: 1280px) {
  371. width: 83%;
  372. position: absolute;
  373. bottom: 0px;
  374. right: 39px;
  375. }
  376. }
  377. .bbcode_tooltip {
  378. border-bottom: none;
  379. }
  380. }
  381.  
  382. [/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!