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 10
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: paldea[/h1][hr][
---------------------------------- TABLE -----------------------------
][table][
][tr][
][td][pkmn=Sprigatito][/td][
][td][pkmn=Floragato][/td][
][td][pkmn=Meowscarada][/td][
][td][pkmn=Fuecoco][/td][
][td][pkmn=Crocalor][/td][
][td][pkmn=Skeledirge][/td][
][td][pkmn=Quaxly][/td][
][td][sc=obt][pkmn=Quaxwell][/sc][/td][
][td][sc=obt][pkmn=Quaquaval][/sc][/td][
][td][pkmn=Lechonk][/td][
][td][pkmn=Oinkologne][/td][
][td][pkmn=Tarountula][/td][
][td][pkmn=Spidops][/td][
][/tr][
][tr][
][td][pkmn=Nymble][/td][
][td][pkmn=Lokix][/td][
][td][pkmn=Pawmi][/td][
][td][sc=evo][pkmn=Pawmo][/sc][/td][
][td][pkmn=Pawmot][/td][
][td][pkmn=Tandemaus][/td][
][td][pkmn=Maushold][/td][
][td][pkmn=Fidough][/td][
][td][pkmn=Dachsbun][/td][
][td][pkmn=Smoliv][/td][
][td][sc=evo][pkmn=Dolliv][/sc][/td][
][td][pkmn=Arboliva][/td][
][td][pkmn=Squawkabilly/Green Plumage][/td][
][/tr][
][tr][
][td][pkmn=Squawkabilly/Blue Plumage][/td][
][td][pkmn=Squawkabilly/Yellow Plumage][/td][
][td][pkmn=Squawkabilly/White Plumage][/td][
][td][pkmn=Nacli][/td][
][td][pkmn=Naclstack][/td][
][td][pkmn=Garganacl][/td][
][td][pkmn=Charcadet][/td][
][td][pkmn=Armarouge][/td][
][td][pkmn=Ceruledge][/td][
][td][pkmn=Tadbulb][/td][
][td][pkmn=Bellibolt][/td][
][td][pkmn=Wattrel][/td][
][td][pkmn=Kilowattrel][/td][
][/tr][
][tr][
][td][pkmn=Maschiff][/td][
][td][pkmn=Mabosstiff][/td][
][td][pkmn=Shroodle][/td][
][td][pkmn=Grafaiai][/td][
][td][pkmn=Bramblin][/td][
][td][pkmn=Brambleghast][/td][
][td][pkmn=Toedscool][/td][
][td][pkmn=Toedscruel][/td][
][td][pkmn=Klawf][/td][
][td][pkmn=Capsakid][/td][
][td][pkmn=Scovillain][/td][
][td][pkmn=Rellor][/td][
][td][pkmn=Rabsca][/td][
][/tr][
][tr][
][td][pkmn=Flittle][/td][
][td][pkmn=Espathra][/td][
][td][pkmn=Tinkatink][/td][
][td][pkmn=Tinkatuff][/td][
][td][pkmn=Tinkaton][/td][
][td][pkmn=Wiglett][/td][
][td][pkmn=Wugtrio][/td][
][td][pkmn=Bombirdier][/td][
][td][pkmn=Finizen][/td][
][td][sc=evo][pkmn=Palafin][/sc][/td][
][td][pkmn=Palafin/Hero Forme][/td][
][td][pkmn=Varoom][/td][
][td][pkmn=Revavroom][/td][
][/tr][
][tr][
][td][pkmn=Cyclizar][/td][
][td][pkmn=Orthworm][/td][
][td][pkmn=Glimmet][/td][
][td][pkmn=Glimmora][/td][
][td][pkmn=Greavard][/td][
][td][pkmn=Houndstone][/td][
][td][pkmn=Flamigo][/td][
][td][pkmn=Cetoddle][/td][
][td][pkmn=Cetitan][/td][
][td][pkmn=Veluza][/td][
][td][pkmn=Dondozo][/td][
][td][pkmn=Tatsugiri/Curly Forme][/td][
][td][pkmn=Tatsugiri/Droopy Forme][/td][
][/tr][
][tr][
][td][pkmn=Tatsugiri/Stretchy Forme][/td][
][td][pkmn=Annihilape][/td][
][td][pkmn=Clodsire][/td][
][td][sc=obt][pkmn=Farigiraf][/sc][/td][
][td][pkmn=Dudunsparce][/td][
][td][sc=obt][pkmn=Kingambit][/sc][/td][
][td][pkmn=Frigibax][/td][
][td][pkmn=Arctibax][/td][
][td][sc=evo][pkmn=Baxcalibur][/sc][/td][
][td][pkmn=Gimmighoul][/td][
][td][sc=obt][pkmn=Gholdengo][/sc][/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]
