「MediaWiki:Common.css」の版間の差分

提供:saveMLAK
ナビゲーションに移動 検索に移動
(ツールチップのスタイルの微調整(下線の色を濃くした))
(館種・地域別情報の文字サイズを大きくする設定を追加、ツールチップの微調整)
1行目: 1行目:
 
/* ここに書いたCSSはすべての外装に反映されます */
 
/* ここに書いたCSSはすべての外装に反映されます */
 +
 +
/*====================================
 +
 +
        全ページに共通の設定
 +
 +
======================================*/
  
 
pre {
 
pre {
 
   overflow: auto;
 
   overflow: auto;
 
}
 
}
 +
 +
/* ツールチップ */
 +
span.tooltip{
 +
position:relative;
 +
z-index:2;
 +
color:#000;
 +
border:dotted #222222;
 +
border-width:0 0 2px 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 #6cf;
 +
padding:2px;
 +
background-color:#eeeeee;
 +
color:#000;
 +
}
 +
 +
 +
 +
/*====================================
 +
 +
        メインページ用設定
 +
 +
======================================*/
  
 
/* メインページのh1見出しを消去 */
 
/* メインページのh1見出しを消去 */
34行目: 76行目:
 
}
 
}
  
 
+
/* 館種・地域別情報の文字サイズを大きく */
/* ツールチップ用の設定 */
+
div#area-info li{
span.tooltip{
+
  font-size: 150%;
position:relative;
 
z-index:2;
 
color:#000;
 
border:dotted #222222;
 
border-width:0 0 2px 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 #6cf;
 
padding:2px;
 
background-color:#f0f0f0;
 
color:#000;
 
 
}
 
}

2011年4月27日 (水) 12:32時点における版

/* ここに書いたCSSはすべての外装に反映されます */

/*====================================

        全ページに共通の設定

======================================*/

pre {
  overflow: auto;
}

/* ツールチップ */
span.tooltip{
 position:relative;
 z-index:2; 
 color:#000;
 border:dotted #222222;
 border-width:0 0 2px 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 #6cf;
 padding:2px;
 background-color:#eeeeee; 
 color:#000;
}



/*====================================

        メインページ用設定

======================================*/

/* メインページの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;
}

/* 館種・地域別情報の文字サイズを大きく */
div#area-info li{
 font-size: 150%;
}