Loading...

Top
PFQ Banner

This is PokéFarm Q, a free online Pokémon collectables game.

Already a user? New to PFQ?

pumpkin's poke problems

Forum Index > PokéFarm > Journals > Staff >

Pages: 1234567

yosei-san's Avataryosei-san
yosei-san's Avatar

TRD Code (full content)

[img]https://i.ibb.co/VxBXXQ7/steelminnr.png[/img][sc=back][b]Welcome to the Corkshrew Crash Type Race Thread![/b] [accordion] [a-section=Members & Clicklist]To create a clicklist use this code [url=https://pokefarm.com/users/USER1,USER2,USER3]Clicklist[/url] [table] [tr] [th]User[/th] [th]Hunt[/th] [/tr] [tr] [td] [/td] [td] [/td] [/tr] [tr] [td] [/td] [td] [/td] [/tr] [tr] [td] [/td] [td] [/td] [/tr] [tr] [td] [/td] [td] [/td] [/tr] [tr] [td] [/td] [td] [/td] [/tr] [tr] [td] [/td] [td] [/td] [/tr] [tr] [td] [/td] [td] [/td] [/tr] [tr] [td] [/td] [td] [/td] [/tr] [tr] [td] [/td] [td] [/td] [/tr] [tr] [td] [/td] [td] [/td] [/tr] [tr] [td] [/td] [td] [/td] [/tr] [tr] [td] [/td] [td] [/td] [/tr] [tr] [td] [/td] [td] [/td] [/tr] [tr] [td] [/td] [td] [/td] [/tr] [tr] [td] [/td] [td] [/td] [/tr] [tr] [td] [/td] [td] [/td] [/tr] [tr] [td] [/td] [td] [/td] [/tr] [tr] [td] [/td] [td] [/td] [/tr] [/table] [/a-section] [a-section=Egg Chart]Updated egg charts credited to [url=https://pokefarm.com/forum/thread/341732/Updated-Egg-Chart]CherryPanda[/url] [table] [tr][th]EXP[/th][th=2x1]Eggs[/th][/tr] [tr][td][b]2560[/b][/td] [td]none[/td] [td][tip=50% electric|Togedemaru][img]https://pokefarm.com/img/pkmn/t/c/n/o.png[/img][/tip][/td][/tr] [tr][td][b]5120[/b][/td] [td][tip=Klink][img]https://pokefarm.com/img/pkmn/i/m/9.png[/img][/tip][tip=Galarian Meowth][img]https://pfq-static.com/img/pkmn/w/a/h/3.png/t=1586123762[/img][/tip][tip=Caimaw][img]https://pfq-static.com/img/pkmn/4/j/0/7.png[/img][/tip][/td] [td][tip=50% ice|Alolan Sandshrew][img]https://pokefarm.com/img/pkmn/r/2/t/g.png[/img][/tip][tip=50% ground|Alolan Diglett][img]https://pokefarm.com/img/pkmn/p/p/g/x.png[/img][/tip][tip=50% electric|Magnemite][img]https://pokefarm.com/img/pkmn/9/g/4.png[/img][/tip][tip=50% fairy|Mawile][img]https://pokefarm.com/img/pkmn/8/7/x.png[/img][/tip][tip=50% psychic|Bronzor][img]https://pokefarm.com/img/pkmn/a/a/c.png[/img][/tip][tip=50% grass|Ferroseed][img]https://pokefarm.com/img/pkmn/g/t/s.png[/img][/tip][tip=50% dark|Pawniard][img]https://pokefarm.com/img/pkmn/i/a/w.png[/img][/tip][tip=50% bug|Durant][img]https://pokefarm.com/img/pkmn/v/o.png[/img][/tip][tip=50% ghost|Honedge][img]https://pokefarm.com/img/pkmn/n/x/e.png[/img][/tip][tip=50% fairy|Klefki][img]https://pokefarm.com/img/pkmn/m/q/c.png[/img][/tip][tip=50% ground|Galarian Stunfisk][img]https://pfq-static.com/img/pkmn/n/m/v/m.png[/img][/tip][/td][/tr] [tr][td][b]6400[/b][/td] [td][tip=Cufant][img]https://pfq-static.com/img/pkmn/s/o/r/5.png[/img][/tip][tip=Minibbit][img]https://pfq-static.com/img/pkmn/1/4/k/l.png/t=1517791146[/img][/tip][/td] [td][tip=50% flying|Skarmory][img]https://pokefarm.com/img/pkmn/2/v/d.png[/img][/tip][tip=50% rock|Apoc. Golett][img]https://pfq-static.com/img/pkmn/7/p/3/b.png/t=1478697860[/img][/tip][tip=50% ghost|Mocknock][img]https://pfq-static.com/img/pkmn/d/w/m/k.png[/img][/tip][tip=50% Ghost|Exilant][img]https://pfq-static.com/img/pkmn/g/a/u/4.png[/img][/tip][/td][/tr] [tr][td][b]7680[/b][/td] [td]none[/td] [td][tip=50% rock|Shieldon][img]https://pokefarm.com/img/pkmn/c/u/5.png[/img][/tip][tip=50% dragon|Duraludon][img]https://pfq-static.com/img/pkmn/7/f/8/m.png[/img][/tip][tip=50% fairy|Lyruse][img]https://pfq-static.com/img/pkmn/h/y/p/k.png/t=1637050106[/img][/tip][/td][/tr] [tr][td][b]8960[/b][/td] [td]none[/td] [td][tip=50% rock|Aron][img]https://pokefarm.com/img/pkmn/i/o/3.png[/img][/tip][/td][/tr] [tr][td][b]10240[/b][/td] [td]none[/td] [td][tip=50% psychic|Beldum][img]https://pokefarm.com/img/pkmn/i/k/7.png[/img][/tip][/td][/tr] [tr][td][b]20480[/b][/td] [td][tip=Registeel][img]https://pfq-static.com/img/pkmn/3/f/3.png[/img][/tip][/td] [td][tip=50% fighting|Cobalion][img]https://pokefarm.com/img/pkmn/1/m/b.png[/img][/tip][/td][/tr] [tr][td][b]30720[/b][/td] [td][tip=Meltan][img]https://pfq-static.com/img/pkmn/q/g/3/y.png/t=1604658808[/img][/tip][/td] [td][tip=50% psychic|Jirachi][img]https://pokefarm.com/img/pkmn/8/b/h.png[/img][/tip][tip=50% dragon|Dialga][img]https://pokefarm.com/img/pkmn/7/e/4.png[/img][/tip][tip=50% fire|Heatran][img]https://pokefarm.com/img/pkmn/4/9.png[/img][/tip][tip=50% bug|Genesect][img]https://pokefarm.com/img/pkmn/e/c/y.png[/img][/tip][tip=50% fairy|Magearna][img]https://pokefarm.com/img/pkmn/3/o/f/g.png[/img][/tip][tip=50% flying|Celesteela][img]https://pokefarm.com/img/pkmn/m/a/v/e.png[/img][/tip][tip=50% grass|Kartana][img]https://pokefarm.com/img/pkmn/e/r/7/r.png[/img][/tip][tip=50% rock|Stakataka][img]https://pokefarm.com/img/pkmn/k/o/h/o.png[/img][/tip][/td][/tr] [/table] [/a-section] [a-section=V-Wave Chart] [table] [tr] [th]Day[/th] [th]V-Wave[/th] [th]Matching eggs[/th] [/tr] [tr] [td]Sunday[/td] [td] [/td] [td] [/td] [/tr] [tr] [td]Monday[/td] [td] [/td] [td] [/td] [/tr] [tr] [td]Tuesday[/td] [td] [/td] [td] [/td] [/tr] [tr] [td]Wednesday[/td] [td] [/td] [td] [/td] [/tr] [tr] [td]Thursday[/td] [td] [/td] [td] [/td] [/tr] [tr] [td]Friday[/td] [td] [/td] [td] [/td] [/tr] [tr] [td]Saturday[/td] [td] [/td] [td] [/td] [/tr] [/table] [/a-section] [a-section=Available Pairs] [table] [tr] [th]User[/th] [th]Available Pairs[/th] [/tr] [tr] [td] [/td] [td] [/td] [/tr] [tr] [td] [/td] [td] [/td] [/tr] [tr] [td] [/td] [td] [/td] [/tr] [tr] [td] [/td] [td] [/td] [/tr] [tr] [td] [/td] [td] [/td] [/tr] [tr] [td] [/td] [td] [/td] [/tr] [tr] [td] [/td] [td] [/td] [/tr] [tr] [td] [/td] [td] [/td] [/tr] [tr] [td] [/td] [td] [/td] [/tr] [tr] [td] [/td] [td] [/td] [/tr] [tr] [td] [/td] [td] [/td] [/tr] [tr] [td] [/td] [td] [/td] [/tr] [tr] [td] [/td] [td] [/td] [/tr] [tr] [td] [/td] [td] [/td] [/tr] [tr] [td] [/td] [td] [/td] [/tr] [tr] [td] [/td] [td] [/td] [/tr] [tr] [td] [/td] [td] [/td] [/tr] [tr] [td] [/td] [td] [/td] [/tr] [/table] [/a-section] [a-section=Shelter CSS]The original type race CSS was created by bishop, but [url=https://pokefarm.com/forum/post/4133916]here[/url] is an updated version, made by pheaux. Here you can find custom CSS, that you add to your site skin and that will highlight all eggs of your type race tea, so they are easier to find. To add it go to 'Farm' > 'Other Links' and select 'Site Skins' under the tool-section. If you use the default skin, you need to create a new skin first. Then follow the instructions in the post. [/a-section] [a-section=Mascots] [/a-section][/accordion] [sc=credits][url=https://pokefarm.com/forum/post/6194838]credits[/url][/sc][/sc] [style] //*don't you dare touch anything past this point! yes, i'm talking to you >.> @bg: #E7E7EE; //overall, maybe progress div @text: #000; //always black. always @text-alt: #000; //interface text if black doesnt work @shadow: #000; //text shadow on pkmn panel @inf: #BCBCD2; //panels, th, li active, progress bar @inf-dark: #9A9ABC; //progress bar, li @border: #3D3D5C; //borders @accent: #3D3D5C; //links, hr //*start of actual code stuffs a {color: @accent;} hr {border: 1px inset @accent;} .credits { size: 10pt; position: absolute; right: 1.5%; bottom: 5px;} .back {size:100%; background-color:@bg; color: @text; padding: 8px; font-size: 11pt;} .panel h3>a>svg { color: @text-alt; } .panel { &>h3 {background-color: @inf; color: @text-alt; border:2px solid @border; border-radius: 1px; margin-bottom:4px; a {color:@text-alt; font-size: 11pt;}} &>div {background-color: @bg; color: @text; border: 2px solid @border; margin-bottom:4px;} box-shadow:none; border: none; border-radius: 0px; background: @bg;} table { margin: 0 auto; border-radius: 0px; border: 2pt solid @border; padding: 1px; border-collapse: separate; th, td {text-align: center; padding: 5px; border-radius: 0px; border: 2px solid @border; color: @text;} th {background: @inf; color: @text-alt;} td {background-color: @bg;}} .expbar { color: @text-alt; background: @inf-dark; border: 2px solid @border; border-radius: 0px; &>div {background: @inf; border-right: none; }} span.bbcode_tooltip { border-bottom:1px dotted @border;} .tooltip_content{ background: @inf; color: @text; border: 2px solid @border; border-radius: 0px; font-size:11pt; } .tabbed_interface { >ul { background: none; margin:auto; li, li.tab-active { border: 2px solid @inf-dark; border-radius: 0px; padding:1px; margin:5px; font-size:11pt; text-align:center; box-shadow: none; color: @text-alt; } li {background: @inf-dark;} li.tab-active {background: @inf; color: @text-alt; border: 2px solid @inf;}} .tab, .tab-active { box-shadow:none; margin:5px; background-color: @bg; border:2px solid @border; color: @text; padding:5px; text-align: justify;}} .party > div { background: @inf-dark; color: @text-alt; border: none; border-radius: 0px; box-shadow: none; a:link, a:visited { color: @text-alt; text-shadow: 1px 1px @bg;} .expbar { border: 2px solid @border; color: @text; background: @inf; >div { background: @bg; border-right: none;}}} li {list-style: none; background: url('https://i.ibb.co/5MSptd1/steelicon.png') left center no-repeat; padding-left: 15px; margin:2px 0px 2px -15px;} .mq15 & .back { .party > div { width:95%; margin-left: 0px; .action a[data-berry]:after {border:none;}} .party > div > .name { position:absolute; right:0px; top:-3px; letter-spacing:.5px;} .party > div > .action { position: absolute; right:1px; bottom:30px;} .party > div > .extra > .nature { position: absolute; right:0px; bottom:5px;} .party > div > .expbar { width:160px; position:absolute; top:15px; right:10px;}} [/style]

