ピコジュークボックス

ピコジュークボックスとは、ピコカキコをジュークボックス風に見せるHTMLテンプレートのこと。製作者は＝ω＝）ノ（のみりん）氏。その存在感もさることながら、昔ながらのジュークボックス同様にピコカキコを多数内臓できるピコカキコプレイヤーで記事容量の許す限り内蔵することが可能。

GO MY WAY!!

フタリの記憶

キラメキラリ

READY!!

Colorful Days

Kosmos, Cosmos

my song

「i」

TOWN

≪アイドルマスター≫

黒い甲冑
ゴルベーザ

滅びし煌めきの
都市

はるかなる故郷

ホームタウン
ドミナ

MEGALOMANIA

心のある場所

オープニング
タイトル

想いは遠く
マナの樹に寄せて

ヨナ（重奏ver.）

≪スクエニ≫

アスレチックのテーマ

激突!
グルメレース

闇の世界

Eight Melodies

スカイハイ

ファンファーレ

愛のテーマ

ハンマー

とたけけの
ラグタイム

≪任天堂≫

塊オンザロック

お尋ね者との戦い

ふたりの
もじぴったん

檄！帝国華撃団

赤い月

DiscStation
メニュー

シャドウゲイト

全ての人の魂の詩

ワイリー
ステージ２

≪ゲーム≫

ぽっぴっぽー！

みくみくにして
あげる♪【してやんよ】

ワールドイズ
マイン

メルト

おちゃめ機能

ねこみみスイッチ

Innocence

えれくとりっく
えんじぇぅ

Ievan Polkka

≪ボカロ≫

空耳ケーキ

My Best Friends

七つの海より
キミの海

Give a reason

かんちがい
ロンリーナイト

DANZEN!
ふたりはプリキュア

晴れてハレルヤ

ふ・れ・ん・ど・
し・た・い

人として軸が
ぶれている

≪アニメ≫

スーパーマリオブラザーズ

シャドウゲイト

ロックマン

ドラゴンクエスト

ぷよぷよ

ドラゴンクエスト

Wizardry

スペランカー

アトランティスの謎

≪ゲームオーバー≫

　

powered by
＝ω＝）ノ

