MediaWiki:Common.css
注意: 保存後、変更を確認するにはブラウザーのキャッシュを消去する必要がある場合があります。
- Firefox / Safari: Shift を押しながら 再読み込み をクリックするか、Ctrl-F5 または Ctrl-R を押してください (Mac では ⌘-R)
- Google Chrome: Ctrl-Shift-R を押してください (Mac では ⌘-Shift-R)
- Internet Explorer / Microsoft Edge: Ctrl を押しながら 最新の情報に更新 をクリックするか、Ctrl-F5 を押してください
- Opera: Ctrl-F5を押してください
/* ここに記述したCSSはすべての外装に反映されます */
/*--------------------------------------------------
メインページのh1を非表示
--------------------------------------------------*/
body.page-メインページ h1.firstHeading {display:none;}
body.page-メインページ #contentSub {display:none;}
/*--------------------------------------------------
見出し
--------------------------------------------------*/
h2 { font-size: 155%; }
h2 { font-weight: bold; }
h2 { border-bottom: medium double; }
h3 { font-size: 145%; }
h3 { border-left: 6px solid #BABABA; }
h3 { border-bottom: 1px solid #BABABA; }
h4 { border-left: 10px double #BABABA; }
h2, h3, h4, h5 { letter-spacing: 0.5em;}
h2, h3, h4, h5 { margin-top: 1em; margin-bottom: 1em; padding: 0.05em 0.2em; }
h4 ,h5 { border-bottom: 1px solid #BABABA; }
/*--------------------------------------------------
メインページの「案内」用
--------------------------------------------------*/
.main_menu a { text-decoration: none;}
.main_menu a:hover{ text-decoration: underline;}
.main_menu a:link { color: #000; }/* リンク色 */
.main_menu a:visited { color: #000; }/* すでに踏んだリンク色 */
.main_menu:hover{background-image:url(案内_帯.png); background-repeat: no-repeat;}/* マウスオーバーで帯*/
.main_menu:hover a:link { color: #FFF; }/* マウスオーバー時のリンク色 */
.main_menu:hover a:visited { color: #FFF; }/* マウスオーバー時のすでに踏んだリンク色 */
.main_menu_i { position: absolute; z-index: 0; left: 5px; top: 5px;}/* アイコンの位置 */
.main_menu_i_h { visibility: hidden; }/* マウスオーバー時に表示されるアイコンの初期状態 */
.main_menu:hover .main_menu_i_h{ visibility: visible; z-index: 1; }/* マウスオーバー時にデフォアイコンの上に重ねてマウスオーバー用のものを表示 */
.main_menu_m { font-size:25px; font-weight:bold; position: absolute; left: 40px; top: 2px;}/* テキスト */
.main_menu_s { visibility: hidden; font-size:8px; position: absolute; left: 185px; top: 19px;}/* マウスオーバー時に表示されるテキスト */
.main_menu_s a { margin-right:0.4em;}/* マウスオーバー時に表示されるテキストの間隔 */
.main_menu:hover .main_menu_s{ visibility: visible;}/* マウスオーバー時に表示されるテキスト */
/* 大サイズ用 */
.main_menu_b a { text-decoration: none;}
.main_menu_b a:hover{ text-decoration: underline;}
.main_menu_b a:link { color: #000; }/* リンク色 */
.main_menu_b a:visited { color: #000; }/* すでに踏んだリンク色 */
.main_menu_b:hover{background-image:url(案内_帯_大.png); background-repeat: no-repeat;}/* マウスオーバーで帯*/
.main_menu_b:hover a:link { color: #FFF; }/* マウスオーバー時のリンク色 */
.main_menu_b:hover a:visited { color: #FFF; }/* マウスオーバー時のすでに踏んだリンク色 */
.main_menu_b:hover .main_menu_i_h{ visibility: visible; z-index: 1; }/* マウスオーバー時にデフォアイコンの上に重ねてマウスオーバー用のものを表示 */
.main_menu_s_b { visibility: hidden; font-size:8px; position: absolute; left: 217px; top: 19px;}/* マウスオーバー時に表示されるテキスト */
.main_menu_s_b a { margin-right:0.4em;}/* マウスオーバー時に表示されるテキストの間隔 */
.main_menu_b:hover .main_menu_s_b{ visibility: visible;}/* マウスオーバー時に表示されるテキスト */
/*--------------------------------------------------
テンプレート:TOC limit
--------------------------------------------------*/
.toclimit-2 .toclevel-2 {display: none;}
.toclimit-3 .toclevel-3 {display: none;}
.toclimit-4 .toclevel-4 {display: none;}
.toclimit-5 .toclevel-5 {display: none;}
.toclimit-6 .toclevel-6 {display: none;}
.toclimit-7 .toclevel-7 {display: none;}
/*--------------------------------------------------
MenuSidebar
--------------------------------------------------*/
/* this has to be overridden for every menu */
#p-Menu,
#p-Menu2,
#p-Menu3 {
overflow: visible;
}
/* this has to be overridden for every menu */
#p-Menu div,
#p-Menu2 div,
#p-Menu3 div {
margin: 0;
padding: 0;
}
/* this is an example to make the list of the second entry bigger e.g. when ther is a longer text in a list item
#p-Menu ul li.item2 ul {
width: 16em;
}
*/
/* this an example to change the background color of every second list item
li.even {
background-color: #eeeeee;
}
*/
.menuSidebar ul { /* remove bullets and list indents */
list-style: none;
margin: 0;
padding: 0;
}
/* this div is only for better handling and navigation ... could also be done in inner ul*/
.menuSidebar ul div {
position: absolute;
top: -6px;
left: 100%; /* to position them to the right of their containing block */
width: 100%; /* width is based on the containing block */
z-index: 100; /* show ul on top */
}
.menuSidebar ul ul {
background-color: white;
border: 1px solid #aaaaaa;
margin-top: 5px; /* make navigation easier*/
margin-bottom: 5px; /* make navigation easier*/
z-index: 101; /* show on top; Needed for IE 7 */
width: 12em; /* width of inner menu, Needed for IE 7 */
}
.menuSidebar li {
position: relative; /* make li a container for inner elements */
margin: 1px;
z-index: 102; /* show on top; Needed for IE 7 */
}
/* style, color and size links and headings to suit */
.menuSidebar a {
display: block;
border-width: 0px 0px 1px 0px;
margin: 0px;
padding: 1px;
padding-left: 5px;
text-decoration: none;
}
/* move the > to the right */
.menuSidebar a em {
position: absolute;
right: 4px;
}
.menuSidebar li:hover, /* Needed for IE 7 */
.menuSidebar a:hover {
background: #ccccff;
}
.menuSidebar li.separator a:hover {
background: white;
}
/* Needed for IE 7 */
.menuSidebar li.separator a,
.menuSidebar li.separator {
line-height: 0px;
height: 0px;
font-size: 0px;
}
.menuSidebar ul li:last-Child a {
border-width: 0px 0px 0px 0px; // remove the last bottom line
padding-bottom: 0px;
}
/* hides the first level */
.menuSidebar ul li div { display: none; }
/* shows the first level and hide the second */
.menuSidebar ul li:hover div,
.menuSidebar ul li div:hover { display: block; } /* div is again used for easier navigation*/
.menuSidebar ul li:hover ul li div { display: none; } /* hide the next level */
/* second level*/
.menuSidebar ul li ul li:hover div,
.menuSidebar ul li ul li div:hover { display: block; } /* div is again used for easier navigation*/
.menuSidebar ul li ul li:hover ul li div { display: none; } /* hide the next level */
.menuSidebar ul ul { font-size: 120%; }
/* third level */
.menuSidebar ul li ul li ul li:hover div,
.menuSidebar ul li ul li ul li div:hover { display: block; } /* div is again used for easier navigation*/
.menuSidebar ul li ul li ul li:hover ul li div { display: none; } /* hide the next level */