Auction Code (no content)

[img]https://i.ibb.co/VxBXXQ7/steelminnr.png[/img][sc=back][b]Welcome to the Corkshrew Crash Type Race Auction![/b] [sc=credits][url=https://pokefarm.com/forum/post/6194838]credits[/url][/sc][/sc] [style] //*don't you dare touch anything past this point! yes, i'm talking to you >.> @bg: #E7E7EE; //overall, maybe progress div @text: #000; //always black. always @text-alt: #000; //interface text if black doesnt work @shadow: #000; //text shadow on pkmn panel @inf: #BCBCD2; //panels, th, li active, progress bar @inf-dark: #9A9ABC; //progress bar, li @border: #3D3D5C; //borders @accent: #3D3D5C; //links, hr //*start of actual code stuffs a {color: @accent;} hr {border: 1px inset @accent;} .credits { size: 10pt; position: absolute; right: 1.5%; bottom: 5px;} .back {size:100%; background-color:@bg; color: @text; padding: 8px; font-size: 11pt;} .panel h3>a>svg { color: @text-alt; } .panel { &>h3 {background-color: @inf; color: @text-alt; border:2px solid @border; border-radius: 1px; margin-bottom:4px; a {color:@text-alt; font-size: 11pt;}} &>div {background-color: @bg; color: @text; border: 2px solid @border; margin-bottom:4px;} box-shadow:none; border: none; border-radius: 0px; background: @bg;} table { margin: 0 auto; border-radius: 0px; border: 2pt solid @border; padding: 1px; border-collapse: separate; th, td {text-align: center; padding: 5px; border-radius: 0px; border: 2px solid @border; color: @text;} th {background: @inf; color: @text-alt;} td {background-color: @bg;}} .expbar { color: @text-alt; background: @inf-dark; border: 2px solid @border; border-radius: 0px; &>div {background: @inf; border-right: none; }} span.bbcode_tooltip { border-bottom:1px dotted @border;} .tooltip_content{ background: @inf; color: @text; border: 2px solid @border; border-radius: 0px; font-size:11pt; } .tabbed_interface { >ul { background: none; margin:auto; li, li.tab-active { border: 2px solid @inf-dark; border-radius: 0px; padding:1px; margin:5px; font-size:11pt; text-align:center; box-shadow: none; color: @text-alt; } li {background: @inf-dark;} li.tab-active {background: @inf; color: @text-alt; border: 2px solid @inf;}} .tab, .tab-active { box-shadow:none; margin:5px; background-color: @bg; border:2px solid @border; color: @text; padding:5px; text-align: justify;}} .party > div { background: @inf-dark; color: @text-alt; border: none; border-radius: 0px; box-shadow: none; a:link, a:visited { color: @text-alt; text-shadow: 1px 1px @bg;} .expbar { border: 2px solid @border; color: @text; background: @inf; >div { background: @bg; border-right: none;}}} li {list-style: none; background: url('https://i.ibb.co/5MSptd1/steelicon.png') left center no-repeat; padding-left: 15px; margin:2px 0px 2px -15px;} .mq15 & .back { .party > div { width:95%; margin-left: 0px; .action a[data-berry]:after {border:none;}} .party > div > .name { position:absolute; right:0px; top:-3px; letter-spacing:.5px;} .party > div > .action { position: absolute; right:1px; bottom:30px;} .party > div > .extra > .nature { position: absolute; right:0px; bottom:5px;} .party > div > .expbar { width:160px; position:absolute; top:15px; right:10px;}} [/style]

yosei-san/jade ⟡ she/they

journaltemplate shoptrade shopSome pals

yosei-san's Avataryosei-san
yosei-san's Avatar

TRD Code (full content)

