This post contains one or more BBCode Errors and cannot be displayed properly.
Error: Post took too long to process, it may be too complex. Please simplify the post on line 57
If this is your post, please edit it to correct these errors. For now, the post will be shown raw, with no BBCode processing.
[sc=meson][img]https://64.media.tumblr.com/68921c19f3b5fc6ca41a871b32a9c00f/d8df3e65544cff22-a4/s1280x1920/e5483185c9e17e90eaba2076deb1b4f5c4886ec1.pnj[/img][
][sc=body][h1]living dex: kalos[/h1][hr][
--------------------------------TABLE------------------------------
][table][
][tr][
][td][pkmn=Chespin][/td][
][td][sc=evo][pkmn=Quilladin][/sc][/td][
][td][sc=evo][pkmn=Chesnaught][/sc][/td][
][td][pkmn=Fennekin][/td][
][td][pkmn=Braixen][/td][
][td][pkmn=Delphox][/td][
][td][pkmn=Delphox/Lefty][/td][
][td][pkmn=Froakie][/td][
][td][sc=obt][pkmn=Frogadier][/sc][/td][
][td][sc=obt][pkmn=Greninja][/sc][/td][
][td][sc=obt][pkmn=Bunnelby][/sc][/td][
][td][sc=obt][pkmn=Diggersby][/sc][/td][
][td][sc=obt][pkmn=Fletchling][/sc][/td][
][/tr][
][tr][
][td][pkmn=Fletchinder][/td][
][td][pkmn=Talonflame][/td][
][td][pkmn=Scatterbug][/td][
][td][pkmn=Spewpa][/td][
][td][pkmn=Vivillon/Meadow][/td][
][td][pkmn=Litleo][/td][
][td][pkmn=Pyroar][/td][
][td][pkmn=Flabebe][/td][
][td][pkmn=Floette][/td][
][td][sc=obt][pkmn=Florges][/sc][/td][
][td][pkmn=Skiddo][/td][
][td][pkmn=Gogoat][/td][
][td][pkmn=Pancham][/td][
][/tr][
][tr][
][td][pkmn=Pangoro][/td][
][td][pkmn=Furfrou][/td][
][td][pkmn=Espurr][/td][
][td][sc=evo][pkmn=Meowstic][/sc][/td][
][td][pkmn=Honedge][/td][
][td][pkmn=Doublade][/td][
][td][pkmn=Aegislash][/td][
][td][pkmn=Aegislash/Shield Forme][/td][
][td][pkmn=Spritzee][/td][
][td][pkmn=Aromatisse][/td][
][td][pkmn=Swirlix][/td][
][td][pkmn=Slurpuff][/td][
][td][pkmn=Inkay][/td][
][/tr][
][tr][
][td][pkmn=Malamar][/td][
][td][pkmn=Binacle][/td][
][td][sc=obt][pkmn=Barbaracle][/sc][/td][
][td][pkmn=Skrelp][/td][
][td][sc=evo][pkmn=Dragalge][/sc][/td][
][td][pkmn=Clauncher][/td][
][td][sc=evo][pkmn=Clawitzer][/sc][/td][
][td][sc=obt][pkmn=Helioptile][/sc][/td][
][td][pkmn=Heliolisk][/td][
][td][pkmn=Tyrunt][/td][
][td][pkmn=Tyrantrum][/td][
][td][pkmn=Amaura][/td][
][td][pkmn=Aurorus][/td][
][/tr][
][tr][
][td][sc=obt][pkmn=Hawlucha][/sc][/td][
][td][pkmn=Dedenne][/td][
][td][pkmn=Carbink][/td][
][td][pkmn=Goomy][/td][
][td][sc=evo][pkmn=Sliggoo][/sc][/td][
][td][pkmn=Sliggoo/Hisuian Forme][/td][
][td][sc=obt][pkmn=Goodra][/sc][/td][
][td][pkmn=Goodra/Hisuian Forme][/td][
][td][pkmn=Klefki][/td][
][td][pkmn=Phantump][/td][
][td][pkmn=Trevenant][/td][
][td][pkmn=Pumpkaboo][/td][
][td][pkmn=Gourgeist][/td][
][/tr][
][tr][
][td][pkmn=Bergmite][/td][
][td][pkmn=Avalugg][/td][
][td][pkmn=Avalugg/Hisuian Forme][/td][
][td][pkmn=Noibat][/td][
][td][sc=evo][pkmn=Noivern][/sc][/td][
][td][pkmn=Xerneas][/td][
][td][pkmn=Yveltal][/td][
][td][pkmn=Zygarde/Core Forme][/td][
][td][sc=obt][pkmn=Zygarde/10% Forme][/sc][/td][
][td][sc=obt][pkmn=Zygarde/50% Forme][/sc][/td][
][td][pkmn=Zygarde/Complete Forme][/td][
][td][pkmn=Diancie][/td][
][td][sc=obt][pkmn=Diancie/Mega Forme][/sc][/td][
][/tr][
][tr][
][td][sc=obt][pkmn=Hoopa][/sc][/td][
][td][pkmn=Hoopa/Unbound Forme][/td][
][td][pkmn=Volcanion][/td][
][/tr][
][/table][
-------------------------------TABLE------------------------------
][/sc][
credits][sc=credits]code and art ✦ [url=https://pfq.link/@T2t]volcarona[/url][/sc][
floating image][sc=miraidon][img]https://64.media.tumblr.com/e03a44cd9c2451b48d9f6cda28ea5bb5/d8df3e65544cff22-e8/s400x600/0224f3b87aa89bcd98443281c9d29e6a3903147a.pnj[/img][/sc][
footer][img]https://64.media.tumblr.com/f552f77237b345334d04507bf21e2c29/d8df3e65544cff22-bd/s1280x1920/95920677643d11c7ade1bc8e5f4e89d3af96a10c.pnj[/img]
[/sc]
[style]
//colors
@bg1 = #9595b1;
@bg2 = #4d4c6b;
@text = #0f081f;
@accent1 = #cff0ff; //off-white
@accent2 = #76c2fe; //light blue
@accent3 = #4848a8; //purpleish
@accent4 = #e73871; //reddish
//template
.meson {
color: @text;
background: @bg1;
font-family: Verdana;
font-size: 11pt;
.body {
padding: 0% 3%;
margin-bottom: 50px;
// text colors
h1, h2, h3:not(.panel > h3) { color: @accent4; }
a { color: @accent3; }
a:hover, a:visited:hover { color: @accent4; }
a:visited { color: @accent3; }
b, i { color: #282745; }
hr {
border: 0;
height: 2px;
background-image: linear-gradient(to right, rgba(231,56,113,1), rgba(72,72,168,1), rgba(118,194,254,1), rgba(72,72,168,1), rgba(231,56,113,1))
}
// list styling
ul { list-style-type: square; }
// tooltip
div.tooltip_content {
background: @bg2;
color: @accent1;
border: 2px solid @accent2;
}
.bbcode_tooltip { border-bottom: 1px dotted @accent3; }
.bbcode_tooltip:hover { border-bottom: 1px dotted @accent4; }
// progress bar
.expbar {
background: rgba(77, 76, 107, 0.5); //or @bg2;
color: @text;
border: 2px solid @accent1;
border-radius: 0px;
> div {
//background: @accent3;
background-image: linear-gradient(to right, rgba(72,72,168,1), rgba(118,194,254,1));
border-right: 1px solid @accent1;
border-radius: 0px;
}
}
// panels
.panel {
background: rgba(77, 76, 107, 0.5); // or (207,240,255,0.5)
border: 1px solid @bg2;
color: @accent4;
box-shadow: none;
border-radius: 0px;
> h3 {
> a { color: @accent1; }
border-bottom: 1px solid @bg2;
border-radius: 0px;
background: @bg2;
color: @accent1;
padding: 1% 2%;
transition:
background 0.5s ease-in-out,
background-image 0.5s ease-in-out,
color 0.5s ease-in-out,
border 0.5s ease-in-out;
}
> h3:hover {
background-image: linear-gradient(to left, rgba(72,72,168,1), rgba(118,194,254,1));
> a { color: @accent1; }
}
> div {
color: @text;
a:link, a:visited { color: @accent2 }
a:hover { color: @accent4 }
padding: 2%;
}
}
// tabs
.tabbed_interface {
background: none;
border: none;
border-collapse: separate;
box-shadow: none;
& > ul {
background: transparent;
border: none;
& > li {
background: @bg2;
border: 2px solid @bg2;
padding: 1%;
margin: 1%;
color: @accent1;
width: fit-content;
text-align: center;
font-weight: bold;
&.tab-active {
background: @accent3;
background-image: radial-gradient(rgba(118,194,254,1), rgba(72,72,168,1));
border: 2px solid @accent1;
}
}
& > li:hover:not(.tab-active) {
cursor: pointer;
// background: @accent2; // either accent2 or 3 here
background-image: radial-gradient(rgba(118,194,254,1), rgba(72,72,168,1));
border: 2px solid @accent2;
color: @accent1;
}
}
> .tab, > .tab-active {
background: transparent;
color: @text;
padding: 3%;
margin: 0% 1%;
box-shadow: none;
border: 2px solid @accent3; // accent 3
}
}
// tables
table {
margin: 0 auto;
text-align: center;
vertical-align: middle;
border: none;
border-collapse: collapse;
//border-spacing: 5px;
//background: @bg2;
display: flex;
width: 100%; // optional
overflow-x: auto;
tbody { margin: 0 auto; }
}
th {
background-color: @accent3;
color: @accent1;
border: none;//1px solid @accent2;
width: fit-content;
padding: 5px;
}
//tr {
//background-color: rgba(77, 76, 107, 0.5);
//border: 1px solid @bg2;
//}
td:hover { background-color: @bg2; }
td {
color: @text;
background-color: rgba(77, 76, 107, 0.5);
border: 1px solid @bg2;
padding: 5px;
.evo { // need to (mega) evolve
filter: grayscale(1);
}
.obt { // need to obtain
filter: brightness(0);
}
}
// pkmn panels
.party > div > .action > .berrybuttons[data-up='sour'] > [data-berry='aspear'], .party > div > .action > .berrybuttons[data-up='spicy'] > [data-berry='cheri'], .party > div > .action > .berrybuttons[data-up='dry'] > [data-berry='chesto'], .party > div > .action > .berrybuttons[data-up='sweet'] > [data-berry='pecha'], .party > div > .action > .berrybuttons[data-up='bitter'] > [data-berry='rawst']
{ background: @accent2; }
.party>div>.action>.berrybuttons[data-down='sour']>[data-berry='aspear'], .party>div>.action>.berrybuttons[data-down='spicy']>[data-berry='cheri'], .party>div>.action>.berrybuttons[data-down='dry']>[data-berry='chesto'], .party>div>.action>.berrybuttons[data-down='sweet']>[data-berry='pecha'], .party>div>.action>.berrybuttons[data-down='bitter']>[data-berry='rawst']
{ background: @accent4 ; }
.party>div>.action a[data-berry]:after { border: none; }
.party > div {
background: rgba(77, 76, 107, 0.5);
color: @text;
border: 1px solid @bg2;
//border-radius: 0px;
box-shadow: none;//5px 5px 5px @accent3;
a:link, a:visited { color: @accent2; }
a:hover { color: @accent4; }
b { color: @accent2; }
}
.party > div > .pkmn:before {
border: none;
background-color: @accent2;
}
.party > div > .expbar {
border: 1px solid @accent1;
color: @text;
background: @bg2;
> div {
//background: @accent4;
background-image: linear-gradient(to right, rgba(72,72,168,1), rgba(118,194,254,1));
border-right: 1px solid @accent1;
}
}
// grid
// TBA
}
//credits
.credits {
text-align: right;
color: @accent3;
padding: 0% 3%;
margin: 0% 15%;
font-size: 10pt;
position: absolute;
bottom: 75px;
right: 5px;
z-index: 2;
div.tooltip_content {
background: @bg2;
color: @text;
border: 2px solid @accent3;
bottom: 0px;
left: 6%;
font-size: 10pt;
}
.bbcode_tooltip{ border-bottom: 1px dotted @accent3;}
a { color: @accent3 }
a:hover { color: @accent4 }
}
// miraidon image
.miraidon {
position: absolute;
bottom: 0%;
right: 0.5%;
z-index: 1;
transition: opacity 0.5s;
}
.miraidon:hover{
opacity: 0;
}
// mobile formatting
.mq2 & .miraidon {
width: 50%;
}
.mq2 & .credits {
bottom: 40px;
right: 10px;
}
}
[/style]