- NEW!【2024年(令和6年)能登半島地震】ページを新設、情報追加求む
- NEW!【みんなで育てる図書館災害救急BOX】みんなで育てる災害に備えるための知見・経験集(=救急BOX)
- Editathon-博物館基本情報更新2023を2023年3月11日から開催しています。一緒に施設ページを編集しましょう。
- 図書館総合展2023 saveMLAK プロジェクト企画を2023年11月6日(月)に開催しました。
- 【運営全般のお知らせ】2024年4月16日(火):第156回saveMLAK Meet Up / ニュースレター第80号(2024年1月号)NEW!
- 【COVID-19関連のお知らせ】(休館状況調査/ベストプラクティス共有/呼びかけ 「災害への『しなやかな強さ』を持つMLAK機関をつくる」署名受付中)
「MediaWiki:Common.css」の版間の差分
ナビゲーションに移動
検索に移動
(+zh) |
(実験的にツールチップ用の設定を追加) |
||
32行目: | 32行目: | ||
border-width:0 0 10px 0; | border-width:0 0 10px 0; | ||
text-align:left; | text-align:left; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* ツールチップ用の設定 */ | ||
+ | span.tooltip{ | ||
+ | position:relative; | ||
+ | z-index:2; | ||
+ | color:#000; | ||
+ | border:dotted #aaaaaa; | ||
+ | border-width:0 0 4px 0; | ||
+ | } | ||
+ | |||
+ | span.tooltip:hover{ | ||
+ | z-index:5; | ||
+ | background-color:#ff0; | ||
+ | } | ||
+ | |||
+ | span.tooltip span{ | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | span.tooltip:hover span{ | ||
+ | display:block; | ||
+ | position:absolute; | ||
+ | top:2em; left:2em; width:15em; | ||
+ | border:1px solid #aaa; | ||
+ | background-color:#eee; color:#000; | ||
+ | text-align: center; | ||
} | } |
2011年4月27日 (水) 12:05時点における版
/* ここに書いたCSSはすべての外装に反映されます */ pre { overflow: auto; } /* メインページのh1見出しを消去 */ body.page-saveMLAK #siteSub, body.page-saveMLAK_en #siteSub, body.page-saveMLAK_zh #siteSub, body.page-saveMLAK #contentSub, body.page-saveMLAK_en #contentSub, body.page-saveMLAK_zh #contentSub, body.page-saveMLAK .subtitle, body.page-saveMLAK_en .subtitle, body.page-saveMLAK_zh .subtitle, body.page-saveMLAK h1.pagetitle, body.page-saveMLAK_en h1.pagetitle, body.page-saveMLAK_zh h1.pagetitle { display: none; } /* メインページのh1見出しを再設定 */ body.page-saveMLAK h1.firstHeading, body.page-saveMLAK_en h1.firstHeading, body.page-saveMLAK_zh h1.firstHeading { font-size:2.5em !important; font-family:'Arial Black'; margin:0.2em 0.1em 0.1em 0.1em !important;; padding:0.2em 0.3em !important;; border:solid #aaaaaa; border-width:0 0 10px 0; text-align:left; } /* ツールチップ用の設定 */ span.tooltip{ position:relative; z-index:2; color:#000; border:dotted #aaaaaa; border-width:0 0 4px 0; } span.tooltip:hover{ z-index:5; background-color:#ff0; } span.tooltip span{ display: none; } span.tooltip:hover span{ display:block; position:absolute; top:2em; left:2em; width:15em; border:1px solid #aaa; background-color:#eee; color:#000; text-align: center; }