[img]https://i.ibb.co/j4K42Y1/fairyminhr.png[/img][sc=back][b]Welcome to the Twinkle Tackle Type Race Thread![/b] [accordion] [a-section=Members & Clicklist]To create a clicklist use this code [url=https://pokefarm.com/users/USER1,USER2,USER3]Clicklist[/url] [table] [tr] [th]User[/th] [th]Hunt[/th] [/tr] [tr] [td] [/td] [td] [/td] [/tr] [tr] [td] [/td] [td] [/td] [/tr] [tr] [td] [/td] [td] [/td] [/tr] [tr] [td] [/td] [td] [/td] [/tr] [tr] [td] [/td] [td] [/td] [/tr] [tr] [td] [/td] [td] [/td] [/tr] [tr] [td] [/td] [td] [/td] [/tr] [tr] [td] [/td] [td] [/td] [/tr] [tr] [td] [/td] [td] [/td] [/tr] [tr] [td] [/td] [td] [/td] [/tr] [tr] [td] [/td] [td] [/td] [/tr] [tr] [td] [/td] [td] [/td] [/tr] [tr] [td] [/td] [td] [/td] [/tr] [tr] [td] [/td] [td] [/td] [/tr] [tr] [td] [/td] [td] [/td] [/tr] [tr] [td] [/td] [td] [/td] [/tr] [tr] [td] [/td] [td] [/td] [/tr] [tr] [td] [/td] [td] [/td] [/tr] [/table] [/a-section] [a-section=Egg Chart]Updated egg charts credited to [url=https://pokefarm.com/forum/thread/341732/Updated-Egg-Chart]CherryPanda[/url] [table] [tr][th]EXP[/th][th=2x1]Eggs[/th][/tr] [tr][td][b]2560[/b][/td] [td][tip=Cleffa][img]https://pokefarm.com/img/pkmn/g/i/1.png[/img][/tip][tip=Togepi][img]https://pokefarm.com/img/pkmn/c/a/a.png[/img][/tip][tip=Shooting Star Cleffa][img]https://pfq-static.com/img/pkmn/x/u/8/z.png/t=1519559020[/img][/tip][/td] [td][tip=50% normal|Igglybuff][img]https://pokefarm.com/img/pkmn/m/n/s.png[/img][/tip][tip=50% normal|Azurill][img]https://pokefarm.com/img/pkmn/g/i/c.png[/img][/tip][tip=50% water|Marill][img]https://pokefarm.com/img/pkmn/b/2/f/n.png[/img][/tip][tip=50% normal|Guild Igglybuff][img]https://pfq-static.com/img/pkmn/p/o/p/n.png/t=1478697860[/img][/tip][/td][/tr] [tr][td][b]5120[/b][/td] [td][tip=Snubbull][img]https://pokefarm.com/img/pkmn/5/8/4.png[/img][/tip][tip=Flabébé][img]https://pokefarm.com/img/pkmn/e/2/4.png[/img][/tip][tip=Spritzee][img]https://pokefarm.com/img/pkmn/6/5/9.png[/img][/tip][tip=Swirlix][img]https://pokefarm.com/img/pkmn/j/u/m.png[/img][/tip][tip=Comfey][img]https://pokefarm.com/img/pkmn/3/p/o/k.png[/img][/tip][tip=Milcery][img]https://pfq-static.com/img/pkmn/j/9/0/b.png[/img][/tip][/td] [td][tip=50% psychic|Ralts][img]https://pokefarm.com/img/pkmn/m/u/8.png[/img][/tip][tip=50% steel|Mawile][img]https://pokefarm.com/img/pkmn/8/7/x.png[/img][/tip][tip=50% grass|Cottonee][img]https://pokefarm.com/img/pkmn/h/y/x.png[/img][/tip][tip=50% electric|Dedenne][img]https://pokefarm.com/img/pkmn/v/3/3.png[/img][/tip][tip=50% steel|Klefki][img]https://pokefarm.com/img/pkmn/m/q/c.png[/img][/tip][tip=50% bug|Cutiefly][img]https://pokefarm.com/img/pkmn/i/h/d/v.png[/img][/tip][tip=50% grass|Morelull][img]https://pokefarm.com/img/pkmn/5/5/7/6.png[/img][/tip][tip=50% ghost|Mimikyu][img]https://pokefarm.com/img/pkmn/s/j/7/m.png[/img][/tip][tip=50% dark|Impidimp][img]https://pfq-static.com/img/pkmn/t/4/v/z.png/t=1587887234[/img][/tip][tip=50% poison|Wagell][img]https://pfq-static.com/img/pkmn/y/q/w/s.png/t=1478470245[/img][/tip][tip=50% psychic|Kyutopi][img]https://pfq-static.com/img/pkmn/e/4/9/m.png/t=1533935846[/img][/tip][tip=50% grass|Gumairy][img]https://pfq-static.com/img/pkmn/c/0/p/f.png/t=1541338085[/img][/tip][tip=50% fighting|Valkind][img]https://pfq-static.com/img/pkmn/e/2/x/i.png/t=1549362702[/img][/tip][tip=50% dark|Spritzkrow][img]https://pfq-static.com/img/pkmn/m/q/c/n.png/t=1604178895[/img][/tip][tip=50% Ice|Snoralts][img]https://pokefarm.wiki/images/8/81/Snoralts_Egg.png[/img][/tip][/td][/tr] [tr][td][b]6400[/b][/td] [td]none[/td] [td][tip=50% psychic|Mime Jr.][img]https://pokefarm.com/img/pkmn/m/q/k.png[/img][/tip][tip=50% psychic|Mr. Mime][img]https://pokefarm.com/img/pkmn/q/6/d/0.png[/img][/tip][tip=50% rock|Carbink][img]https://pokefarm.com/img/pkmn/v/5/e.png[/img][/tip][tip=50% flying|Faemueño][img]https://pfq-static.com/img/pkmn/a/t/0/j.png/t=1474027730[/img][/tip][tip=50% rock|Pixrine][img]https://pfq-static.com/img/pkmn/z/a/0/2.png/t=1502147361[/img][/tip][/td][/tr] [tr][td][b]7680[/b][/td] [td]none[/td] [td][tip=50% dark|Valimp][img]https://pokefarm.wiki/images/6/6d/Valimp_Egg.png[/img][/tip][tip=50% steel|Lyruse][img]https://pfq-static.com/img/pkmn/h/y/p/k.png/t=1637050106[/img][/tip][/td][/tr] [tr][td][b]20480[/b][/td] [td][tip=Lunamor][img]https://pfq-static.com/img/pkmn/g/k/o/9.png[/img][/tip][/td] [td][tip=50% electric|Tapu Koko][img]https://pokefarm.com/img/pkmn/5/m/s/7.png[/img][/tip][tip=50% psychic|Tapu Lele][img]https://pokefarm.com/img/pkmn/y/7/h/s.png[/img][/tip][tip=50% grass|Tapu Bulu][img]https://pokefarm.com/img/pkmn/v/s/i/u.png[/img][/tip][tip=50% water|Tapu Fini][img]https://pokefarm.com/img/pkmn/g/r/d/9.png[/img][/tip][/td][/tr] [tr][td][b]30720[/b][/td] [td][tip=Xerneas][img]https://pokefarm.com/img/pkmn/6/6/t/v.png[/img][/tip][/td] [td][tip=50% rock|Diancie][img]https://pokefarm.com/img/pkmn/y/n/e/8.png[/img][/tip][tip=50% steel|Magearna][img]https://pokefarm.com/img/pkmn/3/o/f/g.png[/img][/tip][tip=50% ice|Bunbori][img]https://pfq-static.com/img/pkmn/5/a/l/e.png/t=1486211256[/img][/tip][/td][/tr] [/table] [/a-section] [a-section=V-Wave Chart] [table] [tr] [th]Day[/th] [th]V-Wave[/th] [th]Matching eggs[/th] [/tr] [tr] [td]Sunday[/td] [td] [/td] [td] [/td] [/tr] [tr] [td]Monday[/td] [td] [/td] [td] [/td] [/tr] [tr] [td]Tuesday[/td] [td] [/td] [td] [/td] [/tr] [tr] [td]Wednesday[/td] [td] [/td] [td] [/td] [/tr] [tr] [td]Thursday[/td] [td] [/td] [td] [/td] [/tr] [tr] [td]Friday[/td] [td] [/td] [td] [/td] [/tr] [tr] [td]Saturday[/td] [td] [/td] [td] [/td] [/tr] [/table] [/a-section] [a-section=Available Pairs] [table] [tr] [th]User[/th] [th]Available Pairs[/th] [/tr] [tr] [td] [/td] [td] [/td] [/tr] [tr] [td] [/td] [td] [/td] [/tr] [tr] [td] [/td] [td] [/td] [/tr] [tr] [td] [/td] [td] [/td] [/tr] [tr] [td] [/td] [td] [/td] [/tr] [tr] [td] [/td] [td] [/td] [/tr] [tr] [td] [/td] [td] [/td] [/tr] [tr] [td] [/td] [td] [/td] [/tr] [tr] [td] [/td] [td] [/td] [/tr] [tr] [td] [/td] [td] [/td] [/tr] [tr] [td] [/td] [td] [/td] [/tr] [tr] [td] [/td] [td] [/td] [/tr] [tr] [td] [/td] [td] [/td] [/tr] [tr] [td] [/td] [td] [/td] [/tr] [tr] [td] [/td] [td] [/td] [/tr] [tr] [td] [/td] [td] [/td] [/tr] [tr] [td] [/td] [td] [/td] [/tr] [tr] [td] [/td] [td] [/td] [/tr] [/table] [/a-section] [a-section=Shelter CSS]The original type race CSS was created by bishop, but [url=https://pokefarm.com/forum/post/4133916]here[/url] is an updated version, made by pheaux. Here you can find custom CSS, that you add to your site skin and that will highlight all eggs of your type race tea, so they are easier to find. To add it go to 'Farm' > 'Other Links' and select 'Site Skins' under the tool-section. If you use the default skin, you need to create a new skin first. Then follow the instructions in the post. [/a-section] [a-section=Mascots] [/a-section][/accordion] [sc=credits][url=https://pokefarm.com/forum/post/6194838]credits[/url][/sc][/sc] [style] //*don't you dare touch anything past this point! yes, i'm talking to you >.> @bg: #FAE0E0; //overall, maybe progress div @text: #000; //always black. always @text-alt: #EBE7F3; //interface text if black doesnt work @shadow: #000; //text shadow on pkmn panel @inf: #EB94A6; //panels, th, li active, progress bar @inf-dark: #E46C84; //progress bar, li @border: #892F4D; //borders @accent: #892F4D; //links, hr //*start of actual code stuffs a {color: @accent;} hr {border: 1px inset @accent;} .credits { size: 10pt; position: absolute; right: 1.5%; bottom: 5px;} .back {size:100%; background-color:@bg; color: @text; padding: 8px; font-size: 11pt;} .panel h3>a>svg { color: @text; } .panel { &>h3 {background-color: @inf; color: @text; border:2px solid @border; border-radius: 1px; margin-bottom:4px; a {color:@text; font-size: 11pt;}} &>div {background-color: @bg; color: @text; border: 2px solid @border; margin-bottom:4px;} box-shadow:none; border: none; border-radius: 0px; background: @bg;} table { margin: 0 auto; border-radius: 0px; border: 2pt solid @border; padding: 1px; border-collapse: separate; th, td {text-align: center; padding: 5px; border-radius: 0px; border: 2px solid @border; color: @text;} th {background: @inf; color: @text;} td {background-color: @bg;}} .expbar { color: @text; background: @inf-dark; border: 2px solid @border; border-radius: 0px; &>div {background: @inf; border-right: none; }} span.bbcode_tooltip { border-bottom:1px dotted @border;} .tooltip_content{ background: @inf; color: @text; border: 2px solid @border; border-radius: 0px; font-size:11pt; } .tabbed_interface { >ul { background: none; margin:auto; li, li.tab-active { border: 2px solid @inf-dark; border-radius: 0px; padding:1px; margin:5px; font-size:11pt; text-align:center; box-shadow: none; color: @text; } li {background: @inf-dark;} li.tab-active {background: @inf; color: @text; border: 2px solid @inf;}} .tab, .tab-active { box-shadow:none; margin:5px; background-color: @bg; border:2px solid @border; color: @text; padding:5px; text-align: justify;}} .party > div { background: @accent; color: @bg; border: none; border-radius: 0px; box-shadow: none; a:link, a:visited { color: @bg; text-shadow: 1px 1px @shadow;}} li {list-style: none; background: url('https://i.ibb.co/17X9qtC/fairyicon.png') left center no-repeat; padding-left: 15px; margin:2px 0px 2px -15px;} .mq15 & .back { .party > div { width:95%; margin-left: 0px; .action a[data-berry]:after {border:none;}} .party > div > .name { position:absolute; right:0px; top:-3px; letter-spacing:.5px;} .party > div > .action { position: absolute; right:1px; bottom:30px;} .party > div > .extra > .nature { position: absolute; right:0px; bottom:5px;} .party > div > .expbar { width:160px; position:absolute; top:15px; right:10px;}} [/style]

