MediaWiki:Common.css

/* ここに記述した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; }

div#content h3, div#content h4, div#content h5, div#content h6 { margin-top: 1em; padding: 0.05em 0.2em;}
h2, h3, h4, h5 { letter-spacing: 0.5em;}
h4 ,h5 { border-bottom: 1px solid #BABABA; }

/*--------------------------------------------------
メインページの「案内」用 案１
--------------------------------------------------*/
.main_menu { position: relative; height:30px; width:300px;}
.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(http://ssbwiki.e3.valueserver.jp/wiki/images/3/39/案内_帯.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: 8px;}/* テキスト */
.main_menu_s { visibility: hidden; font-size:8px; position: absolute; left: 185px; top: 15px;}/* マウスオーバー時に表示されるテキスト */
.main_menu_s a { margin-right:0.4em;}/* マウスオーバー時に表示されるテキストの間隔 */
.main_menu:hover .main_menu_s{ visibility: visible;}/* マウスオーバー時に表示されるテキスト */
/* 大サイズ用 */
.main_menu_b { position: relative; height:30px; width:300px;}
.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(http://ssbwiki.e3.valueserver.jp/wiki/images/3/35/案内_帯_大.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: 15px;}/* マウスオーバー時に表示されるテキスト */
.main_menu_s_b a { margin-right:0.4em;}/* マウスオーバー時に表示されるテキストの間隔 */
.main_menu_b:hover .main_menu_s_b{ visibility: visible;}/* マウスオーバー時に表示されるテキスト */

/*--------------------------------------------------
メインページの「案内」用 案2
--------------------------------------------------*/
.mainmenu { white-space:nowrap; border-collapse:collapse; margin:0 5px 10px 5px; box-shadow:1px 0.5px 1px 0px rgba(0,0,0,0.4); color:#FFF; float:left;}
.mainmenu a { font-weight:bold;}
.mainmenu_t { height:55px; vertical-align:middle; font-size:23px; font-weight:bold; }/* 上 */
.mainmenu_b { height:55px; padding-left:10px; background-color:#333; text-align:left; vertical-align:middle; line-height:30px; font-size:10px; }/* 下 */

 /* ウィンドウが601px以上 */
@media screen and (min-width: 601px) {
.mainmenu {margin:0 1% 10px 0;}
.mainmenu_l { width:394px; }/* 大サイズ */
.mainmenu_s { width:192px;}/* 大サイズ */
}
 /* ウィンドウが600px以下 */
@media screen and (max-width: 600px) {
.mainmenu {margin:0 1% 10px 0;}
.mainmenu_l { width:100%; }/* 大サイズ */
.mainmenu_s { width:49.2%;}/* 大サイズ */
}

/*--------------------------------------------------
リンク色変更
--------------------------------------------------*/
/* 白 */
.link_white a { text-decoration: none;}/* デフォでは下線無し */
.link_white a:hover{ text-decoration: underline;}/* マウスオーバーで下線 */
.link_white a:link { color: #FFF; }
.link_white a:visited { color: #FFF; }/* すでに踏んだリンク色 */


/*--------------------------------------------------
テンプレート: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 */