※※※※※　ピコジュークボックス Ver.1.00 powered by ＝ω＝）ノ（のみりん）　※※※※※

		概要 ピコジュークボックスとは、ピコカキコをジュークボックス風に見せるHTMLテンプレートのこと。 製作者は＝ω＝）ノ（のみりん）氏。 まずは、 ボタンを押してから読み進めて欲しい。 その存在感もさることながら、昔ながらのジュークボックス同様にピコカキコを多数内臓できるピコカキコプレイヤーでもある。 拡張性を考慮した構築となっているため、内臓できるピコカキコ数は記事サイズが許す限り搭載できる。 大掛かりではあるが、あくまでも主役はピコカキコである。 経緯 従来のピコカキコプレイヤーは記事内にレイアウトを崩すことなく設置することが難しくそこからpikopodやMPP(kari)が作成された。 しかし複数のピコカキコを掲載するには、並べて設置するしかないという問題があった。 そこで生まれたのがピコジュークボックスである。 ジュークボックスであるにもかかわらずpikopodよりも新しい2022年製である。 記事に彩りを与えてくれるお絵カキコに触発されて記事を作成することは多々あるが、ピコカキコに触発され日ごろの感謝を込められている。 構成 「基本的に9曲＋お絵カキコ」をセットリストとして拡張できる構成である。 上部のお絵カキコとピコカキコ以外はすべてCSSで組まれているため、１セットリスト辺りの曲数を変更することも可能である。 曲数を変更する場合は、ボタン周りの調整が必要になる。これは記事作成時点ではgridやflexが使えないため。 「編集者に無駄に負担かけるなよニコ百運営！」と怨嗟の気持ちで編集しよう。 個別のパーツについての説明はピコプレイヤーピコの記事を参照。 資料 当記事初版で完成されたピコカキコプレイヤーである。 製作工数：約3.5人日（ピコカキコ探しで0.5人日） 関連項目 ピコカキコ ピコカキコプレイヤー pikopod (イルカイダー氏作) MPP(kari) (あずまうど氏作) mmlink (れね氏作) ピコプレイヤーピコ (=ω=)ノ(のみりん)氏作) ピコカキコ関連記事の一覧 ニコニコ大百科:HTMLテンプレート集 ニコニコ大百科:HTMLタグ一覧 マニュアル ボタンで、該当楽曲を再生できます。 で、音量調整ができます。 楽曲名を押すと、該当曲や関連作の記事へ遷移します。 カテゴリ名を押すと、該当楽曲の一覧記事へ遷移します。 ≪≫を押すと、他のカテゴリに切り替えることができます。 イースターエッグが３つほどあります。 ソースコード 下記ソースコードを用い【】で囲まれた箇所を書き換えることで使用できる。 文字数や画像位置などにより多少の調整が必要な場合がある。 下記ソースコードには、セットリストを３つ内蔵し、9曲×３セットリスト状態のものであるため、増減する際はsetlistのリンク間も適宜変更する必要がある。 CSSで作成されているため、ほぼ全ての要素の色合いを変更することが可能。 <center> <div style="width: 90%; max-width: 24em; height: 12em; border-radius: 12em 12em 0 0; background: radial-gradient(circle at 50% 100%,yellow 34%,orange 65% ,white 75%);"> <div style="width: 20%; height: 3.6em; border-radius: 1em 1em 2em 2em/1em 1em 4em 4em; border-left: solid #b3b3b3 0.5em; border-right: solid #b3b3b3 0.5em; background: linear-gradient(#fcc 5%, #f90000 20% , #9f0000 50% ,#ccc 50%,#aaa 60%,#e10000 60%, #a44 85%, #bbb 85%,#999 100%);"></div> <!--　▼▼▼　ここから上部内部　▼▼▼--> <div style="width: 228px; height: 205px; margin-top: -1px; border-radius: 12em 12em 0 0; border: solid 7px #640c0c; background: radial-gradient(#dd3e00 0%,#643800); clear: both; overflow: hidden;"> <!--　▼▼　ここから楽曲セット１　▼▼--> <div style="width: 100%; float: right;"> <a name="setlist1" style="display: block;"></a> <div style="width: 96%; height: 7.4em; background: url('【画像URL】') no-repeat center ; background-size: 【画像サイズ】; border-radius: 8em 8em 0 0/8em 8em 0 0; border: double 0.2em #640c0c;"></div> <div style="width: 234px; height: 72px; font-weight: bold;"> <div style="width: 31%; height: 18px; border: solid 2px #640c0c; float: left; background: linear-gradient(#fdc ,#ffbf00 20%,#ffa84c 80%,#ff9f3a ); font-size: 0.5em; border-radius: 4px; overflow: hidden;"> <div style="overflow: hidden; width: 16px; height: 16px; border-radius: 3px; margin: 1px; float: left;"> <div style="margin-top: -1px; margin-left: -1px;"><img alt="【ピコカキコ番号】" title="【楽曲名】" style="max-width: 86px;" src="https://dic.nicovideo.jp/img/pikoplayer.png"></div> </div> <div style="text-align: center; overflow: hidden; padding: 4px 0 0 0;"> <a target="_blank" style="display: block;" title="【楽曲名】">【楽曲名】</a> </div> </div> <div style="width: 31%; height: 18px; border: solid 2px #640c0c; float: left; background: linear-gradient(#fdc ,#ffbf00 20%,#ffa84c 80%,#ff9f3a ); font-size: 0.5em; border-radius: 4px; overflow: hidden;"> <div style="overflow: hidden; width: 16px; height: 16px; border-radius: 3px; margin: 1px; float: left;"> <div style="margin-top: -1px; margin-left: -1px;"><img alt="【ピコカキコ番号】" title="【楽曲名】" style="max-width: 86px;" src="https://dic.nicovideo.jp/img/pikoplayer.png"></div> </div> <div style="text-align: center; overflow: hidden; padding: 4px 0 0 0;"> <a target="_blank" style="display: block;" title="【楽曲名】">【楽曲名】</a> </div> </div> <div style="width: 31%; height: 18px; border: solid 2px #640c0c; float: left; background: linear-gradient(#fdc ,#ffbf00 20%,#ffa84c 80%,#ff9f3a ); font-size: 0.5em; border-radius: 4px; overflow: hidden;"> <div style="overflow: hidden; width: 16px; height: 16px; border-radius: 3px; margin: 1px; float: left;"> <div style="margin-top: -1px; margin-left: -1px;"><img alt="【ピコカキコ番号】" title="【楽曲名】" style="max-width: 86px;" src="https://dic.nicovideo.jp/img/pikoplayer.png"></div> </div> <div style="text-align: center; overflow: hidden; padding: 4px 0 0 0;"> <a target="_blank" style="display: block;" title="【楽曲名】">【楽曲名】</a> </div> </div> <div style="width: 31%; height: 18px; border: solid 2px #640c0c; float: left; background: linear-gradient(#fdc ,#ffbf00 20%,#ffa84c 80%,#ff9f3a ); font-size: 0.5em; border-radius: 4px; overflow: hidden;"> <div style="overflow: hidden; width: 16px; height: 16px; border-radius: 3px; margin: 1px; float: left;"> <div style="margin-top: -1px; margin-left: -1px;"><img alt="【ピコカキコ番号】" title="【楽曲名】" style="max-width: 86px;" src="https://dic.nicovideo.jp/img/pikoplayer.png"></div> </div> <div style="text-align: center; overflow: hidden; padding: 4px 0 0 0;"> <a target="_blank" style="display: block;" title="【楽曲名】">【楽曲名】</a> </div> </div> <div style="width: 31%; height: 18px; border: solid 2px #640c0c; float: left; background: linear-gradient(#fdc ,#ffbf00 20%,#ffa84c 80%,#ff9f3a ); font-size: 0.5em; border-radius: 4px; overflow: hidden;"> <div style="overflow: hidden; width: 16px; height: 16px; border-radius: 3px; margin: 1px; float: left;"> <div style="margin-top: -1px; margin-left: -1px;"><img alt="【ピコカキコ番号】" title="【楽曲名】" style="max-width: 86px;" src="https://dic.nicovideo.jp/img/pikoplayer.png"></div> </div> <div style="text-align: center; overflow: hidden; padding: 4px 0 0 0;"> <a target="_blank" style="display: block;" title="【楽曲名】">【楽曲名】</a> </div> </div> <div style="width: 31%; height: 18px; border: solid 2px #640c0c; float: left; background: linear-gradient(#fdc ,#ffbf00 20%,#ffa84c 80%,#ff9f3a ); font-size: 0.5em; border-radius: 4px; overflow: hidden;"> <div style="overflow: hidden; width: 16px; height: 16px; border-radius: 3px; margin: 1px; float: left;"> <div style="margin-top: -1px; margin-left: -1px;"><img alt="【ピコカキコ番号】" title="【楽曲名】" style="max-width: 86px;" src="https://dic.nicovideo.jp/img/pikoplayer.png"></div> </div> <div style="text-align: center; overflow: hidden; padding: 4px 0 0 0;"> <a target="_blank" style="display: block;" title="【楽曲名】">【楽曲名】</a> </div> </div> <div style="width: 31%; height: 18px; border: solid 2px #640c0c; float: left; background: linear-gradient(#fdc ,#ffbf00 20%,#ffa84c 80%,#ff9f3a ); font-size: 0.5em; border-radius: 4px; overflow: hidden;"> <div style="overflow: hidden; width: 16px; height: 16px; border-radius: 3px; margin: 1px; float: left;"> <div style="margin-top: -1px; margin-left: -1px;"><img alt="【ピコカキコ番号】" title="【楽曲名】" style="max-width: 86px;" src="https://dic.nicovideo.jp/img/pikoplayer.png"></div> </div> <div style="text-align: center; overflow: hidden; padding: 4px 0 0 0;"> <a target="_blank" style="display: block;" title="【楽曲名】">【楽曲名】</a> </div> </div> <div style="width: 31%; height: 18px; border: solid 2px #640c0c; float: left; background: linear-gradient(#fdc ,#ffbf00 20%,#ffa84c 80%,#ff9f3a ); font-size: 0.5em; border-radius: 4px; overflow: hidden;"> <div style="overflow: hidden; width: 16px; height: 16px; border-radius: 3px; margin: 1px; float: left;"> <div style="margin-top: -1px; margin-left: -1px;"><img alt="【ピコカキコ番号】" title="【楽曲名】" style="max-width: 86px;" src="https://dic.nicovideo.jp/img/pikoplayer.png"></div> </div> <div style="text-align: center; overflow: hidden; padding: 4px 0 0 0;"> <a target="_blank" style="display: block;" title="【楽曲名】">【楽曲名】</a> </div> </div> <div style="width: 31%; height: 18px; border: solid 2px #640c0c; float: left; background: linear-gradient(#fdc ,#ffbf00 20%,#ffa84c 80%,#ff9f3a ); font-size: 0.5em; border-radius: 4px; overflow: hidden;"> <div style="overflow: hidden; width: 16px; height: 16px; border-radius: 3px; margin: 1px; float: left;"> <div style="margin-top: -1px; margin-left: -1px;"><img alt="【ピコカキコ番号】" title="【楽曲名】" style="max-width: 86px;" src="https://dic.nicovideo.jp/img/pikoplayer.png"></div> </div> <div style="text-align: center; overflow: hidden; padding: 4px 0 0 0;"> <a target="_blank" style="display: block;" title="【楽曲名】">【楽曲名】</a> </div> </div> </div> <div style="height: 1em; width: 9em; max-width: 57%; margin-top: -2px; padding-bottom: 2px; background: radial-gradient(circle at 50%, #fc0 78%,#ff7d1f 90%,#ae2b00); color: #ff5240; font-weight: bold; border-bottom: 2px double #a62e2e; border-top: 2px double #a62e2e; overflow: hidden; perspective: 10px; border-radius: 3px/4px;"> <span style="font-size: 0.7em; vertical-align: middle; margin: 0 0 0 -5px; color: #fff;"><a href="#setlist3">≪</a></span><span style="font-size: 12px; padding: 0; vertical-align: middle; margin: 0 4px;"><a target="_blank" title="【セットリスト１タイトル】">【セットリスト１】</a></span><span style="font-size: 0.7em; vertical-align: middle; margin: 0 -5px 0 0; color: #fff;"><a href="#setlist2">≫</a></span> </div> </div> <!--　▲▲　ここまで楽曲セット１　▲▲--> <!--　▼▼　ここから楽曲セット２　▼▼--> <div style="width: 100%; float: right; margin-right: -20in;"> <a name="setlist2" style="display: block;" ></a> <div style="width: 96%; height: 7.4em; background: url('【画像URL】') no-repeat center ; background-size: 【画像サイズ】; border-radius: 8em 8em 0 0/8em 8em 0 0; border: double 0.2em #640c0c;"></div> <div style="width: 234px; height: 72px; font-weight: bold;"> <div style="width: 31%; height: 18px; border: solid 2px #640c0c; float: left; background: linear-gradient(#fdc ,#ffbf00 20%,#ffa84c 80%,#ff9f3a ); font-size: 0.5em; border-radius: 4px; overflow: hidden;"> <div style="overflow: hidden; width: 16px; height: 16px; border-radius: 3px; margin: 1px; float: left;"> <div style="margin-top: -1px; margin-left: -1px;"><img alt="【ピコカキコ番号】" title="【楽曲名】" style="max-width: 86px;" src="https://dic.nicovideo.jp/img/pikoplayer.png"></div> </div> <div style="text-align: center; overflow: hidden; padding: 4px 0 0 0;"> <a target="_blank" style="display: block;" title="【楽曲名】">【楽曲名】</a> </div> </div> <div style="width: 31%; height: 18px; border: solid 2px #640c0c; float: left; background: linear-gradient(#fdc ,#ffbf00 20%,#ffa84c 80%,#ff9f3a ); font-size: 0.5em; border-radius: 4px; overflow: hidden;"> <div style="overflow: hidden; width: 16px; height: 16px; border-radius: 3px; margin: 1px; float: left;"> <div style="margin-top: -1px; margin-left: -1px;"><img alt="【ピコカキコ番号】" title="【楽曲名】" style="max-width: 86px;" src="https://dic.nicovideo.jp/img/pikoplayer.png"></div> </div> <div style="text-align: center; overflow: hidden; padding: 4px 0 0 0;"> <a target="_blank" style="display: block;" title="【楽曲名】">【楽曲名】</a> </div> </div> <div style="width: 31%; height: 18px; border: solid 2px #640c0c; float: left; background: linear-gradient(#fdc ,#ffbf00 20%,#ffa84c 80%,#ff9f3a ); font-size: 0.5em; border-radius: 4px; overflow: hidden;"> <div style="overflow: hidden; width: 16px; height: 16px; border-radius: 3px; margin: 1px; float: left;"> <div style="margin-top: -1px; margin-left: -1px;"><img alt="【ピコカキコ番号】" title="【楽曲名】" style="max-width: 86px;" src="https://dic.nicovideo.jp/img/pikoplayer.png"></div> </div> <div style="text-align: center; overflow: hidden; padding: 4px 0 0 0;"> <a target="_blank" style="display: block;" title="【楽曲名】">【楽曲名】</a> </div> </div> <div style="width: 31%; height: 18px; border: solid 2px #640c0c; float: left; background: linear-gradient(#fdc ,#ffbf00 20%,#ffa84c 80%,#ff9f3a ); font-size: 0.5em; border-radius: 4px; overflow: hidden;"> <div style="overflow: hidden; width: 16px; height: 16px; border-radius: 3px; margin: 1px; float: left;"> <div style="margin-top: -1px; margin-left: -1px;"><img alt="【ピコカキコ番号】" title="【楽曲名】" style="max-width: 86px;" src="https://dic.nicovideo.jp/img/pikoplayer.png"></div> </div> <div style="text-align: center; overflow: hidden; padding: 4px 0 0 0;"> <a target="_blank" style="display: block;" title="【楽曲名】">【楽曲名】</a> </div> </div> <div style="width: 31%; height: 18px; border: solid 2px #640c0c; float: left; background: linear-gradient(#fdc ,#ffbf00 20%,#ffa84c 80%,#ff9f3a ); font-size: 0.5em; border-radius: 4px; overflow: hidden;"> <div style="overflow: hidden; width: 16px; height: 16px; border-radius: 3px; margin: 1px; float: left;"> <div style="margin-top: -1px; margin-left: -1px;"><img alt="【ピコカキコ番号】" title="【楽曲名】" style="max-width: 86px;" src="https://dic.nicovideo.jp/img/pikoplayer.png"></div> </div> <div style="text-align: center; overflow: hidden; padding: 4px 0 0 0;"> <a target="_blank" style="display: block;" title="【楽曲名】">【楽曲名】</a> </div> </div> <div style="width: 31%; height: 18px; border: solid 2px #640c0c; float: left; background: linear-gradient(#fdc ,#ffbf00 20%,#ffa84c 80%,#ff9f3a ); font-size: 0.5em; border-radius: 4px; overflow: hidden;"> <div style="overflow: hidden; width: 16px; height: 16px; border-radius: 3px; margin: 1px; float: left;"> <div style="margin-top: -1px; margin-left: -1px;"><img alt="【ピコカキコ番号】" title="【楽曲名】" style="max-width: 86px;" src="https://dic.nicovideo.jp/img/pikoplayer.png"></div> </div> <div style="text-align: center; overflow: hidden; padding: 4px 0 0 0;"> <a target="_blank" style="display: block;" title="【楽曲名】">【楽曲名】</a> </div> </div> <div style="width: 31%; height: 18px; border: solid 2px #640c0c; float: left; background: linear-gradient(#fdc ,#ffbf00 20%,#ffa84c 80%,#ff9f3a ); font-size: 0.5em; border-radius: 4px; overflow: hidden;"> <div style="overflow: hidden; width: 16px; height: 16px; border-radius: 3px; margin: 1px; float: left;"> <div style="margin-top: -1px; margin-left: -1px;"><img alt="【ピコカキコ番号】" title="【楽曲名】" style="max-width: 86px;" src="https://dic.nicovideo.jp/img/pikoplayer.png"></div> </div> <div style="text-align: center; overflow: hidden; padding: 4px 0 0 0;"> <a target="_blank" style="display: block;" title="【楽曲名】">【楽曲名】</a> </div> </div> <div style="width: 31%; height: 18px; border: solid 2px #640c0c; float: left; background: linear-gradient(#fdc ,#ffbf00 20%,#ffa84c 80%,#ff9f3a ); font-size: 0.5em; border-radius: 4px; overflow: hidden;"> <div style="overflow: hidden; width: 16px; height: 16px; border-radius: 3px; margin: 1px; float: left;"> <div style="margin-top: -1px; margin-left: -1px;"><img alt="【ピコカキコ番号】" title="【楽曲名】" style="max-width: 86px;" src="https://dic.nicovideo.jp/img/pikoplayer.png"></div> </div> <div style="text-align: center; overflow: hidden; padding: 4px 0 0 0;"> <a target="_blank" style="display: block;" title="【楽曲名】">【楽曲名】</a> </div> </div> <div style="width: 31%; height: 18px; border: solid 2px #640c0c; float: left; background: linear-gradient(#fdc ,#ffbf00 20%,#ffa84c 80%,#ff9f3a ); font-size: 0.5em; border-radius: 4px; overflow: hidden;"> <div style="overflow: hidden; width: 16px; height: 16px; border-radius: 3px; margin: 1px; float: left;"> <div style="margin-top: -1px; margin-left: -1px;"><img alt="【ピコカキコ番号】" title="【楽曲名】" style="max-width: 86px;" src="https://dic.nicovideo.jp/img/pikoplayer.png"></div> </div> <div style="text-align: center; overflow: hidden; padding: 4px 0 0 0;"> <a target="_blank" style="display: block;" title="【楽曲名】">【楽曲名】</a> </div> </div> </div> <div style="height: 1em; width: 9em; max-width: 57%; margin-top: -2px; padding-bottom: 2px; background: radial-gradient(circle at 50%, #fc0 78%,#ff7d1f 90%,#ae2b00); color: #ff5240; font-weight: bold; border-bottom: 2px double #a62e2e; border-top: 2px double #a62e2e; overflow: hidden; perspective: 10px; border-radius: 3px/4px;"> <span style="font-size: 0.7em; vertical-align: middle; margin: 0 0 0 -5px; color: #fff;"><a href="#setlist1">≪</a></span><span style="font-size: 12px; padding: 0; vertical-align: middle; margin: 0 4px;"><a target="_blank" title="【セットリスト２タイトル】">【セットリスト２】</a></span><span style="font-size: 0.7em; vertical-align: middle; margin: 0 -5px 0 0; color: #fff;"><a href="#setlist3">≫</a></span> </div> </div> <!--　▲▲　ここまで楽曲セット２　▲▲--> <!--　▼▼　ここから楽曲セット３　▼▼--> <div style="width: 100%; float: right; margin-right: -30in;"> <a name="setlist3" style="display: block;" ></a> <div style="width: 96%; height: 7.4em; background: url('【画像URL】') no-repeat center ; background-size: 【画像サイズ】; border-radius: 8em 8em 0 0/8em 8em 0 0; border: double 0.2em #640c0c;"></div> <div style="width: 234px; height: 72px; font-weight: bold;"> <div style="width: 31%; height: 18px; border: solid 2px #640c0c; float: left; background: linear-gradient(#fdc ,#ffbf00 20%,#ffa84c 80%,#ff9f3a ); font-size: 0.5em; border-radius: 4px; overflow: hidden;"> <div style="overflow: hidden; width: 16px; height: 16px; border-radius: 3px; margin: 1px; float: left;"> <div style="margin-top: -1px; margin-left: -1px;"><img alt="【ピコカキコ番号】" title="【楽曲名】" style="max-width: 86px;" src="https://dic.nicovideo.jp/img/pikoplayer.png"></div> </div> <div style="text-align: center; overflow: hidden; padding: 4px 0 0 0;"> <a target="_blank" style="display: block;" title="【楽曲名】">【楽曲名】</a> </div> </div> <div style="width: 31%; height: 18px; border: solid 2px #640c0c; float: left; background: linear-gradient(#fdc ,#ffbf00 20%,#ffa84c 80%,#ff9f3a ); font-size: 0.5em; border-radius: 4px; overflow: hidden;"> <div style="overflow: hidden; width: 16px; height: 16px; border-radius: 3px; margin: 1px; float: left;"> <div style="margin-top: -1px; margin-left: -1px;"><img alt="【ピコカキコ番号】" title="【楽曲名】" style="max-width: 86px;" src="https://dic.nicovideo.jp/img/pikoplayer.png"></div> </div> <div style="text-align: center; overflow: hidden; padding: 4px 0 0 0;"> <a target="_blank" style="display: block;" title="【楽曲名】">【楽曲名】</a> </div> </div> <div style="width: 31%; height: 18px; border: solid 2px #640c0c; float: left; background: linear-gradient(#fdc ,#ffbf00 20%,#ffa84c 80%,#ff9f3a ); font-size: 0.5em; border-radius: 4px; overflow: hidden;"> <div style="overflow: hidden; width: 16px; height: 16px; border-radius: 3px; margin: 1px; float: left;"> <div style="margin-top: -1px; margin-left: -1px;"><img alt="【ピコカキコ番号】" title="【楽曲名】" style="max-width: 86px;" src="https://dic.nicovideo.jp/img/pikoplayer.png"></div> </div> <div style="text-align: center; overflow: hidden; padding: 4px 0 0 0;"> <a target="_blank" style="display: block;" title="【楽曲名】">【楽曲名】</a> </div> </div> <div style="width: 31%; height: 18px; border: solid 2px #640c0c; float: left; background: linear-gradient(#fdc ,#ffbf00 20%,#ffa84c 80%,#ff9f3a ); font-size: 0.5em; border-radius: 4px; overflow: hidden;"> <div style="overflow: hidden; width: 16px; height: 16px; border-radius: 3px; margin: 1px; float: left;"> <div style="margin-top: -1px; margin-left: -1px;"><img alt="【ピコカキコ番号】" title="【楽曲名】" style="max-width: 86px;" src="https://dic.nicovideo.jp/img/pikoplayer.png"></div> </div> <div style="text-align: center; overflow: hidden; padding: 4px 0 0 0;"> <a target="_blank" style="display: block;" title="【楽曲名】">【楽曲名】</a> </div> </div> <div style="width: 31%; height: 18px; border: solid 2px #640c0c; float: left; background: linear-gradient(#fdc ,#ffbf00 20%,#ffa84c 80%,#ff9f3a ); font-size: 0.5em; border-radius: 4px; overflow: hidden;"> <div style="overflow: hidden; width: 16px; height: 16px; border-radius: 3px; margin: 1px; float: left;"> <div style="margin-top: -1px; margin-left: -1px;"><img alt="【ピコカキコ番号】" title="【楽曲名】" style="max-width: 86px;" src="https://dic.nicovideo.jp/img/pikoplayer.png"></div> </div> <div style="text-align: center; overflow: hidden; padding: 4px 0 0 0;"> <a target="_blank" style="display: block;" title="【楽曲名】">【楽曲名】</a> </div> </div> <div style="width: 31%; height: 18px; border: solid 2px #640c0c; float: left; background: linear-gradient(#fdc ,#ffbf00 20%,#ffa84c 80%,#ff9f3a ); font-size: 0.5em; border-radius: 4px; overflow: hidden;"> <div style="overflow: hidden; width: 16px; height: 16px; border-radius: 3px; margin: 1px; float: left;"> <div style="margin-top: -1px; margin-left: -1px;"><img alt="【ピコカキコ番号】" title="【楽曲名】" style="max-width: 86px;" src="https://dic.nicovideo.jp/img/pikoplayer.png"></div> </div> <div style="text-align: center; overflow: hidden; padding: 4px 0 0 0;"> <a target="_blank" style="display: block;" title="【楽曲名】">【楽曲名】</a> </div> </div> <div style="width: 31%; height: 18px; border: solid 2px #640c0c; float: left; background: linear-gradient(#fdc ,#ffbf00 20%,#ffa84c 80%,#ff9f3a ); font-size: 0.5em; border-radius: 4px; overflow: hidden;"> <div style="overflow: hidden; width: 16px; height: 16px; border-radius: 3px; margin: 1px; float: left;"> <div style="margin-top: -1px; margin-left: -1px;"><img alt="【ピコカキコ番号】" title="【楽曲名】" style="max-width: 86px;" src="https://dic.nicovideo.jp/img/pikoplayer.png"></div> </div> <div style="text-align: center; overflow: hidden; padding: 4px 0 0 0;"> <a target="_blank" style="display: block;" title="【楽曲名】">【楽曲名】</a> </div> </div> <div style="width: 31%; height: 18px; border: solid 2px #640c0c; float: left; background: linear-gradient(#fdc ,#ffbf00 20%,#ffa84c 80%,#ff9f3a ); font-size: 0.5em; border-radius: 4px; overflow: hidden;"> <div style="overflow: hidden; width: 16px; height: 16px; border-radius: 3px; margin: 1px; float: left;"> <div style="margin-top: -1px; margin-left: -1px;"><img alt="【ピコカキコ番号】" title="【楽曲名】" style="max-width: 86px;" src="https://dic.nicovideo.jp/img/pikoplayer.png"></div> </div> <div style="text-align: center; overflow: hidden; padding: 4px 0 0 0;"> <a target="_blank" style="display: block;" title="【楽曲名】">【楽曲名】</a> </div> </div> <div style="width: 31%; height: 18px; border: solid 2px #640c0c; float: left; background: linear-gradient(#fdc ,#ffbf00 20%,#ffa84c 80%,#ff9f3a ); font-size: 0.5em; border-radius: 4px; overflow: hidden;"> <div style="overflow: hidden; width: 16px; height: 16px; border-radius: 3px; margin: 1px; float: left;"> <div style="margin-top: -1px; margin-left: -1px;"><img alt="【ピコカキコ番号】" title="【楽曲名】" style="max-width: 86px;" src="https://dic.nicovideo.jp/img/pikoplayer.png"></div> </div> <div style="text-align: center; overflow: hidden; padding: 4px 0 0 0;"> <a target="_blank" style="display: block;" title="【楽曲名】">【楽曲名】</a> </div> </div> </div> <div style="height: 1em; width: 9em; max-width: 57%; margin-top: -2px; padding-bottom: 2px; background: radial-gradient(circle at 50%, #fc0 78%,#ff7d1f 90%,#ae2b00); color: #ff5240; font-weight: bold; border-bottom: 2px double #a62e2e; border-top: 2px double #a62e2e; overflow: hidden; perspective: 10px; border-radius: 3px/4px;"> <span style="font-size: 0.7em; vertical-align: middle; margin: 0 0 0 -5px; color: #fff;"><a href="#setlist2">≪</a></span><span style="font-size: 12px; padding: 0; vertical-align: middle; margin: 0 4px;"><a target="_blank" title="【セットリスト３タイトル】">【セットリスト３】</a></span><span style="font-size: 0.7em; vertical-align: middle; margin: 0 -5px 0 0; color: #fff;"><a href="#setlist1">≫</a></span> </div> </div> <!--　▲▲　ここまで楽曲セット３　▲▲--> </div> <!--　▲▲▲　ここまで上部内部　▲▲▲--> </div> <div style="width: 92%; max-width: 24.4em; height: 13px; border-radius: 3px; background: linear-gradient(90deg,#ddd 0, #ccc 5%, #999 12%, #d5d5d5 20%, #d5d5d5 80%, #999 88%, #ccc 95%,#ddd 100%);"></div> <div style="width: 92%; max-width: 24em; height: 12px; background: linear-gradient(90deg,#f33 0, #8c1c1c 12%,#f66 20%, #f66 80%, #8c1c1c 88%, #f33 100%);"></div> <div style="width: 92%; max-width: 24.4em; height: 13px; border-radius: 3px; background: linear-gradient(90deg,#ddd 0, #ccc 5%, #999 12%, #d5d5d5 20%, #d5d5d5 80%, #999 88%, #ccc 95%,#ddd 100%);"></div> <div style="width: 92%; max-width: 24em; height: 12px; background: linear-gradient(90deg,#f33 0, #8c1c1c 12%,#f66 20%, #f66 80%, #8c1c1c 88%, #f33 100%);"></div> <div style="width: 92%; max-width: 24.4em; height: 13px; border-radius: 3px; background: linear-gradient(90deg,#ddd 0, #ccc 5%, #999 12%, #d5d5d5 20%, #d5d5d5 80%, #999 88%, #ccc 95%,#ddd 100%);"></div> <div style="width: 242px; height: 63px; background: #640c0c; margin-top: -63px;"></div> <div style="width: 90%; max-width: 24em; height: 16em; border-radius: 0.2em 0.2em 0.5em 0.5em; background: linear-gradient(90deg , #ffd9a9 0% ,orange 3%, yellow 25%, yellow 75%,orange 97%, #ffd9a9 100%);"> <div style="width: 242px; height: 16em; background: #640c0c;"> <div style="width: 90%; height: 2em; background: #640c0c;"> <div style="clear: both;"> <div style="width: 13%; height: 1em; margin: 0.5em 0.3em 0.5em 0.2em; border-radius: 0.3em; background: linear-gradient(90deg,#666 5%, #bbb,#ccc 30% ,#ccc ,#ccc ,#ddd ,#ccc 70%,#999,#aaa,#777 95%,#777); box-shadow: 0 0 0 1px #888; float: left;"> <div style="overflow: hidden; width: 18px; height: 18px; opacity: 0;"><img style="max-width: 86px;" src="https://dic.nicovideo.jp/img/pikoplayer.png" alt="15071" title="コインいっこ入れる"></div> </div> <div style="width: 68%; height: 2em; margin-top: 2px; float: left; background: linear-gradient(90deg, #aaa ,#666, #aaa, #a44, #c44 , #a44 , #aaa ,#666, #aaa, #a44, #c44 , #a44 , #aaa ,#666, #aaa, #a44, #c44 , #a44 , #aaa ,#666, #aaa, #a44, #c44 , #a44 , #aaa ,#666, #aaa, #a44, #c44 , #a44 , #aaa ,#666, #aaa, #a44, #c44 , #a44 , #aaa ,#666, #aaa, #a44, #c44 , #a44 , #aaa ,#666, #aaa, #a44, #c44 , #a44 , #aaa ,#666, #aaa, #a44, #c44 , #a44 , #aaa ,#666, #aaa, #a44, #c44 , #a44 , #aaa ,#666, #aaa, #a44, #c44 , #a44 , #aaa ,#666, #aaa ); overflow: hidden;"></div> <div style="width: 13%; height: 1em; margin: 0.5em 0 0.5em 0.3em; border-radius: 0.3em; background: linear-gradient(90deg,#666 5%, #bbb,#ccc 30% ,#ccc ,#ccc ,#888 45%,#777 ,#777,#888 55%,#ddd ,#ccc 70%,#999,#aaa,#777 95%,#777); box-shadow: 0 0 0 1px #888; float: left;"> <div style="overflow: hidden; width: 18px; height: 18px; opacity: 0;"><img style="max-width: 86px;" src="https://dic.nicovideo.jp/img/pikoplayer.png" alt="2311" title="コインいっこ入れる"></div> </div> </div> </div> <div style="width: 90%; height: 13.5em; border-radius: 0.2em 0.2em 8em 8em; background: radial-gradient(circle at 50% 38%, yellow 43%,orange 80%);"> <div style="width: 80%; height: 12em; border-radius: 0 0 6em 6em; margin-top: 6px; border: 1px double #f27d00; border-top: none; overflow: hidden;"> <table style="margin: -3em 0 0 -3em; transform: rotate(47deg); width: 17em; height: 17em;"> <tbody> <tr> <td style="width: 30px; height: 30px; padding: 0; border: solid 8px #bdbdbd; background: radial-gradient(#ffa260 ,#ffa11b 30% ,#ffa11b 50%,#bdbdbd 85%,#b3b3b3);"></td> <td style="width: 30px; height: 30px; padding: 0; border: solid 8px #bdbdbd; background: radial-gradient(#ffa260 ,#ffa11b 30% ,#ffa11b 50%,#bdbdbd 85%,#b3b3b3);"></td> <td style="width: 30px; height: 30px; padding: 0; border: solid 8px #bdbdbd; background: radial-gradient(#ffa260 ,#ffa11b 30% ,#ffa11b 50%,#bdbdbd 85%,#b3b3b3);"></td> <td style="width: 30px; height: 30px; padding: 0; border: solid 8px #bdbdbd; background: radial-gradient(#ffa260 ,#ffa11b 30% ,#ffa11b 50%,#bdbdbd 85%,#b3b3b3);"></td> <td style="width: 30px; height: 30px; padding: 0; border: solid 8px #bdbdbd; background: radial-gradient(#ffa260 ,#ffa11b 30% ,#ffa11b 50%,#bdbdbd 85%,#b3b3b3);"></td> <td style="width: 30px; height: 30px; padding: 0; border: solid 8px #bdbdbd; background: radial-gradient(#ffa260 ,#ffa11b 30% ,#ffa11b 50%,#bdbdbd 85%,#b3b3b3);"></td> <td style="width: 30px; height: 30px; padding: 0; border: solid 8px #bdbdbd; background: radial-gradient(#ffa260 ,#ffa11b 30% ,#ffa11b 50%,#bdbdbd 85%,#b3b3b3);"></td> </tr> <tr> <td style="width: 30px; height: 30px; padding: 0; border: solid 8px #bdbdbd; background: radial-gradient(#ffa260 ,#ffa11b 30% ,#ffa11b 50%,#bdbdbd 85%,#b3b3b3);"></td> <td style="width: 30px; height: 30px; padding: 0; border: solid 8px #bdbdbd; background: radial-gradient(#ffa260 ,#ffa11b 30% ,#ffa11b 50%,#bdbdbd 85%,#b3b3b3);"></td> <td style="width: 30px; height: 30px; padding: 0; border: solid 8px #bdbdbd; background: radial-gradient(#ffa260 ,#ffa11b 30% ,#ffa11b 50%,#bdbdbd 85%,#b3b3b3);"></td> <td style="width: 30px; height: 30px; padding: 0; border: solid 8px #bdbdbd; background: radial-gradient(#ffa260 ,#ffa11b 30% ,#ffa11b 50%,#bdbdbd 85%,#b3b3b3);"></td> <td style="width: 30px; height: 30px; padding: 0; border: solid 8px #bdbdbd; background: radial-gradient(#ffa260 ,#ffa11b 30% ,#ffa11b 50%,#bdbdbd 85%,#b3b3b3);"></td> <td style="width: 30px; height: 30px; padding: 0; border: solid 8px #bdbdbd; background: radial-gradient(#ffa260 ,#ffa11b 30% ,#ffa11b 50%,#bdbdbd 85%,#b3b3b3);"></td> <td style="width: 30px; height: 30px; padding: 0; border: solid 8px #bdbdbd; background: radial-gradient(#ffa260 ,#ffa11b 30% ,#ffa11b 50%,#bdbdbd 85%,#b3b3b3);"></td> </tr> <tr> <td style="width: 30px; height: 30px; padding: 0; border: solid 8px #bdbdbd; background: radial-gradient(#ffa260 ,#ffa11b 30% ,#ffa11b 50%,#bdbdbd 85%,#b3b3b3);"></td> <td style="width: 30px; height: 30px; padding: 0; border: solid 8px #bdbdbd; background: radial-gradient(#ffa260 ,#ffa11b 30% ,#ffa11b 50%,#bdbdbd 85%,#b3b3b3);"></td> <td style="width: 30px; height: 30px; padding: 0; border: solid 8px #bdbdbd; background: radial-gradient(#ffa260 ,#ffa11b 30% ,#ffa11b 50%,#bdbdbd 85%,#b3b3b3);"></td> <td style="width: 30px; height: 30px; padding: 0; border: solid 8px #bdbdbd; background: radial-gradient(#ffa260 ,#ffa11b 30% ,#ffa11b 50%,#bdbdbd 85%,#b3b3b3);"></td> <td style="width: 30px; height: 30px; padding: 0; border: solid 8px #bdbdbd; background: radial-gradient(#ffa260 ,#ffa11b 30% ,#ffa11b 50%,#bdbdbd 85%,#b3b3b3);"></td> <td style="width: 30px; height: 30px; padding: 0; border: solid 8px #bdbdbd; background: radial-gradient(#ffa260 ,#ffa11b 30% ,#ffa11b 50%,#bdbdbd 85%,#b3b3b3);"></td> <td style="width: 30px; height: 30px; padding: 0; border: solid 8px #bdbdbd; background: radial-gradient(#ffa260 ,#ffa11b 30% ,#ffa11b 50%,#bdbdbd 85%,#b3b3b3);"></td> </tr> <tr> <td style="width: 30px; height: 30px; padding: 0; border: solid 8px #bdbdbd; background: radial-gradient(#ffa260 ,#ffa11b 30% ,#ffa11b 50%,#bdbdbd 85%,#b3b3b3);"></td> <td style="width: 30px; height: 30px; padding: 0; border: solid 8px #bdbdbd; background: radial-gradient(#ffa260 ,#ffa11b 30% ,#ffa11b 50%,#bdbdbd 85%,#b3b3b3);"></td> <td style="width: 30px; height: 30px; padding: 0; border: solid 8px #bdbdbd; background: radial-gradient(#ffa260 ,#ffa11b 30% ,#ffa11b 50%,#bdbdbd 85%,#b3b3b3);"></td> <td style="width: 30px; height: 30px; padding: 0; border: solid 8px #bdbdbd; background: radial-gradient(#ffa260 ,#ffa11b 30% ,#ffa11b 50%,#bdbdbd 85%,#b3b3b3);"></td> <td style="width: 30px; height: 30px; padding: 0; border: solid 8px #bdbdbd; background: radial-gradient(#ffa260 ,#ffa11b 30% ,#ffa11b 50%,#bdbdbd 85%,#b3b3b3);"></td> <td style="width: 30px; height: 30px; padding: 0; border: solid 8px #bdbdbd; background: radial-gradient(#ffa260 ,#ffa11b 30% ,#ffa11b 50%,#bdbdbd 85%,#b3b3b3);"></td> <td style="width: 30px; height: 30px; padding: 0; border: solid 8px #bdbdbd; background: radial-gradient(#ffa260 ,#ffa11b 30% ,#ffa11b 50%,#bdbdbd 85%,#b3b3b3);"></td> </tr> <tr> <td style="width: 30px; height: 30px; padding: 0; border: solid 8px #bdbdbd; background: radial-gradient(#ffa260 ,#ffa11b 30% ,#ffa11b 50%,#bdbdbd 85%,#b3b3b3);"></td> <td style="width: 30px; height: 30px; padding: 0; border: solid 8px #bdbdbd; background: radial-gradient(#ffa260 ,#ffa11b 30% ,#ffa11b 50%,#bdbdbd 85%,#b3b3b3);"></td> <td style="width: 30px; height: 30px; padding: 0; border: solid 8px #bdbdbd; background: radial-gradient(#ffa260 ,#ffa11b 30% ,#ffa11b 50%,#bdbdbd 85%,#b3b3b3);"></td> <td style="width: 30px; height: 30px; padding: 0; border: solid 8px #bdbdbd; background: radial-gradient(#ffa260 ,#ffa11b 30% ,#ffa11b 50%,#bdbdbd 85%,#b3b3b3);"></td> <td style="width: 30px; height: 30px; padding: 0; border: solid 8px #bdbdbd; background: radial-gradient(#ffa260 ,#ffa11b 30% ,#ffa11b 50%,#bdbdbd 85%,#b3b3b3);"></td> <td style="width: 30px; height: 30px; padding: 0; border: solid 8px #bdbdbd; background: radial-gradient(#ffa260 ,#ffa11b 30% ,#ffa11b 50%,#bdbdbd 85%,#b3b3b3);"></td> <td style="width: 30px; height: 30px; padding: 0; border: solid 8px #bdbdbd; background: radial-gradient(#ffa260 ,#ffa11b 30% ,#ffa11b 50%,#bdbdbd 85%,#b3b3b3);"></td> </tr> <tr> <td style="width: 30px; height: 30px; padding: 0; border: solid 8px #bdbdbd; background: radial-gradient(#ffa260 ,#ffa11b 30% ,#ffa11b 50%,#bdbdbd 85%,#b3b3b3);"></td> <td style="width: 30px; height: 30px; padding: 0; border: solid 8px #bdbdbd; background: radial-gradient(#ffa260 ,#ffa11b 30% ,#ffa11b 50%,#bdbdbd 85%,#b3b3b3);"></td> <td style="width: 30px; height: 30px; padding: 0; border: solid 8px #bdbdbd; background: radial-gradient(#ffa260 ,#ffa11b 30% ,#ffa11b 50%,#bdbdbd 85%,#b3b3b3);"></td> <td style="width: 30px; height: 30px; padding: 0; border: solid 8px #bdbdbd; background: radial-gradient(#ffa260 ,#ffa11b 30% ,#ffa11b 50%,#bdbdbd 85%,#b3b3b3);"></td> <td style="width: 30px; height: 30px; padding: 0; border: solid 8px #bdbdbd; background: radial-gradient(#ffa260 ,#ffa11b 30% ,#ffa11b 50%,#bdbdbd 85%,#b3b3b3);"></td> <td style="width: 30px; height: 30px; padding: 0; border: solid 8px #bdbdbd; background: radial-gradient(#ffa260 ,#ffa11b 30% ,#ffa11b 50%,#bdbdbd 85%,#b3b3b3);"></td> <td style="width: 30px; height: 30px; padding: 0; border: solid 8px #bdbdbd; background: radial-gradient(#ffa260 ,#ffa11b 30% ,#ffa11b 50%,#bdbdbd 85%,#b3b3b3);"></td> </tr> <tr> <td style="width: 30px; height: 30px; padding: 0; border: solid 8px #bdbdbd; background: radial-gradient(#ffa260 ,#ffa11b 30% ,#ffa11b 50%,#bdbdbd 85%,#b3b3b3);"></td> <td style="width: 30px; height: 30px; padding: 0; border: solid 8px #bdbdbd; background: radial-gradient(#ffa260 ,#ffa11b 30% ,#ffa11b 50%,#bdbdbd 85%,#b3b3b3);"></td> <td style="width: 30px; height: 30px; padding: 0; border: solid 8px #bdbdbd; background: radial-gradient(#ffa260 ,#ffa11b 30% ,#ffa11b 50%,#bdbdbd 85%,#b3b3b3);"></td> <td style="width: 30px; height: 30px; padding: 0; border: solid 8px #bdbdbd; background: radial-gradient(#ffa260 ,#ffa11b 30% ,#ffa11b 50%,#bdbdbd 85%,#b3b3b3);"></td> <td style="width: 30px; height: 30px; padding: 0; border: solid 8px #bdbdbd; background: radial-gradient(#ffa260 ,#ffa11b 30% ,#ffa11b 50%,#bdbdbd 85%,#b3b3b3);"></td> <td style="width: 30px; height: 30px; padding: 0; border: solid 8px #bdbdbd; background: radial-gradient(#ffa260 ,#ffa11b 30% ,#ffa11b 50%,#bdbdbd 85%,#b3b3b3);"></td> <td style="width: 30px; height: 30px; padding: 0; border: solid 8px #bdbdbd; background: radial-gradient(#ffa260 ,#ffa11b 30% ,#ffa11b 50%,#bdbdbd 85%,#b3b3b3);"></td> </tr> </tbody> </table> <div style="width: 80%; height: 8em; border-radius: 0.5em; margin-top: -15.3em; perspective: 0; padding: 3px;"> <div style="overflow: hidden; width: 50px; height: 9px; border-radius: 6px; border: 1px double #f95; opacity: 0.5;"> <div style="margin-left: -36px; margin-top: -8px;"><img style="max-width: 86px;" src="https://dic.nicovideo.jp/img/pikoplayer.png" title="ボリューム調整"></div> </div> <div style="width: 105%; height: 24em; color: #f66; font-size: 12px; opacity: 0.8;"></div> </div> <div style="width: 2em; height: 2em; border-radius: 1em; margin: 0; background: radial-gradient(circle at 30% 30%, #ff4a4a, #7d2222); box-shadow: 0 0 2px 3px #aeaeae; perspective: 0;"> <a href="#setlist1" title="14へ行け" style="display: block; opacity: 0;">　</a> </div> </div> </div> <div style="clear: both; margin-top: -7em;"> <div style="width: 13%; height: 1em; margin-left: 0.5em; border-radius: 0.3em; background: linear-gradient(120deg , #bbb,#ccc 30% ,#888 70%,#666); float: left; perspective: 0;"></div> <div style="width: 68%; height: 4.5em; float: left;"></div> <div style="width: 13%; height: 1em; margin-right: 0; border-radius: 0.3em; background: linear-gradient(120deg , #bbb,#ccc 30% ,#888 70%,#666); float: left; perspective: 0;"></div> </div> <div style="width: 1em; height: 2.2em; margin-top: 5.2em; border-radius: 0.3em; perspective: 10px; background: linear-gradient(#bbb,#ddd 30% ,#888 70%,#666);"></div> <div style="width: 36px; height: 36px; margin: -42px 0 0 -194px; border-radius: 20px; border: ridge 3px #700; background: radial-gradient(#ca0900 ,#170303 96%); font-size: 5px; font-weight: bold; color: #571111; opacity: 0.8; overflow: hidden;"> <div style="width: 36px; height: 14px; margin: 9px 0 0; border-top: double 2px #640c0c; border-bottom: double 2px #640c0c; background: radial-gradient(#dd3e00 0%,#643800); overflow: hidden;"> <a style="display: block;" href="https://dic.nicovideo.jp/u/3890890#top" title="powered by ＝ω＝）ノ（のみりん）">powered by<br> ＝ω＝）ノ</a> </div> <div style="display: none;"> ※※※※※　ピコジュークボックス Ver.1.00 powered by ＝ω＝）ノ（のみりん）　※※※※※ </div> </div> </div> </div> <div style="width: 92%; max-width: 24.2em; height: 3em; background: linear-gradient(90deg, #3e0e0e, #640c0c 20% ,#640c0c ,#640c0c 80%, #3e0e0e); box-shadow: 0 43px 20px 0 #666; border-bottom: 4px double #400f0f; border-radius: 4px 4px 8px 8px;"></div> <div style="width: 80%; max-width: 22em; height: 2em; border-radius: 0 0 8px 8px; background: linear-gradient(90deg,#666,#eee 25% ,#eee 75%,#666);"> <div style="width: 70%; height: 2em; background: linear-gradient(#888 0,#666 60%, #444 63%, #555 80%, #717171 100%);"></div> </div> </center>

概要

マニュアル

ソースコード