「MediaWiki:Common.css」の版間の差分
(テスト...) |
|||
(2人の利用者による、間の22版が非表示) | |||
12行目: | 12行目: | ||
見出し | 見出し | ||
--------------------------------------------------*/ | --------------------------------------------------*/ | ||
h2{ | .mw-body-content h2 | ||
{ | |||
font-size:155%; | font-size:155%; | ||
font-weight:bold; | font-weight:bold; | ||
border-bottom:medium double;} | border-bottom:medium double; | ||
h3{ | } | ||
.mw-body-content h3 | |||
{ | |||
border-left:6px solid #BABABA; | border-left:6px solid #BABABA; | ||
border-bottom: 2px solid #BABABA;} | border-bottom: 2px solid #BABABA; | ||
h4{ | } | ||
border-left:10px double #BABABA;} | .mw-body-content h4 | ||
h3,h4,h5,h6{ | { | ||
border-left:10px double #BABABA; | |||
} | |||
.mw-body-content h3, | |||
.mw-body-content h4, | |||
.mw-body-content h5, | |||
.mw-body-content h6 | |||
{ | |||
margin-top:1em; | margin-top:1em; | ||
padding:0.05em 0.2em;} | padding:0.05em 0.2em; | ||
h2,h3,h4 | } | ||
letter-spacing: 0.5em;} | .mw-body-content h2, | ||
h4,h5{ | .mw-body-content h3, | ||
border-bottom: 1px solid #BABABA;} | .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; | |||
} | |||
/*-------------------------------------------------- | /*-------------------------------------------------- | ||
本文スタイル | 本文スタイル | ||
35行目: | 56行目: | ||
margin-bottom: 0.3em; | margin-bottom: 0.3em; | ||
} | } | ||
/* | |||
.mw-content-ltr ul { | .mw-content-ltr ul { | ||
margin: 0.2em 0 0.2em 1.6em; | margin: 0.2em 0 0.2em 1.6em; | ||
padding: 0; | padding: 0; | ||
} | } | ||
#mw-content-text dl{ | |||
margin-left:1.6em; | |||
} | |||
#mw-content-text dt{ | |||
display:list-item; | |||
list-style-image:url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20width%3D%225%22%20height%3D%2213%22%3E%0A%3Ccircle%20cx%3D%222.5%22%20cy%3D%229.5%22%20r%3D%222.5%22%20fill%3D%22%2300528c%22%2F%3E%0A%3C%2Fsvg%3E%0A); | |||
*/ | |||
/*-------------------------------------------------- | /*-------------------------------------------------- | ||
リンク色変更 | リンク色変更 | ||
88行目: | 117行目: | ||
-moz-box-sizing: content-box; | -moz-box-sizing: content-box; | ||
box-sizing: content-box; | box-sizing: content-box; | ||
} | |||
.char_table > .comp { | |||
letter-spacing:-1.3px; | |||
} | } | ||
118行目: | 150行目: | ||
padding: 10px 15px; | padding: 10px 15px; | ||
color:#fff; | color:#fff; | ||
} | |||
.bspanel-heading2-b{ | |||
font-size:14px; | |||
padding: 10px 15px; | |||
color:#000; | |||
font-weight: bold; | |||
text-align:center; | |||
} | |||
.bspanel-heading2-w{ | |||
font-size:14px; | |||
padding: 10px 15px; | |||
color:#fff; | |||
font-weight: bold; | |||
text-align:center; | |||
} | } | ||
.bspanel-body{ | .bspanel-body{ | ||
126行目: | 172行目: | ||
--------------------------------------------------*/ | --------------------------------------------------*/ | ||
@media (min-width: 768px) { | @media (min-width: 768px) { | ||
.responsive-column-3{ | |||
column-count:3; | |||
} | |||
.responsive-column-3 > *, .responsive-column-3 > ul > li{ | |||
page-break-inside: avoid; | |||
} | |||
.responsive-block-33{ | .responsive-block-33{ | ||
float:left; | float:left; | ||
width:33.33333333%; | width:33.33333333%; | ||
- | } | ||
.responsive-block-50{ | |||
float:left; | |||
width:50%; | |||
} | } | ||
.padding-when-wide{ | .padding-when-wide{ | ||
139行目: | 192行目: | ||
.float-when-wide{ | .float-when-wide{ | ||
float:left; | float:left; | ||
} | |||
.nowide{ | |||
display:none; | |||
} | } | ||
} | |||
/*-------------------------------------------------- | |||
サイドバーのバグ修正 | |||
--------------------------------------------------*/ | |||
.portal h3, .vector-menu-portal h3 { | |||
background-size: auto !important; | |||
} | } | ||
/*-------------------------------------------------- | /*-------------------------------------------------- | ||
155行目: | 217行目: | ||
.nodesktop{ | .nodesktop{ | ||
display:none; | display:none; | ||
} | |||
.clearfix:after{ | |||
content: ""; | |||
clear: both; | |||
display: block; | |||
} | } |
2021年12月1日 (水) 17:58時点における最新版
/*--------------------------------------------------
ここに記述したCSSはすべての外装に反映されます
モバイル用ページ用のCSSはMediaWiki:Mobile.cssで
--------------------------------------------------*/
/*--------------------------------------------------
メインページ
--------------------------------------------------*/
body.page-メインページ h1.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;
}
/*
.mw-content-ltr ul {
margin: 0.2em 0 0.2em 1.6em;
padding: 0;
}
#mw-content-text dl{
margin-left:1.6em;
}
#mw-content-text dt{
display:list-item;
list-style-image:url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20width%3D%225%22%20height%3D%2213%22%3E%0A%3Ccircle%20cx%3D%222.5%22%20cy%3D%229.5%22%20r%3D%222.5%22%20fill%3D%22%2300528c%22%2F%3E%0A%3C%2Fsvg%3E%0A);
*/
/*--------------------------------------------------
リンク色変更
--------------------------------------------------*/
/* 白 */
.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;
}
/*--------------------------------------------------
テンプレート:引用2
--------------------------------------------------*/
.blockquote2::before{
position: absolute;
top: -10px;
left: 24px;
content:" ";
display:inline-block;
width:38px;
height:30px;
background:url(http://smashwiki.info/images/9/98/Quote-left.svg);
background-size:contain;
vertical-align:middle;
background-repeat:no-repeat;
}
/*--------------------------------------------------
パネル
--------------------------------------------------*/
.bspanel{
border:1px solid;
border-radius:4px;
margin-bottom:10px;
}
.bspanel-heading{
font-size:14px;
padding: 10px 15px;
color:#fff;
}
.bspanel-heading2-b{
font-size:14px;
padding: 10px 15px;
color:#000;
font-weight: bold;
text-align:center;
}
.bspanel-heading2-w{
font-size:14px;
padding: 10px 15px;
color:#fff;
font-weight: bold;
text-align:center;
}
.bspanel-body{
padding:15px;
}
/*--------------------------------------------------
レスポンシブ
--------------------------------------------------*/
@media (min-width: 768px) {
.responsive-column-3{
column-count:3;
}
.responsive-column-3 > *, .responsive-column-3 > ul > li{
page-break-inside: avoid;
}
.responsive-block-33{
float:left;
width:33.33333333%;
}
.responsive-block-50{
float:left;
width:50%;
}
.padding-when-wide{
padding-right:10px;
padding-left:10px;
}
.float-when-wide{
float:left;
}
.nowide{
display:none;
}
}
/*--------------------------------------------------
サイドバーのバグ修正
--------------------------------------------------*/
.portal h3, .vector-menu-portal h3 {
background-size: auto !important;
}
/*--------------------------------------------------
その他
--------------------------------------------------*/
*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
div#mw-panel div.portal{
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAAABCAAAAAAphRnkAAAAJ0lEQVQIW7XFsQEAIAyAMPD/b7uLWz8wS5youFW1UREfiIpH1Q2VBz7fGPS1dOGeAAAAAElFTkSuQmCC);
background-repeat: no-repeat;
}
.nodesktop{
display:none;
}
.clearfix:after{
content: "";
clear: both;
display: block;
}