「MediaWiki:Common.css」の版間の差分
提供: 人狼wiki
| (同じ利用者による、間の9版が非表示) | |||
| 16行目: | 16行目: | ||
width: 350px; | width: 350px; | ||
max-width: 100%; | max-width: 100%; | ||
| + | } | ||
| + | |||
| + | /* 一覧系のテンプレートのためのCSS */ | ||
| + | .list-box { | ||
| + | background-color: #eeeeee; | ||
| + | border: 2px solid #c9c9c9; | ||
| + | margin-top: 1.6em; | ||
| + | } | ||
| + | .list-box-title { | ||
| + | padding: 2px 0; | ||
| + | border-bottom: 1px solid #aaaaaa; | ||
| + | background-color: #d3d3d3; | ||
| + | |||
| + | text-align: center; | ||
| + | font-weight: bold; | ||
| + | color: #444444; | ||
| + | line-height: 1; | ||
| + | } | ||
| + | .list-box-content { | ||
| + | padding: 2px; | ||
| + | } | ||
| + | table.list-box-table { | ||
| + | border-collapse: collapse; | ||
| + | } | ||
| + | table.list-box-table th, table.list-box-table td { | ||
| + | border: 1px solid #bbbbbb; | ||
| + | } | ||
| + | table.list-box-table th { | ||
| + | background-color: #e4e4e4; | ||
| + | white-space: nowrap; | ||
| + | padding: 3px; | ||
| + | } | ||
| + | ul.list-box-list { | ||
| + | text-align: center; | ||
| + | } | ||
| + | ul.list-box-list li { | ||
| + | list-style-type: none; | ||
| + | display: inline-block; | ||
| + | margin: 4px 1.8em; | ||
| + | } | ||
| + | |||
| + | /* 右に出る情報ボックスのCSS */ | ||
| + | .basicbox { | ||
| + | font-size: 95%; | ||
| + | width: 360px; | ||
| + | max-width: 100%; | ||
| + | float: right; | ||
| + | clear: right; | ||
| + | margin: 0 0 1em 1em !important; /* mediawikiの.wikitableとかぶるので */ | ||
| + | } | ||
| + | |||
| + | /* 長いリスト（役職リストなど）を段組みで表示したいときのCSS */ | ||
| + | .list-columns { | ||
| + | columns: 16em; | ||
| + | column-rule: 1px dashed #cccccc; | ||
} | } | ||
2016年10月2日 (日) 02:05時点における最新版
/* ここに記述したCSSはすべての外装に反映されます */
/* テンプレートでusageを書きたいときのpre */
pre.template-usage {
width: 35%;
}
/* メッセージボックス系のテンプレートのためのCSS */
.message-box {
background-color: #ffffe8;
border: 1px solid #ddddb3;
padding: 4px 4px 4px 1em;
line-height: 1;
font-size: 0.9em;
width: 350px;
max-width: 100%;
}
/* 一覧系のテンプレートのためのCSS */
.list-box {
background-color: #eeeeee;
border: 2px solid #c9c9c9;
margin-top: 1.6em;
}
.list-box-title {
padding: 2px 0;
border-bottom: 1px solid #aaaaaa;
background-color: #d3d3d3;
text-align: center;
font-weight: bold;
color: #444444;
line-height: 1;
}
.list-box-content {
padding: 2px;
}
table.list-box-table {
border-collapse: collapse;
}
table.list-box-table th, table.list-box-table td {
border: 1px solid #bbbbbb;
}
table.list-box-table th {
background-color: #e4e4e4;
white-space: nowrap;
padding: 3px;
}
ul.list-box-list {
text-align: center;
}
ul.list-box-list li {
list-style-type: none;
display: inline-block;
margin: 4px 1.8em;
}
/* 右に出る情報ボックスのCSS */
.basicbox {
font-size: 95%;
width: 360px;
max-width: 100%;
float: right;
clear: right;
margin: 0 0 1em 1em !important; /* mediawikiの.wikitableとかぶるので */
}
/* 長いリスト（役職リストなど）を段組みで表示したいときのCSS */
.list-columns {
columns: 16em;
column-rule: 1px dashed #cccccc;
}
