Single post in Cele's Scrolls

[sc=card][sc=title]Lifetime Melanistic Goals[/sc][sc=container] [* Row 1: *] [sc=box][sc=done][img]https://pokefarm.wiki/images/6/60/Melanistic_Mewtwo.png[/img][sc=text]Done[/sc][/sc][/sc] [sc=box][sc=done][img]https://pokefarm.wiki/images/2/2e/Melanistic_Arcanine.png[/img][sc=text]Done[/sc][/sc][/sc] [sc=box][img]https://pokefarm.wiki/images/e/e7/Melanistic_Galarian_Moltres.png[/img][sc=text][/sc][/sc] [sc=box][img]https://pokefarm.wiki/images/5/5f/Melanistic_Shiftry.png[/img][sc=text][/sc][/sc] [sc=box][img]https://pokefarm.wiki/images/c/c9/Melan_Water_Arceus.png[/img][sc=text][/sc][/sc] [* Row 2: *] [sc=box][img]https://pokefarm.wiki/images/1/18/Melanistic_Alolan_Raichu.png[/img][sc=text][/sc][/sc] [sc=box][img]https://pokefarm.wiki/images/9/9f/Melanistic_Arboliva.png[/img][sc=text][/sc][/sc] [sc=box][img]https://pokefarm.wiki/images/e/e4/Melanistic_Tinkaton.png[/img][sc=text][/sc][/sc] [sc=box][img]https://pokefarm.wiki/images/8/81/Melanistic_Miraidon.png[/img][sc=text][/sc][/sc] [sc=box][img]https://pokefarm.wiki/images/2/27/Melanistic_Cetitan.png[/img][sc=text][/sc][/sc] [* Row 3: *] [sc=box][img]https://pokefarm.wiki/images/d/d0/Melanistic_Mega_Wailord_Q.png[/img][sc=text][/sc][/sc] [sc=box][img]https://pokefarm.wiki/images/8/84/Melanistic_Totem_Leavanny_Q.png[/img][sc=text][/sc][/sc] [sc=box][sc=done][img]https://pfq-static.com/img/pkmn/w/1/8/j.png[/img][sc=text]Free[/sc][/sc][/sc] [sc=box][img]https://pokefarm.wiki/images/c/c8/Melanistic_Totem_Walrein_Q.png[/img][sc=text][/sc][/sc] [sc=box][img]https://pokefarm.wiki/images/0/09/Melanistic_Rose_Shield_Aegislash.png[/img][sc=text][/sc][/sc] [* Row 4: *] [sc=box][img]https://pokefarm.wiki/images/e/ef/Melanistic_Totem_Snow_Vespiquen_Q.png[/img][sc=text][/sc][/sc] [sc=box][img]https://pokefarm.wiki/images/6/68/Melanistic_Robinsoni_Maravol.png[/img][sc=text][/sc][/sc] [sc=box][img]https://pokefarm.wiki/images/d/d7/Melanistic_Sugarcoatl.png[/img][sc=text][/sc][/sc] [sc=box][img]https://pokefarm.wiki/images/d/d1/Melanistic_Sagidamas.png[/img][sc=text][/sc][/sc] [sc=box][img]https://pokefarm.wiki/images/2/20/Melanistic_Shinorin.png[/img][sc=text][/sc][/sc] [* Row 5: *] [sc=box][img]https://pokefarm.wiki/images/2/22/Melanistic_Unfettered_Forme_Sikannos.png[/img][sc=text][/sc][/sc] [sc=box][img]https://pokefarm.wiki/images/8/86/Melanistic_Valenoir.png[/img][sc=text][/sc][/sc] [sc=box][img]https://pokefarm.wiki/images/1/1b/Melanistic_Mega_Celebi_Q.png[/img][sc=text][/sc][/sc] [sc=box][img]https://pokefarm.wiki/images/0/05/Melanistic_Moffkat.png[/img][sc=text][/sc][/sc] [sc=box][sc=done][img]https://pokefarm.wiki/images/1/13/Melanistic_Pixrine.png[/img][sc=text]Done[/sc][/sc] [/sc][/sc][sc=credit][url=/user/:L6k]coder[/url] | [url=/forum/post/7304540]code[/url] inspired by [url=/forum/post/7288831]PFQ Goals card[/url][/sc][/sc] [style] /* You can edit anything you want - not my fault if it breaks \o */ @black = black; @white = white; @box-bg = #040A25; @box-bg2 = #141A51; @border-color = #040A25; @border = 5px @border-color solid; @border-curve = 10px; @border-curve2 = 10px; @pkmn-shadow = #8E97EE; @text-shadow = #8E97EE; @text-color = #040A25; @text-color2 = #8E97EE; @done-bg = #4d8a46; @done-bg2 = #356330; @done-text = #072504; @done-text2 = #b3e3a6; @done-text-shadow = #b3e3a6; @done-text-shadow2 = #072504; @pkmn-shadow2 = #b3e3a6; @pkmn-shadow3 = #040A25; @done-pkmn-shadow = #072504; @font: Arial, Helvetica, sans-serif; .card { .title { width: 98%; height: auto; background: @box-bg; text-align: center; font-size: 15pt; font-weight: 900; color: @text-color2; border: @border; border-radius: @border-curve2 @border-curve2 0px 0px; } .freeimg img { min-width: 50px; height: auto; } .credit { display: block; width: 98%; height: auto; background: @box-bg; font-size: 10pt; text-align: center; color: @text-color2; border: @border; border-radius: 0px 0px @border-curve2 @border-curve2; & > a, a:visited, a:link, a:hover, a:active { color: @text-color2; } } .container { --col: 20%; --row: 100px; --gap: 0px; place-items: center; grid-template-columns: repeat(5, var(--col)); grid-template-rows: repeat(5, var(--row)); grid-gap: var(--gap); display: grid; overflow-x: auto; overflow-y: visible; background: @box-bg; width: 98%; height: auto; text-align: justify; color: @text-color; font-size: 10pt; border: @border; .box { position: relative; height: 100%; width: 100%; display: inline-block; overflow: clip; text-align: center; img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); filter: drop-shadow(3px -3px @pkmn-shadow); } .text { position: absolute; top: 85%; left: 50%; transform: translate(-50%, -50%); text-shadow: 1px 1px 1px @text-shadow, -1px 1px 1px @text-shadow, -1px -1px 0 @text-shadow, 1px -1px 0 @text-shadow; } } .box:nth-child(odd) { background: @box-bg2; & img { filter: drop-shadow(3px -3px @pkmn-shadow3); } .done { position: relative; height: 100%; width: 100%; display: inline-block; text-align: center; background-color: @done-bg !important; color: @done-text !important; & img { filter: drop-shadow(3px -3px @pkmn-shadow2); position: absolute !important; top: 50%; left: 50%; transform: translate(-50%, -50%); } .text { color: @done-text; text-shadow: 1px 1px 1px @done-text-shadow, -1px 1px 1px @done-text-shadow, -1px -1px 0 @done-text-shadow, 1px -1px 0 @done-text-shadow; } } } .done { position: relative; height: 100%; width: 100%; display: inline-block; text-align: center; background-color: @done-bg2 !important; color: @done-bg !important; & img { filter: drop-shadow(5px -5px @done-pkmn-shadow); position: absolute !important; top: 50%; left: 50%; transform: translate(-50%, -50%); } .text { color: @done-text2; text-shadow: 1px 1px 1px @done-text-shadow2, -1px 1px 1px @done-text-shadow2, -1px -1px 0 @done-text-shadow2, 1px -1px 0 @done-text-shadow2; } } } .container--full { --col: 0px; --row: 0px; --gap: 0px; } .code { font-family: Meiryo, Verdana, sans-serif; text-size: 12pt; border: 1px @col-border solid; height: 100px; overflow-y: auto; -webkit-user-select: all; -moz-user-select: all; -ms-user-select: all; user-select: all; } } [/style]