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

提供：大乱闘スマッシュブラザーズWiki
(ページの作成:「→‎ここに記述したCSSはすべての外装に反映されます: /*-------------------------------------------------- メインページのh1を非表示 -------...」)
 
(レスポンシブ系を削除。メインページでしか使ってなかった…はず もし他でも使ってたら元に戻しましょう)
 
(2人の利用者による、間の122版が非表示)
1行目: 1行目:
/* ここに記述したCSSはすべての外装に反映されます */
/*--------------------------------------------------
/*--------------------------------------------------
メインページのh1を非表示
ここに記述したCSSはすべての外装に反映されます
モバイル用ページ用のCSSはMediaWiki:Mobile.cssで
--------------------------------------------------*/
/*--------------------------------------------------
メインページ
--------------------------------------------------*/
--------------------------------------------------*/
body.page-メインページ h1.firstHeading {display:none;}
body.page-メインページ .firstHeading {display:none;}
body.page-メインページ #contentSub {display:none;}
body.page-メインページ #contentSub {display:none;}


10行目: 12行目:
見出し
見出し
--------------------------------------------------*/
--------------------------------------------------*/
h2 { font-size: 155%; }
.mw-body-content h2
h2 { font-weight: bold; }
{
h2 { border-bottom: medium double; }
font-size:155%;
 
font-weight:bold;
h3 { font-size: 145%; }
border-bottom:medium double;
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; }
 
 
 
 
/*
* MenuSidebar
*/
/* this has to be overridden for every menu */
#p-Menu,
#p-Menu2,
#p-Menu3 {
overflow: visible;  
}
}
.mw-body-content h3
/* this has to be overridden for every menu */
{
#p-Menu div,
border-left:6px solid #BABABA;
#p-Menu2 div,
border-bottom: 2px solid #BABABA;
#p-Menu3 div {
margin: 0;
padding: 0;
}
}
.mw-body-content h4
/* this is an example to make the list of the second entry bigger e.g. when there is a longer text in a list item
{
#p-Menu ul li.item2 ul {
border-left:10px double #BABABA;
width: 16em;
}
}
*/
.mw-body-content h3,
.mw-body-content h4,
/* this an example to change the background color of every second list item
.mw-body-content h5,
li.even {
.mw-body-content h6
background-color: #eeeeee;
{
margin-top:1em;
padding:0.05em 0.2em;
}
}
*/
.mw-body-content h2,
.mw-body-content h3,
.menuSidebar ul { /* remove bullets and list indents */
.mw-body-content h4
list-style: none;
{
margin: 0;
letter-spacing: 0.5em;
padding: 0;
}
}
.mw-body-content h4,
/* this div is only for better handling and navigation  ... could also be done in inner ul*/
.mw-body-content h5
.menuSidebar ul div {
{
position: absolute;
border-bottom: 1px solid #BABABA;
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 */
}
}
.mw-editsection
.menuSidebar ul ul {
{
background-color: white;
letter-spacing: normal;
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;
li {
z-index: 102; /* show on top; Needed for IE 7 */
    margin-bottom: 0.3em;
}
}
/*--------------------------------------------------
/* style, color and size links and headings to suit */
リンク色変更
.menuSidebar a {
--------------------------------------------------*/
font-weight: normal;
/* 白 */
display: block;
.link_white a { text-decoration: none;}/* デフォでは下線無し */
border-width: 0px 0px 0px 0px;
.link_white a:hover{ text-decoration: underline;}/* マウスオーバーで下線 */
border-style: solid;
.link_white a:link { color: #FFF; }
border-color: #aaaaaa;
.link_white a:visited { color: #FFF; }/* すでに踏んだリンク色 */
margin: 0px;
 
padding: 1px;
/*--------------------------------------------------
padding-left: 5px;
テンプレート:TOC limit
color: #0000ff;
--------------------------------------------------*/
text-decoration: none;
.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;}
 
/*--------------------------------------------------
テーブルの奇数行に着色 表にclass="odd"
--------------------------------------------------*/
.odd tr:nth-child(2n-1) {
background: #dfdfdf none repeat scroll 0 0;
text-shadow: 0 1px 0 #fff;
}
}
.odd tr:nth-child(2n) {
/* move the > to the right */
  background: #fff;
.menuSidebar a em {
  position: absolute;
right: 4px;
}
}
 
.menuSidebar li:hover, /* Needed for IE 7 */
/*--------------------------------------------------
.menuSidebar a:hover {
キャラセレ風表
  background: #ccccff;
--------------------------------------------------*/
.char_table {
max-width:890px;
  margin:5px auto 5px;
}
}
   
 
.menuSidebar li.separator a:hover {
.char_table > div {
  background: white;
display:inline-block;
  width:60px;
letter-spacing:-0.5px;
font-size:0.7em;
white-space: nowrap;
text-align:center;
  border:1px #333 solid;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
}
.char_table > .comp {
/* Needed for IE 7 */
  letter-spacing:-1.3px;
.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 */
/* 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 */


/* NavFrame関係。[[MediaWiki:Monobook.css]]も参照 */
/*--------------------------------------------------
div.Boxmerge,
その他
div.NavFrame {
--------------------------------------------------*/
    margin: 0px;
#mw-panel .portal{
    padding: 2px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAAABCAAAAAAphRnkAAAAJ0lEQVQIW7XFsQEAIAyAMPD/b7uLWz8wS5youFW1UREfiIpH1Q2VBz7fGPS1dOGeAAAAAElFTkSuQmCC);
    border: 1px solid #aaaaaa;
background-repeat: no-repeat;
    text-align: center;
    border-collapse: collapse;
    font-size: 95%;
}
div.Boxmerge div.NavFrame {
    border-style: none;
    border-style: hidden;
}
div.NavPic {
    background-color: #ffffff;
    margin: 0px;
    padding: 2px;
    float: left;
}
div.NavFrame div.NavHead {
    height: 1.6em;
    font-weight: bold;
    font-size: 100%;
    background-color: #efefef;
    position: relative;
    text-align: center;
}
div.NavFrame p {
    font-size: 100%;
}
div.NavFrame div.NavContent {
    font-size: 100%;
}
div.NavFrame div.NavContent p {
    font-size: 100%;
}
}
.nodesktop{
div.NavEnd {
display:none;
    margin: 0px;
    padding: 0px;
    line-height: 1px;
    clear: both;
}
}
.clearfix:after{
a.NavToggle {
content: "";
    position: absolute;
clear: both;
    top: 0px;
display: block;
    right: 3px;
    font-weight: normal;
/* font-size: 83.3%;*/
}
}

