ʚ♡ɞ juno's f2u templates ʚ♡ɞ
Forum Index > Other > Other Art >
hi everyone!! recently taught myself css, so i wanted to make some templates for anyone to use.
if anyone does use these templates, post here if you're comfortable! i'd love to see, and it helps prevent the thread from being consumed by sally c,:
Generic Theme
UTDR Shop Theme
RULES
- feel free to edit this code as you wish, and combine it with other codes. just make sure that credit is given to me and that this thread is linked should you use any parts of my code. (be aware that some of these are rather inefficient, i have improved a lot since making the thread!)
- the one exception to this rule is you may not under any circumstances use my code to make a profit. if i find out you've been doing this, serious action will be taken.
- do NOT remove any credit elements present in the code. as per pfq rules, including credits is mandatory.
DIRECTORY
TYPE THEMES
Normal Type Theme
Fire Type Theme
Water Type Theme
Grass Type Theme
Electric Type Theme
Ice Type Theme
Fighting Type Theme
Poison Type Theme
Ground Type Theme
Flying Type Theme
Psychic Type Theme
Bug Type Theme
Rock Type Theme
Ghost Type Theme
Dragon Type Theme
Dark Type Theme
Steel Type Theme
Fairy Type Theme
TYPE RACE THEMES
juno
mio is fine too!
| adult | any pronouns | pfq's otter hoarder
f2u code ♡ code shop ♡ trade shop ♡ journalart by me for my use only!
Normal Type Theme
This is a tip.
This is the tip content!
This is a hidebox.
This is the hidebox content.
This is a display box.
This is the display box content.
hello!
hope you like the code!
if something doesn't work, please let me know!
this code is formatted for about mes specifically - please don't use it for anything else!
thanks for having a look at my code :D
credits
Code
[sc=background][
][sc=tabbed_interface horizontal][ul][
][li][img]https://www.serebii.net/shuffle/pokemon/132.png[/img][/li][
][li][img]https://www.serebii.net/shuffle/pokemon/264.png[/img][/li][
][li][img]https://www.serebii.net/shuffle/pokemon/133.png[/img][/li][
][li][img]https://www.serebii.net/shuffle/pokemon/573.png[/img][/li][
][/ul][
][sc=tab tab-active]Tab 1[/sc][
][sc=tab]Tab 2[/sc][
][sc=tab]Tab 3[/sc][
][sc=tab]Tab 4[
][hide=credits][centre][
][sub]Coded by [url=https://pfq.link/@Jv63]Mio Xenoblade[/url] [url=https://pokefarm.com/forum/thread/409287/juno-s-f2u-templates/post/7237875](free to use)[/url]
[url=https://pokefarm.com/forum/post/6000778]Pkmnpanel Code[/url]
[url=https://pokefarm.com/forum/post/7252424]Image Credits[/url][
][/sub][/centre][/hide][/sc][
][/sc][
]
[style]
.tabbed_interface
{
background: none;
border: none;
& > ul
{
background: none;
border: none;
& > li
{
background: none;
border: none;
padding: 0%;
border: none;
color: black;
width: 2px;
opacity: 70%;
&.tab-active
{
background: none;
}
}
& > li:hover
{
cursor: pointer;
opacity: 100%;
}
}
> .tab, > .tab-active
{
background: rgb(255,255,255, 70%);
opacity: 100%;
border: 1px solid black;
border-radius: 10px;
margin: 1%;
box-shadow: none;
color: black;
padding: 2%;
}
}
.background
{
background: url('https://pokefarm.com/upload/:Jv63/TYPE_CODE_BGS/NORMAL_BG.png');
align: center;
background-size: 400px 450px;
background-repeat: repeat;
width 100%;
border: 1px solid black;
border-radius: 10px;
padding: 1%;
}
.panel
{
background: rgb(179,170,222, 30%);
border: 1px solid black;
color: black;
box-shadow: none;
> h3
{
> a
{
color: black;
}
border: 1px solid black;
background: rgb(80,76,99, 30%);
color: black;
box-shadow: none;
}
> div
{
color: black;
a:link, a:visited
{
color: black;
}
}
}
div.tooltip_content
{
font-size: 10px;
background: rgb(179,170,222, 80%);
color: black;
border: 1px dashed black;
}
.bbcode_tooltip
{
border-bottom: 1px dotted black;
}
.expbar {
background: rgb(179,170,222, 30%);
color: black;
border: 1px solid black;
> div
{
background: rgb(80,76,99, 30%);
border-right: 1px solid black;
}
}
@pkmn-panel-bg: rgb(179,170,222, 30%);
@pkmn-border-color: #000000;
@pkmn-text-color: #000000;
@pkmn-link-color: black;
@pkmn-platform-color: @col-bg1;
@pkmn-platform-edge: @col-border1;
@pkmn-berry-color: @col-flavour-up;
@pkmn-xp-done: #8881a8;
@pkmn-xp-remining: #cac0fa;
@pkmn-xp-text: #000000;
@pkmn-xp-border: #000000;
.party {
display: inline-block;
margin: 1px;
width: 100px;
color: #000000;
a {
color: @pkmn-link-color;
}
>div {
background: @pkmn-panel-bg;
border-color: #000000;
box-shadow: none;
width: 250px;
margin: 1px;
overflow: hidden;
&:hover>.action a[data-berry]:after {
color: @pkmn-border-color;
}
>.pkmn:before {
background-color: @pkmn-platform-color;
border-color: @pkmn-platform-edge;
}
>.name a {
margin-bottom: 5px;
max-width: 140px;
}
>.expbar {
width: 140px;
height: 25px;
margin-top: 2px;
background-color: @pkmn-xp-remining;
border-color: @pkmn-xp-border;
color: @pkmn-xp-text;
>div {
border-color: @pkmn-xp-border;
background-color: @pkmn-xp-done;
}
}
>.extra {
>.happy {
display: none;
}
>.nature {
width: 165px;
margin-left: 5px;
}
}
>.action {
width: 140px;
height: 30px;
>.berrybuttons {
>a {
background-color: @pkmn-berry-color;
display: none;
width: 100%;
height: 30px;
padding: 3px;
box-sizing: border-box;
>img {
height: 25px;
vertical-align: top;
}
}
}
>.berrybuttons[data-up="any"]>a[data-berry="aspear"] {
display: inline-block;
border-radius: 20px;
}
>.berrybuttons[data-up="sour"]>a[data-berry="aspear"] {
display: inline-block;
}
>.berrybuttons[data-up="spicy"]>a[data-berry="cheri"] {
display: inline-block;
}
>.berrybuttons[data-up="dry"]>a[data-berry="chesto"] {
display: inline-block;
}
>.berrybuttons[data-up="sweet"]>a[data-berry="pecha"] {
display: inline-block;
}
>.berrybuttons[data-up="bitter"]>a[data-berry="rawst"] {
display: inline-block;
}
}
}
}[/style][
][/sc]
Fire Type Theme
This is a tip.
This is the tip content!
This is a hidebox.
This is the hidebox content.
This is a display box.
This is the display box content.
hello!
hope you like the code!
if something doesn't work, please let me know!
this code is formatted for about mes specifically - please don't use it for anything else!
thanks for having a look at my code :D
credits
Code
[sc=background][
][sc=tabbed_interface horizontal][ul][
][li][img]https://www.serebii.net/shuffle/pokemon/004.png[/img][/li][
][li][img]https://www.serebii.net/shuffle/pokemon/636.png[/img][/li][
][li][img]https://www.serebii.net/shuffle/pokemon/663.png[/img][/li][
][li][img]https://www.serebii.net/shuffle/pokemon/322.png[/img][/li][
][/ul][
][sc=tab tab-active]Tab 1 Content[/sc][
][sc=tab]Tab 2 Content[/sc][
][sc=tab]Tab 3 Content[/sc][
][sc=tab]Tab 4 Content[
][hide=credits][centre][
][sub]Coded by [url=https://pfq.link/@Jv63]Mio Xenoblade[/url] [url=https://pokefarm.com/forum/thread/409287/juno-s-f2u-templates/post/7237875](free to use)[/url]
[url=https://pokefarm.com/forum/post/6000778]Pkmnpanel Code[/url]
[url=https://pokefarm.com/forum/post/7252424]Image Credits[/url][
][/sub][/centre][/hide][/sc][
][/sc][
]
[style]
.tabbed_interface
{
background: none;
border: none;
box-shadow: none;
& > ul
{
background: none;
border: none;
box-shadow: none;
& > li
{
background: none;
box-shadow: none;
border: none;
padding: 0%;
border: none;
color: black;
width: 2px;
opacity: 70%;
&.tab-active
{
background: none;
}
}
& > li:hover
{
cursor: pointer;
opacity: 100%;
}
}
> .tab, > .tab-active
{
background: rgb(255,212,128, 70%);
opacity: 100%;
border: 1px solid black;
border-radius: 10px;
box-shadow: none;
margin: 1%;
color: black;
padding: 2%;
}
}
.background
{
background: url('https://pokefarm.com/upload/:Jv63/TYPE_CODE_BGS/FIRE_BG.png');
align: center;
background-size: 400px 450px;
background-repeat: repeat;
width 100%;
border: 1px solid black;
border-radius: 10px;
padding: 1%;
}
.panel
{
background: rgb(255,212,128, 70%);
border: 1px solid black;
color: black;
box-shadow: none;
> h3
{
> a
{
color: black;
}
border: 1px solid black;
background: rgb(179,0,0, 70%);
color: black;
box-shadow: none;
}
> div
{
color: black;
a:link, a:visited
{
color: black;
}
}
}
div.tooltip_content
{
font-size: 10px;
background: rgb(255,212,128, 70%);
color: black;
border: 1px dashed black;
}
.bbcode_tooltip
{
border-bottom: 1px dotted black;
}
.expbar {
background: rgb(255,212,128, 70%);
color: black;
border: 1px solid black;
> div
{
background: rgb(179,0,0, 70%);
border-right: 1px solid black;
}
}
@pkmn-panel-bg: rgb(255,212,128, 70%);
@pkmn-border-color: #000000;
@pkmn-text-color: #000000;
@pkmn-link-color: black;
@pkmn-platform-color: @col-bg1;
@pkmn-platform-edge: @col-border1;
@pkmn-berry-color: @col-flavour-up;
@pkmn-xp-done: rgb(179,0,0);
@pkmn-xp-remining: rgb(255,212,128, 70%);
@pkmn-xp-text: #000000;
@pkmn-xp-border: #000000;
.party {
display: inline-block;
margin: 1px;
width: 100px;
color: #000000;
a {
color: @pkmn-link-color;
}
>div {
background: @pkmn-panel-bg;
border-color: #000000;
box-shadow: none;
width: 250px;
margin: 1px;
overflow: hidden;
&:hover>.action a[data-berry]:after {
color: @pkmn-border-color;
}
>.pkmn:before {
background-color: @pkmn-platform-color;
border-color: @pkmn-platform-edge;
}
>.name a {
margin-bottom: 5px;
max-width: 140px;
}
>.expbar {
width: 140px;
height: 25px;
margin-top: 2px;
background-color: @pkmn-xp-remining;
border-color: @pkmn-xp-border;
color: @pkmn-xp-text;
>div {
border-color: @pkmn-xp-border;
background-color: @pkmn-xp-done;
}
}
>.extra {
>.happy {
display: none;
}
>.nature {
width: 165px;
margin-left: 5px;
}
}
>.action {
width: 140px;
height: 30px;
>.berrybuttons {
>a {
background-color: @pkmn-berry-color;
display: none;
width: 100%;
height: 30px;
padding: 3px;
box-sizing: border-box;
>img {
height: 25px;
vertical-align: top;
}
}
}
>.berrybuttons[data-up="any"]>a[data-berry="aspear"] {
display: inline-block;
border-radius: 20px;
}
>.berrybuttons[data-up="sour"]>a[data-berry="aspear"] {
display: inline-block;
}
>.berrybuttons[data-up="spicy"]>a[data-berry="cheri"] {
display: inline-block;
}
>.berrybuttons[data-up="dry"]>a[data-berry="chesto"] {
display: inline-block;
}
>.berrybuttons[data-up="sweet"]>a[data-berry="pecha"] {
display: inline-block;
}
>.berrybuttons[data-up="bitter"]>a[data-berry="rawst"] {
display: inline-block;
}
}
}
}[/style][
][/sc]
Water Type Theme
This is a tip.
This is the tip content!
This is a hidebox.
This is the hidebox content.
This is a display box.
This is the display box content.
hello!
hope you like the code!
if something doesn't work, please let me know!
this code is formatted for about mes specifically - please don't use it for anything else!
thanks for having a look at my code :D
credits
Code
[sc=background][
][sc=tabbed_interface horizontal][ul][
][li][img]https://www.serebii.net/shuffle/pokemon/501-w.png[/img][/li][
][li][img]https://www.serebii.net/shuffle/pokemon/489.png[/img][/li][
][li][img]https://www.serebii.net/shuffle/pokemon/536.png[/img][/li][
][li][img]https://www.serebii.net/shuffle/pokemon/116.png[/img][/li][
][/ul][
][sc=tab tab-active]Tab 1 Content[/sc][
][sc=tab]Tab 2 Content[/sc][
][sc=tab]Tab 3 Content[/sc][
][sc=tab]Tab 4 Content[
][hide=credits][centre][
][sub]Coded by [url=https://pfq.link/@Jv63]Mio Xenoblade[/url] [url=https://pokefarm.com/forum/thread/409287/juno-s-f2u-templates/post/7237875](free to use)[/url]
[url=https://pokefarm.com/forum/post/6000778]Pkmnpanel Code[/url]
[url=https://pokefarm.com/forum/post/7252424]Image Credits[/url][
][/sub][/centre][/hide][/sc][
][/sc][
]
[style]
.tabbed_interface
{
background: none;
border: none;
box-shadow: none;
& > ul
{
background: none;
border: none;
box-shadow: none;
& > li
{
background: none;
box-shadow: none;
border: none;
padding: 0%;
border: none;
color: black;
width: 2px;
opacity: 70%;
&.tab-active
{
background: none;
}
}
& > li:hover
{
cursor: pointer;
opacity: 100%;
}
}
> .tab, > .tab-active
{
background: rgb(255,255,255, 70%);
opacity: 100%;
border: 1px solid black;
border-radius: 10px;
box-shadow: none;
margin: 1%;
color: black;
padding: 2%;
}
}
.background
{
background: url('https://pokefarm.com/upload/:Jv63/TYPE_CODE_BGS/WATER_BG.png');
align: center;
background-size: 400px 450px;
background-repeat: repeat;
width 100%;
border: 1px solid black;
border-radius: 10px;
padding: 1%;
}
.panel
{
background: rgb(255,255,255, 70%);
border: 1px solid black;
color: black;
box-shadow: none;
> h3
{
> a
{
color: black;
}
border: 1px solid black;
background: rgb(77,195,255);
color: black;
box-shadow: none;
}
> div
{
color: black;
a:link, a:visited
{
color: black;
}
}
}
div.tooltip_content
{
font-size: 10px;
background: rgb(255,255,255, 70%);
color: black;
border: 1px dashed black;
}
.bbcode_tooltip
{
border-bottom: 1px dotted black;
}
.expbar {
background: rgb(255,255,255, 70%);
color: black;
border: 1px solid black;
> div
{
background: rgb(77,195,255);
border-right: 1px solid black;
}
}
@pkmn-panel-bg: rgb(255,255,255, 70%);
@pkmn-border-color: #000000;
@pkmn-text-color: #000000;
@pkmn-link-color: black;
@pkmn-platform-color: @col-bg1;
@pkmn-platform-edge: @col-border1;
@pkmn-berry-color: @col-flavour-up;
@pkmn-xp-done: rgb(77,195,255);
@pkmn-xp-remining: rgb(255,255,255, 70%);
@pkmn-xp-text: #000000;
@pkmn-xp-border: #000000;
.party {
display: inline-block;
margin: 1px;
width: 100px;
color: #000000;
a {
color: @pkmn-link-color;
}
>div {
background: @pkmn-panel-bg;
border-color: #000000;
box-shadow: none;
width: 250px;
margin: 1px;
overflow: hidden;
&:hover>.action a[data-berry]:after {
color: @pkmn-border-color;
}
>.pkmn:before {
background-color: @pkmn-platform-color;
border-color: @pkmn-platform-edge;
}
>.name a {
margin-bottom: 5px;
max-width: 140px;
}
>.expbar {
width: 140px;
height: 25px;
margin-top: 2px;
background-color: @pkmn-xp-remining;
border-color: @pkmn-xp-border;
color: @pkmn-xp-text;
>div {
border-color: @pkmn-xp-border;
background-color: @pkmn-xp-done;
}
}
>.extra {
>.happy {
display: none;
}
>.nature {
width: 165px;
margin-left: 5px;
}
}
>.action {
width: 140px;
height: 30px;
>.berrybuttons {
>a {
background-color: @pkmn-berry-color;
display: none;
width: 100%;
height: 30px;
padding: 3px;
box-sizing: border-box;
>img {
height: 25px;
vertical-align: top;
}
}
}
>.berrybuttons[data-up="any"]>a[data-berry="aspear"] {
display: inline-block;
border-radius: 20px;
}
>.berrybuttons[data-up="sour"]>a[data-berry="aspear"] {
display: inline-block;
}
>.berrybuttons[data-up="spicy"]>a[data-berry="cheri"] {
display: inline-block;
}
>.berrybuttons[data-up="dry"]>a[data-berry="chesto"] {
display: inline-block;
}
>.berrybuttons[data-up="sweet"]>a[data-berry="pecha"] {
display: inline-block;
}
>.berrybuttons[data-up="bitter"]>a[data-berry="rawst"] {
display: inline-block;
}
}
}
}[/style][
][/sc]
Grass Type Theme
This is a tip.
This is the tip content!
This is a hidebox.
This is the hidebox content.
This is a display box.
This is the display box content.
hello!
hope you like the code!
if something doesn't work, please let me know!
this code is formatted for about mes specifically - please don't use it for anything else!
thanks for having a look at my code :D
credits
Code
[sc=background][
][sc=tabbed_interface horizontal][ul][
][li][img]https://www.serebii.net/shuffle/pokemon/470.png[/img][/li][
][li][img]https://www.serebii.net/shuffle/pokemon/253.png[/img][/li][
][li][img]https://www.serebii.net/shuffle/pokemon/546-w.png[/img][/li][
][li][img]https://www.serebii.net/shuffle/pokemon/421.png[/img][/li][
][/ul][
][sc=tab tab-active]Tab 1 content[/sc][
][sc=tab]Tab 2 content[/sc][
][sc=tab]Tab 3 content[/sc][
][sc=tab]Tab 4 content[hide=credits][centre][
][sub]Coded by [url=https://pfq.link/@Jv63]Mio Xenoblade[/url] [url=https://pokefarm.com/forum/thread/409287/juno-s-f2u-templates/post/7237875](free to use)[/url]
[url=https://pokefarm.com/forum/post/6000778]Pkmnpanel Code[/url]
[url=https://pokefarm.com/forum/post/7252424]Image Credits[/url][
][/sub][/centre][/hide][/sc][
][/sc][
]
[style]
.tabbed_interface
{
background: none;
border: none;
box-shadow: none;
& > ul
{
background: none;
border: none;
box-shadow: none;
& > li
{
background: none;
box-shadow: none;
border: none;
padding: 0%;
border: none;
color: black;
width: 2px;
opacity: 70%;
&.tab-active
{
background: none;
}
}
& > li:hover
{
cursor: pointer;
opacity: 100%;
}
}
> .tab, > .tab-active
{
background: rgb(149,255,128, 70%); //* bg colour
opacity: 100%;
border: 1px solid black;
border-radius: 10px;
box-shadow: none;
margin: 1%;
color: black;
padding: 2%;
}
}
.background
{
background: url('https://pokefarm.com/upload/:Jv63/TYPE_CODE_BGS/GRASS_BG.png');
align: center;
background-size: 400px 450px;
background-repeat: repeat;
width 100%;
border: 1px solid black;
border-radius: 10px;
padding: 1%;
}
.panel
{
background: rgb(149,255,128, 70%); //* bg colour
border: 1px solid black;
color: black;
box-shadow: none;
> h3
{
> a
{
color: black;
}
border: 1px solid black;
background: rgb(42,128,0); //* highlights
color: black;
box-shadow: none;
}
> div
{
color: black;
a:link, a:visited
{
color: black;
}
}
}
div.tooltip_content
{
font-size: 10px;
background: rgb(149,255,128, 70%); //* bg colour
color: black;
border: 1px dashed black;
}
.bbcode_tooltip
{
border-bottom: 1px dotted black;
}
.expbar {
background: rgb(149,255,128, 70%); //* bg colour
color: black;
border: 1px solid black;
> div
{
background: rgb(42,128,0); //* highlights
border-right: 1px solid black;
}
}
@pkmn-panel-bg: rgb(149,255,128, 70%); //* bg colour
@pkmn-border-color: #000000;
@pkmn-text-color: #000000;
@pkmn-link-color: black;
@pkmn-platform-color: @col-bg1;
@pkmn-platform-edge: @col-border1;
@pkmn-berry-color: @col-flavour-up;
@pkmn-xp-done: rgb(42,128,0); //* highlights
@pkmn-xp-remining: rgb(149,255,128, 70%); //* bg colour
@pkmn-xp-text: #000000;
@pkmn-xp-border: #000000;
.party {
display: inline-block;
margin: 1px;
width: 100px;
color: #000000;
a {
color: @pkmn-link-color;
}
>div {
background: @pkmn-panel-bg;
border-color: #000000;
box-shadow: none;
width: 250px;
margin: 1px;
overflow: hidden;
&:hover>.action a[data-berry]:after {
color: @pkmn-border-color;
}
>.pkmn:before {
background-color: @pkmn-platform-color;
border-color: @pkmn-platform-edge;
}
>.name a {
margin-bottom: 5px;
max-width: 140px;
}
>.expbar {
width: 140px;
height: 25px;
margin-top: 2px;
background-color: @pkmn-xp-remining;
border-color: @pkmn-xp-border;
color: @pkmn-xp-text;
>div {
border-color: @pkmn-xp-border;
background-color: @pkmn-xp-done;
}
}
>.extra {
>.happy {
display: none;
}
>.nature {
width: 165px;
margin-left: 5px;
}
}
>.action {
width: 140px;
height: 30px;
>.berrybuttons {
>a {
background-color: @pkmn-berry-color;
display: none;
width: 100%;
height: 30px;
padding: 3px;
box-sizing: border-box;
>img {
height: 25px;
vertical-align: top;
}
}
}
>.berrybuttons[data-up="any"]>a[data-berry="aspear"] {
display: inline-block;
border-radius: 20px;
}
>.berrybuttons[data-up="sour"]>a[data-berry="aspear"] {
display: inline-block;
}
>.berrybuttons[data-up="spicy"]>a[data-berry="cheri"] {
display: inline-block;
}
>.berrybuttons[data-up="dry"]>a[data-berry="chesto"] {
display: inline-block;
}
>.berrybuttons[data-up="sweet"]>a[data-berry="pecha"] {
display: inline-block;
}
>.berrybuttons[data-up="bitter"]>a[data-berry="rawst"] {
display: inline-block;
}
}
}
}[/style][
][/sc]
Electric Type Theme
This is a tip.
This is the tip content!
This is a hidebox.
This is the hidebox content.
This is a display box.
This is the display box content.
hello!
hope you like the code!
if something doesn't work, please let me know!
this code is formatted for about mes specifically - please don't use it for anything else!
thanks for having a look at my code :D
credits
Code
[sc=background][
][sc=tabbed_interface horizontal][ul][
][li][img]https://www.serebii.net/shuffle/pokemon/180.png[/img][/li][
][li][img]https://www.serebii.net/shuffle/pokemon/025-ha.png[/img][/li][
][li][img]https://www.serebii.net/shuffle/pokemon/702.png[/img][/li][
][li][img]https://www.serebii.net/shuffle/pokemon/310.png[/img][/li][
][/ul][
][sc=tab tab-active]Tab 1 content[/sc][
][sc=tab]Tab 2 content[/sc][
][sc=tab]Tab 3 content[/sc][
][sc=tab]Tab 4 content[
][hide=credits][centre][
][sub]Coded by [url=https://pfq.link/@Jv63]Mio Xenoblade[/url] [url=https://pokefarm.com/forum/thread/409287/juno-s-f2u-templates/post/7237875](free to use)[/url]
[url=https://pokefarm.com/forum/post/6000778]Pkmnpanel Code[/url]
[url=https://pokefarm.com/forum/post/7252424]Image Credits[/url][
][/sub][/centre][/hide][/sc][
][/sc][
]
[style]
.tabbed_interface
{
background: none;
border: none;
box-shadow: none;
& > ul
{
background: none;
border: none;
box-shadow: none;
& > li
{
background: none;
box-shadow: none;
border: none;
padding: 0%;
border: none;
color: black;
width: 2px;
opacity: 70%;
&.tab-active
{
background: none;
}
}
& > li:hover
{
cursor: pointer;
opacity: 100%;
}
}
> .tab, > .tab-active
{
background: rgb(189,189,19, 70%); //* bg colour
opacity: 100%;
border: 1px solid black;
border-radius: 10px;
box-shadow: none;
margin: 1%;
color: black;
padding: 2%;
}
}
.background
{
background: url('https://pokefarm.com/upload/:Jv63/TYPE_CODE_BGS/ELECTRIC_BG.png');
align: center;
background-size: 400px 450px;
background-repeat: repeat;
width 100%;
border: 1px solid black;
border-radius: 10px;
padding: 1%;
}
.panel
{
background: rgb(189,189,19, 70%); //* bg colour
border: 1px solid black;
color: black;
box-shadow: none;
> h3
{
> a
{
color: black;
}
border: 1px solid black;
background: rgb(255,255,26); //* highlights
color: black;
box-shadow: none;
}
> div
{
color: black;
a:link, a:visited
{
color: black;
}
}
}
div.tooltip_content
{
font-size: 10px;
background: rgb(189,189,19, 70%); //* bg colour
color: black;
border: 1px dashed black;
}
.bbcode_tooltip
{
border-bottom: 1px dotted black;
}
.expbar {
background: rgb(189,189,19, 70%); //* bg colour
color: black;
border: 1px solid black;
> div
{
background: rgb(255,255,26); //* highlights
border-right: 1px solid black;
}
}
@pkmn-panel-bg: rgb(189,189,19, 70%); //* bg colour
@pkmn-border-color: #000000;
@pkmn-text-color: #000000;
@pkmn-link-color: black;
@pkmn-platform-color: @col-bg1;
@pkmn-platform-edge: @col-border1;
@pkmn-berry-color: @col-flavour-up;
@pkmn-xp-done: rgb(255,255,26); //* highlights
@pkmn-xp-remining: rgb(189,189,19, 70%); //* bg colour
@pkmn-xp-text: #000000;
@pkmn-xp-border: #000000;
.party {
display: inline-block;
margin: 1px;
width: 100px;
color: #000000;
a {
color: @pkmn-link-color;
}
>div {
background: @pkmn-panel-bg;
border-color: #000000;
box-shadow: none;
width: 250px;
margin: 1px;
overflow: hidden;
&:hover>.action a[data-berry]:after {
color: @pkmn-border-color;
}
>.pkmn:before {
background-color: @pkmn-platform-color;
border-color: @pkmn-platform-edge;
}
>.name a {
margin-bottom: 5px;
max-width: 140px;
}
>.expbar {
width: 140px;
height: 25px;
margin-top: 2px;
background-color: @pkmn-xp-remining;
border-color: @pkmn-xp-border;
color: @pkmn-xp-text;
>div {
border-color: @pkmn-xp-border;
background-color: @pkmn-xp-done;
}
}
>.extra {
>.happy {
display: none;
}
>.nature {
width: 165px;
margin-left: 5px;
}
}
>.action {
width: 140px;
height: 30px;
>.berrybuttons {
>a {
background-color: @pkmn-berry-color;
display: none;
width: 100%;
height: 30px;
padding: 3px;
box-sizing: border-box;
>img {
height: 25px;
vertical-align: top;
}
}
}
>.berrybuttons[data-up="any"]>a[data-berry="aspear"] {
display: inline-block;
border-radius: 20px;
}
>.berrybuttons[data-up="sour"]>a[data-berry="aspear"] {
display: inline-block;
}
>.berrybuttons[data-up="spicy"]>a[data-berry="cheri"] {
display: inline-block;
}
>.berrybuttons[data-up="dry"]>a[data-berry="chesto"] {
display: inline-block;
}
>.berrybuttons[data-up="sweet"]>a[data-berry="pecha"] {
display: inline-block;
}
>.berrybuttons[data-up="bitter"]>a[data-berry="rawst"] {
display: inline-block;
}
}
}
}[/style][
][/sc]
Ice Type Theme
This is a tip.
This is the tip content!
This is a hidebox.
This is the hidebox content.
This is a display box.
This is the display box content.
hello!
hope you like the code!
if something doesn't work, please let me know!
this code is formatted for about mes specifically - please don't use it for anything else!
thanks for having a look at my code :D
credits
Code
[sc=background][
][sc=tabbed_interface horizontal][ul][
][li][img]https://www.serebii.net/shuffle/pokemon/361-w.png[/img][/li][
][li][img]https://www.serebii.net/shuffle/pokemon/582-s.png[/img][/li][
][li][img]https://www.serebii.net/shuffle/pokemon/037-a.png[/img][/li][
][li][img]https://www.serebii.net/shuffle/pokemon/613-s.png[/img][/li][
][/ul][
][sc=tab tab-active]Tab 1 content[/sc][
][sc=tab]Tab 2 content[/sc][
][sc=tab]Tab 3 content[/sc][
][sc=tab]Tab 4 content[
][hide=credits][centre][
][sub]Coded by [url=https://pfq.link/@Jv63]Mio Xenoblade[/url] [url=https://pokefarm.com/forum/thread/409287/juno-s-f2u-templates/post/7237875](free to use)[/url]
[url=https://pokefarm.com/forum/post/6000778]Pkmnpanel Code[/url]
[url=https://pokefarm.com/forum/post/7252424]Image Credits[/url][
][/sub][/centre][/hide][/sc][
][/sc][
]
[style]
.tabbed_interface
{
background: none;
border: none;
box-shadow: none;
& > ul
{
background: none;
border: none;
box-shadow: none;
& > li
{
background: none;
box-shadow: none;
border: none;
padding: 0%;
border: none;
color: black;
width: 2px;
opacity: 70%;
&.tab-active
{
background: none;
}
}
& > li:hover
{
cursor: pointer;
opacity: 100%;
}
}
> .tab, > .tab-active
{
background: rgb(255,255,255, 70%); //* bg colour
opacity: 100%;
border: 1px solid black;
border-radius: 10px;
box-shadow: none;
margin: 1%;
color: black;
padding: 2%;
}
}
.background
{
background: url('https://pokefarm.com/upload/:Jv63/TYPE_CODE_BGS/ICE_BG.png');
align: center;
background-size: 400px 450px;
background-repeat: repeat;
width 100%;
border: 1px solid black;
border-radius: 10px;
padding: 1%;
}
.panel
{
background: rgb(255,255,255, 70%); //* bg colour
border: 1px solid black;
color: black;
box-shadow: none;
> h3
{
> a
{
color: black;
}
border: 1px solid black;
background: rgb(0,230,230, 70%); //* highlights
color: black;
box-shadow: none;
}
> div
{
color: black;
a:link, a:visited
{
color: black;
}
}
}
div.tooltip_content
{
font-size: 10px;
background: rgb(255,255,255, 70%); //* bg colour
color: black;
border: 1px dashed black;
}
.bbcode_tooltip
{
border-bottom: 1px dotted black;
}
.expbar {
background: rgb(255,255,255, 70%); //* bg colour
color: black;
border: 1px solid black;
> div
{
background: rgb(0,230,230, 70%); //* highlights
border-right: 1px solid black;
}
}
@pkmn-panel-bg: rgb(255,255,255, 70%); //* bg colour
@pkmn-border-color: #000000;
@pkmn-text-color: #000000;
@pkmn-link-color: black;
@pkmn-platform-color: @col-bg1;
@pkmn-platform-edge: @col-border1;
@pkmn-berry-color: @col-flavour-up;
@pkmn-xp-done: rgb(0,230,230, 70%); //* highlights
@pkmn-xp-remining: rgb(255,255,255, 70%); //* bg colour
@pkmn-xp-text: #000000;
@pkmn-xp-border: #000000;
.party {
display: inline-block;
margin: 1px;
width: 100px;
color: #000000;
a {
color: @pkmn-link-color;
}
>div {
background: @pkmn-panel-bg;
border-color: #000000;
box-shadow: none;
width: 250px;
margin: 1px;
overflow: hidden;
&:hover>.action a[data-berry]:after {
color: @pkmn-border-color;
}
>.pkmn:before {
background-color: @pkmn-platform-color;
border-color: @pkmn-platform-edge;
}
>.name a {
margin-bottom: 5px;
max-width: 140px;
}
>.expbar {
width: 140px;
height: 25px;
margin-top: 2px;
background-color: @pkmn-xp-remining;
border-color: @pkmn-xp-border;
color: @pkmn-xp-text;
>div {
border-color: @pkmn-xp-border;
background-color: @pkmn-xp-done;
}
}
>.extra {
>.happy {
display: none;
}
>.nature {
width: 165px;
margin-left: 5px;
}
}
>.action {
width: 140px;
height: 30px;
>.berrybuttons {
>a {
background-color: @pkmn-berry-color;
display: none;
width: 100%;
height: 30px;
padding: 3px;
box-sizing: border-box;
>img {
height: 25px;
vertical-align: top;
}
}
}
>.berrybuttons[data-up="any"]>a[data-berry="aspear"] {
display: inline-block;
border-radius: 20px;
}
>.berrybuttons[data-up="sour"]>a[data-berry="aspear"] {
display: inline-block;
}
>.berrybuttons[data-up="spicy"]>a[data-berry="cheri"] {
display: inline-block;
}
>.berrybuttons[data-up="dry"]>a[data-berry="chesto"] {
display: inline-block;
}
>.berrybuttons[data-up="sweet"]>a[data-berry="pecha"] {
display: inline-block;
}
>.berrybuttons[data-up="bitter"]>a[data-berry="rawst"] {
display: inline-block;
}
}
}
}[/style][
][/sc]
Fighting Type Theme
This is a tip.
This is the tip content!
This is a hidebox.
This is the hidebox content.
This is a display box.
This is the display box content.
hello!
hope you like the code!
if something doesn't work, please let me know!
this code is formatted for about mes specifically - please don't use it for anything else!
thanks for having a look at my code :D
credits
Code
[sc=background][
][sc=tabbed_interface horizontal][ul][
][li][img]https://www.serebii.net/shuffle/pokemon/448.png[/img][/li][
][li][img]https://www.serebii.net/shuffle/pokemon/475.png[/img][/li][
][li][img]https://www.serebii.net/shuffle/pokemon/675.png[/img][/li][
][li][img]https://www.serebii.net/shuffle/pokemon/647-r.png[/img][/li][
][/ul][
][sc=tab tab-active][
]Tab 1[/sc][
][sc=tab]Tab 2[/sc][
][sc=tab]Tab 3[/sc][
][sc=tab]Tab 4[hide=credits][centre][
][sub]Coded by [url=https://pfq.link/@Jv63]Mio Xenoblade[/url] [url=https://pokefarm.com/forum/thread/409287/juno-s-f2u-templates/post/7237875](free to use)[/url]
[url=https://pokefarm.com/forum/post/6000778]Pkmnpanel Code[/url]
[url=https://pokefarm.com/forum/post/7252424]Image Credits[/url][
][/sub][/centre][/hide][/sc][
][/sc][
]
[style]
@BGColor = rgb(255,255,255, 70%);
@Highlights = rgb(128,0,21, 90%);
.tabbed_interface
{
background: none;
border: none;
box-shadow: none;
& > ul
{
background: none;
border: none;
box-shadow: none;
& > li
{
background: none;
box-shadow: none;
border: none;
padding: 0%;
border: none;
color: black;
width: 2px;
opacity: 70%;
&.tab-active
{
background: none;
}
}
& > li:hover
{
cursor: pointer;
opacity: 100%;
}
}
> .tab, > .tab-active
{
background: @BGColor;
opacity: 100%;
border: 1px solid black;
border-radius: 10px;
box-shadow: none;
margin: 1%;
color: black;
padding: 2%;
}
}
.background
{
background: url('https://pokefarm.com/upload/:Jv63/TYPE_CODE_BGS/FIGHTING_BG.png');
align: center;
background-size: 400px 450px;
background-repeat: repeat;
width 100%;
border: 1px solid black;
border-radius: 10px;
padding: 1%;
}
.panel
{
background: @BGColor;
border: 1px solid black;
color: black;
box-shadow: none;
> h3
{
> a
{
color: black;
}
border: 1px solid black;
background: @Highlights;
color: black;
box-shadow: none;
}
> div
{
color: black;
a:link, a:visited
{
color: black;
}
}
}
div.tooltip_content
{
font-size: 10px;
background: @BGColor;
color: black;
border: 1px dashed black;
}
.bbcode_tooltip
{
border-bottom: 1px dotted black;
}
.expbar {
background: @BGColor;
color: black;
border: 1px solid black;
> div
{
background: @Highlights;
border-right: 1px solid black;
}
}
@pkmn-panel-bg: @BGColor;
@pkmn-border-color: #000000;
@pkmn-text-color: #000000;
@pkmn-link-color: black;
@pkmn-platform-color: @col-bg1;
@pkmn-platform-edge: @col-border1;
@pkmn-berry-color: @col-flavour-up;
@pkmn-xp-done: @Highlights;
@pkmn-xp-remining: @BGColor;
@pkmn-xp-text: #000000;
@pkmn-xp-border: #000000;
.party {
display: inline-block;
margin: 1px;
width: 100px;
color: #000000;
a {
color: @pkmn-link-color;
}
>div {
background: @pkmn-panel-bg;
border-color: #000000;
box-shadow: none;
width: 250px;
margin: 1px;
overflow: hidden;
&:hover>.action a[data-berry]:after {
color: @pkmn-border-color;
}
>.pkmn:before {
background-color: @pkmn-platform-color;
border-color: @pkmn-platform-edge;
}
>.name a {
margin-bottom: 5px;
max-width: 140px;
}
>.expbar {
width: 140px;
height: 25px;
margin-top: 2px;
background-color: @pkmn-xp-remining;
border-color: @pkmn-xp-border;
color: @pkmn-xp-text;
>div {
border-color: @pkmn-xp-border;
background-color: @pkmn-xp-done;
}
}
>.extra {
>.happy {
display: none;
}
>.nature {
width: 165px;
margin-left: 5px;
}
}
>.action {
width: 140px;
height: 30px;
>.berrybuttons {
>a {
background-color: @pkmn-berry-color;
display: none;
width: 100%;
height: 30px;
padding: 3px;
box-sizing: border-box;
>img {
height: 25px;
vertical-align: top;
}
}
}
>.berrybuttons[data-up="any"]>a[data-berry="aspear"] {
display: inline-block;
border-radius: 20px;
}
>.berrybuttons[data-up="sour"]>a[data-berry="aspear"] {
display: inline-block;
}
>.berrybuttons[data-up="spicy"]>a[data-berry="cheri"] {
display: inline-block;
}
>.berrybuttons[data-up="dry"]>a[data-berry="chesto"] {
display: inline-block;
}
>.berrybuttons[data-up="sweet"]>a[data-berry="pecha"] {
display: inline-block;
}
>.berrybuttons[data-up="bitter"]>a[data-berry="rawst"] {
display: inline-block;
}
}
}
}[/style][
][/sc]
Poison Type Theme
This is a tip.
This is the tip content!
This is a hidebox.
This is the hidebox content.
This is a display box.
This is the display box content.
hello!
hope you like the code!
if something doesn't work, please let me know!
this code is formatted for about mes specifically - please don't use it for anything else!
thanks for having a look at my code :D
credits
Code
[sc=background][
][sc=tabbed_interface horizontal][ul][
][li][img]https://www.serebii.net/shuffle/pokemon/453.png[/img][/li][
][li][img]https://www.serebii.net/shuffle/pokemon/094-s.png[/img][/li][
][li][img]https://www.serebii.net/shuffle/pokemon/316.png[/img][/li][
][li][img]https://www.serebii.net/shuffle/pokemon/336.png[/img][/li][
][/ul][
][sc=tab tab-active]Tab 1[/sc][
][sc=tab]Tab 2[/sc][
][sc=tab]Tab 3[/sc][
][sc=tab]Tab 4[hide=credits][centre][
][sub]Coded by [url=https://pfq.link/@Jv63]Mio Xenoblade[/url] [url=https://pokefarm.com/forum/thread/409287/juno-s-f2u-templates/post/7237875](free to use)[/url]
[url=https://pokefarm.com/forum/post/6000778]Pkmnpanel Code[/url]
[url=https://pokefarm.com/forum/post/7252424]Image Credits[/url][
][/sub][/centre][/hide][/sc][
][/sc][
]
[style]
@BGColor = rgb(255,255,255, 70%);
@Highlights = rgb(128,0,255, 70%);
.tabbed_interface
{
background: none;
border: none;
box-shadow: none;
& > ul
{
background: none;
border: none;
box-shadow: none;
& > li
{
background: none;
box-shadow: none;
border: none;
padding: 0%;
border: none;
color: black;
width: 2px;
opacity: 70%;
&.tab-active
{
background: none;
}
}
& > li:hover
{
cursor: pointer;
opacity: 100%;
}
}
> .tab, > .tab-active
{
background: @BGColor;
opacity: 100%;
border: 1px solid black;
border-radius: 10px;
box-shadow: none;
margin: 1%;
color: black;
padding: 2%;
}
}
.background
{
background: url('https://pokefarm.com/upload/:Jv63/TYPE_CODE_BGS/POISON_BG.png');
align: center;
background-size: 400px 450px;
background-repeat: repeat;
width 100%;
border: 1px solid black;
border-radius: 10px;
padding: 1%;
}
.panel
{
background: @BGColor;
border: 1px solid black;
color: black;
box-shadow: none;
> h3
{
> a
{
color: black;
}
border: 1px solid black;
background: @Highlights;
color: black;
box-shadow: none;
}
> div
{
color: black;
a:link, a:visited
{
color: black;
}
}
}
div.tooltip_content
{
font-size: 10px;
background: @BGColor;
color: black;
border: 1px dashed black;
}
.bbcode_tooltip
{
border-bottom: 1px dotted black;
}
.expbar {
background: @BGColor;
color: black;
border: 1px solid black;
> div
{
background: @Highlights;
border-right: 1px solid black;
}
}
@pkmn-panel-bg: @BGColor;
@pkmn-border-color: #000000;
@pkmn-text-color: #000000;
@pkmn-link-color: black;
@pkmn-platform-color: @col-bg1;
@pkmn-platform-edge: @col-border1;
@pkmn-berry-color: @col-flavour-up;
@pkmn-xp-done: @Highlights;
@pkmn-xp-remining: @BGColor;
@pkmn-xp-text: #000000;
@pkmn-xp-border: #000000;
.party {
display: inline-block;
margin: 1px;
width: 100px;
color: #000000;
a {
color: @pkmn-link-color;
}
>div {
background: @pkmn-panel-bg;
border-color: #000000;
box-shadow: none;
width: 250px;
margin: 1px;
overflow: hidden;
&:hover>.action a[data-berry]:after {
color: @pkmn-border-color;
}
>.pkmn:before {
background-color: @pkmn-platform-color;
border-color: @pkmn-platform-edge;
}
>.name a {
margin-bottom: 5px;
max-width: 140px;
}
>.expbar {
width: 140px;
height: 25px;
margin-top: 2px;
background-color: @pkmn-xp-remining;
border-color: @pkmn-xp-border;
color: @pkmn-xp-text;
>div {
border-color: @pkmn-xp-border;
background-color: @pkmn-xp-done;
}
}
>.extra {
>.happy {
display: none;
}
>.nature {
width: 165px;
margin-left: 5px;
}
}
>.action {
width: 140px;
height: 30px;
>.berrybuttons {
>a {
background-color: @pkmn-berry-color;
display: none;
width: 100%;
height: 30px;
padding: 3px;
box-sizing: border-box;
>img {
height: 25px;
vertical-align: top;
}
}
}
>.berrybuttons[data-up="any"]>a[data-berry="aspear"] {
display: inline-block;
border-radius: 20px;
}
>.berrybuttons[data-up="sour"]>a[data-berry="aspear"] {
display: inline-block;
}
>.berrybuttons[data-up="spicy"]>a[data-berry="cheri"] {
display: inline-block;
}
>.berrybuttons[data-up="dry"]>a[data-berry="chesto"] {
display: inline-block;
}
>.berrybuttons[data-up="sweet"]>a[data-berry="pecha"] {
display: inline-block;
}
>.berrybuttons[data-up="bitter"]>a[data-berry="rawst"] {
display: inline-block;
}
}
}
}[/style][
][/sc]
Ground Type Theme
This is a tip.
This is the tip content!
This is a hidebox.
This is the hidebox content.
This is a display box.
This is the display box content.
hello!
hope you like the code!
if something doesn't work, please let me know!
this code is formatted for about mes specifically - please don't use it for anything else!
thanks for having a look at my code :D
credits
Code
[sc=background][
][sc=tabbed_interface horizontal][ul][
][li][img]https://www.serebii.net/shuffle/pokemon/231.png[/img][/li][
][li][img]https://www.serebii.net/shuffle/pokemon/260-m.png[/img][/li][
][li][img]https://www.serebii.net/shuffle/pokemon/105.png[/img][/li][
][li][img]https://www.serebii.net/shuffle/pokemon/383-p.png[/img][/li][
][/ul][
][sc=tab tab-active]Tab 1[/sc][
][sc=tab]Tab 2[/sc][
][sc=tab]Tab 3[/sc][
][sc=tab]Tab 4[hide=credits][centre][
][sub]Coded by [url=https://pfq.link/@Jv63]Mio Xenoblade[/url] [url=https://pokefarm.com/forum/thread/409287/juno-s-f2u-templates/post/7237875](free to use)[/url]
[url=https://pokefarm.com/forum/post/6000778]Pkmnpanel Code[/url]
[url=https://pokefarm.com/forum/post/7252424]Image Credits[/url][
][/sub][/centre][/hide][/sc][
][/sc][
]
[style]
@BGColor = rgb(255,179,79, 70%);
@Highlights = rgb(105,73,32, 70%);
.tabbed_interface
{
background: none;
border: none;
box-shadow: none;
& > ul
{
background: none;
border: none;
box-shadow: none;
& > li
{
background: none;
box-shadow: none;
border: none;
padding: 0%;
border: none;
color: black;
width: 2px;
opacity: 70%;
&.tab-active
{
background: none;
}
}
& > li:hover
{
cursor: pointer;
opacity: 100%;
}
}
> .tab, > .tab-active
{
background: @BGColor;
opacity: 100%;
border: 1px solid black;
border-radius: 10px;
box-shadow: none;
margin: 1%;
color: black;
padding: 2%;
}
}
.background
{
background: url('https://pokefarm.com/upload/:Jv63/TYPE_CODE_BGS/GROUND_BG.png');
align: center;
background-size: 400px 450px;
background-repeat: repeat;
width 100%;
border: 1px solid black;
border-radius: 10px;
padding: 1%;
}
.panel
{
background: @BGColor;
border: 1px solid black;
color: black;
box-shadow: none;
> h3
{
> a
{
color: black;
}
border: 1px solid black;
background: @Highlights;
color: black;
box-shadow: none;
}
> div
{
color: black;
a:link, a:visited
{
color: black;
}
}
}
div.tooltip_content
{
font-size: 10px;
background: @BGColor;
color: black;
border: 1px dashed black;
}
.bbcode_tooltip
{
border-bottom: 1px dotted black;
}
.expbar {
background: @BGColor;
color: black;
border: 1px solid black;
> div
{
background: @Highlights;
border-right: 1px solid black;
}
}
@pkmn-panel-bg: @BGColor;
@pkmn-border-color: #000000;
@pkmn-text-color: #000000;
@pkmn-link-color: black;
@pkmn-platform-color: @col-bg1;
@pkmn-platform-edge: @col-border1;
@pkmn-berry-color: @col-flavour-up;
@pkmn-xp-done: @Highlights;
@pkmn-xp-remining: @BGColor;
@pkmn-xp-text: #000000;
@pkmn-xp-border: #000000;
.party {
display: inline-block;
margin: 1px;
width: 100px;
color: #000000;
a {
color: @pkmn-link-color;
}
>div {
background: @pkmn-panel-bg;
border-color: #000000;
box-shadow: none;
width: 250px;
margin: 1px;
overflow: hidden;
&:hover>.action a[data-berry]:after {
color: @pkmn-border-color;
}
>.pkmn:before {
background-color: @pkmn-platform-color;
border-color: @pkmn-platform-edge;
}
>.name a {
margin-bottom: 5px;
max-width: 140px;
}
>.expbar {
width: 140px;
height: 25px;
margin-top: 2px;
background-color: @pkmn-xp-remining;
border-color: @pkmn-xp-border;
color: @pkmn-xp-text;
>div {
border-color: @pkmn-xp-border;
background-color: @pkmn-xp-done;
}
}
>.extra {
>.happy {
display: none;
}
>.nature {
width: 165px;
margin-left: 5px;
}
}
>.action {
width: 140px;
height: 30px;
>.berrybuttons {
>a {
background-color: @pkmn-berry-color;
display: none;
width: 100%;
height: 30px;
padding: 3px;
box-sizing: border-box;
>img {
height: 25px;
vertical-align: top;
}
}
}
>.berrybuttons[data-up="any"]>a[data-berry="aspear"] {
display: inline-block;
border-radius: 20px;
}
>.berrybuttons[data-up="sour"]>a[data-berry="aspear"] {
display: inline-block;
}
>.berrybuttons[data-up="spicy"]>a[data-berry="cheri"] {
display: inline-block;
}
>.berrybuttons[data-up="dry"]>a[data-berry="chesto"] {
display: inline-block;
}
>.berrybuttons[data-up="sweet"]>a[data-berry="pecha"] {
display: inline-block;
}
>.berrybuttons[data-up="bitter"]>a[data-berry="rawst"] {
display: inline-block;
}
}
}
}[/style][
][/sc]
Cannot post: Please log in to post