×
Wiki Top
最近の更新
🔄
本ページはプロモーションが含まれています。
テンプレート
議論
ソースを編集
履歴表示
「
テンプレート:攻略TOPメニュー/styles.css
」を編集中
提供:ロマサガ2リメイク 攻略Wiki(ロマンシング サガ2 リベンジオブザセブン)
2024年10月15日 (火) 11:52時点における
H1G_yusaku@ヘイグ
(
トーク
|
投稿記録
)
による版
(
差分
)
← 古い版
|
最新版
(
差分
) |
新しい版 →
(
差分
)
移動先:
案内
、
検索
警告: このページの古い版を編集しています。
公開すると、この版以降になされた変更がすべて失われます。
警告:
ログインしていません。編集を行うと、あなたの IP アドレスが公開されます。
ログイン
または
アカウントを作成
すれば、あなたの編集はその利用者名とともに表示されるほか、その他の利点もあります。
スパム攻撃防止用のチェックです。 けっして、ここには、値の入力は
しない
でください!
/*TOPメニュー用CSS*/ .container { display: flex; flex-wrap: wrap; margin: 10px 0; } .column { flex: 1 1 calc(50% - 10px); min-width: 300px; box-sizing: border-box; padding: 10px; border-radius: 8px; } .h2_blue { font-size: 1em; color: #fcfcfc; text-shadow: 0 0 10px #084f86, 0 0 2px #084f86, 0 0 1px #084f86; background: linear-gradient(18deg, #56b4e6, #0273cf); padding: 10px 15px !important; margin: 2rem 0 15px 0 !important; border-radius: 3px; font-weight: 700; } .h2_green { font-size: 1em; color: #fcfcfc; text-shadow: 0 0 10px #084f86, 0 0 2px #084f86, 0 0 1px #084f86; background: linear-gradient(18deg, #5b9485, #2e4a43); padding: 10px 15px !important; margin: 2rem 0 15px 0 !important; border-radius: 3px; font-weight: 700; } .h2_gray{ font-size:1em; color: #fcfcfc; background: linear-gradient(to right, #879294, #c0d5e1); padding: 6px 15px !important; margin: 2rem 0 15px 0 !important; font-weight: 700; } .menu-container { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 5px; } .menulist { flex: 0 0 calc(32% - 5px); margin-bottom: 3px; } .menulist .btn-default { display: inline-flex; align-items: center; margin: 5px auto; text-decoration: none; color: inherit; width: 100%; height: 100%; } .menulist .btn-default img { margin-right: 5px; } .column2{ flex: 0 1 100%; } @media (max-width: 768px) { .column { flex: 1 1 100%; padding:1px; } .menulist { flex: 0 0 100%; } .menulist { flex: 0 0 calc(32% - 5px); margin-bottom: 3px; } } /*スライダー*/ * { box-sizing: border-box; list-style: none; padding: 0; margin: 0; } /* スライドする要素 */ .content { width: 100px; height: 100px; display: flex; align-items: center; justify-content: center; overflow: hidden; } .content img { width: 100%; height: 100%; object-fit: cover; } /* スライドレールの枠 */ .wrap { overflow: hidden; display: flex; align-items: center; height: 120px; width: 420px; margin: auto; } /* content4つをまとめたスライドブロック */ .slideshow { display: flex; animation: loop-slide 15s infinite linear 1s both; } @keyframes loop-slide { from { transform: translateX(0); } to { transform: translateX(-100%); } } /* タッチデバイスでスクロールを一時停止 */ .slide-paused:active .slideshow { animation-play-state: paused; } /* タップ時の装飾 */ .content-hover { transition: all 0.2s; margin-right: 5px; } .content-hover:active { transform: scale(0.95); opacity: 0.8; } /*--------------TOPページdivメニュー-------------------*/ .top-menu { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch; width: 100%; margin: -1px; } .menu-item { box-sizing: border-box; border: 1px solid gray; border-radius: 3px; margin: 1px; overflow: hidden; position: relative; cursor: pointer; text-align: center; font-size: 0.9em; } .menu-item-row-5 { width: calc(20% - 2px); }/*5列*/ .menu-item-row-4 { width: calc(25% - 2px); }/*4列*/ .menu-item-row-3 { width: calc(33% - 2px); }/*3列*/ .menu-item-row-2 { width: calc(50% - 2px); }/*2列*/ .menu-item-row-1 { width: calc(100% - 2px); }/*1列*/ .menu-item-content { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 5px; height: 100%; } .menu-item img { max-width: 100%; height: auto; margin-bottom: 5px; } .menu-item-text { flex-grow: 1; text-align: center; } .menu-item-text a { text-decoration: none; } .menu-item::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.1); opacity: 0; transition: opacity 0.3s; } .menu-item:hover::after { opacity: 1; }
編集内容の要約:
ロマサガ2リメイク 攻略Wiki(ロマンシング サガ2 リベンジオブザセブン)への投稿はすべて、他の投稿者によって編集、変更、除去される場合があります。 自分が書いたものが他の人に容赦なく編集されるのを望まない場合は、ここに投稿しないでください。
また、投稿するのは、自分で書いたものか、パブリック ドメインまたはそれに類するフリーな資料からの複製であることを約束してください(詳細は
Rs2r:著作権
を参照)。
著作権保護されている作品は、許諾なしに投稿しないでください!
Wikiを自動編集スパムから保護するために、下のチェックボックスをクリックしてください。
取り消し
編集の仕方
(新しいウィンドウで開きます)