2024年7月18日 (木) 06:25時点における最新版

/*--------------------------------------------------
ここに記述したCSSはすべての外装に反映されます
モバイル用ページ用のCSSはMediaWiki:Mobile.cssで
--------------------------------------------------*/
/*--------------------------------------------------
メインページ
--------------------------------------------------*/
body.page-メインページ .firstHeading {display:none;}
body.page-メインページ #contentSub {display:none;}

/*--------------------------------------------------
見出し
--------------------------------------------------*/
.mw-body-content h2
{
font-size:155%;
font-weight:bold;
border-bottom:medium double;
}
.mw-body-content h3
{
border-left:6px solid #BABABA;
border-bottom: 2px solid #BABABA;
}
.mw-body-content h4
{
border-left:10px double #BABABA;
}
.mw-body-content h3,
.mw-body-content h4,
.mw-body-content h5,
.mw-body-content h6
{
margin-top:1em;
padding:0.05em 0.2em;
}
.mw-body-content h2,
.mw-body-content h3,
.mw-body-content h4
{
letter-spacing: 0.5em;
}
.mw-body-content h4,
.mw-body-content h5
{
border-bottom: 1px solid #BABABA;
}
.mw-editsection
{
letter-spacing: normal;
}
/*--------------------------------------------------
本文スタイル
--------------------------------------------------*/
li {
    margin-bottom: 0.3em;
}
/*--------------------------------------------------
リンク色変更
--------------------------------------------------*/
/* 白 */
.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;}

/*--------------------------------------------------
テーブルの奇数行に着色 表にclass="odd"
--------------------------------------------------*/
.odd tr:nth-child(2n-1) {
background: #dfdfdf none repeat scroll 0 0;
text-shadow: 0 1px 0 #fff;
}
.odd tr:nth-child(2n) {
 background: #fff;
}

/*--------------------------------------------------
キャラセレ風表
--------------------------------------------------*/
.char_table {
 max-width:890px;
 margin:5px auto 5px;
}

.char_table > div {
 display:inline-block;
 width:60px;
 letter-spacing:-0.5px;
 font-size:0.7em;
 white-space: nowrap;
 text-align:center;
 border:1px #333 solid;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.char_table > .comp {
 letter-spacing:-1.3px;
}

/*--------------------------------------------------
その他
--------------------------------------------------*/
#mw-panel .portal{
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAAABCAAAAAAphRnkAAAAJ0lEQVQIW7XFsQEAIAyAMPD/b7uLWz8wS5youFW1UREfiIpH1Q2VBz7fGPS1dOGeAAAAAElFTkSuQmCC);
background-repeat: no-repeat;
}
.nodesktop{
display:none;
}
.clearfix:after{
content: "";
clear: both;
display: block;
}
「https://smashwiki.info/index.php?title=MediaWiki:Common.css&oldid=142691」から取得