https://jfla.garden/api.php?action=feedcontributions&feedformat=atom&user=Tgecwe
J.Fla Garden (◕‿◕✿) - Conlationes [la]
2026-07-28T23:55:15Z
Conlationes
MediaWiki 1.41.5
https://jfla.garden/index.php?title=MediaWiki:Menu-Link-LastSong/ko&diff=4525
MediaWiki:Menu-Link-LastSong/ko
2025-01-07T23:10:50Z
<p>Tgecwe: </p>
<hr />
<div>ko-노래:Alien</div>
Tgecwe
https://jfla.garden/index.php?title=MediaWiki:Menu-Link-LastSong/fr&diff=4524
MediaWiki:Menu-Link-LastSong/fr
2025-01-07T23:10:31Z
<p>Tgecwe: </p>
<hr />
<div>fr-Musique:Alien</div>
Tgecwe
https://jfla.garden/index.php?title=MediaWiki:Menu-Link-LastSong&diff=4523
MediaWiki:Menu-Link-LastSong
2025-01-07T23:09:57Z
<p>Tgecwe: </p>
<hr />
<div>en-Song:Alien</div>
Tgecwe
https://jfla.garden/index.php?title=MediaWiki:Menu-Link-LastSong&diff=4522
MediaWiki:Menu-Link-LastSong
2025-01-07T23:08:39Z
<p>Tgecwe: </p>
<hr />
<div>fr-Musique:Alien</div>
Tgecwe
https://jfla.garden/index.php?title=MediaWiki:Menu-Link-LastSong&diff=4521
MediaWiki:Menu-Link-LastSong
2025-01-07T23:08:18Z
<p>Tgecwe: </p>
<hr />
<div>fr-Song:Alien</div>
Tgecwe
https://jfla.garden/index.php?title=Formula:ClearLeft&diff=4489
Formula:ClearLeft
2025-01-07T16:26:59Z
<p>Tgecwe: Created page with "<div style="clear:inline-start"></div>"</p>
<hr />
<div><div style="clear:inline-start"></div></div>
Tgecwe
https://jfla.garden/index.php?title=Formula:AlbumTag&diff=4482
Formula:AlbumTag
2025-01-07T16:09:49Z
<p>Tgecwe: </p>
<hr />
<div><includeonly></includeonly>{{#switch: {{{album}}}<br />
| Alien (2024) = <span class='label label-grey'>[[{{#switch:{{{language}}}|ko=ko-앨범|fr=fr-Album|#default=en-Album}}:Alien|Alien]]</span><br />
| Idea: Golden Key (2024) = <span class='label label-grey'>[[{{#switch:{{{language}}}|ko=ko-앨범|fr=fr-Album|#default=en-Album}}:Idea_Golden_Key|Idea: Golden Key]]</span><br />
| Colours : The Last (2024) = <span class='label label-bluedeep'>[[{{#switch:{{{language}}}|ko=ko-앨범|fr=fr-Album|#default=en-Album}}:Colours_The_Last|Colours: The Last]]</span><br />
| Colours : The Third (2024) = <span class='label label-bluedeep'>[[{{#switch:{{{language}}}|ko=ko-앨범|fr=fr-Album|#default=en-Album}}:Colours_The_Third|Colours: The Third]]</span><br />
| Colours : The Second (2024) = <span class='label label-bluedeep'>[[{{#switch:{{{language}}}|ko=ko-앨범|fr=fr-Album|#default=en-Album}}:Colours_The_Second|Colours: The Second]]</span><br />
| Colours : The First (2024) = <span class='label label-bluedeep'>[[{{#switch:{{{language}}}|ko=ko-앨범|fr=fr-Album|#default=en-Album}}:Colours_The_First|Colours: The First]]</span><br />
| On My Way To Meet You (2024) = <span class='label label-grey'>[[{{#switch:{{{language}}}|ko=ko-싱글|fr=fr-Single|#default=en-Single}}:{{#switch:{{{language}}}|ko=널_만나러_가는_길|#default=On_My_Way_To_Meet_You}}|{{#switch:{{{language}}}|ko=널 만나러 가는 길|#default=On My Way To Meet You}}]]</span><br />
| Burn The Flower (2023) = <span class='label label-purple'>[[{{#switch:{{{language}}}|ko=ko-앨범|fr=fr-Album|#default=en-Album}}:Burn_The_Flower|Burn The Flower]]</span><br />
| Riding a T-Rex (2023) = <span class='label label-grey'>[[{{#switch:{{{language}}}|ko=ko-싱글|fr=fr-Single|#default=en-Single}}:Riding_a_T-Rex|Riding a T-Rex]]</span><br />
| To Me (2023) = <span class='label label-grey'>[[{{#switch:{{{language}}}|ko=ko-싱글|fr=fr-Single|#default=en-Single}}:To_Me|To Me]]</span><br />
| Before I Met You (2023) = <span class='label label-grey'>[[{{#switch:{{{language}}}|ko=ko-싱글|fr=fr-Single|#default=en-Single}}:Before_I_Met_You|Before I Met You]]</span><br />
| The Hare (2022) = <span class='label label-grey'>[[{{#switch:{{{language}}}|ko=ko-싱글|fr=fr-Single|#default=en-Single}}:The_Hare|The Hare]]</span><br />
| Bedroom Singer (2022) = <span class='label label-grey'>[[{{#switch:{{{language}}}|ko=ko-싱글|fr=fr-Single|#default=en-Single}}:Bedroom_Singer|Bedroom Singer]]</span><br />
| Starlight (2019) = <span class='label label-grey'>[[{{#switch:{{{language}}}|ko=ko-싱글|fr=fr-Single|#default=en-Single}}:Starlight|Starlight]]</span><br />
| Are You My Villain (SJUR Remix) (2019) = <span class='label label-grey'>[[{{#switch:{{{language}}}|ko=ko-싱글|fr=fr-Single|#default=en-Single}}:Are_You_My_Villain_(SJUR_Remix)|Are You My Villain (SJUR Remix)]]</span><br />
| Are You My Villain (2019) = <span class='label label-grey'>[[{{#switch:{{{language}}}|ko=ko-싱글|fr=fr-Single|#default=en-Single}}:Are_You_My_Villain|Are You My Villain]]</span><br />
| Good Vibe (GOLDHOUSE Remix) (2019) = <span class='label label-grey'>[[{{#switch:{{{language}}}|ko=ko-싱글|fr=fr-Single|#default=en-Single}}:Good_Vibe_(GOLDHOUSE_Remix)|Good Vibe (GOLDHOUSE Remix)]]</span><br />
| Good Vibe (2019) = <span class='label label-grey'>[[{{#switch:{{{language}}}|ko=ko-싱글|fr=fr-Single|#default=en-Single}}:Good_Vibe|Good Vibe]]</span><br />
| Grey Skies (2016) = <span class='label label-bluedeep'>[[{{#switch:{{{language}}}|ko=ko-앨범|fr=fr-Album|#default=en-Album}}:{{#switch:{{{language}}}|ko=파란_하늘|#default=Grey_Skies}}|{{#switch:{{{language}}}|ko=파란 하늘|#default=Grey Skies}}]]</span><br />
| Baby Baby Baby (2016) = <span class='label label-grey'>[[{{#switch:{{{language}}}|ko=ko-싱글|fr=fr-Single|#default=en-Single}}:Baby_Baby_Baby|Baby Baby Baby]]</span><br />
| Hoping To Reach You (2016) = <span class='label label-bluedeep'>[[{{#switch:{{{language}}}|ko=ko-앨범|fr=fr-Album|#default=en-Album}}:{{#switch:{{{language}}}|ko=너에게_닿기를|#default=Hoping_To_Reach_You}}|{{#switch:{{{language}}}|ko=너에게 닿기를|#default=Hoping To Reach You}}]]</span><br />
| Brilliance (2016) = <span class='label label-bluedeep'>[[{{#switch:{{{language}}}|ko=ko-앨범|fr=fr-Album|#default=en-Album}}:{{#switch:{{{language}}}|ko=찬란육리|#default=Brilliance}}|{{#switch:{{{language}}}|ko=찬란육리|#default=Brilliance}}]]</span><br />
| Why (2015) = <span class='label label-grey'>[[{{#switch:{{{language}}}|ko=ko-싱글|fr=fr-Single|#default=en-Single}}:{{#switch:{{{language}}}|ko=왜|#default=Why}}|{{#switch:{{{language}}}|ko=왜|#default=Why}}]]</span><br />
| Arrow (2014) = <span class='label label-bluedeep'>[[{{#switch:{{{language}}}|ko=ko-앨범|fr=fr-Album|#default=en-Album}}:{{#switch:{{{language}}}|ko=화살|#default=Arrow}}|{{#switch:{{{language}}}|ko=화살|#default=Arrow}}]]</span><br />
| Stupid Story (2013) = <span class='label label-bluedeep'>[[{{#switch:{{{language}}}|ko=ko-앨범|fr=fr-Album|#default=en-Album}}:{{#switch:{{{language}}}|ko=바보같은 Story|#default=Stupid Story}}|{{#switch:{{{language}}}|ko=바보같은 Story|#default=Stupid Story}}]]</span><br />
<br />
| Memories (2023) = <span class='label label-purple'>[[{{#switch:{{{language}}}|ko=ko-앨범|fr=fr-Album|#default=en-Album}}:Memories|Memories]]</span><br />
| Old Covers (2023) = <span class='label label-purple'>[[{{#switch:{{{language}}}|ko=ko-앨범|fr=fr-Album|#default=en-Album}}:Old_Covers|Old Covers]]</span><br />
| Blossom (Japan Limited Edition) (2019) = <span class='label label-purple'>[[{{#switch:{{{language}}}|ko=ko-앨범|fr=fr-Album|#default=en-Album}}:Blossom_(Japan_Limited_Edition)|Blossom (Japan Limited Edition)]]</span><br />
| Natural (2018) = <span class='label label-purple'>[[{{#switch:{{{language}}}|ko=ko-앨범|fr=fr-Album|#default=en-Album}}:Natural|Natural]]</span><br />
| Believer (2018) = <span class='label label-purple'>[[{{#switch:{{{language}}}|ko=ko-앨범|fr=fr-Album|#default=en-Album}}:Believer|Believer]]</span><br />
| Rose (2018) = <span class='label label-purple'>[[{{#switch:{{{language}}}|ko=ko-앨범|fr=fr-Album|#default=en-Album}}:Rose|Rose]]</span><br />
| New Rules (2017) = <span class='label label-bluedeep'>[[{{#switch:{{{language}}}|ko=ko-앨범|fr=fr-Album|#default=en-Album}}:New_Rules|New Rules]]</span><br />
| Gold (2017) = <span class='label label-bluedeep'>[[{{#switch:{{{language}}}|ko=ko-앨범|fr=fr-Album|#default=en-Album}}:Gold|Gold]]</span><br />
| Orchid (2017) = <span class='label label-bluedeep'>[[{{#switch:{{{language}}}|ko=ko-앨범|fr=fr-Album|#default=en-Album}}:Orchid|Orchid]]</span><br />
| Blossom (2017) = <span class='label label-purple'>[[{{#switch:{{{language}}}|ko=ko-앨범|fr=fr-Album|#default=en-Album}}:Blossom|Blossom]]</span><br />
| Inspiration (2017) = <span class='label label-bluedeep'>[[{{#switch:{{{language}}}|ko=ko-앨범|fr=fr-Album|#default=en-Album}}:Inspiration|Inspiration]]</span><br />
| Say Something (2017) = <span class='label label-bluedeep'>[[{{#switch:{{{language}}}|ko=ko-앨범|fr=fr-Album|#default=en-Album}}:Say_Something|Say Something]]</span><br />
| Cover Sessions 2 (2016) = <span class='label label-bluedeep'>[[{{#switch:{{{language}}}|ko=ko-앨범|fr=fr-Album|#default=en-Album}}:Cover_Sessions_2|Cover Sessions 2]]</span><br />
| Cover Sessions (2015) = <span class='label label-bluedeep'>[[{{#switch:{{{language}}}|ko=ko-앨범|fr=fr-Album|#default=en-Album}}:Cover_Sessions|Cover Sessions]]</span><br />
<br />
| XXX-album-XXX = <span class='label label-purple'>[[{{#switch:{{{language}}}|ko=ko-앨범|fr=fr-Album|#default=en-Album}}:XXXXX|XXXXX]]</span><br />
| XXX-ep-XXX = <span class='label label-bluedeep'>[[{{#switch:{{{language}}}|ko=ko-앨범|fr=fr-Album|#default=en-Album}}:XXXXX|XXXXX]]</span><br />
| XXX-single-XXX = <span class='label label-grey'>[[{{#switch:{{{language}}}|ko=ko-싱글|fr=fr-Single|#default=en-Single}}:XXXXX|XXXXX]]</span><br />
<br />
| #default = <span class='label label-white'>{{#switch:{{{language}}}|ko=없음|fr=Aucun|#default=None}}</span><br />
}}<noinclude></noinclude></div>
Tgecwe
https://jfla.garden/index.php?title=Formula:AlbumHeader/ko&diff=4446
Formula:AlbumHeader/ko
2024-10-03T19:53:08Z
<p>Tgecwe: </p>
<hr />
<div><!--#################### {{{title}}} ####################--><div class="album-main"><div class="album-title">'''{{{title}}}''' ({{{type}}} • {{#time:Y|{{{release}}}}})</div><div class="album-first-section"><div class="album-type album-cell">{{{type}}}</div><div class="album-name album-cell"><b>[[ko-앨범:{{{album-link}}}|{{#if: {{{title-ko|}}} | {{{title-ko|}}} ({{{title}}}) | {{{title}}}}}]]</b><br>({{{release}}})<br>[[File:{{{picture}}}|frameless|center|link=ko-앨범:{{{album-link}}}]]</div></div><div class="album-songs"><div class="album-songs-header album-cell">번호</div><div class="album-songs-header album-cell">노래</div><div class="album-songs-header album-cell">길이</div><div class="album-songs-header album-cell" style="grid-column: 4 / 6;">링크</div></div>
Tgecwe
https://jfla.garden/index.php?title=Formula:AlbumHeader/fr&diff=4445
Formula:AlbumHeader/fr
2024-10-03T19:52:56Z
<p>Tgecwe: </p>
<hr />
<div><!--#################### {{{title}}} ####################--><div class="album-main"><div class="album-title">'''{{{title}}}''' ({{{type}}} • {{#time:Y|{{{release}}}}})</div><div class="album-first-section"><div class="album-type album-cell">{{{type}}}</div><div class="album-name album-cell"><b>[[fr-album:{{{album-link}}}|{{{title}}} {{#if: {{{title-ko|}}} | ({{{title-ko|}}}) |}}]]</b><br>({{{release}}})<br>[[File:{{{picture}}}|frameless|center|link=fr-album:{{{album-link}}}]]</div></div><div class="album-songs"><div class="album-songs-header album-cell">N°</div><div class="album-songs-header album-cell">Musique</div><div class="album-songs-header album-cell">Dur.</div><div class="album-songs-header album-cell" style="grid-column: 4 / 6;">Liens</div></div>
Tgecwe
https://jfla.garden/index.php?title=Formula:AlbumHeader&diff=4443
Formula:AlbumHeader
2024-10-03T19:51:40Z
<p>Tgecwe: </p>
<hr />
<div><!--#################### {{{title}}} ####################--><div class="album-main"><div class="album-title">'''{{{title}}}''' ({{{type}}} • {{#time:Y|{{{release}}}}})</div><div class="album-first-section"><div class="album-type album-cell">{{{type}}}</div><div class="album-name album-cell"><b>[[en-Album:{{{album-link}}}|{{{title}}} {{#if: {{{title-ko|}}} | ({{{title-ko|}}}) |}}]]</b><br>({{{release}}})<br>[[File:{{{picture}}}|frameless|center|link=en-Album:{{{album-link}}}]]</div></div><div class="album-songs"><div class="album-songs-header album-cell">N°</div><div class="album-songs-header album-cell">Songs</div><div class="album-songs-header album-cell">Dur.</div><div class="album-songs-header album-cell" style="grid-column: 4 / 6;">Links</div></div>
Tgecwe
https://jfla.garden/index.php?title=Formula:AlbumTag&diff=4433
Formula:AlbumTag
2024-10-03T19:39:50Z
<p>Tgecwe: </p>
<hr />
<div><includeonly></includeonly>{{#switch: {{{album}}}<br />
| Idea: Golden Key (2024) = <span class='label label-grey'>[[{{#switch:{{{language}}}|ko=ko-앨범|fr=fr-Album|#default=en-Album}}:Idea_Golden_Key|Idea: Golden Key]]</span><br />
| Colours : The Last (2024) = <span class='label label-bluedeep'>[[{{#switch:{{{language}}}|ko=ko-앨범|fr=fr-Album|#default=en-Album}}:Colours_The_Last|Colours: The Last]]</span><br />
| Colours : The Third (2024) = <span class='label label-bluedeep'>[[{{#switch:{{{language}}}|ko=ko-앨범|fr=fr-Album|#default=en-Album}}:Colours_The_Third|Colours: The Third]]</span><br />
| Colours : The Second (2024) = <span class='label label-bluedeep'>[[{{#switch:{{{language}}}|ko=ko-앨범|fr=fr-Album|#default=en-Album}}:Colours_The_Second|Colours: The Second]]</span><br />
| Colours : The First (2024) = <span class='label label-bluedeep'>[[{{#switch:{{{language}}}|ko=ko-앨범|fr=fr-Album|#default=en-Album}}:Colours_The_First|Colours: The First]]</span><br />
| On My Way To Meet You (2024) = <span class='label label-grey'>[[{{#switch:{{{language}}}|ko=ko-싱글|fr=fr-Single|#default=en-Single}}:{{#switch:{{{language}}}|ko=널_만나러_가는_길|#default=On_My_Way_To_Meet_You}}|{{#switch:{{{language}}}|ko=널 만나러 가는 길|#default=On My Way To Meet You}}]]</span><br />
| Burn The Flower (2023) = <span class='label label-purple'>[[{{#switch:{{{language}}}|ko=ko-앨범|fr=fr-Album|#default=en-Album}}:Burn_The_Flower|Burn The Flower]]</span><br />
| Riding a T-Rex (2023) = <span class='label label-grey'>[[{{#switch:{{{language}}}|ko=ko-싱글|fr=fr-Single|#default=en-Single}}:Riding_a_T-Rex|Riding a T-Rex]]</span><br />
| To Me (2023) = <span class='label label-grey'>[[{{#switch:{{{language}}}|ko=ko-싱글|fr=fr-Single|#default=en-Single}}:To_Me|To Me]]</span><br />
| Before I Met You (2023) = <span class='label label-grey'>[[{{#switch:{{{language}}}|ko=ko-싱글|fr=fr-Single|#default=en-Single}}:Before_I_Met_You|Before I Met You]]</span><br />
| The Hare (2022) = <span class='label label-grey'>[[{{#switch:{{{language}}}|ko=ko-싱글|fr=fr-Single|#default=en-Single}}:The_Hare|The Hare]]</span><br />
| Bedroom Singer (2022) = <span class='label label-grey'>[[{{#switch:{{{language}}}|ko=ko-싱글|fr=fr-Single|#default=en-Single}}:Bedroom_Singer|Bedroom Singer]]</span><br />
| Starlight (2019) = <span class='label label-grey'>[[{{#switch:{{{language}}}|ko=ko-싱글|fr=fr-Single|#default=en-Single}}:Starlight|Starlight]]</span><br />
| Are You My Villain (SJUR Remix) (2019) = <span class='label label-grey'>[[{{#switch:{{{language}}}|ko=ko-싱글|fr=fr-Single|#default=en-Single}}:Are_You_My_Villain_(SJUR_Remix)|Are You My Villain (SJUR Remix)]]</span><br />
| Are You My Villain (2019) = <span class='label label-grey'>[[{{#switch:{{{language}}}|ko=ko-싱글|fr=fr-Single|#default=en-Single}}:Are_You_My_Villain|Are You My Villain]]</span><br />
| Good Vibe (GOLDHOUSE Remix) (2019) = <span class='label label-grey'>[[{{#switch:{{{language}}}|ko=ko-싱글|fr=fr-Single|#default=en-Single}}:Good_Vibe_(GOLDHOUSE_Remix)|Good Vibe (GOLDHOUSE Remix)]]</span><br />
| Good Vibe (2019) = <span class='label label-grey'>[[{{#switch:{{{language}}}|ko=ko-싱글|fr=fr-Single|#default=en-Single}}:Good_Vibe|Good Vibe]]</span><br />
| Grey Skies (2016) = <span class='label label-bluedeep'>[[{{#switch:{{{language}}}|ko=ko-앨범|fr=fr-Album|#default=en-Album}}:{{#switch:{{{language}}}|ko=파란_하늘|#default=Grey_Skies}}|{{#switch:{{{language}}}|ko=파란 하늘|#default=Grey Skies}}]]</span><br />
| Baby Baby Baby (2016) = <span class='label label-grey'>[[{{#switch:{{{language}}}|ko=ko-싱글|fr=fr-Single|#default=en-Single}}:Baby_Baby_Baby|Baby Baby Baby]]</span><br />
| Hoping To Reach You (2016) = <span class='label label-bluedeep'>[[{{#switch:{{{language}}}|ko=ko-앨범|fr=fr-Album|#default=en-Album}}:{{#switch:{{{language}}}|ko=너에게_닿기를|#default=Hoping_To_Reach_You}}|{{#switch:{{{language}}}|ko=너에게 닿기를|#default=Hoping To Reach You}}]]</span><br />
| Brilliance (2016) = <span class='label label-bluedeep'>[[{{#switch:{{{language}}}|ko=ko-앨범|fr=fr-Album|#default=en-Album}}:{{#switch:{{{language}}}|ko=찬란육리|#default=Brilliance}}|{{#switch:{{{language}}}|ko=찬란육리|#default=Brilliance}}]]</span><br />
| Why (2015) = <span class='label label-grey'>[[{{#switch:{{{language}}}|ko=ko-싱글|fr=fr-Single|#default=en-Single}}:{{#switch:{{{language}}}|ko=왜|#default=Why}}|{{#switch:{{{language}}}|ko=왜|#default=Why}}]]</span><br />
| Arrow (2014) = <span class='label label-bluedeep'>[[{{#switch:{{{language}}}|ko=ko-앨범|fr=fr-Album|#default=en-Album}}:{{#switch:{{{language}}}|ko=화살|#default=Arrow}}|{{#switch:{{{language}}}|ko=화살|#default=Arrow}}]]</span><br />
| Stupid Story (2013) = <span class='label label-bluedeep'>[[{{#switch:{{{language}}}|ko=ko-앨범|fr=fr-Album|#default=en-Album}}:{{#switch:{{{language}}}|ko=바보같은 Story|#default=Stupid Story}}|{{#switch:{{{language}}}|ko=바보같은 Story|#default=Stupid Story}}]]</span><br />
<br />
| Memories (2023) = <span class='label label-purple'>[[{{#switch:{{{language}}}|ko=ko-앨범|fr=fr-Album|#default=en-Album}}:Memories|Memories]]</span><br />
| Old Covers (2023) = <span class='label label-purple'>[[{{#switch:{{{language}}}|ko=ko-앨범|fr=fr-Album|#default=en-Album}}:Old_Covers|Old Covers]]</span><br />
| Blossom (Japan Limited Edition) (2019) = <span class='label label-purple'>[[{{#switch:{{{language}}}|ko=ko-앨범|fr=fr-Album|#default=en-Album}}:Blossom_(Japan_Limited_Edition)|Blossom (Japan Limited Edition)]]</span><br />
| Natural (2018) = <span class='label label-purple'>[[{{#switch:{{{language}}}|ko=ko-앨범|fr=fr-Album|#default=en-Album}}:Natural|Natural]]</span><br />
| Believer (2018) = <span class='label label-purple'>[[{{#switch:{{{language}}}|ko=ko-앨범|fr=fr-Album|#default=en-Album}}:Believer|Believer]]</span><br />
| Rose (2018) = <span class='label label-purple'>[[{{#switch:{{{language}}}|ko=ko-앨범|fr=fr-Album|#default=en-Album}}:Rose|Rose]]</span><br />
| New Rules (2017) = <span class='label label-bluedeep'>[[{{#switch:{{{language}}}|ko=ko-앨범|fr=fr-Album|#default=en-Album}}:New_Rules|New Rules]]</span><br />
| Gold (2017) = <span class='label label-bluedeep'>[[{{#switch:{{{language}}}|ko=ko-앨범|fr=fr-Album|#default=en-Album}}:Gold|Gold]]</span><br />
| Orchid (2017) = <span class='label label-bluedeep'>[[{{#switch:{{{language}}}|ko=ko-앨범|fr=fr-Album|#default=en-Album}}:Orchid|Orchid]]</span><br />
| Blossom (2017) = <span class='label label-purple'>[[{{#switch:{{{language}}}|ko=ko-앨범|fr=fr-Album|#default=en-Album}}:Blossom|Blossom]]</span><br />
| Inspiration (2017) = <span class='label label-bluedeep'>[[{{#switch:{{{language}}}|ko=ko-앨범|fr=fr-Album|#default=en-Album}}:Inspiration|Inspiration]]</span><br />
| Say Something (2017) = <span class='label label-bluedeep'>[[{{#switch:{{{language}}}|ko=ko-앨범|fr=fr-Album|#default=en-Album}}:Say_Something|Say Something]]</span><br />
| Cover Sessions 2 (2016) = <span class='label label-bluedeep'>[[{{#switch:{{{language}}}|ko=ko-앨범|fr=fr-Album|#default=en-Album}}:Cover_Sessions_2|Cover Sessions 2]]</span><br />
| Cover Sessions (2015) = <span class='label label-bluedeep'>[[{{#switch:{{{language}}}|ko=ko-앨범|fr=fr-Album|#default=en-Album}}:Cover_Sessions|Cover Sessions]]</span><br />
<br />
| XXX-album-XXX = <span class='label label-purple'>[[{{#switch:{{{language}}}|ko=ko-앨범|fr=fr-Album|#default=en-Album}}:XXXXX|XXXXX]]</span><br />
| XXX-ep-XXX = <span class='label label-bluedeep'>[[{{#switch:{{{language}}}|ko=ko-앨범|fr=fr-Album|#default=en-Album}}:XXXXX|XXXXX]]</span><br />
| XXX-single-XXX = <span class='label label-grey'>[[{{#switch:{{{language}}}|ko=ko-싱글|fr=fr-Single|#default=en-Single}}:XXXXX|XXXXX]]</span><br />
<br />
| #default = <span class='label label-white'>{{#switch:{{{language}}}|ko=없음|fr=Aucun|#default=None}}</span><br />
}}<noinclude></noinclude></div>
Tgecwe
https://jfla.garden/index.php?title=Formula:AlbumTag&diff=4380
Formula:AlbumTag
2024-08-04T08:54:50Z
<p>Tgecwe: </p>
<hr />
<div><includeonly></includeonly>{{#switch: {{{album}}}<br />
| Colours : The Last (2024) = <span class='label label-bluedeep'>[[{{#switch:{{{language}}}|ko=ko-앨범|fr=fr-Album|#default=en-Album}}:Colours_The_Last|Colours: The Last]]</span><br />
| Colours : The Third (2024) = <span class='label label-bluedeep'>[[{{#switch:{{{language}}}|ko=ko-앨범|fr=fr-Album|#default=en-Album}}:Colours_The_Third|Colours: The Third]]</span><br />
| Colours : The Second (2024) = <span class='label label-bluedeep'>[[{{#switch:{{{language}}}|ko=ko-앨범|fr=fr-Album|#default=en-Album}}:Colours_The_Second|Colours: The Second]]</span><br />
| Colours : The First (2024) = <span class='label label-bluedeep'>[[{{#switch:{{{language}}}|ko=ko-앨범|fr=fr-Album|#default=en-Album}}:Colours_The_First|Colours: The First]]</span><br />
| On My Way To Meet You (2024) = <span class='label label-grey'>[[{{#switch:{{{language}}}|ko=ko-싱글|fr=fr-Single|#default=en-Single}}:{{#switch:{{{language}}}|ko=널_만나러_가는_길|#default=On_My_Way_To_Meet_You}}|{{#switch:{{{language}}}|ko=널 만나러 가는 길|#default=On My Way To Meet You}}]]</span><br />
| Burn The Flower (2023) = <span class='label label-purple'>[[{{#switch:{{{language}}}|ko=ko-앨범|fr=fr-Album|#default=en-Album}}:Burn_The_Flower|Burn The Flower]]</span><br />
| Riding a T-Rex (2023) = <span class='label label-grey'>[[{{#switch:{{{language}}}|ko=ko-싱글|fr=fr-Single|#default=en-Single}}:Riding_a_T-Rex|Riding a T-Rex]]</span><br />
| To Me (2023) = <span class='label label-grey'>[[{{#switch:{{{language}}}|ko=ko-싱글|fr=fr-Single|#default=en-Single}}:To_Me|To Me]]</span><br />
| Before I Met You (2023) = <span class='label label-grey'>[[{{#switch:{{{language}}}|ko=ko-싱글|fr=fr-Single|#default=en-Single}}:Before_I_Met_You|Before I Met You]]</span><br />
| The Hare (2022) = <span class='label label-grey'>[[{{#switch:{{{language}}}|ko=ko-싱글|fr=fr-Single|#default=en-Single}}:The_Hare|The Hare]]</span><br />
| Bedroom Singer (2022) = <span class='label label-grey'>[[{{#switch:{{{language}}}|ko=ko-싱글|fr=fr-Single|#default=en-Single}}:Bedroom_Singer|Bedroom Singer]]</span><br />
| Starlight (2019) = <span class='label label-grey'>[[{{#switch:{{{language}}}|ko=ko-싱글|fr=fr-Single|#default=en-Single}}:Starlight|Starlight]]</span><br />
| Are You My Villain (SJUR Remix) (2019) = <span class='label label-grey'>[[{{#switch:{{{language}}}|ko=ko-싱글|fr=fr-Single|#default=en-Single}}:Are_You_My_Villain_(SJUR_Remix)|Are You My Villain (SJUR Remix)]]</span><br />
| Are You My Villain (2019) = <span class='label label-grey'>[[{{#switch:{{{language}}}|ko=ko-싱글|fr=fr-Single|#default=en-Single}}:Are_You_My_Villain|Are You My Villain]]</span><br />
| Good Vibe (GOLDHOUSE Remix) (2019) = <span class='label label-grey'>[[{{#switch:{{{language}}}|ko=ko-싱글|fr=fr-Single|#default=en-Single}}:Good_Vibe_(GOLDHOUSE_Remix)|Good Vibe (GOLDHOUSE Remix)]]</span><br />
| Good Vibe (2019) = <span class='label label-grey'>[[{{#switch:{{{language}}}|ko=ko-싱글|fr=fr-Single|#default=en-Single}}:Good_Vibe|Good Vibe]]</span><br />
| Grey Skies (2016) = <span class='label label-bluedeep'>[[{{#switch:{{{language}}}|ko=ko-앨범|fr=fr-Album|#default=en-Album}}:{{#switch:{{{language}}}|ko=파란_하늘|#default=Grey_Skies}}|{{#switch:{{{language}}}|ko=파란 하늘|#default=Grey Skies}}]]</span><br />
| Baby Baby Baby (2016) = <span class='label label-grey'>[[{{#switch:{{{language}}}|ko=ko-싱글|fr=fr-Single|#default=en-Single}}:Baby_Baby_Baby|Baby Baby Baby]]</span><br />
| Hoping To Reach You (2016) = <span class='label label-bluedeep'>[[{{#switch:{{{language}}}|ko=ko-앨범|fr=fr-Album|#default=en-Album}}:{{#switch:{{{language}}}|ko=너에게_닿기를|#default=Hoping_To_Reach_You}}|{{#switch:{{{language}}}|ko=너에게 닿기를|#default=Hoping To Reach You}}]]</span><br />
| Brilliance (2016) = <span class='label label-bluedeep'>[[{{#switch:{{{language}}}|ko=ko-앨범|fr=fr-Album|#default=en-Album}}:{{#switch:{{{language}}}|ko=찬란육리|#default=Brilliance}}|{{#switch:{{{language}}}|ko=찬란육리|#default=Brilliance}}]]</span><br />
| Why (2015) = <span class='label label-grey'>[[{{#switch:{{{language}}}|ko=ko-싱글|fr=fr-Single|#default=en-Single}}:{{#switch:{{{language}}}|ko=왜|#default=Why}}|{{#switch:{{{language}}}|ko=왜|#default=Why}}]]</span><br />
| Arrow (2014) = <span class='label label-bluedeep'>[[{{#switch:{{{language}}}|ko=ko-앨범|fr=fr-Album|#default=en-Album}}:{{#switch:{{{language}}}|ko=화살|#default=Arrow}}|{{#switch:{{{language}}}|ko=화살|#default=Arrow}}]]</span><br />
| Stupid Story (2013) = <span class='label label-bluedeep'>[[{{#switch:{{{language}}}|ko=ko-앨범|fr=fr-Album|#default=en-Album}}:{{#switch:{{{language}}}|ko=바보같은 Story|#default=Stupid Story}}|{{#switch:{{{language}}}|ko=바보같은 Story|#default=Stupid Story}}]]</span><br />
<br />
| Memories (2023) = <span class='label label-purple'>[[{{#switch:{{{language}}}|ko=ko-앨범|fr=fr-Album|#default=en-Album}}:Memories|Memories]]</span><br />
| Old Covers (2023) = <span class='label label-purple'>[[{{#switch:{{{language}}}|ko=ko-앨범|fr=fr-Album|#default=en-Album}}:Old_Covers|Old Covers]]</span><br />
| Blossom (Japan Limited Edition) (2019) = <span class='label label-purple'>[[{{#switch:{{{language}}}|ko=ko-앨범|fr=fr-Album|#default=en-Album}}:Blossom_(Japan_Limited_Edition)|Blossom (Japan Limited Edition)]]</span><br />
| Natural (2018) = <span class='label label-purple'>[[{{#switch:{{{language}}}|ko=ko-앨범|fr=fr-Album|#default=en-Album}}:Natural|Natural]]</span><br />
| Believer (2018) = <span class='label label-purple'>[[{{#switch:{{{language}}}|ko=ko-앨범|fr=fr-Album|#default=en-Album}}:Believer|Believer]]</span><br />
| Rose (2018) = <span class='label label-purple'>[[{{#switch:{{{language}}}|ko=ko-앨범|fr=fr-Album|#default=en-Album}}:Rose|Rose]]</span><br />
| New Rules (2017) = <span class='label label-bluedeep'>[[{{#switch:{{{language}}}|ko=ko-앨범|fr=fr-Album|#default=en-Album}}:New_Rules|New Rules]]</span><br />
| Gold (2017) = <span class='label label-bluedeep'>[[{{#switch:{{{language}}}|ko=ko-앨범|fr=fr-Album|#default=en-Album}}:Gold|Gold]]</span><br />
| Orchid (2017) = <span class='label label-bluedeep'>[[{{#switch:{{{language}}}|ko=ko-앨범|fr=fr-Album|#default=en-Album}}:Orchid|Orchid]]</span><br />
| Blossom (2017) = <span class='label label-purple'>[[{{#switch:{{{language}}}|ko=ko-앨범|fr=fr-Album|#default=en-Album}}:Blossom|Blossom]]</span><br />
| Inspiration (2017) = <span class='label label-bluedeep'>[[{{#switch:{{{language}}}|ko=ko-앨범|fr=fr-Album|#default=en-Album}}:Inspiration|Inspiration]]</span><br />
| Say Something (2017) = <span class='label label-bluedeep'>[[{{#switch:{{{language}}}|ko=ko-앨범|fr=fr-Album|#default=en-Album}}:Say_Something|Say Something]]</span><br />
| Cover Sessions 2 (2016) = <span class='label label-bluedeep'>[[{{#switch:{{{language}}}|ko=ko-앨범|fr=fr-Album|#default=en-Album}}:Cover_Sessions_2|Cover Sessions 2]]</span><br />
| Cover Sessions (2015) = <span class='label label-bluedeep'>[[{{#switch:{{{language}}}|ko=ko-앨범|fr=fr-Album|#default=en-Album}}:Cover_Sessions|Cover Sessions]]</span><br />
<br />
| XXX-album-XXX = <span class='label label-purple'>[[{{#switch:{{{language}}}|ko=ko-앨범|fr=fr-Album|#default=en-Album}}:XXXXX|XXXXX]]</span><br />
| XXX-ep-XXX = <span class='label label-bluedeep'>[[{{#switch:{{{language}}}|ko=ko-앨범|fr=fr-Album|#default=en-Album}}:XXXXX|XXXXX]]</span><br />
| XXX-single-XXX = <span class='label label-grey'>[[{{#switch:{{{language}}}|ko=ko-싱글|fr=fr-Single|#default=en-Single}}:XXXXX|XXXXX]]</span><br />
<br />
| #default = <span class='label label-white'>{{#switch:{{{language}}}|ko=없음|fr=Aucun|#default=None}}</span><br />
}}<noinclude></noinclude></div>
Tgecwe
https://jfla.garden/index.php?title=Formula:AlbumItem/ko&diff=4372
Formula:AlbumItem/ko
2024-08-04T08:05:52Z
<p>Tgecwe: </p>
<hr />
<div><div class="album-cell">{{{no-track}}}</div><div class="album-cell">[[ko-노래:{{#if: {{{title-ko|}}} | {{{title-ko}}} | {{{title}}} }}| {{#if: {{{title-ko|}}} | {{{title-ko}}} ({{{title|}}}) | {{{title}}}}}]]</div><div class="album-cell">{{{duration}}}</div><div class="album-cell">{{#if: {{{audio|}}} | [{{{audio}}} ⏯️ 듣기] |}}</div><div class="album-cell">{{#if: {{{video|}}} | [{{{video}}} 🎞️ 보기] |}}</div></div>
Tgecwe
https://jfla.garden/index.php?title=Formula:AlbumItem/ko&diff=4371
Formula:AlbumItem/ko
2024-08-04T08:04:25Z
<p>Tgecwe: </p>
<hr />
<div><div class="album-cell">{{{no-track}}}</div><div class="album-cell">[[ko-노래:{{{title-ko|title}}}| {{#if: {{{title-ko|}}} | {{{title-ko}}} ({{{title|}}}) | {{{title}}}}}]]</div><div class="album-cell">{{{duration}}}</div><div class="album-cell">{{#if: {{{audio|}}} | [{{{audio}}} ⏯️ 듣기] |}}</div><div class="album-cell">{{#if: {{{video|}}} | [{{{video}}} 🎞️ 보기] |}}</div></div>
Tgecwe
https://jfla.garden/index.php?title=Formula:AlbumItem/ko&diff=4370
Formula:AlbumItem/ko
2024-08-04T08:02:13Z
<p>Tgecwe: </p>
<hr />
<div><div class="album-cell">{{{no-track}}}</div><div class="album-cell">[[ko-노래:{{#if: {{{title-ko|}}} | {{{title-ko|}}} ({{{title}}}) |{{{title}}}}} {{#if: {{{title-ko|}}} | {{{title-ko|}}} | {{{title}}}}}]]</div><div class="album-cell">{{{duration}}}</div><div class="album-cell">{{#if: {{{audio|}}} | [{{{audio}}} ⏯️ 듣기] |}}</div><div class="album-cell">{{#if: {{{video|}}} | [{{{video}}} 🎞️ 보기] |}}</div></div>
Tgecwe
https://jfla.garden/index.php?title=Formula:AlbumItem/ko&diff=4369
Formula:AlbumItem/ko
2024-08-04T08:01:28Z
<p>Tgecwe: </p>
<hr />
<div><div class="album-cell">{{{no-track}}}</div><div class="album-cell">[[ko-노래:{{#if: {{{title-ko|}}} | {{{title-ko|}}} ({{{title}}}) |{{{title}}}}} | {{#if: {{{title-ko|}}} | {{{title-ko|}}} | {{{title}}}}}]]</div><div class="album-cell">{{{duration}}}</div><div class="album-cell">{{#if: {{{audio|}}} | [{{{audio}}} ⏯️ 듣기] |}}</div><div class="album-cell">{{#if: {{{video|}}} | [{{{video}}} 🎞️ 보기] |}}</div></div>
Tgecwe
https://jfla.garden/index.php?title=Formula:AlbumItem/ko&diff=4368
Formula:AlbumItem/ko
2024-08-04T08:00:43Z
<p>Tgecwe: </p>
<hr />
<div><div class="album-cell">{{{no-track}}}</div><div class="album-cell">[[ko-노래:{{#if: {{{title-ko|}}} | {{{title-ko|}}} ({{{title}}}) |{{{title}}}}}]]</div><div class="album-cell">{{{duration}}}</div><div class="album-cell">{{#if: {{{audio|}}} | [{{{audio}}} ⏯️ 듣기] |}}</div><div class="album-cell">{{#if: {{{video|}}} | [{{{video}}} 🎞️ 보기] |}}</div></div>
Tgecwe
https://jfla.garden/index.php?title=Formula:AlbumItem/ko&diff=4367
Formula:AlbumItem/ko
2024-08-04T07:59:48Z
<p>Tgecwe: </p>
<hr />
<div><div class="album-cell">{{{no-track}}}</div><div class="album-cell">[[ko-노래:{{#if: {{{title-ko|}}} | {{{title-ko|}}} ({{{title}}}|{{{title}}}) | {{{title}}}|{{{title}}}}}]]</div><div class="album-cell">{{{duration}}}</div><div class="album-cell">{{#if: {{{audio|}}} | [{{{audio}}} ⏯️ 듣기] |}}</div><div class="album-cell">{{#if: {{{video|}}} | [{{{video}}} 🎞️ 보기] |}}</div></div>
Tgecwe
https://jfla.garden/index.php?title=MediaWiki:Menu-Link-LastSong/ko&diff=4354
MediaWiki:Menu-Link-LastSong/ko
2024-08-02T08:20:56Z
<p>Tgecwe: </p>
<hr />
<div>ko-노래:Mirage</div>
Tgecwe
https://jfla.garden/index.php?title=MediaWiki:Menu-Link-LastSong/fr&diff=4353
MediaWiki:Menu-Link-LastSong/fr
2024-08-02T08:20:43Z
<p>Tgecwe: </p>
<hr />
<div>fr-Musique:Mirage</div>
Tgecwe
https://jfla.garden/index.php?title=MediaWiki:Menu-Link-LastSong&diff=4352
MediaWiki:Menu-Link-LastSong
2024-08-02T08:20:33Z
<p>Tgecwe: </p>
<hr />
<div>en-Song:Mirage</div>
Tgecwe
https://jfla.garden/index.php?title=MediaWiki:Common.css&diff=4343
MediaWiki:Common.css
2024-08-02T08:09:42Z
<p>Tgecwe: </p>
<hr />
<div>/* CSS placed here will be applied to all skins */<br />
<br />
/***************/<br />
/*** General ***/<br />
/***************/<br />
body {<br />
line-height: 1.7;<br />
}<br />
p {<br />
white-space: break-spaces<br />
}<br />
.mw-parser-output > h3 {<br />
border-bottom: solid 1px #c8ccd1;<br />
display: flow-root;<br />
}<br />
#mw-header-container {<br />
background-image: url(res/banner-top-flowers.jpg);<br />
background-repeat: no-repeat;<br />
}<br />
#user-tools select, #searchInput-container input {<br />
background-color: #f4f1e9 !important;<br />
}<br />
#mw-content {<br />
background-image: url(res/background-grey-curves.jpg);<br />
}<br />
#mw-content .mw-parser-output > p {<br />
background-color: white;<br />
}<br />
#mw-content .mw-parser-output > ul > li {<br />
background-color: white;<br />
}<br />
#mw-content .mw-parser-output > p {<br />
background-color: white;<br />
}<br />
#mw-content .mw-headline {<br />
background-color: white;<br />
}<br />
.mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body dt {<br />
padding-bottom: 1px;<br />
}<br />
#mw-content .firstHeading {<br />
background-color: white;<br />
}<br />
/*<br />
.mw-page-title-namespace {<br />
display: none;<br />
}<br />
.mw-page-title-separator {<br />
display: none;<br />
}<br />
*/<br />
#p-logo-text a {<br />
padding: 0.2em 1em 0.2em 1.4em !important;<br />
background-image: url(res/flower-small.png);<br />
background-repeat: no-repeat;<br />
background-position: 0px 3px;<br />
overflow: hidden;<br />
font-size: 1.85em !important;<br />
white-space: nowrap;<br />
width: 4.8em;<br />
}<br />
@media screen and (min-width:1540px){<br />
.dynamic-column {<br />
column-count:4;<br />
}<br />
}<br />
@media screen and (min-width:720px) and (max-width:1540px){<br />
.dynamic-column {<br />
column-count:3;<br />
}<br />
}<br />
@media screen and (max-width:720px){<br />
.dynamic-column {<br />
column-count:2;<br />
}<br />
}<br />
.wikitable > caption {<br />
background-color: #c8ccd1;<br />
min-width: 250px;<br />
}<br />
/*****************/<br />
/*** Main page ***/<br />
/*****************/<br />
.box-container {<br />
display: flex;<br />
flex-direction: row;<br />
flex-wrap: wrap;<br />
text-align: center;<br />
}<br />
.box-item {<br />
border: 1px solid #7f848c;<br />
padding: 5px;<br />
margin: 10px;<br />
background-color: #d6e4ff;<br />
border-radius: 5px;<br />
outline: 2px solid #b1c2e2;<br />
background: linear-gradient(to bottom, #b1c2e2, #ebf2ff 58px, #ebf2ff 58px, #fafcff 63px, #ebf2ff);<br />
}<br />
.box-item-top {<br />
background: #d6e4ff;<br />
background-size: 90px;<br />
background-repeat: no-repeat;<br />
background-blend-mode: luminosity;<br />
}<br />
.box-item-top-jfla {<br />
background-image: url(res/bg-jfla.png);<br />
}<br />
.box-item-top-note {<br />
background-image: url(res/bg-note.png);<br />
}<br />
.box-item-top-cd {<br />
background-image: url(res/bg-cd.png);<br />
}<br />
.box-item-top-micro {<br />
background-image: url(res/bg-micro.png);<br />
}<br />
.box-title {<br />
text-align: center;<br />
font-weight: bold;<br />
font-size: large;<br />
}<br />
.box-title-top {<br />
margin: 20px 0px;<br />
}<br />
@media screen and (min-width:1340px){<br />
.box-item {<br />
width: 29%;<br />
}<br />
}<br />
@media screen and (min-width:1100px) and (max-width:1339px){<br />
.box-item {<br />
width: 45%;<br />
}<br />
}<br />
@media screen and (min-width:851px) and (max-width:1099px){<br />
.box-item {<br />
width: 45%;<br />
}<br />
}<br />
@media screen and (max-width:850px){<br />
.box-item {<br />
width: 95%;<br />
}<br />
}<br />
#user-tools {<br />
min-width: 0em;<br />
}<br />
/***************/<br />
/*** Visitor ***/<br />
/***************/<br />
#mw-page-header-links {<br />
display: none;<br />
}<br />
#site-tools {<br />
display: none;<br />
}<br />
#page-tools {<br />
display: none;<br />
}<br />
#personal {<br />
display: none;<br />
}<br />
.mw-userlink {<br />
display: none;<br />
}<br />
.mw-usertoollinks {<br />
display: none;<br />
}<br />
<br />
/*********************/<br />
/*** Country flags ***/<br />
/*********************/<br />
@font-face {<br />
font-family: 'Twemoji Country Flags';<br />
unicode-range: U+1F1E6-1F1FF, U+1F3F4, U+E0062-E0063, U+E0065, U+E0067, U+E006C, U+E006E, U+E0073-E0074, U+E0077, U+E007F;<br />
src: url('https://cdn.jsdelivr.net/npm/country-flag-emoji-polyfill@0.1/dist/TwemojiCountryFlags.woff2') format('woff2');<br />
}<br />
.country-flags {<br />
font-family: "Twemoji Country Flags";<br />
}<br />
<br />
@media screen and (min-width:851px){<br />
#selectLanguages {<br />
margin-left: 10px;<br />
}<br />
}<br />
@media screen and (max-width:850px){<br />
#selectLanguages {<br />
position: absolute;<br />
right: 1em;<br />
}<br />
.mw-portlet {<br />
padding-right: 8em;<br />
}<br />
}<br />
<br />
/***************/<br />
/*** Infobox ***/<br />
/***************/<br />
.portable-infobox {<br />
border: 1px solid #aaa;<br />
min-width: 325px;<br />
width: auto;<br />
}<br />
.pi-title {<br />
text-align: center;<br />
font-weight: bold !important;<br />
background-color: #dfedff;<br />
margin: 5px !important;<br />
}<br />
.pi-title p, .pi-header p {<br />
padding: 5px;<br />
margin: 5px;<br />
}<br />
.pi-secondary-background {<br />
background-color: inherit !important;<br />
}<br />
.pi-secondary-background > p {<br />
background-color: #dfedff;<br />
}<br />
.pi-data-label {<br />
flex-basis: 110px;<br />
}<br />
.pi-data p {<br />
margin: 0px;<br />
}<br />
.pi-data-label p, .pi-data-value p, .pi-data-value center {<br />
font-size: 1.2em;<br />
}<br />
/*.pi-data-value:first-child {<br />
text-align: center;<br />
}*/<br />
.pi-horizontal-group {<br />
table-layout: initial;<br />
}<br />
.pi-header {<br />
text-align: center !important;<br />
padding: 0px !important;<br />
}<br />
.pi-data-value > p {<br />
min-width: 80px;<br />
word-break: auto-phrase;<br />
}<br />
<br />
@media screen and (min-width:1340px){<br />
.portable-infobox {<br />
max-width: 350px;<br />
}<br />
}<br />
.pi-group, .pi-data, .pi-horizontal-group-item {<br />
border-width: 0px !important;<br />
}<br />
/********************/<br />
/*** Music labels ***/<br />
/********************/<br />
.label {<br />
border: 0px;<br />
border-radius: 10px;<br />
padding:2px 6px;<br />
font-size: smaller;<br />
text-wrap: nowrap;<br />
margin-right: 5px;<br />
}<br />
.label-blue {<br />
background-color:#89dfdf;<br />
}<br />
.label-bluedeep {<br />
background-color:#cedbff;<br />
}<br />
.label-brown {<br />
background-color:#f3ddba;<br />
}<br />
.label-browndeep {<br />
background-color:#dacdab;<br />
}<br />
.label-coral {<br />
background-color:#f6d6d6;<br />
}<br />
.label-green {<br />
background-color:#bce6bc;<br />
}<br />
.label-grey {<br />
background-color:#dddddd;<br />
}<br />
.label-orange {<br />
background-color:#ffe5b2;<br />
}<br />
.label-pink {<br />
background-color:#df89d6;<br />
}<br />
.label-purple {<br />
background-color:#d2c4f1;<br />
}<br />
.label-red {<br />
background-color:#df8989;<br />
}<br />
.label-reddeep {<br />
background-color:#fe8888;<br />
}<br />
.label-turquoise {<br />
background-color:#afeedb;<br />
}<br />
.label-yellow {<br />
background-color:#fafad2;<br />
}<br />
.label-white {<br />
background-color:#ffffff;<br />
}<br />
<br />
/**********************************/<br />
/*** Template: External Picture ***/<br />
/**********************************/<br />
.extPicContainer {<br />
display: inline-block;<br />
margin:0px 10px 10px 0px;<br />
border: solid 1px #eaecf0;<br />
border-width: 1px 1px 0.2em;<br />
text-align:left;<br />
background-color:#f8f9fa;<br />
font-size: 90%;<br />
}<br />
.extPicHeader {<br />
padding: 10px 10px 7px 10px;<br />
border-bottom: solid 1px #eaecf0;<br />
background-color: #edeff4;<br />
display:flex;<br />
align-items:center;<br />
}<br />
.extPicImage {<br />
padding: 10px;<br />
text-align: center;<br />
}<br />
.extPicImage img {<br />
max-height: 360px;<br />
width: auto;<br />
}<br />
.extPicCaption {<br />
padding: 0px 10px 10px 10px;<br />
}<br />
@media screen and (min-width:1540px){<br />
.extPicContainer {<br />
max-width: 468px;<br />
}<br />
}<br />
@media screen and (min-width:720px) and (max-width:1540px){<br />
.extPicContainer {<br />
width: 48%;<br />
}<br />
}<br />
@media screen and (max-width:720px){<br />
.extPicContainer {<br />
width: 100%;<br />
max-width: 480px;<br />
}<br />
}<br />
/******************/<br />
/* Template: Note */<br />
/******************/<br />
.mw-parser-output .note{background-position:left 7px top 50%;padding:0.5em 0.5em 0.5em 40px;margin:0.5em 0;overflow:hidden;background-color:#f8f9fa;color:#333;background-repeat:no-repeat;border:1px solid #ddd}.mw-parser-output .note-inline{display:inline-block;vertical-align:middle}.mw-parser-output .note-info{background-color:#eaf3ff;color:#333;background-image:url("res/OOjs_UI_icon_information-progressive.svg");background-size:25px;border-color:#a3caff;padding-left:40px;min-height:25px}.mw-parser-output .note-reminder{background-color:#fff9ea;color:#333;background-image:url("res/OOjs_UI_icon_lightbulb-yellow.svg");background-size:25px;border-color:#fc3;min-height:25px}.mw-parser-output .note-warn{background-color:#fff9ea;color:#333;background-image:url("res/OOjs_UI_icon_alert-warning.svg");background-size:25px;border-color:#fc3;min-height:25px}.mw-parser-output .note-error{background-color:#fee7e6;color:#333;background-image:url("res/OOjs_UI_icon_notice-destructive.svg");background-size:25px;border-color:#c33;min-height:25px}html.skin-theme-clientpref-night .mw-parser-output .note{background-color:transparent;color:inherit}@media(prefers-color-scheme:dark){html.skin-theme-clientpref-os .mw-parser-output .note{background-color:transparent;color:inherit}}<br />
<br />
/****************/<br />
/* Song details */<br />
/****************/<br />
@media screen and (min-width:1540px){<br />
.song-container {<br />
width: 800px;<br />
}<br />
.song-picture {<br />
float: right;<br />
height: 170px;<br />
width: 300px;<br />
}<br />
.song-picture span img {<br />
max-height: 170px !important;<br />
border-bottom: 2px solid white;<br />
}<br />
}<br />
@media screen and (min-width:720px) and (max-width:1540px){<br />
.song-container {<br />
width: 700px;<br />
}<br />
.song-picture {<br />
float: right;<br />
height: 170px;<br />
width: 300px;<br />
}<br />
.song-picture span img {<br />
max-height: 170px !important;<br />
}<br />
}<br />
@media screen and (max-width:720px){<br />
.song-container {<br />
width: 100%;<br />
}<br />
.song-picture {<br />
float: none;<br />
}<br />
.song-picture span img {<br />
max-height: 300px;<br />
}<br />
}<br />
.song-container {<br />
clear:both;<br />
margin: 50px 0px;<br />
}<br />
.song-header {<br />
border: solid 1px #c8ccd1;<br />
width: fit-content;<br />
border-radius: 6px 6px 0px 0px;<br />
padding: 2px 11px 1px 11px;<br />
font-weight: bold;<br />
font-size: larger;<br />
background-color: #6d7e91;<br />
color: white;<br />
}<br />
.song-header a:link {<br />
color: white;<br />
}<br />
.song-header a:hover {<br />
color: yellow;<br />
}<br />
.song-header a:active {<br />
color: white;<br />
}<br />
.song-header a:visited {<br />
color: white;<br />
}<br />
.song-item {<br />
background-color: #f8f9fa;<br />
border: solid 1px #c8ccd1;<br />
padding-bottom: 5px;<br />
clear: both;<br />
}<br />
.song-number {<br />
border-right: solid 1px #c8ccd1;<br />
margin-right: 10px;<br />
padding: 5px 10px 5px 0px;<br />
}<br />
.song-picture {<br />
margin: 10px;<br />
text-align: center;<br />
background-color: black;<br />
position: relative;<br />
}<br />
.song-picture span img {<br />
width: auto;<br />
}<br />
.song-details {<br />
padding: 5px 5px 5px 20px;<br />
min-height: 175px;<br />
}<br />
.song-subtitle {<br />
font-weight: bold;<br />
margin: 0.5em 0;<br />
}<br />
.song-description {<br />
/*padding-left: 10px;*/ /*OLD*/<br />
display: grid; /*NEW*/<br />
grid-template-columns: 85px auto; /*NEW*/<br />
}<br />
.song-label {<br />
/*display: inline-block; /*OLD*/<br />
width: 65px;<br />
background-color: #eff1f6;<br />
/*padding: 2px 6px; /*OLD*/<br />
/*margin: 2px 5px 2px 0px; /*OLD*/<br />
padding: 3px 5px 3px 10px; /*NEW*/<br />
height: calc(100% - 10px); /*NEW*/<br />
}<br />
.song-value, .song-value2 {<br />
/*display: inline-table; /*OLD*/<br />
padding: 3px 5px 3px 0px; /*NEW*/<br />
}<br />
.song-description:has(.song-value:empty) {<br />
display: none;<br />
}<br />
.song-subdescription {<br />
font-style: italic;<br />
font-size: smaller;<br />
padding-left: 0.5em;<br />
}<br />
.song-subdescription:has(.song-subvalue:empty) {<br />
display: none;<br />
}<br />
.song-duration {<br />
position: absolute;<br />
bottom: 0px;<br />
right: 0px;<br />
background-color: white;<br />
font-size: smaller;<br />
opacity: 70%;<br />
padding: 0px 2px 0px 5px;<br />
border-radius: 10px 0px 0px 0px;<br />
font-weight: bold;<br />
}<br />
.song-views {<br />
position: absolute;<br />
bottom: 0px;<br />
left: 0px;<br />
background-color: white;<br />
font-size: smaller;<br />
opacity: 70%;<br />
padding: 0px 5px 0px 2px;<br />
border-radius: 0px 10px 0px 0px;<br />
font-weight: bold;<br />
}<br />
/********************/<br />
/* Clickable button */<br />
/********************/<br />
.button-red {<br />
background-image: linear-gradient(#ec4247, #c90000);<br />
border: 1px solid #cc0000;<br />
}<br />
.button-blue {<br />
background-image: linear-gradient(#42A1EC, #0070C9);<br />
border: 1px solid #0077CC;<br />
}<br />
.button {<br />
border-radius: 4px;<br />
box-sizing: border-box;<br />
color: #FFFFFF;<br />
cursor: pointer;<br />
direction: ltr;<br />
display: inline;<br />
font-size: 13px;<br />
font-weight: 400;<br />
letter-spacing: -.022em;<br />
line-height: 1.47059;<br />
min-width: 30px;<br />
overflow: visible;<br />
padding: 8px 18px;<br />
text-align: center;<br />
vertical-align: baseline;<br />
user-select: none;<br />
-webkit-user-select: none;<br />
touch-action: manipulation;<br />
white-space: nowrap;<br />
width: fit-content;<br />
color: white;<br />
}<br />
.button > a:link {<br />
color: white !important;<br />
}<br />
.button > a:hover {<br />
color: yellow !important;<br />
}<br />
.button > a:active {<br />
color: white !important;<br />
}<br />
.button > a:visited {<br />
color: white !important;<br />
}<br />
.div-clickable {<br />
cursor: pointer;<br />
}<br />
/********************/<br />
/* TOC depth limits */<br />
/********************/<br />
.toclimit-2 .toclevel-1 ul,<br />
.toclimit-3 .toclevel-2 ul,<br />
.toclimit-4 .toclevel-3 ul,<br />
.toclimit-5 .toclevel-4 ul,<br />
.toclimit-6 .toclevel-5 ul,<br />
.toclimit-7 .toclevel-6 ul {<br />
display: none;<br />
}<br />
/***************/<br />
/* Discography */<br />
/***************/<br />
@media screen and (max-width:720px) {<br />
.album-main {<br />
display: block;<br />
}<br />
.album-songs {<br />
grid-template-columns: 45px auto 50px min-content min-content;<br />
}<br />
.album-songs > .album-cell {<br />
border-width: 0px 0px 1px 1px;<br />
}<br />
}<br />
@media screen and (min-width:721px) {<br />
.album-main {<br />
display: grid;<br />
}<br />
.album-songs {<br />
grid-template-columns: 45px auto 50px minmax(min-content, max-content) minmax(min-content, max-content);<br />
}<br />
}<br />
.album-main {<br />
width: 100%;<br />
max-width: 935px;<br />
grid-template-columns: 343px auto;<br />
background-color: white;<br />
}<br />
.album-title {<br />
padding:10px;<br />
background-color:#5d738b;<br />
color:white;<br />
text-align: center;<br />
grid-column: 1 / 3;<br />
}<br />
.album-first-section {<br />
border-style: solid;<br />
border-color: #c8ccd1;<br />
border-width: 0px 0px 0px 1px;<br />
}<br />
.album-type {<br />
background-color: #eaecf0;<br />
text-align: center;<br />
font-weight: bold;<br />
}<br />
.album-name {<br />
text-align: center;<br />
}<br />
.album-songs {<br />
display: grid;<br />
grid-template-rows: repeat(auto-fill, minmax(min-content, 38px));<br />
border-style: solid;<br />
border-color: #c8ccd1;<br />
border-width: 0px 1px 1px 0px;<br />
}<br />
.album-songs-header {<br />
background-color: #eaecf0;<br />
text-align: center;<br />
font-weight: bold;<br />
}<br />
.album-cell {<br />
padding: 6px;<br />
border-style: solid;<br />
border-color: #c8ccd1;<br />
border-width: 0px 1px 1px 0px;<br />
}</div>
Tgecwe
https://jfla.garden/index.php?title=MediaWiki:Common.css&diff=4342
MediaWiki:Common.css
2024-08-02T08:08:07Z
<p>Tgecwe: </p>
<hr />
<div>/* CSS placed here will be applied to all skins */<br />
<br />
/***************/<br />
/*** General ***/<br />
/***************/<br />
body {<br />
line-height: 1.7;<br />
}<br />
p {<br />
white-space: break-spaces<br />
}<br />
.mw-body-content > h3 {<br />
border-bottom: solid 1px #c8ccd1;<br />
display: flow-root;<br />
}<br />
#mw-header-container {<br />
background-image: url(res/banner-top-flowers.jpg);<br />
background-repeat: no-repeat;<br />
}<br />
#user-tools select, #searchInput-container input {<br />
background-color: #f4f1e9 !important;<br />
}<br />
#mw-content {<br />
background-image: url(res/background-grey-curves.jpg);<br />
}<br />
#mw-content .mw-parser-output > p {<br />
background-color: white;<br />
}<br />
#mw-content .mw-parser-output > ul > li {<br />
background-color: white;<br />
}<br />
#mw-content .mw-parser-output > p {<br />
background-color: white;<br />
}<br />
#mw-content .mw-headline {<br />
background-color: white;<br />
}<br />
.mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body dt {<br />
padding-bottom: 1px;<br />
}<br />
.mw-body h3 {<br />
border-bottom: solid 1px #c8ccd1;<br />
}<br />
#mw-content .firstHeading {<br />
background-color: white;<br />
}<br />
/*<br />
.mw-page-title-namespace {<br />
display: none;<br />
}<br />
.mw-page-title-separator {<br />
display: none;<br />
}<br />
*/<br />
#p-logo-text a {<br />
padding: 0.2em 1em 0.2em 1.4em !important;<br />
background-image: url(res/flower-small.png);<br />
background-repeat: no-repeat;<br />
background-position: 0px 3px;<br />
overflow: hidden;<br />
font-size: 1.85em !important;<br />
white-space: nowrap;<br />
width: 4.8em;<br />
}<br />
@media screen and (min-width:1540px){<br />
.dynamic-column {<br />
column-count:4;<br />
}<br />
}<br />
@media screen and (min-width:720px) and (max-width:1540px){<br />
.dynamic-column {<br />
column-count:3;<br />
}<br />
}<br />
@media screen and (max-width:720px){<br />
.dynamic-column {<br />
column-count:2;<br />
}<br />
}<br />
.wikitable > caption {<br />
background-color: #c8ccd1;<br />
min-width: 250px;<br />
}<br />
/*****************/<br />
/*** Main page ***/<br />
/*****************/<br />
.box-container {<br />
display: flex;<br />
flex-direction: row;<br />
flex-wrap: wrap;<br />
text-align: center;<br />
}<br />
.box-item {<br />
border: 1px solid #7f848c;<br />
padding: 5px;<br />
margin: 10px;<br />
background-color: #d6e4ff;<br />
border-radius: 5px;<br />
outline: 2px solid #b1c2e2;<br />
background: linear-gradient(to bottom, #b1c2e2, #ebf2ff 58px, #ebf2ff 58px, #fafcff 63px, #ebf2ff);<br />
}<br />
.box-item-top {<br />
background: #d6e4ff;<br />
background-size: 90px;<br />
background-repeat: no-repeat;<br />
background-blend-mode: luminosity;<br />
}<br />
.box-item-top-jfla {<br />
background-image: url(res/bg-jfla.png);<br />
}<br />
.box-item-top-note {<br />
background-image: url(res/bg-note.png);<br />
}<br />
.box-item-top-cd {<br />
background-image: url(res/bg-cd.png);<br />
}<br />
.box-item-top-micro {<br />
background-image: url(res/bg-micro.png);<br />
}<br />
.box-title {<br />
text-align: center;<br />
font-weight: bold;<br />
font-size: large;<br />
}<br />
.box-title-top {<br />
margin: 20px 0px;<br />
}<br />
@media screen and (min-width:1340px){<br />
.box-item {<br />
width: 29%;<br />
}<br />
}<br />
@media screen and (min-width:1100px) and (max-width:1339px){<br />
.box-item {<br />
width: 45%;<br />
}<br />
}<br />
@media screen and (min-width:851px) and (max-width:1099px){<br />
.box-item {<br />
width: 45%;<br />
}<br />
}<br />
@media screen and (max-width:850px){<br />
.box-item {<br />
width: 95%;<br />
}<br />
}<br />
#user-tools {<br />
min-width: 0em;<br />
}<br />
/***************/<br />
/*** Visitor ***/<br />
/***************/<br />
#mw-page-header-links {<br />
display: none;<br />
}<br />
#site-tools {<br />
display: none;<br />
}<br />
#page-tools {<br />
display: none;<br />
}<br />
#personal {<br />
display: none;<br />
}<br />
.mw-userlink {<br />
display: none;<br />
}<br />
.mw-usertoollinks {<br />
display: none;<br />
}<br />
<br />
/*********************/<br />
/*** Country flags ***/<br />
/*********************/<br />
@font-face {<br />
font-family: 'Twemoji Country Flags';<br />
unicode-range: U+1F1E6-1F1FF, U+1F3F4, U+E0062-E0063, U+E0065, U+E0067, U+E006C, U+E006E, U+E0073-E0074, U+E0077, U+E007F;<br />
src: url('https://cdn.jsdelivr.net/npm/country-flag-emoji-polyfill@0.1/dist/TwemojiCountryFlags.woff2') format('woff2');<br />
}<br />
.country-flags {<br />
font-family: "Twemoji Country Flags";<br />
}<br />
<br />
@media screen and (min-width:851px){<br />
#selectLanguages {<br />
margin-left: 10px;<br />
}<br />
}<br />
@media screen and (max-width:850px){<br />
#selectLanguages {<br />
position: absolute;<br />
right: 1em;<br />
}<br />
.mw-portlet {<br />
padding-right: 8em;<br />
}<br />
}<br />
<br />
/***************/<br />
/*** Infobox ***/<br />
/***************/<br />
.portable-infobox {<br />
border: 1px solid #aaa;<br />
min-width: 325px;<br />
width: auto;<br />
}<br />
.pi-title {<br />
text-align: center;<br />
font-weight: bold !important;<br />
background-color: #dfedff;<br />
margin: 5px !important;<br />
}<br />
.pi-title p, .pi-header p {<br />
padding: 5px;<br />
margin: 5px;<br />
}<br />
.pi-secondary-background {<br />
background-color: inherit !important;<br />
}<br />
.pi-secondary-background > p {<br />
background-color: #dfedff;<br />
}<br />
.pi-data-label {<br />
flex-basis: 110px;<br />
}<br />
.pi-data p {<br />
margin: 0px;<br />
}<br />
.pi-data-label p, .pi-data-value p, .pi-data-value center {<br />
font-size: 1.2em;<br />
}<br />
/*.pi-data-value:first-child {<br />
text-align: center;<br />
}*/<br />
.pi-horizontal-group {<br />
table-layout: initial;<br />
}<br />
.pi-header {<br />
text-align: center !important;<br />
padding: 0px !important;<br />
}<br />
.pi-data-value > p {<br />
min-width: 80px;<br />
word-break: auto-phrase;<br />
}<br />
<br />
@media screen and (min-width:1340px){<br />
.portable-infobox {<br />
max-width: 350px;<br />
}<br />
}<br />
.pi-group, .pi-data, .pi-horizontal-group-item {<br />
border-width: 0px !important;<br />
}<br />
/********************/<br />
/*** Music labels ***/<br />
/********************/<br />
.label {<br />
border: 0px;<br />
border-radius: 10px;<br />
padding:2px 6px;<br />
font-size: smaller;<br />
text-wrap: nowrap;<br />
margin-right: 5px;<br />
}<br />
.label-blue {<br />
background-color:#89dfdf;<br />
}<br />
.label-bluedeep {<br />
background-color:#cedbff;<br />
}<br />
.label-brown {<br />
background-color:#f3ddba;<br />
}<br />
.label-browndeep {<br />
background-color:#dacdab;<br />
}<br />
.label-coral {<br />
background-color:#f6d6d6;<br />
}<br />
.label-green {<br />
background-color:#bce6bc;<br />
}<br />
.label-grey {<br />
background-color:#dddddd;<br />
}<br />
.label-orange {<br />
background-color:#ffe5b2;<br />
}<br />
.label-pink {<br />
background-color:#df89d6;<br />
}<br />
.label-purple {<br />
background-color:#d2c4f1;<br />
}<br />
.label-red {<br />
background-color:#df8989;<br />
}<br />
.label-reddeep {<br />
background-color:#fe8888;<br />
}<br />
.label-turquoise {<br />
background-color:#afeedb;<br />
}<br />
.label-yellow {<br />
background-color:#fafad2;<br />
}<br />
.label-white {<br />
background-color:#ffffff;<br />
}<br />
<br />
/**********************************/<br />
/*** Template: External Picture ***/<br />
/**********************************/<br />
.extPicContainer {<br />
display: inline-block;<br />
margin:0px 10px 10px 0px;<br />
border: solid 1px #eaecf0;<br />
border-width: 1px 1px 0.2em;<br />
text-align:left;<br />
background-color:#f8f9fa;<br />
font-size: 90%;<br />
}<br />
.extPicHeader {<br />
padding: 10px 10px 7px 10px;<br />
border-bottom: solid 1px #eaecf0;<br />
background-color: #edeff4;<br />
display:flex;<br />
align-items:center;<br />
}<br />
.extPicImage {<br />
padding: 10px;<br />
text-align: center;<br />
}<br />
.extPicImage img {<br />
max-height: 360px;<br />
width: auto;<br />
}<br />
.extPicCaption {<br />
padding: 0px 10px 10px 10px;<br />
}<br />
@media screen and (min-width:1540px){<br />
.extPicContainer {<br />
max-width: 468px;<br />
}<br />
}<br />
@media screen and (min-width:720px) and (max-width:1540px){<br />
.extPicContainer {<br />
width: 48%;<br />
}<br />
}<br />
@media screen and (max-width:720px){<br />
.extPicContainer {<br />
width: 100%;<br />
max-width: 480px;<br />
}<br />
}<br />
/******************/<br />
/* Template: Note */<br />
/******************/<br />
.mw-parser-output .note{background-position:left 7px top 50%;padding:0.5em 0.5em 0.5em 40px;margin:0.5em 0;overflow:hidden;background-color:#f8f9fa;color:#333;background-repeat:no-repeat;border:1px solid #ddd}.mw-parser-output .note-inline{display:inline-block;vertical-align:middle}.mw-parser-output .note-info{background-color:#eaf3ff;color:#333;background-image:url("res/OOjs_UI_icon_information-progressive.svg");background-size:25px;border-color:#a3caff;padding-left:40px;min-height:25px}.mw-parser-output .note-reminder{background-color:#fff9ea;color:#333;background-image:url("res/OOjs_UI_icon_lightbulb-yellow.svg");background-size:25px;border-color:#fc3;min-height:25px}.mw-parser-output .note-warn{background-color:#fff9ea;color:#333;background-image:url("res/OOjs_UI_icon_alert-warning.svg");background-size:25px;border-color:#fc3;min-height:25px}.mw-parser-output .note-error{background-color:#fee7e6;color:#333;background-image:url("res/OOjs_UI_icon_notice-destructive.svg");background-size:25px;border-color:#c33;min-height:25px}html.skin-theme-clientpref-night .mw-parser-output .note{background-color:transparent;color:inherit}@media(prefers-color-scheme:dark){html.skin-theme-clientpref-os .mw-parser-output .note{background-color:transparent;color:inherit}}<br />
<br />
/****************/<br />
/* Song details */<br />
/****************/<br />
@media screen and (min-width:1540px){<br />
.song-container {<br />
width: 800px;<br />
}<br />
.song-picture {<br />
float: right;<br />
height: 170px;<br />
width: 300px;<br />
}<br />
.song-picture span img {<br />
max-height: 170px !important;<br />
border-bottom: 2px solid white;<br />
}<br />
}<br />
@media screen and (min-width:720px) and (max-width:1540px){<br />
.song-container {<br />
width: 700px;<br />
}<br />
.song-picture {<br />
float: right;<br />
height: 170px;<br />
width: 300px;<br />
}<br />
.song-picture span img {<br />
max-height: 170px !important;<br />
}<br />
}<br />
@media screen and (max-width:720px){<br />
.song-container {<br />
width: 100%;<br />
}<br />
.song-picture {<br />
float: none;<br />
}<br />
.song-picture span img {<br />
max-height: 300px;<br />
}<br />
}<br />
.song-container {<br />
clear:both;<br />
margin: 50px 0px;<br />
}<br />
.song-header {<br />
border: solid 1px #c8ccd1;<br />
width: fit-content;<br />
border-radius: 6px 6px 0px 0px;<br />
padding: 2px 11px 1px 11px;<br />
font-weight: bold;<br />
font-size: larger;<br />
background-color: #6d7e91;<br />
color: white;<br />
}<br />
.song-header a:link {<br />
color: white;<br />
}<br />
.song-header a:hover {<br />
color: yellow;<br />
}<br />
.song-header a:active {<br />
color: white;<br />
}<br />
.song-header a:visited {<br />
color: white;<br />
}<br />
.song-item {<br />
background-color: #f8f9fa;<br />
border: solid 1px #c8ccd1;<br />
padding-bottom: 5px;<br />
clear: both;<br />
}<br />
.song-number {<br />
border-right: solid 1px #c8ccd1;<br />
margin-right: 10px;<br />
padding: 5px 10px 5px 0px;<br />
}<br />
.song-picture {<br />
margin: 10px;<br />
text-align: center;<br />
background-color: black;<br />
position: relative;<br />
}<br />
.song-picture span img {<br />
width: auto;<br />
}<br />
.song-details {<br />
padding: 5px 5px 5px 20px;<br />
min-height: 175px;<br />
}<br />
.song-subtitle {<br />
font-weight: bold;<br />
margin: 0.5em 0;<br />
}<br />
.song-description {<br />
/*padding-left: 10px;*/ /*OLD*/<br />
display: grid; /*NEW*/<br />
grid-template-columns: 85px auto; /*NEW*/<br />
}<br />
.song-label {<br />
/*display: inline-block; /*OLD*/<br />
width: 65px;<br />
background-color: #eff1f6;<br />
/*padding: 2px 6px; /*OLD*/<br />
/*margin: 2px 5px 2px 0px; /*OLD*/<br />
padding: 3px 5px 3px 10px; /*NEW*/<br />
height: calc(100% - 10px); /*NEW*/<br />
}<br />
.song-value, .song-value2 {<br />
/*display: inline-table; /*OLD*/<br />
padding: 3px 5px 3px 0px; /*NEW*/<br />
}<br />
.song-description:has(.song-value:empty) {<br />
display: none;<br />
}<br />
.song-subdescription {<br />
font-style: italic;<br />
font-size: smaller;<br />
padding-left: 0.5em;<br />
}<br />
.song-subdescription:has(.song-subvalue:empty) {<br />
display: none;<br />
}<br />
.song-duration {<br />
position: absolute;<br />
bottom: 0px;<br />
right: 0px;<br />
background-color: white;<br />
font-size: smaller;<br />
opacity: 70%;<br />
padding: 0px 2px 0px 5px;<br />
border-radius: 10px 0px 0px 0px;<br />
font-weight: bold;<br />
}<br />
.song-views {<br />
position: absolute;<br />
bottom: 0px;<br />
left: 0px;<br />
background-color: white;<br />
font-size: smaller;<br />
opacity: 70%;<br />
padding: 0px 5px 0px 2px;<br />
border-radius: 0px 10px 0px 0px;<br />
font-weight: bold;<br />
}<br />
/********************/<br />
/* Clickable button */<br />
/********************/<br />
.button-red {<br />
background-image: linear-gradient(#ec4247, #c90000);<br />
border: 1px solid #cc0000;<br />
}<br />
.button-blue {<br />
background-image: linear-gradient(#42A1EC, #0070C9);<br />
border: 1px solid #0077CC;<br />
}<br />
.button {<br />
border-radius: 4px;<br />
box-sizing: border-box;<br />
color: #FFFFFF;<br />
cursor: pointer;<br />
direction: ltr;<br />
display: inline;<br />
font-size: 13px;<br />
font-weight: 400;<br />
letter-spacing: -.022em;<br />
line-height: 1.47059;<br />
min-width: 30px;<br />
overflow: visible;<br />
padding: 8px 18px;<br />
text-align: center;<br />
vertical-align: baseline;<br />
user-select: none;<br />
-webkit-user-select: none;<br />
touch-action: manipulation;<br />
white-space: nowrap;<br />
width: fit-content;<br />
color: white;<br />
}<br />
.button > a:link {<br />
color: white !important;<br />
}<br />
.button > a:hover {<br />
color: yellow !important;<br />
}<br />
.button > a:active {<br />
color: white !important;<br />
}<br />
.button > a:visited {<br />
color: white !important;<br />
}<br />
.div-clickable {<br />
cursor: pointer;<br />
}<br />
/********************/<br />
/* TOC depth limits */<br />
/********************/<br />
.toclimit-2 .toclevel-1 ul,<br />
.toclimit-3 .toclevel-2 ul,<br />
.toclimit-4 .toclevel-3 ul,<br />
.toclimit-5 .toclevel-4 ul,<br />
.toclimit-6 .toclevel-5 ul,<br />
.toclimit-7 .toclevel-6 ul {<br />
display: none;<br />
}<br />
/***************/<br />
/* Discography */<br />
/***************/<br />
@media screen and (max-width:720px) {<br />
.album-main {<br />
display: block;<br />
}<br />
.album-songs {<br />
grid-template-columns: 45px auto 50px min-content min-content;<br />
}<br />
.album-songs > .album-cell {<br />
border-width: 0px 0px 1px 1px;<br />
}<br />
}<br />
@media screen and (min-width:721px) {<br />
.album-main {<br />
display: grid;<br />
}<br />
.album-songs {<br />
grid-template-columns: 45px auto 50px minmax(min-content, max-content) minmax(min-content, max-content);<br />
}<br />
}<br />
.album-main {<br />
width: 100%;<br />
max-width: 935px;<br />
grid-template-columns: 343px auto;<br />
background-color: white;<br />
}<br />
.album-title {<br />
padding:10px;<br />
background-color:#5d738b;<br />
color:white;<br />
text-align: center;<br />
grid-column: 1 / 3;<br />
}<br />
.album-first-section {<br />
border-style: solid;<br />
border-color: #c8ccd1;<br />
border-width: 0px 0px 0px 1px;<br />
}<br />
.album-type {<br />
background-color: #eaecf0;<br />
text-align: center;<br />
font-weight: bold;<br />
}<br />
.album-name {<br />
text-align: center;<br />
}<br />
.album-songs {<br />
display: grid;<br />
grid-template-rows: repeat(auto-fill, minmax(min-content, 38px));<br />
border-style: solid;<br />
border-color: #c8ccd1;<br />
border-width: 0px 1px 1px 0px;<br />
}<br />
.album-songs-header {<br />
background-color: #eaecf0;<br />
text-align: center;<br />
font-weight: bold;<br />
}<br />
.album-cell {<br />
padding: 6px;<br />
border-style: solid;<br />
border-color: #c8ccd1;<br />
border-width: 0px 1px 1px 0px;<br />
}</div>
Tgecwe
https://jfla.garden/index.php?title=MediaWiki:Common.css&diff=4323
MediaWiki:Common.css
2024-08-02T06:17:52Z
<p>Tgecwe: </p>
<hr />
<div>/* CSS placed here will be applied to all skins */<br />
<br />
/***************/<br />
/*** General ***/<br />
/***************/<br />
body {<br />
line-height: 1.7;<br />
}<br />
p {<br />
white-space: break-spaces<br />
}<br />
.mw-body-content > h3 {<br />
border-bottom: solid 1px #c8ccd1;<br />
display: flow-root;<br />
}<br />
#mw-header-container {<br />
background-image: url(res/banner-top-flowers.jpg);<br />
background-repeat: no-repeat;<br />
}<br />
#user-tools select, #searchInput-container input {<br />
background-color: #f4f1e9 !important;<br />
}<br />
#mw-content {<br />
background-image: url(res/background-grey-curves.jpg);<br />
}<br />
#mw-content .mw-parser-output > p {<br />
background-color: white;<br />
}<br />
#mw-content .mw-parser-output > ul > li {<br />
background-color: white;<br />
}<br />
#mw-content .mw-parser-output > p {<br />
background-color: white;<br />
}<br />
#mw-content .mw-headline {<br />
background-color: white;<br />
}<br />
.mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body dt {<br />
padding-bottom: 1px;<br />
}<br />
#mw-content .firstHeading {<br />
background-color: white;<br />
}<br />
/*<br />
.mw-page-title-namespace {<br />
display: none;<br />
}<br />
.mw-page-title-separator {<br />
display: none;<br />
}<br />
*/<br />
#p-logo-text a {<br />
padding: 0.2em 1em 0.2em 1.4em !important;<br />
background-image: url(res/flower-small.png);<br />
background-repeat: no-repeat;<br />
background-position: 0px 3px;<br />
overflow: hidden;<br />
font-size: 1.85em !important;<br />
white-space: nowrap;<br />
width: 4.8em;<br />
}<br />
@media screen and (min-width:1540px){<br />
.dynamic-column {<br />
column-count:4;<br />
}<br />
}<br />
@media screen and (min-width:720px) and (max-width:1540px){<br />
.dynamic-column {<br />
column-count:3;<br />
}<br />
}<br />
@media screen and (max-width:720px){<br />
.dynamic-column {<br />
column-count:2;<br />
}<br />
}<br />
.wikitable > caption {<br />
background-color: #c8ccd1;<br />
min-width: 250px;<br />
}<br />
/*****************/<br />
/*** Main page ***/<br />
/*****************/<br />
.box-container {<br />
display: flex;<br />
flex-direction: row;<br />
flex-wrap: wrap;<br />
text-align: center;<br />
}<br />
.box-item {<br />
border: 1px solid #7f848c;<br />
padding: 5px;<br />
margin: 10px;<br />
background-color: #d6e4ff;<br />
border-radius: 5px;<br />
outline: 2px solid #b1c2e2;<br />
background: linear-gradient(to bottom, #b1c2e2, #ebf2ff 58px, #ebf2ff 58px, #fafcff 63px, #ebf2ff);<br />
}<br />
.box-item-top {<br />
background: #d6e4ff;<br />
background-size: 90px;<br />
background-repeat: no-repeat;<br />
background-blend-mode: luminosity;<br />
}<br />
.box-item-top-jfla {<br />
background-image: url(res/bg-jfla.png);<br />
}<br />
.box-item-top-note {<br />
background-image: url(res/bg-note.png);<br />
}<br />
.box-item-top-cd {<br />
background-image: url(res/bg-cd.png);<br />
}<br />
.box-item-top-micro {<br />
background-image: url(res/bg-micro.png);<br />
}<br />
.box-title {<br />
text-align: center;<br />
font-weight: bold;<br />
font-size: large;<br />
}<br />
.box-title-top {<br />
margin: 20px 0px;<br />
}<br />
@media screen and (min-width:1340px){<br />
.box-item {<br />
width: 29%;<br />
}<br />
}<br />
@media screen and (min-width:1100px) and (max-width:1339px){<br />
.box-item {<br />
width: 45%;<br />
}<br />
}<br />
@media screen and (min-width:851px) and (max-width:1099px){<br />
.box-item {<br />
width: 45%;<br />
}<br />
}<br />
@media screen and (max-width:850px){<br />
.box-item {<br />
width: 95%;<br />
}<br />
}<br />
#user-tools {<br />
min-width: 0em;<br />
}<br />
/***************/<br />
/*** Visitor ***/<br />
/***************/<br />
#mw-page-header-links {<br />
display: none;<br />
}<br />
#site-tools {<br />
display: none;<br />
}<br />
#page-tools {<br />
display: none;<br />
}<br />
#personal {<br />
display: none;<br />
}<br />
.mw-userlink {<br />
display: none;<br />
}<br />
.mw-usertoollinks {<br />
display: none;<br />
}<br />
<br />
/*********************/<br />
/*** Country flags ***/<br />
/*********************/<br />
@font-face {<br />
font-family: 'Twemoji Country Flags';<br />
unicode-range: U+1F1E6-1F1FF, U+1F3F4, U+E0062-E0063, U+E0065, U+E0067, U+E006C, U+E006E, U+E0073-E0074, U+E0077, U+E007F;<br />
src: url('https://cdn.jsdelivr.net/npm/country-flag-emoji-polyfill@0.1/dist/TwemojiCountryFlags.woff2') format('woff2');<br />
}<br />
.country-flags {<br />
font-family: "Twemoji Country Flags";<br />
}<br />
<br />
@media screen and (min-width:851px){<br />
#selectLanguages {<br />
margin-left: 10px;<br />
}<br />
}<br />
@media screen and (max-width:850px){<br />
#selectLanguages {<br />
position: absolute;<br />
right: 1em;<br />
}<br />
.mw-portlet {<br />
padding-right: 8em;<br />
}<br />
}<br />
<br />
/***************/<br />
/*** Infobox ***/<br />
/***************/<br />
.portable-infobox {<br />
border: 1px solid #aaa;<br />
min-width: 325px;<br />
width: auto;<br />
}<br />
.pi-title {<br />
text-align: center;<br />
font-weight: bold !important;<br />
background-color: #dfedff;<br />
margin: 5px !important;<br />
}<br />
.pi-title p, .pi-header p {<br />
padding: 5px;<br />
margin: 5px;<br />
}<br />
.pi-secondary-background {<br />
background-color: inherit !important;<br />
}<br />
.pi-secondary-background > p {<br />
background-color: #dfedff;<br />
}<br />
.pi-data-label {<br />
flex-basis: 110px;<br />
}<br />
.pi-data p {<br />
margin: 0px;<br />
}<br />
.pi-data-label p, .pi-data-value p, .pi-data-value center {<br />
font-size: 1.2em;<br />
}<br />
/*.pi-data-value:first-child {<br />
text-align: center;<br />
}*/<br />
.pi-horizontal-group {<br />
table-layout: initial;<br />
}<br />
.pi-header {<br />
text-align: center !important;<br />
padding: 0px !important;<br />
}<br />
.pi-data-value > p {<br />
min-width: 80px;<br />
word-break: auto-phrase;<br />
}<br />
<br />
@media screen and (min-width:1340px){<br />
.portable-infobox {<br />
max-width: 350px;<br />
}<br />
}<br />
.pi-group, .pi-data, .pi-horizontal-group-item {<br />
border-width: 0px !important;<br />
}<br />
/********************/<br />
/*** Music labels ***/<br />
/********************/<br />
.label {<br />
border: 0px;<br />
border-radius: 10px;<br />
padding:2px 6px;<br />
font-size: smaller;<br />
text-wrap: nowrap;<br />
margin-right: 5px;<br />
}<br />
.label-blue {<br />
background-color:#89dfdf;<br />
}<br />
.label-bluedeep {<br />
background-color:#cedbff;<br />
}<br />
.label-brown {<br />
background-color:#f3ddba;<br />
}<br />
.label-browndeep {<br />
background-color:#dacdab;<br />
}<br />
.label-coral {<br />
background-color:#f6d6d6;<br />
}<br />
.label-green {<br />
background-color:#bce6bc;<br />
}<br />
.label-grey {<br />
background-color:#dddddd;<br />
}<br />
.label-orange {<br />
background-color:#ffe5b2;<br />
}<br />
.label-pink {<br />
background-color:#df89d6;<br />
}<br />
.label-purple {<br />
background-color:#d2c4f1;<br />
}<br />
.label-red {<br />
background-color:#df8989;<br />
}<br />
.label-reddeep {<br />
background-color:#fe8888;<br />
}<br />
.label-turquoise {<br />
background-color:#afeedb;<br />
}<br />
.label-yellow {<br />
background-color:#fafad2;<br />
}<br />
.label-white {<br />
background-color:#ffffff;<br />
}<br />
<br />
/**********************************/<br />
/*** Template: External Picture ***/<br />
/**********************************/<br />
.extPicContainer {<br />
display: inline-block;<br />
margin:0px 10px 10px 0px;<br />
border: solid 1px #eaecf0;<br />
border-width: 1px 1px 0.2em;<br />
text-align:left;<br />
background-color:#f8f9fa;<br />
font-size: 90%;<br />
}<br />
.extPicHeader {<br />
padding: 10px 10px 7px 10px;<br />
border-bottom: solid 1px #eaecf0;<br />
background-color: #edeff4;<br />
display:flex;<br />
align-items:center;<br />
}<br />
.extPicImage {<br />
padding: 10px;<br />
text-align: center;<br />
}<br />
.extPicImage img {<br />
max-height: 360px;<br />
width: auto;<br />
}<br />
.extPicCaption {<br />
padding: 0px 10px 10px 10px;<br />
}<br />
@media screen and (min-width:1540px){<br />
.extPicContainer {<br />
max-width: 468px;<br />
}<br />
}<br />
@media screen and (min-width:720px) and (max-width:1540px){<br />
.extPicContainer {<br />
width: 48%;<br />
}<br />
}<br />
@media screen and (max-width:720px){<br />
.extPicContainer {<br />
width: 100%;<br />
max-width: 480px;<br />
}<br />
}<br />
/******************/<br />
/* Template: Note */<br />
/******************/<br />
.mw-parser-output .note{background-position:left 7px top 50%;padding:0.5em 0.5em 0.5em 40px;margin:0.5em 0;overflow:hidden;background-color:#f8f9fa;color:#333;background-repeat:no-repeat;border:1px solid #ddd}.mw-parser-output .note-inline{display:inline-block;vertical-align:middle}.mw-parser-output .note-info{background-color:#eaf3ff;color:#333;background-image:url("res/OOjs_UI_icon_information-progressive.svg");background-size:25px;border-color:#a3caff;padding-left:40px;min-height:25px}.mw-parser-output .note-reminder{background-color:#fff9ea;color:#333;background-image:url("res/OOjs_UI_icon_lightbulb-yellow.svg");background-size:25px;border-color:#fc3;min-height:25px}.mw-parser-output .note-warn{background-color:#fff9ea;color:#333;background-image:url("res/OOjs_UI_icon_alert-warning.svg");background-size:25px;border-color:#fc3;min-height:25px}.mw-parser-output .note-error{background-color:#fee7e6;color:#333;background-image:url("res/OOjs_UI_icon_notice-destructive.svg");background-size:25px;border-color:#c33;min-height:25px}html.skin-theme-clientpref-night .mw-parser-output .note{background-color:transparent;color:inherit}@media(prefers-color-scheme:dark){html.skin-theme-clientpref-os .mw-parser-output .note{background-color:transparent;color:inherit}}<br />
<br />
/****************/<br />
/* Song details */<br />
/****************/<br />
@media screen and (min-width:1540px){<br />
.song-container {<br />
width: 800px;<br />
}<br />
.song-picture {<br />
float: right;<br />
height: 170px;<br />
width: 300px;<br />
}<br />
.song-picture span img {<br />
max-height: 170px !important;<br />
border-bottom: 2px solid white;<br />
}<br />
}<br />
@media screen and (min-width:720px) and (max-width:1540px){<br />
.song-container {<br />
width: 700px;<br />
}<br />
.song-picture {<br />
float: right;<br />
height: 170px;<br />
width: 300px;<br />
}<br />
.song-picture span img {<br />
max-height: 170px !important;<br />
}<br />
}<br />
@media screen and (max-width:720px){<br />
.song-container {<br />
width: 100%;<br />
}<br />
.song-picture {<br />
float: none;<br />
}<br />
.song-picture span img {<br />
max-height: 300px;<br />
}<br />
}<br />
.song-container {<br />
clear:both;<br />
margin: 50px 0px;<br />
}<br />
.song-header {<br />
border: solid 1px #c8ccd1;<br />
width: fit-content;<br />
border-radius: 6px 6px 0px 0px;<br />
padding: 2px 11px 1px 11px;<br />
font-weight: bold;<br />
font-size: larger;<br />
background-color: #6d7e91;<br />
color: white;<br />
}<br />
.song-header a:link {<br />
color: white;<br />
}<br />
.song-header a:hover {<br />
color: yellow;<br />
}<br />
.song-header a:active {<br />
color: white;<br />
}<br />
.song-header a:visited {<br />
color: white;<br />
}<br />
.song-item {<br />
background-color: #f8f9fa;<br />
border: solid 1px #c8ccd1;<br />
padding-bottom: 5px;<br />
clear: both;<br />
}<br />
.song-number {<br />
border-right: solid 1px #c8ccd1;<br />
margin-right: 10px;<br />
padding: 5px 10px 5px 0px;<br />
}<br />
.song-picture {<br />
margin: 10px;<br />
text-align: center;<br />
background-color: black;<br />
position: relative;<br />
}<br />
.song-picture span img {<br />
width: auto;<br />
}<br />
.song-details {<br />
padding: 5px 5px 5px 20px;<br />
min-height: 175px;<br />
}<br />
.song-subtitle {<br />
font-weight: bold;<br />
margin: 0.5em 0;<br />
}<br />
.song-description {<br />
/*padding-left: 10px;*/ /*OLD*/<br />
display: grid; /*NEW*/<br />
grid-template-columns: 85px auto; /*NEW*/<br />
}<br />
.song-label {<br />
/*display: inline-block; /*OLD*/<br />
width: 65px;<br />
background-color: #eff1f6;<br />
/*padding: 2px 6px; /*OLD*/<br />
/*margin: 2px 5px 2px 0px; /*OLD*/<br />
padding: 3px 5px 3px 10px; /*NEW*/<br />
height: calc(100% - 10px); /*NEW*/<br />
}<br />
.song-value, .song-value2 {<br />
/*display: inline-table; /*OLD*/<br />
padding: 3px 5px 3px 0px; /*NEW*/<br />
}<br />
.song-description:has(.song-value:empty) {<br />
display: none;<br />
}<br />
.song-subdescription {<br />
font-style: italic;<br />
font-size: smaller;<br />
padding-left: 0.5em;<br />
}<br />
.song-subdescription:has(.song-subvalue:empty) {<br />
display: none;<br />
}<br />
.song-duration {<br />
position: absolute;<br />
bottom: 0px;<br />
right: 0px;<br />
background-color: white;<br />
font-size: smaller;<br />
opacity: 70%;<br />
padding: 0px 2px 0px 5px;<br />
border-radius: 10px 0px 0px 0px;<br />
font-weight: bold;<br />
}<br />
.song-views {<br />
position: absolute;<br />
bottom: 0px;<br />
left: 0px;<br />
background-color: white;<br />
font-size: smaller;<br />
opacity: 70%;<br />
padding: 0px 5px 0px 2px;<br />
border-radius: 0px 10px 0px 0px;<br />
font-weight: bold;<br />
}<br />
/********************/<br />
/* Clickable button */<br />
/********************/<br />
.button-red {<br />
background-image: linear-gradient(#ec4247, #c90000);<br />
border: 1px solid #cc0000;<br />
}<br />
.button-blue {<br />
background-image: linear-gradient(#42A1EC, #0070C9);<br />
border: 1px solid #0077CC;<br />
}<br />
.button {<br />
border-radius: 4px;<br />
box-sizing: border-box;<br />
color: #FFFFFF;<br />
cursor: pointer;<br />
direction: ltr;<br />
display: inline;<br />
font-size: 13px;<br />
font-weight: 400;<br />
letter-spacing: -.022em;<br />
line-height: 1.47059;<br />
min-width: 30px;<br />
overflow: visible;<br />
padding: 8px 18px;<br />
text-align: center;<br />
vertical-align: baseline;<br />
user-select: none;<br />
-webkit-user-select: none;<br />
touch-action: manipulation;<br />
white-space: nowrap;<br />
width: fit-content;<br />
color: white;<br />
}<br />
.button > a:link {<br />
color: white !important;<br />
}<br />
.button > a:hover {<br />
color: yellow !important;<br />
}<br />
.button > a:active {<br />
color: white !important;<br />
}<br />
.button > a:visited {<br />
color: white !important;<br />
}<br />
.div-clickable {<br />
cursor: pointer;<br />
}<br />
/********************/<br />
/* TOC depth limits */<br />
/********************/<br />
.toclimit-2 .toclevel-1 ul,<br />
.toclimit-3 .toclevel-2 ul,<br />
.toclimit-4 .toclevel-3 ul,<br />
.toclimit-5 .toclevel-4 ul,<br />
.toclimit-6 .toclevel-5 ul,<br />
.toclimit-7 .toclevel-6 ul {<br />
display: none;<br />
}<br />
/***************/<br />
/* Discography */<br />
/***************/<br />
@media screen and (max-width:720px) {<br />
.album-main {<br />
display: block;<br />
}<br />
.album-songs {<br />
grid-template-columns: 45px auto 50px min-content min-content;<br />
}<br />
.album-songs > .album-cell {<br />
border-width: 0px 0px 1px 1px;<br />
}<br />
}<br />
@media screen and (min-width:721px) {<br />
.album-main {<br />
display: grid;<br />
}<br />
.album-songs {<br />
grid-template-columns: 45px auto 50px minmax(min-content, max-content) minmax(min-content, max-content);<br />
}<br />
}<br />
.album-main {<br />
width: 100%;<br />
max-width: 935px;<br />
grid-template-columns: 343px auto;<br />
background-color: white;<br />
}<br />
.album-title {<br />
padding:10px;<br />
background-color:#5d738b;<br />
color:white;<br />
text-align: center;<br />
grid-column: 1 / 3;<br />
}<br />
.album-first-section {<br />
border-style: solid;<br />
border-color: #c8ccd1;<br />
border-width: 0px 0px 0px 1px;<br />
}<br />
.album-type {<br />
background-color: #eaecf0;<br />
text-align: center;<br />
font-weight: bold;<br />
}<br />
.album-name {<br />
text-align: center;<br />
}<br />
.album-songs {<br />
display: grid;<br />
grid-template-rows: repeat(auto-fill, minmax(min-content, 38px));<br />
border-style: solid;<br />
border-color: #c8ccd1;<br />
border-width: 0px 1px 1px 0px;<br />
}<br />
.album-songs-header {<br />
background-color: #eaecf0;<br />
text-align: center;<br />
font-weight: bold;<br />
}<br />
.album-cell {<br />
padding: 6px;<br />
border-style: solid;<br />
border-color: #c8ccd1;<br />
border-width: 0px 1px 1px 0px;<br />
}</div>
Tgecwe
https://jfla.garden/index.php?title=Formula:AlbumHeader/fr&diff=4322
Formula:AlbumHeader/fr
2024-08-02T06:17:07Z
<p>Tgecwe: </p>
<hr />
<div><!--#################### {{{title}}} ####################--><div class="album-main"><div class="album-title">'''{{{title}}}''' (EP • {{#time:Y|{{{release}}}}})</div><div class="album-first-section"><div class="album-type album-cell">{{{type}}}</div><div class="album-name album-cell"><b>[[fr-album:{{{album-link}}}|{{{title}}} {{#if: {{{title-ko|}}} | ({{{title-ko|}}}) |}}]]</b><br>({{{release}}})<br>[[File:{{{picture}}}|frameless|center|link=fr-album:{{{album-link}}}]]</div></div><div class="album-songs"><div class="album-songs-header album-cell">N°</div><div class="album-songs-header album-cell">Musique</div><div class="album-songs-header album-cell">Dur.</div><div class="album-songs-header album-cell" style="grid-column: 4 / 6;">Liens</div></div>
Tgecwe
https://jfla.garden/index.php?title=Formula:AlbumHeader/fr&diff=4320
Formula:AlbumHeader/fr
2024-08-02T06:14:12Z
<p>Tgecwe: </p>
<hr />
<div><!--#################### {{{title}}} ####################--><div class="album-main"><div class="album-title">'''{{{title}}}''' (EP • {{#time:Y|{{{release}}}}})</div><div class="album-first-section"><div class="album-type album-cell">{{{type}}}</div><div class="album-name album-cell"><b>[[fr-album:{{{album-link}}}|{{{title}}} {{#if: {{{title-ko|}}} | ({{{title-ko|}}}) |}}]]</b><br>({{{release}}})<br>[[File:{{{picture}}}|frameless|center|link=fr-album:{{{album-link}}}]]</div></div><div class="album-songs"><div class="album-songs-header album-cell">N°</div><div class="album-songs-header album-cell">Musique</div><div class="album-songs-header album-cell">Durée</div><div class="album-songs-header album-cell" style="grid-column: 4 / 6;">Liens</div></div>
Tgecwe
https://jfla.garden/index.php?title=Formula:AlbumHeader/ko&diff=4319
Formula:AlbumHeader/ko
2024-08-02T06:14:11Z
<p>Tgecwe: </p>
<hr />
<div><!--#################### {{{title}}} ####################--><div class="album-main"><div class="album-title">'''{{{title}}}''' (EP • {{#time:Y|{{{release}}}}})</div><div class="album-first-section"><div class="album-type album-cell">{{{type}}}</div><div class="album-name album-cell"><b>[[ko-앨범:{{{album-link}}}|{{#if: {{{title-ko|}}} | {{{title-ko|}}} ({{{title}}}) | {{{title}}}}}]]</b><br>({{{release}}})<br>[[File:{{{picture}}}|frameless|center|link=ko-앨범:{{{album-link}}}]]</div></div><div class="album-songs"><div class="album-songs-header album-cell">번호</div><div class="album-songs-header album-cell">노래</div><div class="album-songs-header album-cell">길이</div><div class="album-songs-header album-cell" style="grid-column: 4 / 6;">링크</div></div>
Tgecwe
https://jfla.garden/index.php?title=Formula:AlbumHeader/ko&diff=4318
Formula:AlbumHeader/ko
2024-08-02T06:13:23Z
<p>Tgecwe: </p>
<hr />
<div><!--#################### {{{title}}} ####################--><div class="album-main"><div class="album-title">'''{{{title}}}''' (EP • {{#time:Y|{{{release}}}}})</div><div class="album-first-section"><div class="album-type album-cell">{{{type}}}</div><div class="album-name album-cell"><b>[[ko-앨범:{{{album-link}}}|{{#if: {{{title-ko|}}} | {{{title-ko|}}} ({{{title}}}) | {{{title}}}}}]]</b><br>({{{release}}})<br>[[File:{{{picture}}}|thumb|center]]</div></div><div class="album-songs"><div class="album-songs-header album-cell">번호</div><div class="album-songs-header album-cell">노래</div><div class="album-songs-header album-cell">길이</div><div class="album-songs-header album-cell" style="grid-column: 4 / 6;">링크</div></div>
Tgecwe
https://jfla.garden/index.php?title=Formula:AlbumHeader/fr&diff=4315
Formula:AlbumHeader/fr
2024-08-02T06:11:44Z
<p>Tgecwe: </p>
<hr />
<div><!--#################### {{{title}}} ####################--><div class="album-main"><div class="album-title">'''{{{title}}}''' (EP • {{#time:Y|{{{release}}}}})</div><div class="album-first-section"><div class="album-type album-cell">{{{type}}}</div><div class="album-name album-cell"><b>[[fr-album:{{{album-link}}}|{{{title}}} {{#if: {{{title-ko|}}} | ({{{title-ko|}}}) |}}]]</b><br>({{{release}}})<br>[[File:{{{picture}}}|thumb|center]]</div></div><div class="album-songs"><div class="album-songs-header album-cell">N°</div><div class="album-songs-header album-cell">Musique</div><div class="album-songs-header album-cell">Durée</div><div class="album-songs-header album-cell" style="grid-column: 4 / 6;">Liens</div></div>
Tgecwe
https://jfla.garden/index.php?title=Formula:AlbumHeader/ko&diff=4314
Formula:AlbumHeader/ko
2024-08-02T06:11:42Z
<p>Tgecwe: </p>
<hr />
<div><!--#################### {{{title}}} ####################--><div class="album-main"><div class="album-title">'''{{{title}}}''' (EP • {{#time:Y|{{{release}}}}})</div><div class="album-first-section"><div class="album-type album-cell">{{{type}}}</div><div class="album-name album-cell"><b>[[ko-앨범:{{{album-link}}}|{{#if: {{{title-ko|}}} | ({{{title-ko|}}} {{{title}}}) |}}]]</b><br>({{{release}}})<br>[[File:{{{picture}}}|thumb|center]]</div></div><div class="album-songs"><div class="album-songs-header album-cell">번호</div><div class="album-songs-header album-cell">노래</div><div class="album-songs-header album-cell">길이</div><div class="album-songs-header album-cell" style="grid-column: 4 / 6;">링크</div></div>
Tgecwe
https://jfla.garden/index.php?title=Formula:AlbumHeader&diff=4312
Formula:AlbumHeader
2024-08-02T06:07:47Z
<p>Tgecwe: </p>
<hr />
<div><!--#################### {{{title}}} ####################--><div class="album-main"><div class="album-title">'''{{{title}}}''' (EP • {{#time:Y|{{{release}}}}})</div><div class="album-first-section"><div class="album-type album-cell">{{{type}}}</div><div class="album-name album-cell"><b>[[en-Album:{{{album-link}}}|{{{title}}} {{#if: {{{title-ko|}}} | ({{{title-ko|}}}) |}}]]</b><br>({{{release}}})<br>[[File:{{{picture}}}|frameless|center|link=en-Album:{{{album-link}}}]]</div></div><div class="album-songs"><div class="album-songs-header album-cell">N°</div><div class="album-songs-header album-cell">Songs</div><div class="album-songs-header album-cell">Dur.</div><div class="album-songs-header album-cell" style="grid-column: 4 / 6;">Links</div></div>
Tgecwe
https://jfla.garden/index.php?title=Formula:AlbumItem/ko&diff=4311
Formula:AlbumItem/ko
2024-08-02T06:05:57Z
<p>Tgecwe: </p>
<hr />
<div><div class="album-cell">{{{no-track}}}</div><div class="album-cell">[[ko-노래:{{{title}}}|{{{title}}} {{#if: {{{title-ko|}}} | ({{{title-ko|}}}) |}}]]</div><div class="album-cell">{{{duration}}}</div><div class="album-cell">{{#if: {{{audio|}}} | [{{{audio}}} ⏯️ 듣기] |}}</div><div class="album-cell">{{#if: {{{video|}}} | [{{{video}}} 🎞️ 보기] |}}</div></div>
Tgecwe
https://jfla.garden/index.php?title=Formula:AlbumItem/fr&diff=4310
Formula:AlbumItem/fr
2024-08-02T06:05:53Z
<p>Tgecwe: </p>
<hr />
<div><div class="album-cell">{{{no-track}}}</div><div class="album-cell">[[fr-musique:{{{title}}}|{{{title}}} {{#if: {{{title-ko|}}} | ({{{title-ko|}}}) |}}]]</div><div class="album-cell">{{{duration}}}</div><div class="album-cell">{{#if: {{{audio|}}} | [{{{audio}}} ⏯️ Ecouter] |}}</div><div class="album-cell">{{#if: {{{video|}}} | [{{{video}}} 🎞️ Regarder] |}}</div></div>
Tgecwe
https://jfla.garden/index.php?title=Fasciculus:Cover-2012-10-08.jpg&diff=4274
Fasciculus:Cover-2012-10-08.jpg
2024-07-14T08:03:16Z
<p>Tgecwe: </p>
<hr />
<div>== Summary ==<br />
{| class="wikitable"<br />
| class="cell-header" | Source || https://www.youtube.com/@JFlaMusic/videos<br />
|}</div>
Tgecwe
https://jfla.garden/index.php?title=Fasciculus:Cover-2012-10-24.jpg&diff=4273
Fasciculus:Cover-2012-10-24.jpg
2024-07-14T08:03:04Z
<p>Tgecwe: </p>
<hr />
<div>== Summary ==<br />
{| class="wikitable"<br />
| class="cell-header" | Source || https://www.youtube.com/@JFlaMusic/videos<br />
|}</div>
Tgecwe
https://jfla.garden/index.php?title=Fasciculus:Cover-2012-10-08.jpg&diff=4272
Fasciculus:Cover-2012-10-08.jpg
2024-07-14T08:02:17Z
<p>Tgecwe: </p>
<hr />
<div></div>
Tgecwe
https://jfla.garden/index.php?title=MediaWiki:Common.js&diff=4271
MediaWiki:Common.js
2024-07-13T17:56:46Z
<p>Tgecwe: </p>
<hr />
<div>/* Any JavaScript here will be loaded for all users on every page load. */<br />
var urlLanguages = document.getElementById("url-languages");<br />
if (urlLanguages!=null) {<br />
const sel = document.createElement("select");<br />
const opt1 = document.createElement("option");<br />
const opt2 = document.createElement("option");<br />
<br />
sel.id = "selectLanguages";<br />
sel.className = "country-flags";<br />
sel.setAttribute("onchange", "document.location.href=document.getElementById('selectLanguages').value");<br />
<br />
index = 0;<br />
<br />
languageItems = document.getElementsByClassName("language-item");<br />
for (var i=0; i<languageItems.length; i++) {<br />
opt = document.createElement("option");<br />
opt.value = languageItems[i].firstChild.href;<br />
opt.text = document.getElementById(languageItems[i].id).firstChild.innerHTML;<br />
sel.add(opt, null);<br />
if (document.documentElement.lang==languageItems[i].id.substring(4))<br />
sel.selectedIndex = index;<br />
index++;<br />
}<br />
document.getElementById("user-tools").append(sel);<br />
document.getElementById("user-tools").style.display = "flex";<br />
urlLanguages.outerHTML = "";<br />
}<br />
<br />
<br />
if (document.getElementById("personal").firstChild.firstChild.innerHTML=="Anonymous"<br />
|| document.getElementById("personal").firstChild.firstChild.innerHTML=="익명 사용자"<br />
|| document.getElementById("personal").firstChild.firstChild.innerHTML=="Anonyme"<br />
) {<br />
<br />
allLinkElements = document.getElementsByTagName("a");<br />
for (var i=0; i<allLinkElements.length; i++) {<br />
if (allLinkElements[i].className=="new") {<br />
allLinkElements[i].outerHTML = allLinkElements[i].innerHTML;<br />
i--;<br />
}<br />
}<br />
userLinkElements = document.getElementsByClassName("mw-userlink");<br />
for (var i=0; i<userLinkElements.length; i++) {<br />
userLinkElements[i].outerHTML = "";<br />
i--;<br />
}<br />
userLinkElements = document.getElementsByClassName("mw-usertoollinks");<br />
for (var i=0; i<userLinkElements.length; i++) {<br />
userLinkElements[i].outerHTML = "";<br />
i--;<br />
}<br />
} else {<br />
document.getElementById("mw-page-header-links").style.display = "block";<br />
document.getElementById("site-tools").style.display = "block";<br />
document.getElementById("page-tools").style.display = "block";<br />
document.getElementById("personal").style.display = "block";<br />
userLinkElements = document.getElementsByClassName("mw-userlink");<br />
for (var i=0; i<userLinkElements.length; i++) {<br />
userLinkElements[i].style.display = "block";<br />
}<br />
userLinkElements = document.getElementsByClassName("mw-usertoollinks");<br />
for (var i=0; i<userLinkElements.length; i++) {<br />
userLinkElements[i].style.display = "block";<br />
}<br />
if ((document.body.innerHTML.indexOf('"/wiki/')>-1) && (window.location.pathname!="/index.php") && (window.location.pathname!="/MediaWiki:Common.js")) {<br />
alert("Page to purge");<br />
window.location.href = document.getElementById("ca-edit").firstChild.href.replace("&action=edit", "&action=purge");<br />
}<br />
}<br />
/********************/<br />
/* Clickable button */<br />
/********************/<br />
function clickButton() {<br />
window.open(event.srcElement.getAttribute("data-link"), "_blank");<br />
};<br />
clickableButtons = document.getElementsByClassName("button-clickable");<br />
for (i=0; i<clickableButtons.length; i++) {<br />
linksElements = clickableButtons[i].getElementsByTagName("a");<br />
if (linksElements.length>0) {<br />
clickableButtons[i].setAttribute("data-link", linksElements[0].href);<br />
linksElements[0].outerHTML = linksElements[0].innerHTML;<br />
}<br />
clickableButtons[i].addEventListener('click', clickButton);<br />
}<br />
function clickDiv() {<br />
if (event.srcElement.getAttribute("data-link")!=null)<br />
document.location.href = event.srcElement.getAttribute("data-link");<br />
else if (event.srcElement.parentNode.getAttribute("data-link")!=null)<br />
document.location.href = event.srcElement.parentNode.getAttribute("data-link");<br />
};<br />
clickableDivs = document.getElementsByClassName("div-clickable");<br />
for (i=0; i<clickableDivs.length; i++) {<br />
linksElements = clickableDivs[i].getElementsByTagName("a");<br />
if (linksElements.length>0) {<br />
clickableDivs[i].setAttribute("data-link", linksElements[0].href);<br />
}<br />
clickableDivs[i].addEventListener('click', clickDiv);<br />
}<br />
/***************/<br />
/* Redirection */<br />
/***************/<br />
var newURL = window.location.protocol + "//" + window.location.host + "/" + window.location.pathname.split('/')[window.location.pathname.split('/').length-1] + window.location.search<br />
if (newURL!=window.location.href) {<br />
//alert("Redirection to new url");<br />
window.location.href = newURL;<br />
}</div>
Tgecwe
https://jfla.garden/index.php?title=MediaWiki:Common.js&diff=4270
MediaWiki:Common.js
2024-07-13T17:53:33Z
<p>Tgecwe: </p>
<hr />
<div>/* Any JavaScript here will be loaded for all users on every page load. */<br />
var urlLanguages = document.getElementById("url-languages");<br />
if (urlLanguages!=null) {<br />
const sel = document.createElement("select");<br />
const opt1 = document.createElement("option");<br />
const opt2 = document.createElement("option");<br />
<br />
sel.id = "selectLanguages";<br />
sel.className = "country-flags";<br />
sel.setAttribute("onchange", "document.location.href=document.getElementById('selectLanguages').value");<br />
<br />
index = 0;<br />
<br />
languageItems = document.getElementsByClassName("language-item");<br />
for (var i=0; i<languageItems.length; i++) {<br />
opt = document.createElement("option");<br />
alert(languageItems[i].firstChild.href.length);<br />
if (languageItems[i].firstChild.href.length==3)<br />
languageItems[i].firstChild.href = languageItems[i].firstChild.href.toLowerCase();<br />
opt.value = languageItems[i].firstChild.href;<br />
opt.text = document.getElementById(languageItems[i].id).firstChild.innerHTML;<br />
sel.add(opt, null);<br />
if (document.documentElement.lang==languageItems[i].id.substring(4))<br />
sel.selectedIndex = index;<br />
index++;<br />
}<br />
document.getElementById("user-tools").append(sel);<br />
document.getElementById("user-tools").style.display = "flex";<br />
urlLanguages.outerHTML = "";<br />
}<br />
<br />
<br />
if (document.getElementById("personal").firstChild.firstChild.innerHTML=="Anonymous"<br />
|| document.getElementById("personal").firstChild.firstChild.innerHTML=="익명 사용자"<br />
|| document.getElementById("personal").firstChild.firstChild.innerHTML=="Anonyme"<br />
) {<br />
<br />
allLinkElements = document.getElementsByTagName("a");<br />
for (var i=0; i<allLinkElements.length; i++) {<br />
if (allLinkElements[i].className=="new") {<br />
allLinkElements[i].outerHTML = allLinkElements[i].innerHTML;<br />
i--;<br />
}<br />
}<br />
userLinkElements = document.getElementsByClassName("mw-userlink");<br />
for (var i=0; i<userLinkElements.length; i++) {<br />
userLinkElements[i].outerHTML = "";<br />
i--;<br />
}<br />
userLinkElements = document.getElementsByClassName("mw-usertoollinks");<br />
for (var i=0; i<userLinkElements.length; i++) {<br />
userLinkElements[i].outerHTML = "";<br />
i--;<br />
}<br />
} else {<br />
document.getElementById("mw-page-header-links").style.display = "block";<br />
document.getElementById("site-tools").style.display = "block";<br />
document.getElementById("page-tools").style.display = "block";<br />
document.getElementById("personal").style.display = "block";<br />
userLinkElements = document.getElementsByClassName("mw-userlink");<br />
for (var i=0; i<userLinkElements.length; i++) {<br />
userLinkElements[i].style.display = "block";<br />
}<br />
userLinkElements = document.getElementsByClassName("mw-usertoollinks");<br />
for (var i=0; i<userLinkElements.length; i++) {<br />
userLinkElements[i].style.display = "block";<br />
}<br />
if ((document.body.innerHTML.indexOf('"/wiki/')>-1) && (window.location.pathname!="/index.php") && (window.location.pathname!="/MediaWiki:Common.js")) {<br />
alert("Page to purge");<br />
window.location.href = document.getElementById("ca-edit").firstChild.href.replace("&action=edit", "&action=purge");<br />
}<br />
}<br />
/********************/<br />
/* Clickable button */<br />
/********************/<br />
function clickButton() {<br />
window.open(event.srcElement.getAttribute("data-link"), "_blank");<br />
};<br />
clickableButtons = document.getElementsByClassName("button-clickable");<br />
for (i=0; i<clickableButtons.length; i++) {<br />
linksElements = clickableButtons[i].getElementsByTagName("a");<br />
if (linksElements.length>0) {<br />
clickableButtons[i].setAttribute("data-link", linksElements[0].href);<br />
linksElements[0].outerHTML = linksElements[0].innerHTML;<br />
}<br />
clickableButtons[i].addEventListener('click', clickButton);<br />
}<br />
function clickDiv() {<br />
if (event.srcElement.getAttribute("data-link")!=null)<br />
document.location.href = event.srcElement.getAttribute("data-link");<br />
else if (event.srcElement.parentNode.getAttribute("data-link")!=null)<br />
document.location.href = event.srcElement.parentNode.getAttribute("data-link");<br />
};<br />
clickableDivs = document.getElementsByClassName("div-clickable");<br />
for (i=0; i<clickableDivs.length; i++) {<br />
linksElements = clickableDivs[i].getElementsByTagName("a");<br />
if (linksElements.length>0) {<br />
clickableDivs[i].setAttribute("data-link", linksElements[0].href);<br />
}<br />
clickableDivs[i].addEventListener('click', clickDiv);<br />
}<br />
/***************/<br />
/* Redirection */<br />
/***************/<br />
var newURL = window.location.protocol + "//" + window.location.host + "/" + window.location.pathname.split('/')[window.location.pathname.split('/').length-1] + window.location.search<br />
if (newURL!=window.location.href) {<br />
//alert("Redirection to new url");<br />
window.location.href = newURL;<br />
}</div>
Tgecwe
https://jfla.garden/index.php?title=MediaWiki:Common.js&diff=4269
MediaWiki:Common.js
2024-07-13T17:46:37Z
<p>Tgecwe: </p>
<hr />
<div>/* Any JavaScript here will be loaded for all users on every page load. */<br />
var urlLanguages = document.getElementById("url-languages");<br />
if (urlLanguages!=null) {<br />
const sel = document.createElement("select");<br />
const opt1 = document.createElement("option");<br />
const opt2 = document.createElement("option");<br />
<br />
sel.id = "selectLanguages";<br />
sel.className = "country-flags";<br />
sel.setAttribute("onchange", "document.location.href=document.getElementById('selectLanguages').value");<br />
<br />
index = 0;<br />
<br />
languageItems = document.getElementsByClassName("language-item");<br />
for (var i=0; i<languageItems.length; i++) {<br />
opt = document.createElement("option");<br />
opt.value = languageItems[i].firstChild.href;<br />
opt.text = document.getElementById(languageItems[i].id).firstChild.innerHTML;<br />
sel.add(opt, null);<br />
if (document.documentElement.lang==languageItems[i].id.substring(4))<br />
sel.selectedIndex = index;<br />
index++;<br />
}<br />
document.getElementById("user-tools").append(sel);<br />
document.getElementById("user-tools").style.display = "flex";<br />
urlLanguages.outerHTML = "";<br />
}<br />
<br />
<br />
if (document.getElementById("personal").firstChild.firstChild.innerHTML=="Anonymous"<br />
|| document.getElementById("personal").firstChild.firstChild.innerHTML=="익명 사용자"<br />
|| document.getElementById("personal").firstChild.firstChild.innerHTML=="Anonyme"<br />
) {<br />
<br />
allLinkElements = document.getElementsByTagName("a");<br />
for (var i=0; i<allLinkElements.length; i++) {<br />
if (allLinkElements[i].className=="new") {<br />
allLinkElements[i].outerHTML = allLinkElements[i].innerHTML;<br />
i--;<br />
}<br />
}<br />
userLinkElements = document.getElementsByClassName("mw-userlink");<br />
for (var i=0; i<userLinkElements.length; i++) {<br />
userLinkElements[i].outerHTML = "";<br />
i--;<br />
}<br />
userLinkElements = document.getElementsByClassName("mw-usertoollinks");<br />
for (var i=0; i<userLinkElements.length; i++) {<br />
userLinkElements[i].outerHTML = "";<br />
i--;<br />
}<br />
} else {<br />
document.getElementById("mw-page-header-links").style.display = "block";<br />
document.getElementById("site-tools").style.display = "block";<br />
document.getElementById("page-tools").style.display = "block";<br />
document.getElementById("personal").style.display = "block";<br />
userLinkElements = document.getElementsByClassName("mw-userlink");<br />
for (var i=0; i<userLinkElements.length; i++) {<br />
userLinkElements[i].style.display = "block";<br />
}<br />
userLinkElements = document.getElementsByClassName("mw-usertoollinks");<br />
for (var i=0; i<userLinkElements.length; i++) {<br />
userLinkElements[i].style.display = "block";<br />
}<br />
if ((document.body.innerHTML.indexOf('"/wiki/')>-1) && (window.location.pathname!="/index.php") && (window.location.pathname!="/MediaWiki:Common.js")) {<br />
alert("Page to purge");<br />
window.location.href = document.getElementById("ca-edit").firstChild.href.replace("&action=edit", "&action=purge");<br />
}<br />
}<br />
/********************/<br />
/* Clickable button */<br />
/********************/<br />
function clickButton() {<br />
window.open(event.srcElement.getAttribute("data-link"), "_blank");<br />
};<br />
clickableButtons = document.getElementsByClassName("button-clickable");<br />
for (i=0; i<clickableButtons.length; i++) {<br />
linksElements = clickableButtons[i].getElementsByTagName("a");<br />
if (linksElements.length>0) {<br />
clickableButtons[i].setAttribute("data-link", linksElements[0].href);<br />
linksElements[0].outerHTML = linksElements[0].innerHTML;<br />
}<br />
clickableButtons[i].addEventListener('click', clickButton);<br />
}<br />
function clickDiv() {<br />
if (event.srcElement.getAttribute("data-link")!=null)<br />
document.location.href = event.srcElement.getAttribute("data-link");<br />
else if (event.srcElement.parentNode.getAttribute("data-link")!=null)<br />
document.location.href = event.srcElement.parentNode.getAttribute("data-link");<br />
};<br />
clickableDivs = document.getElementsByClassName("div-clickable");<br />
for (i=0; i<clickableDivs.length; i++) {<br />
linksElements = clickableDivs[i].getElementsByTagName("a");<br />
if (linksElements.length>0) {<br />
clickableDivs[i].setAttribute("data-link", linksElements[0].href);<br />
}<br />
clickableDivs[i].addEventListener('click', clickDiv);<br />
}<br />
/***************/<br />
/* Redirection */<br />
/***************/<br />
var newURL = window.location.protocol + "//" + window.location.host + "/" + window.location.pathname.split('/')[window.location.pathname.split('/').length-1] + window.location.search<br />
if (newURL!=window.location.href) {<br />
//alert("Redirection to new url");<br />
window.location.href = newURL;<br />
}</div>
Tgecwe
https://jfla.garden/index.php?title=MediaWiki:Common.js&diff=4268
MediaWiki:Common.js
2024-07-13T17:45:38Z
<p>Tgecwe: </p>
<hr />
<div>/* Any JavaScript here will be loaded for all users on every page load. */<br />
var urlLanguages = document.getElementById("url-languages");<br />
if (urlLanguages!=null) {<br />
const sel = document.createElement("select");<br />
const opt1 = document.createElement("option");<br />
const opt2 = document.createElement("option");<br />
<br />
sel.id = "selectLanguages";<br />
sel.className = "country-flags";<br />
sel.setAttribute("onchange", "document.location.href=document.getElementById('selectLanguages').value");<br />
<br />
index = 0;<br />
<br />
languageItems = document.getElementsByClassName("language-item");<br />
for (var i=0; i<languageItems.length; i++) {<br />
opt = document.createElement("option");<br />
if (languageItems[i].firstChild.href.length==3)<br />
languageItems[i].firstChild.href = languageItems[i].firstChild.href.toLowerCase();<br />
opt.value = languageItems[i].firstChild.href;<br />
opt.text = document.getElementById(languageItems[i].id).firstChild.innerHTML;<br />
sel.add(opt, null);<br />
if (document.documentElement.lang==languageItems[i].id.substring(4))<br />
sel.selectedIndex = index;<br />
index++;<br />
}<br />
document.getElementById("user-tools").append(sel);<br />
document.getElementById("user-tools").style.display = "flex";<br />
urlLanguages.outerHTML = "";<br />
}<br />
<br />
<br />
if (document.getElementById("personal").firstChild.firstChild.innerHTML=="Anonymous"<br />
|| document.getElementById("personal").firstChild.firstChild.innerHTML=="익명 사용자"<br />
|| document.getElementById("personal").firstChild.firstChild.innerHTML=="Anonyme"<br />
) {<br />
<br />
allLinkElements = document.getElementsByTagName("a");<br />
for (var i=0; i<allLinkElements.length; i++) {<br />
if (allLinkElements[i].className=="new") {<br />
allLinkElements[i].outerHTML = allLinkElements[i].innerHTML;<br />
i--;<br />
}<br />
}<br />
userLinkElements = document.getElementsByClassName("mw-userlink");<br />
for (var i=0; i<userLinkElements.length; i++) {<br />
userLinkElements[i].outerHTML = "";<br />
i--;<br />
}<br />
userLinkElements = document.getElementsByClassName("mw-usertoollinks");<br />
for (var i=0; i<userLinkElements.length; i++) {<br />
userLinkElements[i].outerHTML = "";<br />
i--;<br />
}<br />
} else {<br />
document.getElementById("mw-page-header-links").style.display = "block";<br />
document.getElementById("site-tools").style.display = "block";<br />
document.getElementById("page-tools").style.display = "block";<br />
document.getElementById("personal").style.display = "block";<br />
userLinkElements = document.getElementsByClassName("mw-userlink");<br />
for (var i=0; i<userLinkElements.length; i++) {<br />
userLinkElements[i].style.display = "block";<br />
}<br />
userLinkElements = document.getElementsByClassName("mw-usertoollinks");<br />
for (var i=0; i<userLinkElements.length; i++) {<br />
userLinkElements[i].style.display = "block";<br />
}<br />
if ((document.body.innerHTML.indexOf('"/wiki/')>-1) && (window.location.pathname!="/index.php") && (window.location.pathname!="/MediaWiki:Common.js")) {<br />
alert("Page to purge");<br />
window.location.href = document.getElementById("ca-edit").firstChild.href.replace("&action=edit", "&action=purge");<br />
}<br />
}<br />
/********************/<br />
/* Clickable button */<br />
/********************/<br />
function clickButton() {<br />
window.open(event.srcElement.getAttribute("data-link"), "_blank");<br />
};<br />
clickableButtons = document.getElementsByClassName("button-clickable");<br />
for (i=0; i<clickableButtons.length; i++) {<br />
linksElements = clickableButtons[i].getElementsByTagName("a");<br />
if (linksElements.length>0) {<br />
clickableButtons[i].setAttribute("data-link", linksElements[0].href);<br />
linksElements[0].outerHTML = linksElements[0].innerHTML;<br />
}<br />
clickableButtons[i].addEventListener('click', clickButton);<br />
}<br />
function clickDiv() {<br />
if (event.srcElement.getAttribute("data-link")!=null)<br />
document.location.href = event.srcElement.getAttribute("data-link");<br />
else if (event.srcElement.parentNode.getAttribute("data-link")!=null)<br />
document.location.href = event.srcElement.parentNode.getAttribute("data-link");<br />
};<br />
clickableDivs = document.getElementsByClassName("div-clickable");<br />
for (i=0; i<clickableDivs.length; i++) {<br />
linksElements = clickableDivs[i].getElementsByTagName("a");<br />
if (linksElements.length>0) {<br />
clickableDivs[i].setAttribute("data-link", linksElements[0].href);<br />
}<br />
clickableDivs[i].addEventListener('click', clickDiv);<br />
}<br />
/***************/<br />
/* Redirection */<br />
/***************/<br />
var newURL = window.location.protocol + "//" + window.location.host + "/" + window.location.pathname.split('/')[window.location.pathname.split('/').length-1] + window.location.search<br />
if (newURL!=window.location.href) {<br />
//alert("Redirection to new url");<br />
window.location.href = newURL;<br />
}</div>
Tgecwe
https://jfla.garden/index.php?title=MediaWiki:Common.css&diff=4266
MediaWiki:Common.css
2024-07-13T10:11:24Z
<p>Tgecwe: </p>
<hr />
<div>/* CSS placed here will be applied to all skins */<br />
<br />
/***************/<br />
/*** General ***/<br />
/***************/<br />
body {<br />
line-height: 1.7;<br />
}<br />
p {<br />
white-space: break-spaces<br />
}<br />
.mw-body-content > h3 {<br />
border-bottom: solid 1px #c8ccd1;<br />
display: flow-root;<br />
}<br />
#mw-header-container {<br />
background-image: url(res/banner-top-flowers.jpg);<br />
background-repeat: no-repeat;<br />
}<br />
#user-tools select, #searchInput-container input {<br />
background-color: #f4f1e9 !important;<br />
}<br />
#mw-content {<br />
background-image: url(res/background-grey-curves.jpg);<br />
}<br />
#mw-content .mw-parser-output > p {<br />
background-color: white;<br />
}<br />
#mw-content .mw-parser-output > ul > li {<br />
background-color: white;<br />
}<br />
#mw-content .mw-parser-output > p {<br />
background-color: white;<br />
}<br />
#mw-content .mw-headline {<br />
background-color: white;<br />
}<br />
.mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body dt {<br />
padding-bottom: 1px;<br />
}<br />
#mw-content .firstHeading {<br />
background-color: white;<br />
}<br />
/*<br />
.mw-page-title-namespace {<br />
display: none;<br />
}<br />
.mw-page-title-separator {<br />
display: none;<br />
}<br />
*/<br />
#p-logo-text a {<br />
padding: 0.2em 1em 0.2em 1.4em !important;<br />
background-image: url(res/flower-small.png);<br />
background-repeat: no-repeat;<br />
background-position: 0px 3px;<br />
overflow: hidden;<br />
font-size: 1.85em !important;<br />
white-space: nowrap;<br />
width: 4.8em;<br />
}<br />
@media screen and (min-width:1540px){<br />
.dynamic-column {<br />
column-count:4;<br />
}<br />
}<br />
@media screen and (min-width:720px) and (max-width:1540px){<br />
.dynamic-column {<br />
column-count:3;<br />
}<br />
}<br />
@media screen and (max-width:720px){<br />
.dynamic-column {<br />
column-count:2;<br />
}<br />
}<br />
.wikitable > caption {<br />
background-color: #c8ccd1;<br />
min-width: 250px;<br />
}<br />
/*****************/<br />
/*** Main page ***/<br />
/*****************/<br />
.box-container {<br />
display: flex;<br />
flex-direction: row;<br />
flex-wrap: wrap;<br />
text-align: center;<br />
}<br />
.box-item {<br />
border: 1px solid #7f848c;<br />
padding: 5px;<br />
margin: 10px;<br />
background-color: #d6e4ff;<br />
border-radius: 5px;<br />
outline: 2px solid #b1c2e2;<br />
background: linear-gradient(to bottom, #b1c2e2, #ebf2ff 58px, #ebf2ff 58px, #fafcff 63px, #ebf2ff);<br />
}<br />
.box-item-top {<br />
background: #d6e4ff;<br />
background-size: 90px;<br />
background-repeat: no-repeat;<br />
background-blend-mode: luminosity;<br />
}<br />
.box-item-top-jfla {<br />
background-image: url(res/bg-jfla.png);<br />
}<br />
.box-item-top-note {<br />
background-image: url(res/bg-note.png);<br />
}<br />
.box-item-top-cd {<br />
background-image: url(res/bg-cd.png);<br />
}<br />
.box-item-top-micro {<br />
background-image: url(res/bg-micro.png);<br />
}<br />
.box-title {<br />
text-align: center;<br />
font-weight: bold;<br />
font-size: large;<br />
}<br />
.box-title-top {<br />
margin: 20px 0px;<br />
}<br />
@media screen and (min-width:1340px){<br />
.box-item {<br />
width: 29%;<br />
}<br />
}<br />
@media screen and (min-width:1100px) and (max-width:1339px){<br />
.box-item {<br />
width: 45%;<br />
}<br />
}<br />
@media screen and (min-width:851px) and (max-width:1099px){<br />
.box-item {<br />
width: 45%;<br />
}<br />
}<br />
@media screen and (max-width:850px){<br />
.box-item {<br />
width: 95%;<br />
}<br />
}<br />
#user-tools {<br />
min-width: 0em;<br />
}<br />
/***************/<br />
/*** Visitor ***/<br />
/***************/<br />
#mw-page-header-links {<br />
display: none;<br />
}<br />
#site-tools {<br />
display: none;<br />
}<br />
#page-tools {<br />
display: none;<br />
}<br />
#personal {<br />
display: none;<br />
}<br />
.mw-userlink {<br />
display: none;<br />
}<br />
.mw-usertoollinks {<br />
display: none;<br />
}<br />
<br />
/*********************/<br />
/*** Country flags ***/<br />
/*********************/<br />
@font-face {<br />
font-family: 'Twemoji Country Flags';<br />
unicode-range: U+1F1E6-1F1FF, U+1F3F4, U+E0062-E0063, U+E0065, U+E0067, U+E006C, U+E006E, U+E0073-E0074, U+E0077, U+E007F;<br />
src: url('https://cdn.jsdelivr.net/npm/country-flag-emoji-polyfill@0.1/dist/TwemojiCountryFlags.woff2') format('woff2');<br />
}<br />
.country-flags {<br />
font-family: "Twemoji Country Flags";<br />
}<br />
<br />
@media screen and (min-width:851px){<br />
#selectLanguages {<br />
margin-left: 10px;<br />
}<br />
}<br />
@media screen and (max-width:850px){<br />
#selectLanguages {<br />
position: absolute;<br />
right: 1em;<br />
}<br />
.mw-portlet {<br />
padding-right: 8em;<br />
}<br />
}<br />
<br />
/***************/<br />
/*** Infobox ***/<br />
/***************/<br />
.portable-infobox {<br />
border: 1px solid #aaa;<br />
min-width: 325px;<br />
width: auto;<br />
}<br />
.pi-title {<br />
text-align: center;<br />
font-weight: bold !important;<br />
background-color: #dfedff;<br />
margin: 5px !important;<br />
}<br />
.pi-title p, .pi-header p {<br />
padding: 5px;<br />
margin: 5px;<br />
}<br />
.pi-secondary-background {<br />
background-color: inherit !important;<br />
}<br />
.pi-secondary-background > p {<br />
background-color: #dfedff;<br />
}<br />
.pi-data-label {<br />
flex-basis: 110px;<br />
}<br />
.pi-data p {<br />
margin: 0px;<br />
}<br />
.pi-data-label p, .pi-data-value p, .pi-data-value center {<br />
font-size: 1.2em;<br />
}<br />
/*.pi-data-value:first-child {<br />
text-align: center;<br />
}*/<br />
.pi-horizontal-group {<br />
table-layout: initial;<br />
}<br />
.pi-header {<br />
text-align: center !important;<br />
padding: 0px !important;<br />
}<br />
.pi-data-value > p {<br />
min-width: 80px;<br />
word-break: auto-phrase;<br />
}<br />
<br />
@media screen and (min-width:1340px){<br />
.portable-infobox {<br />
max-width: 350px;<br />
}<br />
}<br />
.pi-group, .pi-data, .pi-horizontal-group-item {<br />
border-width: 0px !important;<br />
}<br />
/********************/<br />
/*** Music labels ***/<br />
/********************/<br />
.label {<br />
border: 0px;<br />
border-radius: 10px;<br />
padding:2px 6px;<br />
font-size: smaller;<br />
text-wrap: nowrap;<br />
margin-right: 5px;<br />
}<br />
.label-blue {<br />
background-color:#89dfdf;<br />
}<br />
.label-bluedeep {<br />
background-color:#cedbff;<br />
}<br />
.label-brown {<br />
background-color:#f3ddba;<br />
}<br />
.label-browndeep {<br />
background-color:#dacdab;<br />
}<br />
.label-coral {<br />
background-color:#f6d6d6;<br />
}<br />
.label-green {<br />
background-color:#bce6bc;<br />
}<br />
.label-grey {<br />
background-color:#dddddd;<br />
}<br />
.label-orange {<br />
background-color:#ffe5b2;<br />
}<br />
.label-pink {<br />
background-color:#df89d6;<br />
}<br />
.label-purple {<br />
background-color:#d2c4f1;<br />
}<br />
.label-red {<br />
background-color:#df8989;<br />
}<br />
.label-reddeep {<br />
background-color:#fe8888;<br />
}<br />
.label-turquoise {<br />
background-color:#afeedb;<br />
}<br />
.label-yellow {<br />
background-color:#fafad2;<br />
}<br />
.label-white {<br />
background-color:#ffffff;<br />
}<br />
<br />
/**********************************/<br />
/*** Template: External Picture ***/<br />
/**********************************/<br />
.extPicContainer {<br />
display: inline-block;<br />
margin:0px 10px 10px 0px;<br />
border: solid 1px #eaecf0;<br />
border-width: 1px 1px 0.2em;<br />
text-align:left;<br />
background-color:#f8f9fa;<br />
font-size: 90%;<br />
}<br />
.extPicHeader {<br />
padding: 10px 10px 7px 10px;<br />
border-bottom: solid 1px #eaecf0;<br />
background-color: #edeff4;<br />
display:flex;<br />
align-items:center;<br />
}<br />
.extPicImage {<br />
padding: 10px;<br />
text-align: center;<br />
}<br />
.extPicImage img {<br />
max-height: 360px;<br />
width: auto;<br />
}<br />
.extPicCaption {<br />
padding: 0px 10px 10px 10px;<br />
}<br />
@media screen and (min-width:1540px){<br />
.extPicContainer {<br />
max-width: 468px;<br />
}<br />
}<br />
@media screen and (min-width:720px) and (max-width:1540px){<br />
.extPicContainer {<br />
width: 48%;<br />
}<br />
}<br />
@media screen and (max-width:720px){<br />
.extPicContainer {<br />
width: 100%;<br />
max-width: 480px;<br />
}<br />
}<br />
/******************/<br />
/* Template: Note */<br />
/******************/<br />
.mw-parser-output .note{background-position:left 7px top 50%;padding:0.5em 0.5em 0.5em 40px;margin:0.5em 0;overflow:hidden;background-color:#f8f9fa;color:#333;background-repeat:no-repeat;border:1px solid #ddd}.mw-parser-output .note-inline{display:inline-block;vertical-align:middle}.mw-parser-output .note-info{background-color:#eaf3ff;color:#333;background-image:url("res/OOjs_UI_icon_information-progressive.svg");background-size:25px;border-color:#a3caff;padding-left:40px;min-height:25px}.mw-parser-output .note-reminder{background-color:#fff9ea;color:#333;background-image:url("res/OOjs_UI_icon_lightbulb-yellow.svg");background-size:25px;border-color:#fc3;min-height:25px}.mw-parser-output .note-warn{background-color:#fff9ea;color:#333;background-image:url("res/OOjs_UI_icon_alert-warning.svg");background-size:25px;border-color:#fc3;min-height:25px}.mw-parser-output .note-error{background-color:#fee7e6;color:#333;background-image:url("res/OOjs_UI_icon_notice-destructive.svg");background-size:25px;border-color:#c33;min-height:25px}html.skin-theme-clientpref-night .mw-parser-output .note{background-color:transparent;color:inherit}@media(prefers-color-scheme:dark){html.skin-theme-clientpref-os .mw-parser-output .note{background-color:transparent;color:inherit}}<br />
<br />
/****************/<br />
/* Song details */<br />
/****************/<br />
@media screen and (min-width:1540px){<br />
.song-container {<br />
width: 800px;<br />
}<br />
.song-picture {<br />
float: right;<br />
height: 170px;<br />
width: 300px;<br />
}<br />
.song-picture span img {<br />
max-height: 170px !important;<br />
border-bottom: 2px solid white;<br />
}<br />
}<br />
@media screen and (min-width:720px) and (max-width:1540px){<br />
.song-container {<br />
width: 700px;<br />
}<br />
.song-picture {<br />
float: right;<br />
height: 170px;<br />
width: 300px;<br />
}<br />
.song-picture span img {<br />
max-height: 170px !important;<br />
}<br />
}<br />
@media screen and (max-width:720px){<br />
.song-container {<br />
width: 100%;<br />
}<br />
.song-picture {<br />
float: none;<br />
}<br />
.song-picture span img {<br />
max-height: 300px;<br />
}<br />
}<br />
.song-container {<br />
clear:both;<br />
margin: 50px 0px;<br />
}<br />
.song-header {<br />
border: solid 1px #c8ccd1;<br />
width: fit-content;<br />
border-radius: 6px 6px 0px 0px;<br />
padding: 2px 11px 1px 11px;<br />
font-weight: bold;<br />
font-size: larger;<br />
background-color: #6d7e91;<br />
color: white;<br />
}<br />
.song-header a:link {<br />
color: white;<br />
}<br />
.song-header a:hover {<br />
color: yellow;<br />
}<br />
.song-header a:active {<br />
color: white;<br />
}<br />
.song-header a:visited {<br />
color: white;<br />
}<br />
.song-item {<br />
background-color: #f8f9fa;<br />
border: solid 1px #c8ccd1;<br />
padding-bottom: 5px;<br />
clear: both;<br />
}<br />
.song-number {<br />
border-right: solid 1px #c8ccd1;<br />
margin-right: 10px;<br />
padding: 5px 10px 5px 0px;<br />
}<br />
.song-picture {<br />
margin: 10px;<br />
text-align: center;<br />
background-color: black;<br />
position: relative;<br />
}<br />
.song-picture span img {<br />
width: auto;<br />
}<br />
.song-details {<br />
padding: 5px 5px 5px 20px;<br />
min-height: 175px;<br />
}<br />
.song-subtitle {<br />
font-weight: bold;<br />
margin: 0.5em 0;<br />
}<br />
.song-description {<br />
/*padding-left: 10px;*/ /*OLD*/<br />
display: grid; /*NEW*/<br />
grid-template-columns: 85px auto; /*NEW*/<br />
}<br />
.song-label {<br />
/*display: inline-block; /*OLD*/<br />
width: 65px;<br />
background-color: #eff1f6;<br />
/*padding: 2px 6px; /*OLD*/<br />
/*margin: 2px 5px 2px 0px; /*OLD*/<br />
padding: 3px 5px 3px 10px; /*NEW*/<br />
height: calc(100% - 10px); /*NEW*/<br />
}<br />
.song-value, .song-value2 {<br />
/*display: inline-table; /*OLD*/<br />
padding: 3px 5px 3px 0px; /*NEW*/<br />
}<br />
.song-description:has(.song-value:empty) {<br />
display: none;<br />
}<br />
.song-subdescription {<br />
font-style: italic;<br />
font-size: smaller;<br />
padding-left: 0.5em;<br />
}<br />
.song-subdescription:has(.song-subvalue:empty) {<br />
display: none;<br />
}<br />
.song-duration {<br />
position: absolute;<br />
bottom: 0px;<br />
right: 0px;<br />
background-color: white;<br />
font-size: smaller;<br />
opacity: 70%;<br />
padding: 0px 2px 0px 5px;<br />
border-radius: 10px 0px 0px 0px;<br />
font-weight: bold;<br />
}<br />
.song-views {<br />
position: absolute;<br />
bottom: 0px;<br />
left: 0px;<br />
background-color: white;<br />
font-size: smaller;<br />
opacity: 70%;<br />
padding: 0px 5px 0px 2px;<br />
border-radius: 0px 10px 0px 0px;<br />
font-weight: bold;<br />
}<br />
/********************/<br />
/* Clickable button */<br />
/********************/<br />
.button-red {<br />
background-image: linear-gradient(#ec4247, #c90000);<br />
border: 1px solid #cc0000;<br />
}<br />
.button-blue {<br />
background-image: linear-gradient(#42A1EC, #0070C9);<br />
border: 1px solid #0077CC;<br />
}<br />
.button {<br />
border-radius: 4px;<br />
box-sizing: border-box;<br />
color: #FFFFFF;<br />
cursor: pointer;<br />
direction: ltr;<br />
display: inline;<br />
font-size: 13px;<br />
font-weight: 400;<br />
letter-spacing: -.022em;<br />
line-height: 1.47059;<br />
min-width: 30px;<br />
overflow: visible;<br />
padding: 8px 18px;<br />
text-align: center;<br />
vertical-align: baseline;<br />
user-select: none;<br />
-webkit-user-select: none;<br />
touch-action: manipulation;<br />
white-space: nowrap;<br />
width: fit-content;<br />
color: white;<br />
}<br />
.button > a:link {<br />
color: white !important;<br />
}<br />
.button > a:hover {<br />
color: yellow !important;<br />
}<br />
.button > a:active {<br />
color: white !important;<br />
}<br />
.button > a:visited {<br />
color: white !important;<br />
}<br />
.div-clickable {<br />
cursor: pointer;<br />
}<br />
/********************/<br />
/* TOC depth limits */<br />
/********************/<br />
.toclimit-2 .toclevel-1 ul,<br />
.toclimit-3 .toclevel-2 ul,<br />
.toclimit-4 .toclevel-3 ul,<br />
.toclimit-5 .toclevel-4 ul,<br />
.toclimit-6 .toclevel-5 ul,<br />
.toclimit-7 .toclevel-6 ul {<br />
display: none;<br />
}<br />
/***************/<br />
/* Discography */<br />
/***************/<br />
@media screen and (max-width:720px) {<br />
.album-main {<br />
display: block;<br />
}<br />
.album-songs {<br />
grid-template-columns: 40px auto 50px min-content min-content;<br />
}<br />
.album-songs > .album-cell {<br />
border-width: 0px 0px 1px 1px;<br />
}<br />
}<br />
@media screen and (min-width:721px) {<br />
.album-main {<br />
display: grid;<br />
}<br />
.album-songs {<br />
grid-template-columns: 40px auto 50px minmax(min-content, max-content) minmax(min-content, max-content);<br />
}<br />
}<br />
.album-main {<br />
width: 100%;<br />
max-width: 935px;<br />
grid-template-columns: 343px auto;<br />
background-color: white;<br />
}<br />
.album-title {<br />
padding:10px;<br />
background-color:#5d738b;<br />
color:white;<br />
text-align: center;<br />
grid-column: 1 / 3;<br />
}<br />
.album-first-section {<br />
border-style: solid;<br />
border-color: #c8ccd1;<br />
border-width: 0px 0px 0px 1px;<br />
}<br />
.album-type {<br />
background-color: #eaecf0;<br />
text-align: center;<br />
font-weight: bold;<br />
}<br />
.album-name {<br />
text-align: center;<br />
}<br />
.album-songs {<br />
display: grid;<br />
grid-template-rows: repeat(auto-fill, minmax(min-content, 38px));<br />
border-style: solid;<br />
border-color: #c8ccd1;<br />
border-width: 0px 1px 1px 0px;<br />
}<br />
.album-songs-header {<br />
background-color: #eaecf0;<br />
text-align: center;<br />
font-weight: bold;<br />
}<br />
.album-cell {<br />
padding: 6px;<br />
border-style: solid;<br />
border-color: #c8ccd1;<br />
border-width: 0px 1px 1px 0px;<br />
}</div>
Tgecwe
https://jfla.garden/index.php?title=MediaWiki:Common.css&diff=4240
MediaWiki:Common.css
2024-07-12T12:22:14Z
<p>Tgecwe: </p>
<hr />
<div>/* CSS placed here will be applied to all skins */<br />
<br />
/***************/<br />
/*** General ***/<br />
/***************/<br />
body {<br />
line-height: 1.7;<br />
}<br />
p {<br />
white-space: break-spaces<br />
}<br />
h3 {<br />
border-bottom: solid 1px #c8ccd1;<br />
display: flow-root;<br />
}<br />
#mw-header-container {<br />
background-image: url(res/banner-top-flowers.jpg);<br />
background-repeat: no-repeat;<br />
}<br />
#user-tools select, #searchInput-container input {<br />
background-color: #f4f1e9 !important;<br />
}<br />
#mw-content {<br />
background-image: url(res/background-grey-curves.jpg);<br />
}<br />
#mw-content .mw-parser-output > p {<br />
background-color: white;<br />
}<br />
#mw-content .mw-parser-output > ul > li {<br />
background-color: white;<br />
}<br />
#mw-content .mw-parser-output > p {<br />
background-color: white;<br />
}<br />
#mw-content .mw-headline {<br />
background-color: white;<br />
}<br />
.mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body dt {<br />
padding-bottom: 1px;<br />
}<br />
#mw-content .firstHeading {<br />
background-color: white;<br />
}<br />
/*<br />
.mw-page-title-namespace {<br />
display: none;<br />
}<br />
.mw-page-title-separator {<br />
display: none;<br />
}<br />
*/<br />
#p-logo-text a {<br />
padding: 0.2em 1em 0.2em 1.4em !important;<br />
background-image: url(res/flower-small.png);<br />
background-repeat: no-repeat;<br />
background-position: 0px 3px;<br />
overflow: hidden;<br />
font-size: 1.85em !important;<br />
white-space: nowrap;<br />
width: 4.8em;<br />
}<br />
@media screen and (min-width:1540px){<br />
.dynamic-column {<br />
column-count:4;<br />
}<br />
}<br />
@media screen and (min-width:720px) and (max-width:1540px){<br />
.dynamic-column {<br />
column-count:3;<br />
}<br />
}<br />
@media screen and (max-width:720px){<br />
.dynamic-column {<br />
column-count:2;<br />
}<br />
}<br />
.wikitable > caption {<br />
background-color: #c8ccd1;<br />
min-width: 250px;<br />
}<br />
/*****************/<br />
/*** Main page ***/<br />
/*****************/<br />
.box-container {<br />
display: flex;<br />
flex-direction: row;<br />
flex-wrap: wrap;<br />
text-align: center;<br />
}<br />
.box-item {<br />
border: 1px solid #7f848c;<br />
padding: 5px;<br />
margin: 10px;<br />
background-color: #d6e4ff;<br />
border-radius: 5px;<br />
outline: 2px solid #b1c2e2;<br />
background: linear-gradient(to bottom, #b1c2e2, #ebf2ff 58px, #ebf2ff 58px, #fafcff 63px, #ebf2ff);<br />
}<br />
.box-item-top {<br />
background: #d6e4ff;<br />
background-size: 90px;<br />
background-repeat: no-repeat;<br />
background-blend-mode: luminosity;<br />
}<br />
.box-item-top-jfla {<br />
background-image: url(res/bg-jfla.png);<br />
}<br />
.box-item-top-note {<br />
background-image: url(res/bg-note.png);<br />
}<br />
.box-item-top-cd {<br />
background-image: url(res/bg-cd.png);<br />
}<br />
.box-item-top-micro {<br />
background-image: url(res/bg-micro.png);<br />
}<br />
.box-title {<br />
text-align: center;<br />
font-weight: bold;<br />
font-size: large;<br />
}<br />
.box-title-top {<br />
margin: 20px 0px;<br />
}<br />
@media screen and (min-width:1340px){<br />
.box-item {<br />
width: 29%;<br />
}<br />
}<br />
@media screen and (min-width:1100px) and (max-width:1339px){<br />
.box-item {<br />
width: 45%;<br />
}<br />
}<br />
@media screen and (min-width:851px) and (max-width:1099px){<br />
.box-item {<br />
width: 45%;<br />
}<br />
}<br />
@media screen and (max-width:850px){<br />
.box-item {<br />
width: 95%;<br />
}<br />
}<br />
#user-tools {<br />
min-width: 0em;<br />
}<br />
/***************/<br />
/*** Visitor ***/<br />
/***************/<br />
#mw-page-header-links {<br />
display: none;<br />
}<br />
#site-tools {<br />
display: none;<br />
}<br />
#page-tools {<br />
display: none;<br />
}<br />
#personal {<br />
display: none;<br />
}<br />
.mw-userlink {<br />
display: none;<br />
}<br />
.mw-usertoollinks {<br />
display: none;<br />
}<br />
<br />
/*********************/<br />
/*** Country flags ***/<br />
/*********************/<br />
@font-face {<br />
font-family: 'Twemoji Country Flags';<br />
unicode-range: U+1F1E6-1F1FF, U+1F3F4, U+E0062-E0063, U+E0065, U+E0067, U+E006C, U+E006E, U+E0073-E0074, U+E0077, U+E007F;<br />
src: url('https://cdn.jsdelivr.net/npm/country-flag-emoji-polyfill@0.1/dist/TwemojiCountryFlags.woff2') format('woff2');<br />
}<br />
.country-flags {<br />
font-family: "Twemoji Country Flags";<br />
}<br />
<br />
@media screen and (min-width:851px){<br />
#selectLanguages {<br />
margin-left: 10px;<br />
}<br />
}<br />
@media screen and (max-width:850px){<br />
#selectLanguages {<br />
position: absolute;<br />
right: 1em;<br />
}<br />
.mw-portlet {<br />
padding-right: 8em;<br />
}<br />
}<br />
<br />
/***************/<br />
/*** Infobox ***/<br />
/***************/<br />
.portable-infobox {<br />
border: 1px solid #aaa;<br />
min-width: 325px;<br />
width: auto;<br />
}<br />
.pi-title {<br />
text-align: center;<br />
font-weight: bold !important;<br />
background-color: #dfedff;<br />
margin: 5px !important;<br />
}<br />
.pi-title p, .pi-header p {<br />
padding: 5px;<br />
margin: 5px;<br />
}<br />
.pi-secondary-background {<br />
background-color: inherit !important;<br />
}<br />
.pi-secondary-background > p {<br />
background-color: #dfedff;<br />
}<br />
.pi-data-label {<br />
flex-basis: 110px;<br />
}<br />
.pi-data p {<br />
margin: 0px;<br />
}<br />
.pi-data-label p, .pi-data-value p, .pi-data-value center {<br />
font-size: 1.2em;<br />
}<br />
/*.pi-data-value:first-child {<br />
text-align: center;<br />
}*/<br />
.pi-horizontal-group {<br />
table-layout: initial;<br />
}<br />
.pi-header {<br />
text-align: center !important;<br />
padding: 0px !important;<br />
}<br />
.pi-data-value > p {<br />
min-width: 80px;<br />
word-break: auto-phrase;<br />
}<br />
<br />
@media screen and (min-width:1340px){<br />
.portable-infobox {<br />
max-width: 350px;<br />
}<br />
}<br />
.pi-group, .pi-data, .pi-horizontal-group-item {<br />
border-width: 0px !important;<br />
}<br />
/********************/<br />
/*** Music labels ***/<br />
/********************/<br />
.label {<br />
border: 0px;<br />
border-radius: 10px;<br />
padding:2px 6px;<br />
font-size: smaller;<br />
text-wrap: nowrap;<br />
margin-right: 5px;<br />
}<br />
.label-blue {<br />
background-color:#89dfdf;<br />
}<br />
.label-bluedeep {<br />
background-color:#cedbff;<br />
}<br />
.label-brown {<br />
background-color:#f3ddba;<br />
}<br />
.label-browndeep {<br />
background-color:#dacdab;<br />
}<br />
.label-coral {<br />
background-color:#f6d6d6;<br />
}<br />
.label-green {<br />
background-color:#bce6bc;<br />
}<br />
.label-grey {<br />
background-color:#dddddd;<br />
}<br />
.label-orange {<br />
background-color:#ffe5b2;<br />
}<br />
.label-pink {<br />
background-color:#df89d6;<br />
}<br />
.label-purple {<br />
background-color:#d2c4f1;<br />
}<br />
.label-red {<br />
background-color:#df8989;<br />
}<br />
.label-reddeep {<br />
background-color:#fe8888;<br />
}<br />
.label-turquoise {<br />
background-color:#afeedb;<br />
}<br />
.label-yellow {<br />
background-color:#fafad2;<br />
}<br />
.label-white {<br />
background-color:#ffffff;<br />
}<br />
<br />
/**********************************/<br />
/*** Template: External Picture ***/<br />
/**********************************/<br />
.extPicContainer {<br />
display: inline-block;<br />
margin:0px 10px 10px 0px;<br />
border: solid 1px #eaecf0;<br />
border-width: 1px 1px 0.2em;<br />
text-align:left;<br />
background-color:#f8f9fa;<br />
font-size: 90%;<br />
}<br />
.extPicHeader {<br />
padding: 10px 10px 7px 10px;<br />
border-bottom: solid 1px #eaecf0;<br />
background-color: #edeff4;<br />
display:flex;<br />
align-items:center;<br />
}<br />
.extPicImage {<br />
padding: 10px;<br />
text-align: center;<br />
}<br />
.extPicImage img {<br />
max-height: 360px;<br />
width: auto;<br />
}<br />
.extPicCaption {<br />
padding: 0px 10px 10px 10px;<br />
}<br />
@media screen and (min-width:1540px){<br />
.extPicContainer {<br />
max-width: 468px;<br />
}<br />
}<br />
@media screen and (min-width:720px) and (max-width:1540px){<br />
.extPicContainer {<br />
width: 48%;<br />
}<br />
}<br />
@media screen and (max-width:720px){<br />
.extPicContainer {<br />
width: 100%;<br />
max-width: 480px;<br />
}<br />
}<br />
/******************/<br />
/* Template: Note */<br />
/******************/<br />
.mw-parser-output .note{background-position:left 7px top 50%;padding:0.5em 0.5em 0.5em 40px;margin:0.5em 0;overflow:hidden;background-color:#f8f9fa;color:#333;background-repeat:no-repeat;border:1px solid #ddd}.mw-parser-output .note-inline{display:inline-block;vertical-align:middle}.mw-parser-output .note-info{background-color:#eaf3ff;color:#333;background-image:url("res/OOjs_UI_icon_information-progressive.svg");background-size:25px;border-color:#a3caff;padding-left:40px;min-height:25px}.mw-parser-output .note-reminder{background-color:#fff9ea;color:#333;background-image:url("res/OOjs_UI_icon_lightbulb-yellow.svg");background-size:25px;border-color:#fc3;min-height:25px}.mw-parser-output .note-warn{background-color:#fff9ea;color:#333;background-image:url("res/OOjs_UI_icon_alert-warning.svg");background-size:25px;border-color:#fc3;min-height:25px}.mw-parser-output .note-error{background-color:#fee7e6;color:#333;background-image:url("res/OOjs_UI_icon_notice-destructive.svg");background-size:25px;border-color:#c33;min-height:25px}html.skin-theme-clientpref-night .mw-parser-output .note{background-color:transparent;color:inherit}@media(prefers-color-scheme:dark){html.skin-theme-clientpref-os .mw-parser-output .note{background-color:transparent;color:inherit}}<br />
<br />
/****************/<br />
/* Song details */<br />
/****************/<br />
@media screen and (min-width:1540px){<br />
.song-container {<br />
width: 800px;<br />
}<br />
.song-picture {<br />
float: right;<br />
height: 170px;<br />
width: 300px;<br />
}<br />
.song-picture span img {<br />
max-height: 170px !important;<br />
border-bottom: 2px solid white;<br />
}<br />
}<br />
@media screen and (min-width:720px) and (max-width:1540px){<br />
.song-container {<br />
width: 700px;<br />
}<br />
.song-picture {<br />
float: right;<br />
height: 170px;<br />
width: 300px;<br />
}<br />
.song-picture span img {<br />
max-height: 170px !important;<br />
}<br />
}<br />
@media screen and (max-width:720px){<br />
.song-container {<br />
width: 100%;<br />
}<br />
.song-picture {<br />
float: none;<br />
}<br />
.song-picture span img {<br />
max-height: 300px;<br />
}<br />
}<br />
.song-container {<br />
clear:both;<br />
margin: 50px 0px;<br />
}<br />
.song-header {<br />
border: solid 1px #c8ccd1;<br />
width: fit-content;<br />
border-radius: 6px 6px 0px 0px;<br />
padding: 2px 11px 1px 11px;<br />
font-weight: bold;<br />
font-size: larger;<br />
background-color: #6d7e91;<br />
color: white;<br />
}<br />
.song-header a:link {<br />
color: white;<br />
}<br />
.song-header a:hover {<br />
color: yellow;<br />
}<br />
.song-header a:active {<br />
color: white;<br />
}<br />
.song-header a:visited {<br />
color: white;<br />
}<br />
.song-item {<br />
background-color: #f8f9fa;<br />
border: solid 1px #c8ccd1;<br />
padding-bottom: 5px;<br />
clear: both;<br />
}<br />
.song-number {<br />
border-right: solid 1px #c8ccd1;<br />
margin-right: 10px;<br />
padding: 5px 10px 5px 0px;<br />
}<br />
.song-picture {<br />
margin: 10px;<br />
text-align: center;<br />
background-color: black;<br />
position: relative;<br />
}<br />
.song-picture span img {<br />
width: auto;<br />
}<br />
.song-details {<br />
padding: 5px 5px 5px 20px;<br />
min-height: 175px;<br />
}<br />
.song-subtitle {<br />
font-weight: bold;<br />
margin: 0.5em 0;<br />
}<br />
.song-description {<br />
/*padding-left: 10px;*/ /*OLD*/<br />
display: grid; /*NEW*/<br />
grid-template-columns: 85px auto; /*NEW*/<br />
}<br />
.song-label {<br />
/*display: inline-block; /*OLD*/<br />
width: 65px;<br />
background-color: #eff1f6;<br />
/*padding: 2px 6px; /*OLD*/<br />
/*margin: 2px 5px 2px 0px; /*OLD*/<br />
padding: 3px 5px 3px 10px; /*NEW*/<br />
height: calc(100% - 10px); /*NEW*/<br />
}<br />
.song-value, .song-value2 {<br />
/*display: inline-table; /*OLD*/<br />
padding: 3px 5px 3px 0px; /*NEW*/<br />
}<br />
.song-description:has(.song-value:empty) {<br />
display: none;<br />
}<br />
.song-subdescription {<br />
font-style: italic;<br />
font-size: smaller;<br />
padding-left: 0.5em;<br />
}<br />
.song-subdescription:has(.song-subvalue:empty) {<br />
display: none;<br />
}<br />
.song-duration {<br />
position: absolute;<br />
bottom: 0px;<br />
right: 0px;<br />
background-color: white;<br />
font-size: smaller;<br />
opacity: 70%;<br />
padding: 0px 2px 0px 5px;<br />
border-radius: 10px 0px 0px 0px;<br />
font-weight: bold;<br />
}<br />
.song-views {<br />
position: absolute;<br />
bottom: 0px;<br />
left: 0px;<br />
background-color: white;<br />
font-size: smaller;<br />
opacity: 70%;<br />
padding: 0px 5px 0px 2px;<br />
border-radius: 0px 10px 0px 0px;<br />
font-weight: bold;<br />
}<br />
/********************/<br />
/* Clickable button */<br />
/********************/<br />
.button-red {<br />
background-image: linear-gradient(#ec4247, #c90000);<br />
border: 1px solid #cc0000;<br />
}<br />
.button-blue {<br />
background-image: linear-gradient(#42A1EC, #0070C9);<br />
border: 1px solid #0077CC;<br />
}<br />
.button {<br />
border-radius: 4px;<br />
box-sizing: border-box;<br />
color: #FFFFFF;<br />
cursor: pointer;<br />
direction: ltr;<br />
display: inline;<br />
font-size: 13px;<br />
font-weight: 400;<br />
letter-spacing: -.022em;<br />
line-height: 1.47059;<br />
min-width: 30px;<br />
overflow: visible;<br />
padding: 8px 18px;<br />
text-align: center;<br />
vertical-align: baseline;<br />
user-select: none;<br />
-webkit-user-select: none;<br />
touch-action: manipulation;<br />
white-space: nowrap;<br />
width: fit-content;<br />
color: white;<br />
}<br />
.button > a:link {<br />
color: white !important;<br />
}<br />
.button > a:hover {<br />
color: yellow !important;<br />
}<br />
.button > a:active {<br />
color: white !important;<br />
}<br />
.button > a:visited {<br />
color: white !important;<br />
}<br />
.div-clickable {<br />
cursor: pointer;<br />
}<br />
/********************/<br />
/* TOC depth limits */<br />
/********************/<br />
.toclimit-2 .toclevel-1 ul,<br />
.toclimit-3 .toclevel-2 ul,<br />
.toclimit-4 .toclevel-3 ul,<br />
.toclimit-5 .toclevel-4 ul,<br />
.toclimit-6 .toclevel-5 ul,<br />
.toclimit-7 .toclevel-6 ul {<br />
display: none;<br />
}<br />
/***************/<br />
/* Discography */<br />
/***************/<br />
@media screen and (max-width:720px) {<br />
.album-main {<br />
display: block;<br />
}<br />
.album-songs {<br />
grid-template-columns: 40px auto 50px min-content min-content;<br />
}<br />
.album-songs > .album-cell {<br />
border-width: 0px 0px 1px 1px;<br />
}<br />
}<br />
@media screen and (min-width:721px) {<br />
.album-main {<br />
display: grid;<br />
}<br />
.album-songs {<br />
grid-template-columns: 40px auto 50px minmax(min-content, max-content) minmax(min-content, max-content);<br />
}<br />
}<br />
.album-main {<br />
width: 100%;<br />
max-width: 935px;<br />
grid-template-columns: 343px auto;<br />
background-color: white;<br />
}<br />
.album-title {<br />
padding:10px;<br />
background-color:#5d738b;<br />
color:white;<br />
text-align: center;<br />
grid-column: 1 / 3;<br />
}<br />
.album-first-section {<br />
border-style: solid;<br />
border-color: #c8ccd1;<br />
border-width: 0px 0px 0px 1px;<br />
}<br />
.album-type {<br />
background-color: #eaecf0;<br />
text-align: center;<br />
font-weight: bold;<br />
}<br />
.album-name {<br />
text-align: center;<br />
}<br />
.album-songs {<br />
display: grid;<br />
grid-template-rows: repeat(auto-fill, minmax(min-content, 38px));<br />
border-style: solid;<br />
border-color: #c8ccd1;<br />
border-width: 0px 1px 1px 0px;<br />
}<br />
.album-songs-header {<br />
background-color: #eaecf0;<br />
text-align: center;<br />
font-weight: bold;<br />
}<br />
.album-cell {<br />
padding: 6px;<br />
border-style: solid;<br />
border-color: #c8ccd1;<br />
border-width: 0px 1px 1px 0px;<br />
}</div>
Tgecwe
https://jfla.garden/index.php?title=MediaWiki:Common.css&diff=4239
MediaWiki:Common.css
2024-07-12T12:21:51Z
<p>Tgecwe: </p>
<hr />
<div>/* CSS placed here will be applied to all skins */<br />
<br />
/***************/<br />
/*** General ***/<br />
/***************/<br />
body {<br />
line-height: 1.7;<br />
}<br />
p {<br />
white-space: break-spaces<br />
}<br />
h3 {<br />
border-bottom: solid 2px #c8ccd1;<br />
display: flow-root;<br />
}<br />
#mw-header-container {<br />
background-image: url(res/banner-top-flowers.jpg);<br />
background-repeat: no-repeat;<br />
}<br />
#user-tools select, #searchInput-container input {<br />
background-color: #f4f1e9 !important;<br />
}<br />
#mw-content {<br />
background-image: url(res/background-grey-curves.jpg);<br />
}<br />
#mw-content .mw-parser-output > p {<br />
background-color: white;<br />
}<br />
#mw-content .mw-parser-output > ul > li {<br />
background-color: white;<br />
}<br />
#mw-content .mw-parser-output > p {<br />
background-color: white;<br />
}<br />
#mw-content .mw-headline {<br />
background-color: white;<br />
}<br />
.mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body dt {<br />
padding-bottom: 1px;<br />
}<br />
#mw-content .firstHeading {<br />
background-color: white;<br />
}<br />
/*<br />
.mw-page-title-namespace {<br />
display: none;<br />
}<br />
.mw-page-title-separator {<br />
display: none;<br />
}<br />
*/<br />
#p-logo-text a {<br />
padding: 0.2em 1em 0.2em 1.4em !important;<br />
background-image: url(res/flower-small.png);<br />
background-repeat: no-repeat;<br />
background-position: 0px 3px;<br />
overflow: hidden;<br />
font-size: 1.85em !important;<br />
white-space: nowrap;<br />
width: 4.8em;<br />
}<br />
@media screen and (min-width:1540px){<br />
.dynamic-column {<br />
column-count:4;<br />
}<br />
}<br />
@media screen and (min-width:720px) and (max-width:1540px){<br />
.dynamic-column {<br />
column-count:3;<br />
}<br />
}<br />
@media screen and (max-width:720px){<br />
.dynamic-column {<br />
column-count:2;<br />
}<br />
}<br />
.wikitable > caption {<br />
background-color: #c8ccd1;<br />
min-width: 250px;<br />
}<br />
/*****************/<br />
/*** Main page ***/<br />
/*****************/<br />
.box-container {<br />
display: flex;<br />
flex-direction: row;<br />
flex-wrap: wrap;<br />
text-align: center;<br />
}<br />
.box-item {<br />
border: 1px solid #7f848c;<br />
padding: 5px;<br />
margin: 10px;<br />
background-color: #d6e4ff;<br />
border-radius: 5px;<br />
outline: 2px solid #b1c2e2;<br />
background: linear-gradient(to bottom, #b1c2e2, #ebf2ff 58px, #ebf2ff 58px, #fafcff 63px, #ebf2ff);<br />
}<br />
.box-item-top {<br />
background: #d6e4ff;<br />
background-size: 90px;<br />
background-repeat: no-repeat;<br />
background-blend-mode: luminosity;<br />
}<br />
.box-item-top-jfla {<br />
background-image: url(res/bg-jfla.png);<br />
}<br />
.box-item-top-note {<br />
background-image: url(res/bg-note.png);<br />
}<br />
.box-item-top-cd {<br />
background-image: url(res/bg-cd.png);<br />
}<br />
.box-item-top-micro {<br />
background-image: url(res/bg-micro.png);<br />
}<br />
.box-title {<br />
text-align: center;<br />
font-weight: bold;<br />
font-size: large;<br />
}<br />
.box-title-top {<br />
margin: 20px 0px;<br />
}<br />
@media screen and (min-width:1340px){<br />
.box-item {<br />
width: 29%;<br />
}<br />
}<br />
@media screen and (min-width:1100px) and (max-width:1339px){<br />
.box-item {<br />
width: 45%;<br />
}<br />
}<br />
@media screen and (min-width:851px) and (max-width:1099px){<br />
.box-item {<br />
width: 45%;<br />
}<br />
}<br />
@media screen and (max-width:850px){<br />
.box-item {<br />
width: 95%;<br />
}<br />
}<br />
#user-tools {<br />
min-width: 0em;<br />
}<br />
/***************/<br />
/*** Visitor ***/<br />
/***************/<br />
#mw-page-header-links {<br />
display: none;<br />
}<br />
#site-tools {<br />
display: none;<br />
}<br />
#page-tools {<br />
display: none;<br />
}<br />
#personal {<br />
display: none;<br />
}<br />
.mw-userlink {<br />
display: none;<br />
}<br />
.mw-usertoollinks {<br />
display: none;<br />
}<br />
<br />
/*********************/<br />
/*** Country flags ***/<br />
/*********************/<br />
@font-face {<br />
font-family: 'Twemoji Country Flags';<br />
unicode-range: U+1F1E6-1F1FF, U+1F3F4, U+E0062-E0063, U+E0065, U+E0067, U+E006C, U+E006E, U+E0073-E0074, U+E0077, U+E007F;<br />
src: url('https://cdn.jsdelivr.net/npm/country-flag-emoji-polyfill@0.1/dist/TwemojiCountryFlags.woff2') format('woff2');<br />
}<br />
.country-flags {<br />
font-family: "Twemoji Country Flags";<br />
}<br />
<br />
@media screen and (min-width:851px){<br />
#selectLanguages {<br />
margin-left: 10px;<br />
}<br />
}<br />
@media screen and (max-width:850px){<br />
#selectLanguages {<br />
position: absolute;<br />
right: 1em;<br />
}<br />
.mw-portlet {<br />
padding-right: 8em;<br />
}<br />
}<br />
<br />
/***************/<br />
/*** Infobox ***/<br />
/***************/<br />
.portable-infobox {<br />
border: 1px solid #aaa;<br />
min-width: 325px;<br />
width: auto;<br />
}<br />
.pi-title {<br />
text-align: center;<br />
font-weight: bold !important;<br />
background-color: #dfedff;<br />
margin: 5px !important;<br />
}<br />
.pi-title p, .pi-header p {<br />
padding: 5px;<br />
margin: 5px;<br />
}<br />
.pi-secondary-background {<br />
background-color: inherit !important;<br />
}<br />
.pi-secondary-background > p {<br />
background-color: #dfedff;<br />
}<br />
.pi-data-label {<br />
flex-basis: 110px;<br />
}<br />
.pi-data p {<br />
margin: 0px;<br />
}<br />
.pi-data-label p, .pi-data-value p, .pi-data-value center {<br />
font-size: 1.2em;<br />
}<br />
/*.pi-data-value:first-child {<br />
text-align: center;<br />
}*/<br />
.pi-horizontal-group {<br />
table-layout: initial;<br />
}<br />
.pi-header {<br />
text-align: center !important;<br />
padding: 0px !important;<br />
}<br />
.pi-data-value > p {<br />
min-width: 80px;<br />
word-break: auto-phrase;<br />
}<br />
<br />
@media screen and (min-width:1340px){<br />
.portable-infobox {<br />
max-width: 350px;<br />
}<br />
}<br />
.pi-group, .pi-data, .pi-horizontal-group-item {<br />
border-width: 0px !important;<br />
}<br />
/********************/<br />
/*** Music labels ***/<br />
/********************/<br />
.label {<br />
border: 0px;<br />
border-radius: 10px;<br />
padding:2px 6px;<br />
font-size: smaller;<br />
text-wrap: nowrap;<br />
margin-right: 5px;<br />
}<br />
.label-blue {<br />
background-color:#89dfdf;<br />
}<br />
.label-bluedeep {<br />
background-color:#cedbff;<br />
}<br />
.label-brown {<br />
background-color:#f3ddba;<br />
}<br />
.label-browndeep {<br />
background-color:#dacdab;<br />
}<br />
.label-coral {<br />
background-color:#f6d6d6;<br />
}<br />
.label-green {<br />
background-color:#bce6bc;<br />
}<br />
.label-grey {<br />
background-color:#dddddd;<br />
}<br />
.label-orange {<br />
background-color:#ffe5b2;<br />
}<br />
.label-pink {<br />
background-color:#df89d6;<br />
}<br />
.label-purple {<br />
background-color:#d2c4f1;<br />
}<br />
.label-red {<br />
background-color:#df8989;<br />
}<br />
.label-reddeep {<br />
background-color:#fe8888;<br />
}<br />
.label-turquoise {<br />
background-color:#afeedb;<br />
}<br />
.label-yellow {<br />
background-color:#fafad2;<br />
}<br />
.label-white {<br />
background-color:#ffffff;<br />
}<br />
<br />
/**********************************/<br />
/*** Template: External Picture ***/<br />
/**********************************/<br />
.extPicContainer {<br />
display: inline-block;<br />
margin:0px 10px 10px 0px;<br />
border: solid 1px #eaecf0;<br />
border-width: 1px 1px 0.2em;<br />
text-align:left;<br />
background-color:#f8f9fa;<br />
font-size: 90%;<br />
}<br />
.extPicHeader {<br />
padding: 10px 10px 7px 10px;<br />
border-bottom: solid 1px #eaecf0;<br />
background-color: #edeff4;<br />
display:flex;<br />
align-items:center;<br />
}<br />
.extPicImage {<br />
padding: 10px;<br />
text-align: center;<br />
}<br />
.extPicImage img {<br />
max-height: 360px;<br />
width: auto;<br />
}<br />
.extPicCaption {<br />
padding: 0px 10px 10px 10px;<br />
}<br />
@media screen and (min-width:1540px){<br />
.extPicContainer {<br />
max-width: 468px;<br />
}<br />
}<br />
@media screen and (min-width:720px) and (max-width:1540px){<br />
.extPicContainer {<br />
width: 48%;<br />
}<br />
}<br />
@media screen and (max-width:720px){<br />
.extPicContainer {<br />
width: 100%;<br />
max-width: 480px;<br />
}<br />
}<br />
/******************/<br />
/* Template: Note */<br />
/******************/<br />
.mw-parser-output .note{background-position:left 7px top 50%;padding:0.5em 0.5em 0.5em 40px;margin:0.5em 0;overflow:hidden;background-color:#f8f9fa;color:#333;background-repeat:no-repeat;border:1px solid #ddd}.mw-parser-output .note-inline{display:inline-block;vertical-align:middle}.mw-parser-output .note-info{background-color:#eaf3ff;color:#333;background-image:url("res/OOjs_UI_icon_information-progressive.svg");background-size:25px;border-color:#a3caff;padding-left:40px;min-height:25px}.mw-parser-output .note-reminder{background-color:#fff9ea;color:#333;background-image:url("res/OOjs_UI_icon_lightbulb-yellow.svg");background-size:25px;border-color:#fc3;min-height:25px}.mw-parser-output .note-warn{background-color:#fff9ea;color:#333;background-image:url("res/OOjs_UI_icon_alert-warning.svg");background-size:25px;border-color:#fc3;min-height:25px}.mw-parser-output .note-error{background-color:#fee7e6;color:#333;background-image:url("res/OOjs_UI_icon_notice-destructive.svg");background-size:25px;border-color:#c33;min-height:25px}html.skin-theme-clientpref-night .mw-parser-output .note{background-color:transparent;color:inherit}@media(prefers-color-scheme:dark){html.skin-theme-clientpref-os .mw-parser-output .note{background-color:transparent;color:inherit}}<br />
<br />
/****************/<br />
/* Song details */<br />
/****************/<br />
@media screen and (min-width:1540px){<br />
.song-container {<br />
width: 800px;<br />
}<br />
.song-picture {<br />
float: right;<br />
height: 170px;<br />
width: 300px;<br />
}<br />
.song-picture span img {<br />
max-height: 170px !important;<br />
border-bottom: 2px solid white;<br />
}<br />
}<br />
@media screen and (min-width:720px) and (max-width:1540px){<br />
.song-container {<br />
width: 700px;<br />
}<br />
.song-picture {<br />
float: right;<br />
height: 170px;<br />
width: 300px;<br />
}<br />
.song-picture span img {<br />
max-height: 170px !important;<br />
}<br />
}<br />
@media screen and (max-width:720px){<br />
.song-container {<br />
width: 100%;<br />
}<br />
.song-picture {<br />
float: none;<br />
}<br />
.song-picture span img {<br />
max-height: 300px;<br />
}<br />
}<br />
.song-container {<br />
clear:both;<br />
margin: 50px 0px;<br />
}<br />
.song-header {<br />
border: solid 1px #c8ccd1;<br />
width: fit-content;<br />
border-radius: 6px 6px 0px 0px;<br />
padding: 2px 11px 1px 11px;<br />
font-weight: bold;<br />
font-size: larger;<br />
background-color: #6d7e91;<br />
color: white;<br />
}<br />
.song-header a:link {<br />
color: white;<br />
}<br />
.song-header a:hover {<br />
color: yellow;<br />
}<br />
.song-header a:active {<br />
color: white;<br />
}<br />
.song-header a:visited {<br />
color: white;<br />
}<br />
.song-item {<br />
background-color: #f8f9fa;<br />
border: solid 1px #c8ccd1;<br />
padding-bottom: 5px;<br />
clear: both;<br />
}<br />
.song-number {<br />
border-right: solid 1px #c8ccd1;<br />
margin-right: 10px;<br />
padding: 5px 10px 5px 0px;<br />
}<br />
.song-picture {<br />
margin: 10px;<br />
text-align: center;<br />
background-color: black;<br />
position: relative;<br />
}<br />
.song-picture span img {<br />
width: auto;<br />
}<br />
.song-details {<br />
padding: 5px 5px 5px 20px;<br />
min-height: 175px;<br />
}<br />
.song-subtitle {<br />
font-weight: bold;<br />
margin: 0.5em 0;<br />
}<br />
.song-description {<br />
/*padding-left: 10px;*/ /*OLD*/<br />
display: grid; /*NEW*/<br />
grid-template-columns: 85px auto; /*NEW*/<br />
}<br />
.song-label {<br />
/*display: inline-block; /*OLD*/<br />
width: 65px;<br />
background-color: #eff1f6;<br />
/*padding: 2px 6px; /*OLD*/<br />
/*margin: 2px 5px 2px 0px; /*OLD*/<br />
padding: 3px 5px 3px 10px; /*NEW*/<br />
height: calc(100% - 10px); /*NEW*/<br />
}<br />
.song-value, .song-value2 {<br />
/*display: inline-table; /*OLD*/<br />
padding: 3px 5px 3px 0px; /*NEW*/<br />
}<br />
.song-description:has(.song-value:empty) {<br />
display: none;<br />
}<br />
.song-subdescription {<br />
font-style: italic;<br />
font-size: smaller;<br />
padding-left: 0.5em;<br />
}<br />
.song-subdescription:has(.song-subvalue:empty) {<br />
display: none;<br />
}<br />
.song-duration {<br />
position: absolute;<br />
bottom: 0px;<br />
right: 0px;<br />
background-color: white;<br />
font-size: smaller;<br />
opacity: 70%;<br />
padding: 0px 2px 0px 5px;<br />
border-radius: 10px 0px 0px 0px;<br />
font-weight: bold;<br />
}<br />
.song-views {<br />
position: absolute;<br />
bottom: 0px;<br />
left: 0px;<br />
background-color: white;<br />
font-size: smaller;<br />
opacity: 70%;<br />
padding: 0px 5px 0px 2px;<br />
border-radius: 0px 10px 0px 0px;<br />
font-weight: bold;<br />
}<br />
/********************/<br />
/* Clickable button */<br />
/********************/<br />
.button-red {<br />
background-image: linear-gradient(#ec4247, #c90000);<br />
border: 1px solid #cc0000;<br />
}<br />
.button-blue {<br />
background-image: linear-gradient(#42A1EC, #0070C9);<br />
border: 1px solid #0077CC;<br />
}<br />
.button {<br />
border-radius: 4px;<br />
box-sizing: border-box;<br />
color: #FFFFFF;<br />
cursor: pointer;<br />
direction: ltr;<br />
display: inline;<br />
font-size: 13px;<br />
font-weight: 400;<br />
letter-spacing: -.022em;<br />
line-height: 1.47059;<br />
min-width: 30px;<br />
overflow: visible;<br />
padding: 8px 18px;<br />
text-align: center;<br />
vertical-align: baseline;<br />
user-select: none;<br />
-webkit-user-select: none;<br />
touch-action: manipulation;<br />
white-space: nowrap;<br />
width: fit-content;<br />
color: white;<br />
}<br />
.button > a:link {<br />
color: white !important;<br />
}<br />
.button > a:hover {<br />
color: yellow !important;<br />
}<br />
.button > a:active {<br />
color: white !important;<br />
}<br />
.button > a:visited {<br />
color: white !important;<br />
}<br />
.div-clickable {<br />
cursor: pointer;<br />
}<br />
/********************/<br />
/* TOC depth limits */<br />
/********************/<br />
.toclimit-2 .toclevel-1 ul,<br />
.toclimit-3 .toclevel-2 ul,<br />
.toclimit-4 .toclevel-3 ul,<br />
.toclimit-5 .toclevel-4 ul,<br />
.toclimit-6 .toclevel-5 ul,<br />
.toclimit-7 .toclevel-6 ul {<br />
display: none;<br />
}<br />
/***************/<br />
/* Discography */<br />
/***************/<br />
@media screen and (max-width:720px) {<br />
.album-main {<br />
display: block;<br />
}<br />
.album-songs {<br />
grid-template-columns: 40px auto 50px min-content min-content;<br />
}<br />
.album-songs > .album-cell {<br />
border-width: 0px 0px 1px 1px;<br />
}<br />
}<br />
@media screen and (min-width:721px) {<br />
.album-main {<br />
display: grid;<br />
}<br />
.album-songs {<br />
grid-template-columns: 40px auto 50px minmax(min-content, max-content) minmax(min-content, max-content);<br />
}<br />
}<br />
.album-main {<br />
width: 100%;<br />
max-width: 935px;<br />
grid-template-columns: 343px auto;<br />
background-color: white;<br />
}<br />
.album-title {<br />
padding:10px;<br />
background-color:#5d738b;<br />
color:white;<br />
text-align: center;<br />
grid-column: 1 / 3;<br />
}<br />
.album-first-section {<br />
border-style: solid;<br />
border-color: #c8ccd1;<br />
border-width: 0px 0px 0px 1px;<br />
}<br />
.album-type {<br />
background-color: #eaecf0;<br />
text-align: center;<br />
font-weight: bold;<br />
}<br />
.album-name {<br />
text-align: center;<br />
}<br />
.album-songs {<br />
display: grid;<br />
grid-template-rows: repeat(auto-fill, minmax(min-content, 38px));<br />
border-style: solid;<br />
border-color: #c8ccd1;<br />
border-width: 0px 1px 1px 0px;<br />
}<br />
.album-songs-header {<br />
background-color: #eaecf0;<br />
text-align: center;<br />
font-weight: bold;<br />
}<br />
.album-cell {<br />
padding: 6px;<br />
border-style: solid;<br />
border-color: #c8ccd1;<br />
border-width: 0px 1px 1px 0px;<br />
}</div>
Tgecwe
https://jfla.garden/index.php?title=MediaWiki:Common.css&diff=4238
MediaWiki:Common.css
2024-07-12T12:20:48Z
<p>Tgecwe: </p>
<hr />
<div>/* CSS placed here will be applied to all skins */<br />
<br />
/***************/<br />
/*** General ***/<br />
/***************/<br />
body {<br />
line-height: 1.7;<br />
}<br />
p {<br />
white-space: break-spaces<br />
}<br />
h3 {<br />
border-bottom: solid 2px #c8ccd1;<br />
}<br />
#mw-header-container {<br />
background-image: url(res/banner-top-flowers.jpg);<br />
background-repeat: no-repeat;<br />
}<br />
#user-tools select, #searchInput-container input {<br />
background-color: #f4f1e9 !important;<br />
}<br />
#mw-content {<br />
background-image: url(res/background-grey-curves.jpg);<br />
}<br />
#mw-content .mw-parser-output > p {<br />
background-color: white;<br />
}<br />
#mw-content .mw-parser-output > ul > li {<br />
background-color: white;<br />
}<br />
#mw-content .mw-parser-output > p {<br />
background-color: white;<br />
}<br />
#mw-content .mw-headline {<br />
background-color: white;<br />
}<br />
.mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body dt {<br />
padding-bottom: 1px;<br />
}<br />
#mw-content .firstHeading {<br />
background-color: white;<br />
}<br />
/*<br />
.mw-page-title-namespace {<br />
display: none;<br />
}<br />
.mw-page-title-separator {<br />
display: none;<br />
}<br />
*/<br />
#p-logo-text a {<br />
padding: 0.2em 1em 0.2em 1.4em !important;<br />
background-image: url(res/flower-small.png);<br />
background-repeat: no-repeat;<br />
background-position: 0px 3px;<br />
overflow: hidden;<br />
font-size: 1.85em !important;<br />
white-space: nowrap;<br />
width: 4.8em;<br />
}<br />
@media screen and (min-width:1540px){<br />
.dynamic-column {<br />
column-count:4;<br />
}<br />
}<br />
@media screen and (min-width:720px) and (max-width:1540px){<br />
.dynamic-column {<br />
column-count:3;<br />
}<br />
}<br />
@media screen and (max-width:720px){<br />
.dynamic-column {<br />
column-count:2;<br />
}<br />
}<br />
.wikitable > caption {<br />
background-color: #c8ccd1;<br />
min-width: 250px;<br />
}<br />
/*****************/<br />
/*** Main page ***/<br />
/*****************/<br />
.box-container {<br />
display: flex;<br />
flex-direction: row;<br />
flex-wrap: wrap;<br />
text-align: center;<br />
}<br />
.box-item {<br />
border: 1px solid #7f848c;<br />
padding: 5px;<br />
margin: 10px;<br />
background-color: #d6e4ff;<br />
border-radius: 5px;<br />
outline: 2px solid #b1c2e2;<br />
background: linear-gradient(to bottom, #b1c2e2, #ebf2ff 58px, #ebf2ff 58px, #fafcff 63px, #ebf2ff);<br />
}<br />
.box-item-top {<br />
background: #d6e4ff;<br />
background-size: 90px;<br />
background-repeat: no-repeat;<br />
background-blend-mode: luminosity;<br />
}<br />
.box-item-top-jfla {<br />
background-image: url(res/bg-jfla.png);<br />
}<br />
.box-item-top-note {<br />
background-image: url(res/bg-note.png);<br />
}<br />
.box-item-top-cd {<br />
background-image: url(res/bg-cd.png);<br />
}<br />
.box-item-top-micro {<br />
background-image: url(res/bg-micro.png);<br />
}<br />
.box-title {<br />
text-align: center;<br />
font-weight: bold;<br />
font-size: large;<br />
}<br />
.box-title-top {<br />
margin: 20px 0px;<br />
}<br />
@media screen and (min-width:1340px){<br />
.box-item {<br />
width: 29%;<br />
}<br />
}<br />
@media screen and (min-width:1100px) and (max-width:1339px){<br />
.box-item {<br />
width: 45%;<br />
}<br />
}<br />
@media screen and (min-width:851px) and (max-width:1099px){<br />
.box-item {<br />
width: 45%;<br />
}<br />
}<br />
@media screen and (max-width:850px){<br />
.box-item {<br />
width: 95%;<br />
}<br />
}<br />
#user-tools {<br />
min-width: 0em;<br />
}<br />
/***************/<br />
/*** Visitor ***/<br />
/***************/<br />
#mw-page-header-links {<br />
display: none;<br />
}<br />
#site-tools {<br />
display: none;<br />
}<br />
#page-tools {<br />
display: none;<br />
}<br />
#personal {<br />
display: none;<br />
}<br />
.mw-userlink {<br />
display: none;<br />
}<br />
.mw-usertoollinks {<br />
display: none;<br />
}<br />
<br />
/*********************/<br />
/*** Country flags ***/<br />
/*********************/<br />
@font-face {<br />
font-family: 'Twemoji Country Flags';<br />
unicode-range: U+1F1E6-1F1FF, U+1F3F4, U+E0062-E0063, U+E0065, U+E0067, U+E006C, U+E006E, U+E0073-E0074, U+E0077, U+E007F;<br />
src: url('https://cdn.jsdelivr.net/npm/country-flag-emoji-polyfill@0.1/dist/TwemojiCountryFlags.woff2') format('woff2');<br />
}<br />
.country-flags {<br />
font-family: "Twemoji Country Flags";<br />
}<br />
<br />
@media screen and (min-width:851px){<br />
#selectLanguages {<br />
margin-left: 10px;<br />
}<br />
}<br />
@media screen and (max-width:850px){<br />
#selectLanguages {<br />
position: absolute;<br />
right: 1em;<br />
}<br />
.mw-portlet {<br />
padding-right: 8em;<br />
}<br />
}<br />
<br />
/***************/<br />
/*** Infobox ***/<br />
/***************/<br />
.portable-infobox {<br />
border: 1px solid #aaa;<br />
min-width: 325px;<br />
width: auto;<br />
}<br />
.pi-title {<br />
text-align: center;<br />
font-weight: bold !important;<br />
background-color: #dfedff;<br />
margin: 5px !important;<br />
}<br />
.pi-title p, .pi-header p {<br />
padding: 5px;<br />
margin: 5px;<br />
}<br />
.pi-secondary-background {<br />
background-color: inherit !important;<br />
}<br />
.pi-secondary-background > p {<br />
background-color: #dfedff;<br />
}<br />
.pi-data-label {<br />
flex-basis: 110px;<br />
}<br />
.pi-data p {<br />
margin: 0px;<br />
}<br />
.pi-data-label p, .pi-data-value p, .pi-data-value center {<br />
font-size: 1.2em;<br />
}<br />
/*.pi-data-value:first-child {<br />
text-align: center;<br />
}*/<br />
.pi-horizontal-group {<br />
table-layout: initial;<br />
}<br />
.pi-header {<br />
text-align: center !important;<br />
padding: 0px !important;<br />
}<br />
.pi-data-value > p {<br />
min-width: 80px;<br />
word-break: auto-phrase;<br />
}<br />
<br />
@media screen and (min-width:1340px){<br />
.portable-infobox {<br />
max-width: 350px;<br />
}<br />
}<br />
.pi-group, .pi-data, .pi-horizontal-group-item {<br />
border-width: 0px !important;<br />
}<br />
/********************/<br />
/*** Music labels ***/<br />
/********************/<br />
.label {<br />
border: 0px;<br />
border-radius: 10px;<br />
padding:2px 6px;<br />
font-size: smaller;<br />
text-wrap: nowrap;<br />
margin-right: 5px;<br />
}<br />
.label-blue {<br />
background-color:#89dfdf;<br />
}<br />
.label-bluedeep {<br />
background-color:#cedbff;<br />
}<br />
.label-brown {<br />
background-color:#f3ddba;<br />
}<br />
.label-browndeep {<br />
background-color:#dacdab;<br />
}<br />
.label-coral {<br />
background-color:#f6d6d6;<br />
}<br />
.label-green {<br />
background-color:#bce6bc;<br />
}<br />
.label-grey {<br />
background-color:#dddddd;<br />
}<br />
.label-orange {<br />
background-color:#ffe5b2;<br />
}<br />
.label-pink {<br />
background-color:#df89d6;<br />
}<br />
.label-purple {<br />
background-color:#d2c4f1;<br />
}<br />
.label-red {<br />
background-color:#df8989;<br />
}<br />
.label-reddeep {<br />
background-color:#fe8888;<br />
}<br />
.label-turquoise {<br />
background-color:#afeedb;<br />
}<br />
.label-yellow {<br />
background-color:#fafad2;<br />
}<br />
.label-white {<br />
background-color:#ffffff;<br />
}<br />
<br />
/**********************************/<br />
/*** Template: External Picture ***/<br />
/**********************************/<br />
.extPicContainer {<br />
display: inline-block;<br />
margin:0px 10px 10px 0px;<br />
border: solid 1px #eaecf0;<br />
border-width: 1px 1px 0.2em;<br />
text-align:left;<br />
background-color:#f8f9fa;<br />
font-size: 90%;<br />
}<br />
.extPicHeader {<br />
padding: 10px 10px 7px 10px;<br />
border-bottom: solid 1px #eaecf0;<br />
background-color: #edeff4;<br />
display:flex;<br />
align-items:center;<br />
}<br />
.extPicImage {<br />
padding: 10px;<br />
text-align: center;<br />
}<br />
.extPicImage img {<br />
max-height: 360px;<br />
width: auto;<br />
}<br />
.extPicCaption {<br />
padding: 0px 10px 10px 10px;<br />
}<br />
@media screen and (min-width:1540px){<br />
.extPicContainer {<br />
max-width: 468px;<br />
}<br />
}<br />
@media screen and (min-width:720px) and (max-width:1540px){<br />
.extPicContainer {<br />
width: 48%;<br />
}<br />
}<br />
@media screen and (max-width:720px){<br />
.extPicContainer {<br />
width: 100%;<br />
max-width: 480px;<br />
}<br />
}<br />
/******************/<br />
/* Template: Note */<br />
/******************/<br />
.mw-parser-output .note{background-position:left 7px top 50%;padding:0.5em 0.5em 0.5em 40px;margin:0.5em 0;overflow:hidden;background-color:#f8f9fa;color:#333;background-repeat:no-repeat;border:1px solid #ddd}.mw-parser-output .note-inline{display:inline-block;vertical-align:middle}.mw-parser-output .note-info{background-color:#eaf3ff;color:#333;background-image:url("res/OOjs_UI_icon_information-progressive.svg");background-size:25px;border-color:#a3caff;padding-left:40px;min-height:25px}.mw-parser-output .note-reminder{background-color:#fff9ea;color:#333;background-image:url("res/OOjs_UI_icon_lightbulb-yellow.svg");background-size:25px;border-color:#fc3;min-height:25px}.mw-parser-output .note-warn{background-color:#fff9ea;color:#333;background-image:url("res/OOjs_UI_icon_alert-warning.svg");background-size:25px;border-color:#fc3;min-height:25px}.mw-parser-output .note-error{background-color:#fee7e6;color:#333;background-image:url("res/OOjs_UI_icon_notice-destructive.svg");background-size:25px;border-color:#c33;min-height:25px}html.skin-theme-clientpref-night .mw-parser-output .note{background-color:transparent;color:inherit}@media(prefers-color-scheme:dark){html.skin-theme-clientpref-os .mw-parser-output .note{background-color:transparent;color:inherit}}<br />
<br />
/****************/<br />
/* Song details */<br />
/****************/<br />
@media screen and (min-width:1540px){<br />
.song-container {<br />
width: 800px;<br />
}<br />
.song-picture {<br />
float: right;<br />
height: 170px;<br />
width: 300px;<br />
}<br />
.song-picture span img {<br />
max-height: 170px !important;<br />
border-bottom: 2px solid white;<br />
}<br />
}<br />
@media screen and (min-width:720px) and (max-width:1540px){<br />
.song-container {<br />
width: 700px;<br />
}<br />
.song-picture {<br />
float: right;<br />
height: 170px;<br />
width: 300px;<br />
}<br />
.song-picture span img {<br />
max-height: 170px !important;<br />
}<br />
}<br />
@media screen and (max-width:720px){<br />
.song-container {<br />
width: 100%;<br />
}<br />
.song-picture {<br />
float: none;<br />
}<br />
.song-picture span img {<br />
max-height: 300px;<br />
}<br />
}<br />
.song-container {<br />
clear:both;<br />
margin: 50px 0px;<br />
}<br />
.song-header {<br />
border: solid 1px #c8ccd1;<br />
width: fit-content;<br />
border-radius: 6px 6px 0px 0px;<br />
padding: 2px 11px 1px 11px;<br />
font-weight: bold;<br />
font-size: larger;<br />
background-color: #6d7e91;<br />
color: white;<br />
}<br />
.song-header a:link {<br />
color: white;<br />
}<br />
.song-header a:hover {<br />
color: yellow;<br />
}<br />
.song-header a:active {<br />
color: white;<br />
}<br />
.song-header a:visited {<br />
color: white;<br />
}<br />
.song-item {<br />
background-color: #f8f9fa;<br />
border: solid 1px #c8ccd1;<br />
padding-bottom: 5px;<br />
clear: both;<br />
}<br />
.song-number {<br />
border-right: solid 1px #c8ccd1;<br />
margin-right: 10px;<br />
padding: 5px 10px 5px 0px;<br />
}<br />
.song-picture {<br />
margin: 10px;<br />
text-align: center;<br />
background-color: black;<br />
position: relative;<br />
}<br />
.song-picture span img {<br />
width: auto;<br />
}<br />
.song-details {<br />
padding: 5px 5px 5px 20px;<br />
min-height: 175px;<br />
}<br />
.song-subtitle {<br />
font-weight: bold;<br />
margin: 0.5em 0;<br />
}<br />
.song-description {<br />
/*padding-left: 10px;*/ /*OLD*/<br />
display: grid; /*NEW*/<br />
grid-template-columns: 85px auto; /*NEW*/<br />
}<br />
.song-label {<br />
/*display: inline-block; /*OLD*/<br />
width: 65px;<br />
background-color: #eff1f6;<br />
/*padding: 2px 6px; /*OLD*/<br />
/*margin: 2px 5px 2px 0px; /*OLD*/<br />
padding: 3px 5px 3px 10px; /*NEW*/<br />
height: calc(100% - 10px); /*NEW*/<br />
}<br />
.song-value, .song-value2 {<br />
/*display: inline-table; /*OLD*/<br />
padding: 3px 5px 3px 0px; /*NEW*/<br />
}<br />
.song-description:has(.song-value:empty) {<br />
display: none;<br />
}<br />
.song-subdescription {<br />
font-style: italic;<br />
font-size: smaller;<br />
padding-left: 0.5em;<br />
}<br />
.song-subdescription:has(.song-subvalue:empty) {<br />
display: none;<br />
}<br />
.song-duration {<br />
position: absolute;<br />
bottom: 0px;<br />
right: 0px;<br />
background-color: white;<br />
font-size: smaller;<br />
opacity: 70%;<br />
padding: 0px 2px 0px 5px;<br />
border-radius: 10px 0px 0px 0px;<br />
font-weight: bold;<br />
}<br />
.song-views {<br />
position: absolute;<br />
bottom: 0px;<br />
left: 0px;<br />
background-color: white;<br />
font-size: smaller;<br />
opacity: 70%;<br />
padding: 0px 5px 0px 2px;<br />
border-radius: 0px 10px 0px 0px;<br />
font-weight: bold;<br />
}<br />
/********************/<br />
/* Clickable button */<br />
/********************/<br />
.button-red {<br />
background-image: linear-gradient(#ec4247, #c90000);<br />
border: 1px solid #cc0000;<br />
}<br />
.button-blue {<br />
background-image: linear-gradient(#42A1EC, #0070C9);<br />
border: 1px solid #0077CC;<br />
}<br />
.button {<br />
border-radius: 4px;<br />
box-sizing: border-box;<br />
color: #FFFFFF;<br />
cursor: pointer;<br />
direction: ltr;<br />
display: inline;<br />
font-size: 13px;<br />
font-weight: 400;<br />
letter-spacing: -.022em;<br />
line-height: 1.47059;<br />
min-width: 30px;<br />
overflow: visible;<br />
padding: 8px 18px;<br />
text-align: center;<br />
vertical-align: baseline;<br />
user-select: none;<br />
-webkit-user-select: none;<br />
touch-action: manipulation;<br />
white-space: nowrap;<br />
width: fit-content;<br />
color: white;<br />
}<br />
.button > a:link {<br />
color: white !important;<br />
}<br />
.button > a:hover {<br />
color: yellow !important;<br />
}<br />
.button > a:active {<br />
color: white !important;<br />
}<br />
.button > a:visited {<br />
color: white !important;<br />
}<br />
.div-clickable {<br />
cursor: pointer;<br />
}<br />
/********************/<br />
/* TOC depth limits */<br />
/********************/<br />
.toclimit-2 .toclevel-1 ul,<br />
.toclimit-3 .toclevel-2 ul,<br />
.toclimit-4 .toclevel-3 ul,<br />
.toclimit-5 .toclevel-4 ul,<br />
.toclimit-6 .toclevel-5 ul,<br />
.toclimit-7 .toclevel-6 ul {<br />
display: none;<br />
}<br />
/***************/<br />
/* Discography */<br />
/***************/<br />
@media screen and (max-width:720px) {<br />
.album-main {<br />
display: block;<br />
}<br />
.album-songs {<br />
grid-template-columns: 40px auto 50px min-content min-content;<br />
}<br />
.album-songs > .album-cell {<br />
border-width: 0px 0px 1px 1px;<br />
}<br />
}<br />
@media screen and (min-width:721px) {<br />
.album-main {<br />
display: grid;<br />
}<br />
.album-songs {<br />
grid-template-columns: 40px auto 50px minmax(min-content, max-content) minmax(min-content, max-content);<br />
}<br />
}<br />
.album-main {<br />
width: 100%;<br />
max-width: 935px;<br />
grid-template-columns: 343px auto;<br />
background-color: white;<br />
}<br />
.album-title {<br />
padding:10px;<br />
background-color:#5d738b;<br />
color:white;<br />
text-align: center;<br />
grid-column: 1 / 3;<br />
}<br />
.album-first-section {<br />
border-style: solid;<br />
border-color: #c8ccd1;<br />
border-width: 0px 0px 0px 1px;<br />
}<br />
.album-type {<br />
background-color: #eaecf0;<br />
text-align: center;<br />
font-weight: bold;<br />
}<br />
.album-name {<br />
text-align: center;<br />
}<br />
.album-songs {<br />
display: grid;<br />
grid-template-rows: repeat(auto-fill, minmax(min-content, 38px));<br />
border-style: solid;<br />
border-color: #c8ccd1;<br />
border-width: 0px 1px 1px 0px;<br />
}<br />
.album-songs-header {<br />
background-color: #eaecf0;<br />
text-align: center;<br />
font-weight: bold;<br />
}<br />
.album-cell {<br />
padding: 6px;<br />
border-style: solid;<br />
border-color: #c8ccd1;<br />
border-width: 0px 1px 1px 0px;<br />
}</div>
Tgecwe
https://jfla.garden/index.php?title=Formula:MusicLinks/fr&diff=4091
Formula:MusicLinks/fr
2024-07-12T06:22:00Z
<p>Tgecwe: </p>
<hr />
<div>{| class="wikitable"<br />
|+ Liens vidéos<br />
|{{#if: {{{youtube|}}} |[[File:icon_youtube.png|20px]] [{{{youtube}}} Regarder sur YouTube]||}}<br />
|}<br />
{| class="wikitable"<br />
|+ Liens musiques<br />
|{{#if: {{{amazon|}}} |[[File:icon_amazon_music.png|20px]] [{{{amazon}}} Ecouter sur Amazon Music]</td></tr><tr><td>||}}{{#if: {{{apple|}}} |[[File:icon_apple_music.png|20px]] [{{{apple}}} Ecouter sur Apple Music]</td></tr><tr><td>||}}{{#if: {{{deezer|}}} |[[File:icon_deezer.png|20px]] [{{{deezer}}} Ecouter sur Deezer]</td></tr><tr><td>||}}{{#if: {{{melon|}}} |[[File:icon_melon.png|20px]] [{{{melon}}} Ecouter sur Melon]</td></tr><tr><td>||}}{{#if: {{{spotify|}}} |[[File:icon_spotify.png|20px]] [{{{spotify}}} Ecouter sur Spotify]</td></tr><tr><td>||}}{{#if: {{{tidal|}}} |[[File:icon_tidal.png|20px]] [{{{tidal}}} Ecouter sur Tidal]</td></tr><tr><td>||}}{{#if: {{{youtube-music|}}} |[[File:icon_youtube_music.png|20px]] [{{{youtube-music}}} Ecouter sur YouTube Music]||}}<br />
|}</div>
Tgecwe
https://jfla.garden/index.php?title=Formula:MusicLinks&diff=4090
Formula:MusicLinks
2024-07-12T06:21:38Z
<p>Tgecwe: </p>
<hr />
<div>{| class="wikitable"<br />
|+ Video links<br />
|{{#if: {{{youtube|}}} |[[File:icon_youtube.png|20px]] [{{{youtube}}} Watch on YouTube]||}}<br />
|}<br />
{| class="wikitable"<br />
|+ Music links<br />
|{{#if: {{{amazon|}}} |[[File:icon_amazon_music.png|20px]] [{{{amazon}}} Listen on Amazon Music]</td></tr><tr><td>||}}{{#if: {{{apple|}}} |[[File:icon_apple_music.png|20px]] [{{{apple}}} Listen on Apple Music]</td></tr><tr><td>||}}{{#if: {{{deezer|}}} |[[File:icon_deezer.png|20px]] [{{{deezer}}} Listen on Deezer]</td></tr><tr><td>||}}{{#if: {{{melon|}}} |[[File:icon_melon.png|20px]] [{{{melon}}} Listen on Melon]</td></tr><tr><td>||}}{{#if: {{{spotify|}}} |[[File:icon_spotify.png|20px]] [{{{spotify}}} Listen on Spotify]</td></tr><tr><td>||}}{{#if: {{{tidal|}}} |[[File:icon_tidal.png|20px]] [{{{tidal}}} Listen on Tidal]</td></tr><tr><td>||}}{{#if: {{{youtube-music|}}} |[[File:icon_youtube_music.png|20px]] [{{{youtube-music}}} Listen on YouTube Music]||}}<br />
|}</div>
Tgecwe
https://jfla.garden/index.php?title=Formula:SongItem/fr&diff=4057
Formula:SongItem/fr
2024-07-12T06:10:26Z
<p>Tgecwe: </p>
<hr />
<div><includeonly></includeonly><div class="song-item"><div class="song-picture"><div id="stat-views-{{#invoke:String|sublength|s={{#if: {{{video|}}} | {{{video}}} | {{#if: {{{audio|}}} | {{{audio}}} | }} }}&list=|i={{#expr:{{#invoke:String|find|source={{#if: {{{video|}}} | {{{video}}} | {{#if: {{{audio|}}} | {{{audio}}} | }} }}|target=?v=}}+2}}|len=11}}" data-format="compact" class="song-views"></div><div class="song-duration">{{{duration}}}</div>[[File:{{{picture}}}|720px|frameless|{{#if: {{{video|}}} | {{{video}}} | {{#if: {{{audio|}}} | {{{audio}}} | }} }}|link={{#if: {{{video|}}} | {{{video}}} | {{#if: {{{audio|}}} | {{{audio}}} | }} }}]]</div><div class="song-details"><div class="song-subtitle">{{#if: {{{title-fr|}}} | {{{title-fr}}} | {{{title}}}}}</div><div class="song-description"><span class="song-label">Date</span><span class="song-value">{{#time:j F Y|{{{date}}}|fr}}{{#if: {{{dateV|}}} | <span class="song-subdescription">(sortie vidéo: <span class="song-subvalue">{{#time:j F Y|{{{dateV}}}|fr}}</span>)</span>|}}</span></div><div class="song-description"><span class="song-label">Durée</span><span class="song-value">{{{duration}}}</span></div><div class="song-description"><span class="song-label">Album</span><span class="song-value">{{AlbumTag | language=fr | album={{{album}}} }}{{#if: {{{album2|}}} | {{AlbumTag | language=fr | album={{{album2}}} }} | }}{{#if: {{{album3|}}} | {{AlbumTag | language=fr | album={{{album3}}} }} | }}</span></div>{{#if: {{{audio|}}} |<div class="song-description"><span class="song-label">Audio</span><span class="song-value">[{{{audio}}} {{#if: {{{audio-src|}}} | {{{audio-src}}} | Ecouter sur YouTube Music}}]</span></div>|}}{{#if: {{{video|}}} |<div class="song-description"><span class="song-label">Vidéo</span><span class="song-value">[{{{video}}} {{#if: {{{video-src|}}} | {{{video-src}}} | Regarder sur YouTube}}]</span></div>|}}{{#if: {{{note|}}} | <div class="song-description"><span class="song-label">Note</span><span class="song-value">{{{note}}}</span></div> | }}</div></div><noinclude></noinclude></div>
Tgecwe
https://jfla.garden/index.php?title=Formula:SongItem&diff=4056
Formula:SongItem
2024-07-12T06:10:03Z
<p>Tgecwe: </p>
<hr />
<div><includeonly></includeonly><div class="song-item"><div class="song-picture"><div id="stat-views-{{#invoke:String|sublength|s={{#if: {{{video|}}} | {{{video}}} | {{#if: {{{audio|}}} | {{{audio}}} | }} }}&list=|i={{#expr:{{#invoke:String|find|source={{#if: {{{video|}}} | {{{video}}} | {{#if: {{{audio|}}} | {{{audio}}} | }} }}|target=?v=}}+2}}|len=11}}" data-format="compact" class="song-views"></div><div class="song-duration">{{{duration}}}</div>[[File:{{{picture}}}|720px|frameless|{{#if: {{{video|}}} | {{{video}}} | {{#if: {{{audio|}}} | {{{audio}}} | }} }}|link={{#if: {{{video|}}} | {{{video}}} | {{#if: {{{audio|}}} | {{{audio}}} | }} }}]]</div><div class="song-details"><div class="song-subtitle">{{#if: {{{title-en|}}} | {{{title-en}}} | {{{title}}}}}</div><div class="song-description"><span class="song-label">Date</span><span class="song-value">{{#dateformat:{{{date}}}|dmy}}<span class="song-subdescription">(video release: <span class="song-subvalue">{{#dateformat:{{{dateV}}}|dmy}}</span>)</span></span></div><div class="song-description"><span class="song-label">Duration</span><span class="song-value">{{{duration}}}</span></div><div class="song-description"><span class="song-label">Album</span><span class="song-value">{{AlbumTag | language=en | album={{{album}}} }}{{#if: {{{album2|}}} | {{AlbumTag | language=en | album={{{album2}}} }} | }}{{#if: {{{album3|}}} | {{AlbumTag | language=en | album={{{album3}}} }} | }}</span></div>{{#if: {{{audio|}}} |<div class="song-description"><span class="song-label">Audio</span><span class="song-value">[{{{audio}}} {{#if: {{{audio-src|}}} | {{{audio-src}}} | Listen on YouTube Music}}]</span></div>|}}{{#if: {{{video|}}} |<div class="song-description"><span class="song-label">Video</span><span class="song-value">[{{{video}}} {{#if: {{{video-src|}}} | {{{video-src}}} | Watch on YouTube}}]</span></div>|}}{{#if: {{{note|}}} | <div class="song-description"><span class="song-label">Note</span><span class="song-value">{{{note}}}</span></div> | }}</div></div><noinclude></noinclude></div>
Tgecwe
https://jfla.garden/index.php?title=Formula:CoverItem/fr&diff=4055
Formula:CoverItem/fr
2024-07-12T06:09:41Z
<p>Tgecwe: </p>
<hr />
<div><includeonly></includeonly><div class="song-item"><div class="song-picture"><div id="stat-views-{{#invoke:String|sublength|s={{{video|}}} |i=-12 }}" data-format="compact" class="song-views"></div><div class="song-duration">{{{duration}}}</div>[[File:{{{picture}}}|720px|frameless|{{{video}}}|link={{{video}}}]]</div><div class="song-details"><div class="song-subtitle">{{#if: {{{title-fr|}}} | {{{title-fr}}} | {{{title}}}}}</div><div class="song-description"><span class="song-label">Date</span><span class="song-value">{{#time:j F Y|{{{date}}}|fr}}</span></div><div class="song-description"><span class="song-label">Genre</span><span class="song-value">{{#switch: {{{genre}}}<br />
| KPOP = <span class='label label-green'>[[fr-Playlist:KPOP|K-POP]]</span><br />
| Pop = <span class='label label-turquoise'>[[fr-Playlist:Pop|Pop]]</span><br />
| Electropop = <span class='label label-blue'>[[fr-Playlist:Electropop|Electropop]]</span><br />
| EDM = <span class='label label-bluedeep'>[[fr-Playlist:EDM|EDM]]</span><br />
| Mashup = <span class='label label-purple'>[[fr-Playlist:Mashup|Mashup]]</span><br />
| Anime-Game = <span class='label label-pink'>[[fr-Playlist:Anime-Game|Anime-Game]]</span><br />
| Christmas = <span class='label label-red'>[[fr-Playlist:Noël|Noël]]</span><br />
| Rock = <span class='label label-reddeep'>[[fr-Playlist:Rock|Rock]]</span><br />
| Rap = <span class='label label-coral'>[[fr-Playlist:Rap|Rap]]</span><br />
| R&B-Soul = <span class='label label-orange'>[[fr-Playlist:R&B-Soul|R&B-Soul]]</span><br />
| Latin = <span class='label label-yellow'>[[fr-Playlist:Latin|Latin]]</span><br />
| Country = <span class='label label-brown'>[[fr-Playlist:Country|Country]]</span><br />
| Instrument = <span class='label label-browndeep'>[[fr-Playlist:Instrument|Instrument]]</span><br />
| Oldies = <span class='label label-grey'>[[fr-Playlist:Oldies|Oldies]]</span><br />
| #default = <span class="label label-white">Autres</span><br />
}}{{#switch: {{{genre2}}}<br />
| KPOP = <span class='label label-green'>[[fr-Playlist:KPOP|K-POP]]</span><br />
| Pop = <span class='label label-turquoise'>[[fr-Playlist:Pop|Pop]]</span><br />
| Electropop = <span class='label label-blue'>[[fr-Playlist:Electropop|Electropop]]</span><br />
| EDM = <span class='label label-bluedeep'>[[fr-Playlist:EDM|EDM]]</span><br />
| Mashup = <span class='label label-purple'>[[fr-Playlist:Mashup|Mashup]]</span><br />
| Anime-Game = <span class='label label-pink'>[[fr-Playlist:Anime-Game|Anime-Game]]</span><br />
| Christmas = <span class='label label-red'>[[fr-Playlist:Noël|Noël]]</span><br />
| Rock = <span class='label label-reddeep'>[[fr-Playlist:Rock|Rock]]</span><br />
| Rap = <span class='label label-coral'>[[fr-Playlist:Rap|Rap]]</span><br />
| R&B-Soul = <span class='label label-orange'>[[fr-Playlist:R&B-Soul|R&B-Soul]]</span><br />
| Latin = <span class='label label-yellow'>[[fr-Playlist:Latin|Latin]]</span><br />
| Country = <span class='label label-brown'>[[fr-Playlist:Country|Country]]</span><br />
| Instrument = <span class='label label-browndeep'>[[fr-Playlist:Instrument|Instrument]]</span><br />
| Oldies = <span class='label label-grey'>[[fr-Playlist:Oldies|Oldies]]</span><br />
}}</span></div><div class="song-description"><span class="song-label">Album</span><span class="song-value">{{AlbumTag | language=fr | album={{{album}}} }}{{#if: {{{album2|}}} | {{AlbumTag | language=fr | album={{{album2}}} }} | }}{{#if: {{{album3|}}} | {{AlbumTag | language=fr | album={{{album3}}} }} | }}</span></div>{{#if: {{{video|}}} |<div class="song-description"><span class="song-label">Vidéo</span><span class="song-value">[{{{video}}} Regarder sur {{#if: {{{video-src|}}} | {{{video-src}}} | YouTube}}]</span></div>|}}{{#if: {{{original|}}} |<div class="song-description"><span class="song-label">Original</span><span class="song-value">[{{{original}}} Musique originale {{#if: {{{original2|}}} | 1 | }}]{{#if: {{{original2|}}} | <br>[{{{original2}}} Musique originale 2]</span> | }}</div>|}}{{#if: {{{note|}}} | <div class="song-description"><span class="song-label">Note</span><span class="song-value">{{{note}}}</span></div> | }}</div></div><noinclude></noinclude></div>
Tgecwe
https://jfla.garden/index.php?title=Formula:CoverItem&diff=4054
Formula:CoverItem
2024-07-12T06:09:19Z
<p>Tgecwe: </p>
<hr />
<div><includeonly></includeonly><div class="song-item"><div class="song-picture"><div id="stat-views-{{#invoke:String|sublength|s={{{video|}}} |i=-12 }}" data-format="compact" class="song-views"></div><div class="song-duration">{{{duration}}}</div>[[File:{{{picture}}}|720px|frameless|{{{video}}}|link={{{video}}}]]</div><div class="song-details"><div class="song-subtitle">{{#if: {{{title-en|}}} | {{{title-en}}} | {{{title}}}}}</div><div class="song-description"><span class="song-label">Date</span><span class="song-value">{{#dateformat:{{{date}}}|dmy}}</span></div><div class="song-description"><span class="song-label">Genre</span><span class="song-value">{{#switch: {{{genre}}}<br />
| KPOP = <span class='label label-green'>[[en-Playlist:KPOP|K-POP]]</span><br />
| Pop = <span class='label label-turquoise'>[[en-Playlist:Pop|Pop]]</span><br />
| Electropop = <span class='label label-blue'>[[en-Playlist:Electropop|Electropop]]</span><br />
| EDM = <span class='label label-bluedeep'>[[en-Playlist:EDM|EDM]]</span><br />
| Mashup = <span class='label label-purple'>[[en-Playlist:Mashup|Mashup]]</span><br />
| Anime-Game = <span class='label label-pink'>[[en-Playlist:Anime-Game|Anime-Game]]</span><br />
| Christmas = <span class='label label-red'>[[en-Playlist:Christmas|Christmas]]</span><br />
| Rock = <span class='label label-reddeep'>[[en-Playlist:Rock|Rock]]</span><br />
| Rap = <span class='label label-coral'>[[en-Playlist:Rap|Rap]]</span><br />
| R&B-Soul = <span class='label label-orange'>[[en-Playlist:R&B-Soul|R&B-Soul]]</span><br />
| Latin = <span class='label label-yellow'>[[en-Playlist:Latin|Latin]]</span><br />
| Country = <span class='label label-brown'>[[en-Playlist:Country|Country]]</span><br />
| Instrument = <span class='label label-browndeep'>[[en-Playlist:Instrument|Instrument]]</span><br />
| Oldies = <span class='label label-grey'>[[en-Playlist:Oldies|Oldies]]</span><br />
| #default = <span class="label label-white">Others</span><br />
}}{{#switch: {{{genre2}}}<br />
| KPOP = <span class='label label-green'>[[en-Playlist:KPOP|K-POP]]</span><br />
| Pop = <span class='label label-turquoise'>[[en-Playlist:Pop|Pop]]</span><br />
| Electropop = <span class='label label-blue'>[[en-Playlist:Electropop|Electropop]]</span><br />
| EDM = <span class='label label-bluedeep'>[[en-Playlist:EDM|EDM]]</span><br />
| Mashup = <span class='label label-purple'>[[en-Playlist:Mashup|Mashup]]</span><br />
| Anime-Game = <span class='label label-pink'>[[en-Playlist:Anime-Game|Anime-Game]]</span><br />
| Christmas = <span class='label label-red'>[[en-Playlist:Christmas|Christmas]]</span><br />
| Rock = <span class='label label-reddeep'>[[en-Playlist:Rock|Rock]]</span><br />
| Rap = <span class='label label-coral'>[[en-Playlist:Rap|Rap]]</span><br />
| R&B-Soul = <span class='label label-orange'>[[en-Playlist:R&B-Soul|R&B-Soul]]</span><br />
| Latin = <span class='label label-yellow'>[[en-Playlist:Latin|Latin]]</span><br />
| Country = <span class='label label-brown'>[[en-Playlist:Country|Country]]</span><br />
| Instrument = <span class='label label-browndeep'>[[en-Playlist:Instrument|Instrument]]</span><br />
| Oldies = <span class='label label-grey'>[[en-Playlist:Oldies|Oldies]]</span><br />
}}</span></div><div class="song-description"><span class="song-label">Album</span><span class="song-value">{{AlbumTag | language=en | album={{{album}}} }}{{#if: {{{album2|}}} | {{AlbumTag | language=en | album={{{album2}}} }} | }}{{#if: {{{album3|}}} | {{AlbumTag | language=en | album={{{album3}}} }} | }}</span></div>{{#if: {{{video|}}} |<div class="song-description"><span class="song-label">Video</span><span class="song-value">[{{{video}}} Watch on {{#if: {{{video-src|}}} | {{{video-src}}} | YouTube}}]</span></div>|}}{{#if: {{{original|}}} |<div class="song-description"><span class="song-label">Original</span><span class="song-value">[{{{original}}} Original song {{#if: {{{original2|}}} | 1 | }}]{{#if: {{{original2|}}} | <br>[{{{original2}}} Original song 2]</span> | }}</div>|}}{{#if: {{{note|}}} | <div class="song-description"><span class="song-label">Note</span><span class="song-value">{{{note}}}</span></div> | }}</div></div><noinclude></noinclude></div>
Tgecwe