Single post in ʚ♡ɞ juno's f2u templates ʚ♡ɞ
Forum Index > Other > Other Art > ʚ♡ɞ juno's f2u templates ʚ♡ɞ >
Dark 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/509.png[/img][/li][
][li][img]https://www.serebii.net/shuffle/pokemon/197.png[/img][/li][
][li][img]https://www.serebii.net/shuffle/pokemon/215.png[/img][/li][
][li][img]https://www.serebii.net/shuffle/pokemon/261.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, 50%);
@Highlights = rgb(48,48,48, 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/DARK_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]
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!