Auction Code (no content)

[img]https://i.ibb.co/j4K42Y1/fairyminhr.png[/img][sc=back][b]Welcome to the Twinkle Tackle Type Race Auction![/b] [sc=credits][url=https://pokefarm.com/forum/post/6194838]credits[/url][/sc][/sc] [style] //*don't you dare touch anything past this point! yes, i'm talking to you >.> @bg: #FAE0E0; //overall, maybe progress div @text: #000; //always black. always @text-alt: #EBE7F3; //interface text if black doesnt work @shadow: #000; //text shadow on pkmn panel @inf: #EB94A6; //panels, th, li active, progress bar @inf-dark: #E46C84; //progress bar, li @border: #892F4D; //borders @accent: #892F4D; //links, hr //*start of actual code stuffs a {color: @accent;} hr {border: 1px inset @accent;} .credits { size: 10pt; position: absolute; right: 1.5%; bottom: 5px;} .back {size:100%; background-color:@bg; color: @text; padding: 8px; font-size: 11pt;} .panel h3>a>svg { color: @text; } .panel { &>h3 {background-color: @inf; color: @text; border:2px solid @border; border-radius: 1px; margin-bottom:4px; a {color:@text; font-size: 11pt;}} &>div {background-color: @bg; color: @text; border: 2px solid @border; margin-bottom:4px;} box-shadow:none; border: none; border-radius: 0px; background: @bg;} table { margin: 0 auto; border-radius: 0px; border: 2pt solid @border; padding: 1px; border-collapse: separate; th, td {text-align: center; padding: 5px; border-radius: 0px; border: 2px solid @border; color: @text;} th {background: @inf; color: @text;} td {background-color: @bg;}} .expbar { color: @text; background: @inf-dark; border: 2px solid @border; border-radius: 0px; &>div {background: @inf; border-right: none; }} span.bbcode_tooltip { border-bottom:1px dotted @border;} .tooltip_content{ background: @inf; color: @text; border: 2px solid @border; border-radius: 0px; font-size:11pt; } .tabbed_interface { >ul { background: none; margin:auto; li, li.tab-active { border: 2px solid @inf-dark; border-radius: 0px; padding:1px; margin:5px; font-size:11pt; text-align:center; box-shadow: none; color: @text; } li {background: @inf-dark;} li.tab-active {background: @inf; color: @text; border: 2px solid @inf;}} .tab, .tab-active { box-shadow:none; margin:5px; background-color: @bg; border:2px solid @border; color: @text; padding:5px; text-align: justify;}} .party > div { background: @accent; color: @bg; border: none; border-radius: 0px; box-shadow: none; a:link, a:visited { color: @bg; text-shadow: 1px 1px @shadow;}} li {list-style: none; background: url('https://i.ibb.co/17X9qtC/fairyicon.png') left center no-repeat; padding-left: 15px; margin:2px 0px 2px -15px;} .mq15 & .back { .party > div { width:95%; margin-left: 0px; .action a[data-berry]:after {border:none;}} .party > div > .name { position:absolute; right:0px; top:-3px; letter-spacing:.5px;} .party > div > .action { position: absolute; right:1px; bottom:30px;} .party > div > .extra > .nature { position: absolute; right:0px; bottom:5px;} .party > div > .expbar { width:160px; position:absolute; top:15px; right:10px;}} [/style]
yosei-san's Avataryosei-san
yosei-san's Avatar
Blooming Days
  • Tab 1
  • Tab 2
  • Tab 3
This template comes tab-included! Feel free to add additional tabs onto the baseline. Please don't remove the tabbed interface entirely, however, as it's key to legibility

Code

[sc=bg][sc=tb][sc=title]add title here[/sc][/sc] [sc=tabbed_interface horizontal][ul] [li]Tab 1[/li] [li]Tab 2[/li] [li]Tab 3[/li][/ul][ ][sc=tab-active] [/sc][ ][sc=tab] [/sc][ ][sc=tab] [/sc][/sc][sc=credits][url=https://pokefarm.com/forum/post/6194838]credits[/url][/sc] [/sc] [style] //color vars// @bg: rgba(0,0,0,0.76); @lpink: #EDABCA; @lblue: #BEBEE0; @purpl: #CDB8D9; @bord: rgba(255,255,255,0.15); //image vars// @leftmix:url('https://media.discordapp.net/attachments/856578614756900897/961827473752989706/hydrangeamix-1.png.png'); @rightmix:url('https://media.discordapp.net/attachments/927927229684547615/961772066124750898/hydrangeamix.png'); @leftblue:url('https://media.discordapp.net/attachments/856578614756900897/961832166092836905/hydrangeablue-1.png.png'); @rightblue:url('https://media.discordapp.net/attachments/927927229684547615/961772065797603379/hydrangeablue.png'); @leftpink:url('https://media.discordapp.net/attachments/856578614756900897/961832569819774996/hydrangeapink-1.png.png'); @rightpink:url('https://media.discordapp.net/attachments/927927229684547615/961772066460299304/hydrangeapink.png'); //codes// .bg {background:url('https://i.postimg.cc/qqdhTcbk/hydrangeabg.jpg'); background-size: 100%; padding: 5px; min-height: 50px; a {color: @lblue; text-decoration-color: #fff;} a:hover {color: @lpink; text-decoration-color: #fff; transition: 0.5s;} h1 {font-family: "titan one"; color: @lblue; letter-spacing: 0.04em;} h1:before {content:@leftblue; margin-right: 1%;} h1:after {content:@rightblue; margin-left: 1%;} h2 {font-family: "titan one"; color: @lpink; letter-spacing: 0.04em;} h2:before {content:@leftpink; margin-right: 1%;} h2:after {content:@rightpink; margin-left: 1%;} hr {border-bottom: 1px solid @lblue; border-image:linear-gradient(to right, @lblue, @lpink); border-image-slice: 1;} .credits {background:@bg; color: #fff; font-size: 10pt; position: absolute; right: 1.5%; bottom:5px; padding: 2px 6px; border-radius: 10px; border: 2px solid @lblue; margin-top: 2px; a {color: #fff; text-decoration-color: @lpink};} .tb {background: @bg; border-radius: 20px;} .title {border: 2px solid @lblue; border-radius:20px; font-size: 27pt; font-family: "titan one"; text-align: center; color: @purpl; letter-spacing: 0.04em;} .title:before {content:@leftmix; margin-right: 1%;} .title:after {content:@rightmix; margin-left: 1%;} .panel { &>h3 {background:linear-gradient(160deg, @lpink, @lblue); color: #000; border:none; a {color: #000; font-size: 12pt; padding:5px;}} &>div {background: none; color: #fff; border-left: 2px solid @lpink; border-right: 2px solid @lblue; border-bottom: 2px solid; border-image:linear-gradient(160deg, @lpink, @lblue); border-image-slice: 1;} box-shadow:none; border: none; border-radius: 15px; background: none;} table { margin: 0 auto; border: 2px solid @lblue; border-radius: 10px; padding: 2px; border-collapse: separate; th, td {text-align: center; padding: 5px; border-radius: 10px; border: none; color: #fff;} th {background:linear-gradient(160deg, @lpink, @lblue); color: #000; font-size:11.5pt; padding:6px;} td {background: none;} td:nth-child(odd) {border-radius: 10px; border: 2px solid @lpink; } td:nth-child(even) {border-radius: 10px; border: 2px solid @lblue; }} .expbar { color: #000; text-shadow: 1px 1px 3px #fff; background: #F5EEF6; border: 2px solid #F5EEF6; border-radius: 10px; &>div {background:linear-gradient(160deg, @lblue, @lpink); border-right: 1px solid @lpink; }} span.bbcode_tooltip { border-bottom:1px dotted @lpink;} .tooltip_content{ background:linear-gradient(160deg, @lblue, @lpink); color: #000; border: none; border-radius: 8px; font-size:11pt; } .party > div { background:linear-gradient(160deg, @lblue, @lpink); color: #000; border: none; border-radius: 10px; box-shadow: none; a {color: #000; text-shadow: 1px 1px 2px #fff;}} .tabbed_interface { > ul { background: none; > li, > li.tab-active { border: 2px solid @bord; background: @bg; border-bottom: none; border-radius: 20px 20px 0 0; padding: 1px; font-size:11.8pt; text-align:center; color: #fff; margin-bottom:1px;} >li:nth-child(odd) { &.tab-active {border: 2px solid @lpink; background: @lpink; color: #000;}} >li:nth-child(even) { &.tab-active {border: 2px solid @lblue; background: @lblue; color: #000;}}} >div { box-shadow:none; background: @bg; border:3px solid @lblue; color: #fff; padding:5px; font-size:11pt; margin-bottom:5px; ul {text-align: left; line-height:1.3; margin-left: -2%;} ul li::marker {content: '✽'; color: @lpink;} ul li:hover::marker {content: '✽'; color: @lblue; transition: 0.5s;}} >div:nth-child(even) {border-image:linear-gradient(to bottom, @lpink, @lblue); border-image-slice: 1;} >div:nth-child(odd) {border-image:linear-gradient(to bottom, @lblue, @lpink); border-image-slice: 1; }} /* latin-ext */ @font-face { font-family: 'Titan One'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/titanone/v11/mFTzWbsGxbbS_J5cQcjCmjgm-khyk-RW.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} /* latin */ @font-face { font-family: 'Titan One'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/titanone/v11/mFTzWbsGxbbS_J5cQcjClDgm-khykw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} } [/style]
yosei-san's Avataryosei-san
yosei-san's Avatar
This template comes tab-included! Feel free to add additional tabs onto the baseline. Please don't remove the tabbed interface entirely, however, as it's key to legibility!

Code

[sc=bg][sc=tabbed_interface horizontal][ul] [li][/li] [li][/li] [li][/li][/ul][ ][sc=tab-active] [/sc][ ][sc=tab] [/sc][ ][sc=tab] [/sc][ ][sc=tab] [/sc][ ][sc=tab] [/sc][/sc][sc=credits][url=https://pokefarm.com/forum/post/6194838]credits[/url][/sc] [/sc] [style] //vars// @yt: #F9F9F9; @dteal: #274A5D; @lteal: #D0E1E7; @beige: #C2B299; @dbeige: #2F281D; @coral: #EF7E56; @lcoral: #F49876; @dcoral: #401502; @link: #605139; //codey// .bg { background-color: @yt; color: @dteal; font-size:11.2pt; padding: 3px; font-family: "merriweather"; .credits {font-size: 10pt; position: absolute; right: 1.5%; bottom:5px; } a {color: @link;} hr {border: 1px solid; border-image:linear-gradient(to right, rgba(0,0,0,0), @beige, @coral, @dteal, rgba(0,0,0,0)); border-image-slice: 1;} .panel h3>a>svg { color: @text; } .panel { &>h3 {background-color: @beige; color: @dbeige; border:2px solid @beige; border-radius: 5px; margin-bottom:4px; a {color:@dbeige; font-size: 11pt;}} &>div {background-color: @yt; color: @dteal; border: 2px solid @beige; margin-bottom:4px; border-radius: 5px;} box-shadow:none; border: none; border-radius: 0px; background: @yt;} table { margin: 0 auto; border-radius: 5px; border: 2px solid @dteal; padding: 1px; border-collapse: separate; th, td {text-align: center; padding: 2px; border-radius: 5px; border: 2px solid @dteal; color: @dteal;} th {background: @dteal; color: @yt;} td {background-color: @yt;}} .expbar { color: @dcoral; background: @yt; border: 2px solid @lcoral; border-radius: 0px; &>div {background: @lcoral; border-right: none; margin: 2px;}} span.bbcode_tooltip { border-bottom:1px dotted @dcoral;} .tooltip_content{ background:@lcoral; color: @dcoral; border: none; border-radius: 5px; font-size:11pt; } .party > div { background: @dteal; color: @yt; border: none; border-radius: 5px; box-shadow: none; a:link, a:visited { color: @yt; text-shadow: 1px 1px #000;}} .tabbed_interface { >ul { background: none; display: flex; flex-flow: row nowrap; justify-content: flex-start; li { display: inline-block; flex: initial; height: 50px; width: 50px; border-radius: 100%; border: 2px solid; margin: 2px;} li:nth-child(1n) {background: @beige; border: 2px solid @beige; &.tab-active {box-shadow: 2px 2px 2px #575757;}} li:nth-child(2n) {background: @coral; border: 2px solid @coral;&.tab-active {box-shadow: 2px 2px 2px #575757;}} li:nth-child(3n) {background: @dteal; border: 2px solid @dteal; &.tab-active {box-shadow: 2px 2px 2px #575757;}} } >div { box-shadow: none; background-color: @yt; border:2px solid @dteal; border-radius: 5px; color: @dteal; padding:3px; font-size:11.2pt; margin: 3px 1px 4px 1px; ul {text-align: left; line-height:1.3; margin-left: -2%; >li::marker {content: '●'; color: @dteal;} >li:nth-child(even) {&::marker {content: '●'; color: @coral;}} >li:hover::marker {content: '●'; color: @beige; transition: 0.5s;}} //tabs in tabs// .tabbed_interface { >ul { background: none; display: flex; flex-flow: row wrap; justify-content: flex-end; li { display: inline-block; flex: initial; border-radius: 5px; height: 20px; width: auto; border: 2px solid; margin: 2px; padding: 1px 5px;} li:nth-child(odd) {background: @beige; border: 2px solid @beige; color: @dbeige; &.tab-active {box-shadow: 1px 1px 2px #000;}} li:nth-child(even) {background: @lcoral; border: 2px solid @lcoral; color: @dcoral; &.tab-active {box-shadow: 1px 1px 2px #000;}} } >div { box-shadow: none; background-color: @yt; border:2px solid @coral; border-radius: 5px; color: @dteal; padding:3px; font-size:11.2pt; margin: 3px 1px 4px 1px;}}}} .mq15 & .back { .party > div { width:95%; margin-left: 0px; .action a[data-berry]:after {border:none;}} .party > div > .name { position:absolute; right:0px; top:-3px; letter-spacing:.5px;} .party > div > .action { position: absolute; right:1px; bottom:30px;} .party > div > .extra > .nature { position: absolute; right:0px; bottom:5px;} .party > div > .expbar { width:160px; position:absolute; top:15px; right:10px;}}} /* latin-ext */ @font-face { font-family: 'Merriweather'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/merriweather/v30/u-440qyriQwlOrhSvowK_l5-ciZMdeX3rsHo.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Merriweather'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/merriweather/v30/u-440qyriQwlOrhSvowK_l5-fCZMdeX3rg.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } [/style]
yosei-san's Avataryosei-san
yosei-san's Avatar
Fall-ing for You
This template comes tab-included! Feel free to add additional tabs onto the baseline. Please don't remove the tabbed interface entirely, however, as it's key to legibility!

Code

[sc=bg][sc=title]title?[/sc][sc=tabbed_interface horizontal][ul] [li][/li] [li][/li] [li][/li][/ul][ ][sc=tab-active] [/sc][ ][sc=tab] [/sc][ ][sc=tab] [/sc][/sc][sc=credits][url=https://pokefarm.com/forum/post/6194838]credits[/url][/sc] [/sc] [style] //vars// @cream: #FCF2E3; @text: #873317; @link: #5F3A3A; @yell: #EB8D0A; @oran: #D06224; @doran: #AE431E; //codes// .bg {background: @cream; color: @text; padding: 3px; .credits {font-size: 10pt; position: absolute; right: 1.5%; bottom:5px; } a {color: @link;} .title {text-align: center; font-size: 30pt; font-family: "oleo script"; color: @link;} h1, h2 {font-family: "oleo script"; color: @link;} hr { display:block; border:none; height:18px; width: 300px; background-image:url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/e7dc6b41-f709-43ed-947e-3dae499e274d/d9gqnbs-b5b99fd3-2090-45cb-a495-6244c63539b3.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2U3ZGM2YjQxLWY3MDktNDNlZC05NDdlLTNkYWU0OTllMjc0ZFwvZDlncW5icy1iNWI5OWZkMy0yMDkwLTQ1Y2ItYTQ5NS02MjQ0YzYzNTM5YjMucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.rkHzpPum8fZuYWP6mTIGrt858SNvmzHpoZLeJOUGwHs');} .mq15 & hr { display:block; border:none; height:18px; width: 140px; background-image:url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/e7dc6b41-f709-43ed-947e-3dae499e274d/d9gqnbs-b5b99fd3-2090-45cb-a495-6244c63539b3.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2U3ZGM2YjQxLWY3MDktNDNlZC05NDdlLTNkYWU0OTllMjc0ZFwvZDlncW5icy1iNWI5OWZkMy0yMDkwLTQ1Y2ItYTQ5NS02MjQ0YzYzNTM5YjMucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.rkHzpPum8fZuYWP6mTIGrt858SNvmzHpoZLeJOUGwHs');} .panel h3>a>svg { color: @cream; } .panel { &>h3 {background-color: @text; color: @cream; border:2px solid @text; border-radius: 10px; margin-bottom:4px; a {color:@cream; font-size: 11pt;}} &>div {background-color: @cream; color: @text; border: 2px solid @text; margin-bottom:4px; border-radius: 10px;} box-shadow:none; border: none; border-radius: 0px; background: @cream;} table { margin: 0 auto; border-radius: 5px; border: 2px solid @text; padding: 1px; border-collapse: separate; th, td {text-align: center; padding: 2px; border-radius: 5px; border: 2px solid @text; color: @text;} th {background: @text; color: @cream;} td {background-color: @cream;}} .tabbed_interface{ box-shadow: none; margin: 0; display: flex; >ul {background: none; display: flex; flex-flow: column nowrap; justify-content: flex-start; li { display: inline-block; flex: initial; height: 35px; width: 35px; border-radius: 100%; border: 2px solid; margin: 2px} li:nth-child(1n) {background: @yell; border: 2px solid @yell; &.tab-active {box-shadow: 2px 2px 2px #575757;}} li:nth-child(2n) {background: @oran; border: 2px solid @oran;&.tab-active {box-shadow: 2px 2px 2px #575757;}} li:nth-child(3n) {background: @doran; border: 2px solid @doran; &.tab-active {box-shadow: 2px 2px 2px #575757;}}} >div { color: @text; width: 89%; border-radius: 25px; border: 2px solid @oran; min-height: 100px; text-align: center; position: relative; background: @cream; font-size: 10.8pt; box-shadow:none; padding: 6px; margin:2px; ul {text-align: left; line-height:1.3; margin-left: -2%; >li::marker {content: '●'; color: @doran;} >li:hover::marker {content: '●'; color: @yell; transition: 0.5s;}} //tabs in tabs// .tabbed_interface {display: block; width: 98%; >ul { display: inline-block; li { border-radius: 5px; height: 20px; width: auto; border: 2px solid; margin: 2px; padding: 1px 5px; background: @text; color: @cream; border: 2px solid @text; &.tab-active {box-shadow: 1px 1px 2px @yell;}} } >div { box-shadow: none; width: auto; background-color: @cream; border:2px solid @text; border-radius: 5px; color: @text; padding:3px; font-size:10.8pt; margin: 3px 1px 4px 1px;}}} .expbar { color: #000; background: @cream; border: 2px solid @yell; border-radius: 10px; &>div {background: @yell; border-right: none; }} .party > div { background: @text; color: @cream; border: 1px double @oran; border-radius: 5px; box-shadow: none; a:link, a:visited { color: @cream; text-shadow: 1px 1px #000;}} span.bbcode_tooltip { border-bottom:1px dotted @oran;} .tooltip_content{ background:@cream; color: @text; border: 2px solid @text; border-radius: 10px; font-size:10.8pt; }} .mq15 & .tabbed_interface{ box-shadow: none; margin: 0; display: flex; >ul {background: none; display: flex; flex-flow: column nowrap; justify-content: flex-start; li { display: inline-block; flex: initial; height: 25px; width: 25px; border-radius: 100%; border: 2px solid; margin: 2px} li:nth-child(1n) {background: @yell; border: 2px solid @yell; &.tab-active {box-shadow: 2px 2px 2px #575757;}} li:nth-child(2n) {background: @oran; border: 2px solid @oran;&.tab-active {box-shadow: 2px 2px 2px #575757;}} li:nth-child(3n) {background: @doran; border: 2px solid @doran; &.tab-active {box-shadow: 2px 2px 2px #575757;}}} >div { color: @text; width: 80%; border-radius: 25px; border: 2px solid @oran; min-height: 100px; text-align: center; position: relative; background: @cream; font-size: 10.8pt; box-shadow:none; padding: 6px; margin:2px; ul {text-align: left; line-height:1.3; margin-left: -2%; >li::marker {content: '●'; color: @doran;} >li:hover::marker {content: '●'; color: @yell; transition: 0.5s;}} //tabs in tabs// .tabbed_interface {display: block; width: 98%; >ul { display: inline-block; li { border-radius: 5px; height: 20px; width: auto; border: 2px solid; margin: 2px; padding: 1px 5px; background: @text; color: @cream; border: 2px solid @text; &.tab-active {box-shadow: 1px 1px 2px @yell;}} } >div { box-shadow: none; width: auto; background-color: @cream; border:2px solid @text; border-radius: 5px; color: @text; padding:3px; font-size:10.8pt; margin: 3px 1px 4px 1px;}}}} } /* title font */ @font-face { font-family: 'Oleo Script'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/oleoscript/v12/rax5HieDvtMOe0iICsUccChTu0_y8zacEL4.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face { font-family: 'Oleo Script'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/oleoscript/v12/rax5HieDvtMOe0iICsUccChdu0_y8zac.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} .mq15 & .bg { .party > div { width:78%; margin-left: 0px; .action a[data-berry]:after {border: none;} .berrybuttons > a {display: none;} .berrybuttons[data-up='sour'] > a[data-berry='aspear'], .berrybuttons[data-up='spicy'] > a[data-berry='cheri'], .berrybuttons[data-up='dry'] > a[data-berry='chesto'], .berrybuttons[data-up='sweet'] > a[data-berry='pecha'], .berrybuttons[data-up='bitter'] > a[data-berry='rawst'], .berrybuttons[data-up='any'] > a[data-berry='pecha']{ background: none; border:2px solid @cream; display:block; position:absolute; right:5px; padding:0px 10px; border-radius:5px; width: 100px; }} .party > div > .name { position:absolute; right:5px; top:-3px; letter-spacing:.5px;} .party > div > .action { position: absolute; width: 130px; right:5px; bottom:42px;} .party > div > .extra > .nature { font-size: 10pt; position: absolute; right:0px; bottom:22px;} .party > div > .expbar { width:130px; position:absolute; top:15px; right:10px;}} [/style]
yosei-san's Avataryosei-san
yosei-san's Avatar
Plan(t) On It!
  • Tab 1
  • Tab 2
  • Tab 3
This template comes tab-included! Feel free to add additional tabs onto the baseline. Please don't remove the tabbed interface entirely, however, as it's key to legibility!

Code

[sc=ent][sc=jade][sc=title]title[/sc][/sc][sc=tabbed_interface horizontal][ul] [li]Tab 1[/li] [li]Tab 2[/li] [li]Tab 3[/li][/ul][ ][sc=tab-active] [/sc][ ][sc=tab] [/sc][ ][sc=tab] [/sc][/sc][sc=credits][url=https://pokefarm.com/forum/post/6194838]credits[/url][/sc][/sc] [style] //colors// @gre: #BBD2AC; @dgre: #324526; @ltext: #DFEAD7; @dtext: #232E19; @link: #562E01; //codes// .ent { a {color: @link;} .credits {font-size: 10pt; position: absolute; right: 2.2%; bottom: 5px; color: @dtext;} .jade {width: 100%; height: 90px; background-image: url('https://images.unsplash.com/photo-1627223721056-b3262ee96973?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2340&q=80'); background-position: center; background-size: cover;} .title {color: @dtext; text-shadow: 3px 3px 5px @gre; font-size:45pt; text-align: right; padding: 5px 3%; text-transform: lowercase; font-family: "lily script one"; letter-spacing: 1.5px;} hr {border: 1px solid @dgre; border-image:linear-gradient(to right, @gre, @dgre, @gre); border-image-slice: 1;} h1, h2 {font-family: "lily script one"; text-transform: lowercase; letter-spacing: 1.5px;} h1 {font-size: 28pt;} h2 {font-size: 20pt;} .panel { &>h3 {background: @dgre; color: @ltext; border:none; a {color: @ltext; font-size: 11pt; padding:5px;}} &>div {background: @gre; color: @dtext; border: 2px solid @dgre;} box-shadow:none; border: none; background: none;} table { margin: 0 auto; border: 2px solid @dgre; border-radius: 20px; padding: 2px; border-collapse: separate; th, td {text-align: center; padding: 5px; border-radius: 20px; border: 2px solid @dgre; color: @dtext;} th {background: @dgre; color: @ltext; padding:5px;} td {background: none;}} .expbar { color: @ltext; text-shadow: 1px 1px 3px @dtext; background: #161F0F; border: 2.5px solid #161F0F; border-radius: 20px; &>div {background: @dgre; border-right: 1px solid @dgre; }} span.bbcode_tooltip { border-bottom:1px dotted @dgre; &:hover {border-bottom:1px solid @dgre;}} .tooltip_content{ background: @gre; color: @dtext; border: 2px solid @dgre; border-radius: 10px; font-size:11pt; } .party > div { background:linear-gradient(160deg, @ltext, @gre); color: @dtext; border: 1px solid @dgre; border-radius: 10px; box-shadow: none; a {color: @link;}} .tabbed_interface { > ul { background: none; margin-top: -20px; > li, > li.tab-active { border: 1px solid @dgre; background: @dgre; border-bottom: none; border-radius: 20px 20px 0 0; padding: 4px 2px; font-size:11.5pt; text-align:center; color: @ltext; margin-bottom:1px;} >li.tab-active {background: @gre; color: @dtext; border: 1px solid @gre;}} >div { box-shadow:none; background: @gre; border:1px solid @gre; color: @dtext; padding:5px 8px; font-size:11pt; ul {text-align: left; line-height:1.3; margin-left: -2%;} ul li::marker {content: '⊱';}}} /* latin-ext */ @font-face { font-family: 'Lily Script One'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/lilyscriptone/v13/LhW9MV7ZMfIPdMxeBjBvFN8SXLSIi86iYtgBM-_8.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Lily Script One'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/lilyscriptone/v13/LhW9MV7ZMfIPdMxeBjBvFN8SXLSIhc6iYtgBMw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} } [/style]
yosei-san's Avataryosei-san
yosei-san's Avatar
Rise and Shine
This template doesn't come with tabs, but tabs are supported! Feel free to add them in if you'd like to use them, or keep it tab-free if you just need a simple post~

Code

[sc=template][sc=sun][sc=title]fancy title?[/sc][/sc][sc=blend][/sc][sc=bg] [sc=credits][url=https://pokefarm.com/forum/post/6194838]credits[/url][/sc] [/sc][/sc] [style] //colors// @none: rgba(0,0,0,0); @bg: #270A02; @text: #FFBF75; @sun: #FF8D0A; @shine: #FFEF7F; //le code// .template { a {color: @shine; &:hover {color: @sun; transition: 0.5s;}} .credits {font-size: 10pt; position: absolute; right: 2.2%; bottom: 5px;} .sun {width: 100%; height: 170px; background-image: url("https://i.postimg.cc/Y9wTZXXf/andrey-grinkevich-unsplash-sun.jpg"); background-position: center; background-size: cover; z-index:1;} .title {color: @bg; font-size:30pt; text-align: left; padding: 10px 3%; font-family: "lemonada"; text-transform: lowercase;} .blend {background:linear-gradient(180deg, @none, @none, @none, @none, rgba(39,10,2,0.2), rgba(39,10,2,0.8), @bg); margin-top: -40px; height:40px; z-index:2;} .bg {background: @bg; padding: 0px 8px; color: @text; font-size: 11.5pt;} hr {border: 1px solid @sun; border-image:linear-gradient(to right, @bg, @sun, @text, @shine, @text, @sun, @bg); border-image-slice: 1;} h1, h2 {color: @sun; font-family: "lemonada";} .panel h3>a>svg { color: @bg; } .panel { &>h3 {background:linear-gradient(to right, @sun, @shine, @sun); color: @bg; border:none; border-radius: 0px; a {color:@bg; font-size: 11.5pt;}} &>div {background-color: @bg; color: @text; border: 2px solid @sun; border-top:none; border-radius: 0 0 10px 10px; margin-bottom:4px;} box-shadow:none; border: none; border-radius: 0px; background: @bg;} table { margin: 0 auto; border-radius: 0 10px 0 10px; border: 2px solid @shine; padding: 2px; border-collapse: separate; th, td {text-align: center; padding: 5px; border-radius: 10px; border: none; color: @text;} th {background:linear-gradient(to right, @sun, @shine); color: @bg;} td {background-color: @bg; border: 2px solid @sun;}} .expbar { color: @bg; background: @sun; border: 2px solid @sun; border-radius: 0; &>div {background: linear-gradient(to right, @text, @shine); border-right: 1px solid @shine; }} ul {text-align: left; margin-left: -3%;} ul li::marker {content: '☀'; color: @sun; font-size:10pt;} ul li:hover::marker {content: '☀'; color: @shine; transition: 0.5s;} span.bbcode_tooltip { border-bottom:1px dotted @sun; &:hover {border-bottom:1px dotted @shine;}} .tooltip_content{ background:linear-gradient(to right, @sun, @shine); color: @bg; border: none; border-radius: 0 10px 0 10px; font-size:11pt; } .party > div { background: linear-gradient(160deg, @shine, @sun); color: @bg; border: 1px solid @bg; border-radius: 10px 0 10px 0; box-shadow: none; a {color: @bg;}} .tabbed_interface { > ul { background: none; margin:auto; > li, > li.tab-active { border: 2px solid @sun; border-radius: 0; padding:3px; margin:5px; font-size:11pt; text-align:center; box-shadow: 1px 1px 3px #000; color: @text;} > li { background: #5B2405; border: 2px solid @sun;} > li.tab-active { background:linear-gradient(to right, @sun, @shine); color: @bg}} .tab, .tab-active {box-shadow:none; margin:5px; background-color: transparent; border:2px solid @sun; color: @text; padding:6px; text-align: left; border-radius: 0 0 10px 10px;}} /* header font */ @font-face { font-family: 'Lemonada'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/lemonada/v18/0QI-MXFD9oygTWy_R-FFlwV-bgfR7QJGnexGkP-b_5i5Tx8VlHQ.woff) format('woff'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face { font-family: 'Lemonada'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/lemonada/v18/0QI-MXFD9oygTWy_R-FFlwV-bgfR7QJGnexGnv-b_5i5Tx8V.woff) format('woff'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} } [/style]
yosei-san's Avataryosei-san
yosei-san's Avatar
This is an ABOUT ME template. Do NOT use it in forum posts or signatures.

Code

[sc=about][img]https://tinyurl.com/bdhktazr[/img] [sc=tabbed_interface horizontal][ul] [li]Tab 1[/li] [li]Tab 2[/li] [li]Tab 3[/li][/ul][ ][sc=tab-active] [/sc][ ][sc=tab] [/sc][ ][sc=tab] [/sc][/sc][sc=credits][url=https://pokefarm.com/forum/post/6194838]credits[/url][/sc] [/sc] [style] //colors// @trans-bl:rgba(0,0,0,0.5); @grey: #595959; @text: #DADAD8; @link: #DAE4FB; //codey woah dee// .about {background:url('https://images.unsplash.com/photo-1586512363478-40bf3d29944c?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=987&q=80'); background-size: 100%; padding: 10px 3px 5px 3px; text-align: center; color: #fff; a {color: @link; text-shadow: 1px 1px 2px #000;} hr {border: 1px solid @grey; } .credits {background: @trans-bl; color: @text; border-radius: 5px; font-size: 10pt; border: 2px solid @grey; position: absolute; right: 5px; bottom: 5px; padding: 0px 6px;} .panel { &>h3 {background: @grey; color: #fff; border: none; border-radius: 5px; a {color: #fff; text-shadow: 1px 1px 2px #000; font-size: 11pt; padding: 5px 8px;}} &>div {background: none; color: @text; border: 2px solid @grey; border-radius: 5px;} box-shadow:none; border: none; background: none;} table { margin: 0 auto; border: 2px solid @grey; border-radius: 5px; padding: 2px; border-collapse: separate; th, td {text-align: center; padding: 4px; border-radius: 5px; border: 2px solid @grey; color: @text;} th {background: @grey; color: #fff; text-shadow: 1px 1px 2px #000; padding:5px;} td {background: none;}} .expbar { color: #fff; text-shadow: 1px 1px 2px #000; background: none; border: 2px solid @grey; border-radius: 5px; &>div {background: @grey; border-right: 1px solid @grey; }} span.bbcode_tooltip { border-bottom:1px dotted @text; &:hover {border-bottom:1px solid @text;}} .tooltip_content{ background: @grey; color: #fff; border: none; border-radius: 10px; font-size:11pt; } .tabbed_interface { >ul { background: none; margin:auto; li, li.tab-active { border:2px solid @grey; border-radius:5px; padding:1px; font-size:11pt; text-align:center; box-shadow: 1px 1px 3px #000; background:@trans-bl; color: @text; line-height: 1.3; position: relative; margin: 4px 3px 2px 3px;} li.tab-active {color: @text; border:2px solid @text;}} .tab, .tab-active { box-shadow: 1px 1px 3px #000; background-color: @trans-bl; border:2px solid @grey; border-radius:5px; color: @text; text-align: center; padding:5px; font-size:11pt; margin: 3px 1px 4px 1px;}} } [/style]
yosei-san's Avataryosei-san
yosei-san's Avatar
This is an ABOUT ME template. Do NOT use it in forum posts or signatures.

Code

[sc=about][sc=mist][sc=title]title[/sc][/sc] [sc=tabbed_interface horizontal][ul] [li]Tab 1[/li] [li]Tab 2[/li] [li]Tab 3[/li][/ul][ ][sc=tab-active] [/sc][ ][sc=tab] [/sc][ ][sc=tab] [/sc][/sc][sc=credits][url=https://pokefarm.com/forum/post/6194838]credits[/url][/sc][/sc] [style] //colors// @text: #2C2546; @tab: #C7AED5; @active: #D9D7EA; @link: #761952; @inf: #B3AFD0; //codey woah dee// .about { .mist {width: 100%; height: 90px; background-image: url('https://images.unsplash.com/photo-1591625677777-ae053aef58ff?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=687&q=80'); background-position: center; background-size: cover;} .title {color: #161122; font-size:35pt; text-align: right; padding: 5px 3%; text-transform: lowercase; font-family: "lily script one"; letter-spacing: 1.5px;} a {color: @link;} hr {border: 1px solid @medpink; } .credits {color: @text; font-size: 10pt; position: absolute; right: 5px; bottom: 3px;} .panel { &>h3 {background: @tab; color: @text; border: none; border-radius: 15px; a {color: @text; text-shadow: 1px 1px 2px @active; font-size: 11pt; padding: 5px 8px;}} &>div {background: none; color: @text; border: 2px solid @tab; border-radius: 15px;} box-shadow:none; border: none; background: none;} table { margin: 0 auto; border: 2px solid @tab; border-radius: 15px; padding: 2px; border-collapse: separate; th, td {text-align: center; padding: 4px; border-radius: 15px; border: 2px solid @tab; color: @text;} th {background: @tab; color: #000; padding:5px;} td {background: none;}} .expbar { color: #000; text-shadow: 1px 1px 2px #F0D0DD; background: none; border: 2px solid @tab; border-radius: 15px; &>div {background: @tab; border-right: 1px solid @tab; }} span.bbcode_tooltip { border-bottom:1px dotted @link; &:hover {border-bottom:1px solid @link;}} .tooltip_content{ background: @tab; color: #000; border: none; border-radius: 10px; font-size:11pt; } .tabbed_interface { > ul { background: @tab; border-radius: 15px 15px 0 0; margin-top: -40px; > li, > li.tab-active { border: 1px solid @tab; background: @tab; border-bottom: none; border-radius: 15px 15px 0 0; padding: 2px; font-size:10.5pt; text-align:center; color: @text; margin-bottom:1px;} >li.tab-active {background: @active; color: @text; border: 1px solid @active;}} >div { box-shadow:none; background: @active; border:1px solid @active; color: @text; padding:5px 8px; font-size:10.5pt; ul {text-align: left; line-height:1.3; margin-left: -2%;} ul li::marker {content: '☁';}}} /* latin */ @font-face { font-family: 'Lily Script One'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/lilyscriptone/v13/LhW9MV7ZMfIPdMxeBjBvFN8SXLSIhc6iYtgBMw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} } [/style]
yosei-san's Avataryosei-san
yosei-san's Avatar
This is an ABOUT ME template. Do NOT use it in forum posts or signatures.

Code

[sc=about][sc=name]name here[/sc] [sc=tabbed_interface horizontal][ul] [li]Tab 1[/li] [li]Tab 2[/li] [li]Tab 3[/li][/ul][ ][sc=tab-active] [/sc][ ][sc=tab] [/sc][ ][sc=tab] [/sc][/sc][sc=credits][url=https://pokefarm.com/forum/post/6194838]credits[/url][/sc] [/sc] [style] //colors// @trans-pink:rgba(240,208,221,0.75); @medpink: #CB808D; @text: #46011E; @link: #531B5F; //codey woah dee// .about {background:url('https://images.unsplash.com/photo-1584844841779-6b873c449853?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=987&q=80'); background-size: 100%; padding: 10px 3px 5px 3px; a {color: @link; text-shadow: 1px 1px 2px #fff; font-weight: bold;} hr {border: 1px solid @medpink; } .credits {background: @trans-pink; color: @text; border-radius: 15px; font-size: 10pt; border: 2px solid @medpink; position: absolute; right: 6px; bottom: 5px; padding: 0px 6px;} .name {background: @trans-pink; color: @text; text-align: center; border-radius: 15px; font-size: 24pt; font-family: "croissant one"; border: 2px solid @medpink; } .panel { &>h3 {background: @medpink; color: #000; border: none; border-radius: 15px; a {color: #000; text-shadow: 1px 1px 2px #F0D0DD; font-size: 11pt; padding: 5px 8px;}} &>div {background: none; color: @text; border: 2px solid @medpink; border-radius: 15px;} box-shadow:none; border: none; background: none;} table { margin: 0 auto; border: 2px solid @medpink; border-radius: 15px; padding: 2px; border-collapse: separate; th, td {text-align: center; padding: 4px; border-radius: 15px; border: 2px solid @medpink; color: @text;} th {background: @medpink; color: #000; padding:5px;} td {background: none;}} .expbar { color: #000; text-shadow: 1px 1px 2px #F0D0DD; background: none; border: 2px solid @medpink; border-radius: 15px; &>div {background: @medpink; border-right: 1px solid @medpink; }} span.bbcode_tooltip { border-bottom:1px dotted @text; &:hover {border-bottom:1px solid @text;}} .tooltip_content{ background: @medpink; color: #000; border: none; border-radius: 10px; font-size:11pt; } .tabbed_interface { >ul { background: none; margin:auto; li, li.tab-active { border:2px solid @medpink; border-radius:15px; padding:1px; font-size:11pt; text-align:center; box-shadow: 1px 1px 3px @medpink; background:@trans-pink; color: @text; line-height: 1.3; position: relative; margin: 4px 3px 2px 3px;} li.tab-active {color: @text; border:2px solid @text;}} .tab, .tab-active { box-shadow: 1px 1px 3px @medpink; background-color: @trans-pink; border:2px solid @medpink; border-radius:15px; color: @text; text-align: center; padding:5px; font-size:11pt; margin: 3px 1px 4px 1px;}} /* latin-ext */ @font-face { font-family: 'Croissant One'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/croissantone/v18/3y9n6bU9bTPg4m8NDy3Kq24UA3NgnrUeN--VHQ.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Croissant One'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/croissantone/v18/3y9n6bU9bTPg4m8NDy3Kq24UA31gnrUeN-8.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } } [/style]

Pages: 1234567

Cannot post: Please log in to post

© PokéFarm 2009-2024 (Full details)Contact | Rules | Privacy | Reviews 4.6★Get shortlink for this page