「MediaWiki:Common.css」の版間の差分
提供: MochiuWiki : SUSE, EC, PCB
📢 Webサイト閉鎖と移転のお知らせ
このWebサイトは2026年9月に閉鎖いたします。
新しい記事は移転先で追加しております。(旧サイトでは記事を追加しておりません)
編集の要約なし |
編集の要約なし |
||
| 55行目: | 55行目: | ||
} | } | ||
.mw-content-ltr, | |||
/* 特別ページ */ | /* 特別ページ */ | ||
#mw-content-text, .mw-specialpages-table, .mw-specialpages-list a, | #mw-content-text, .mw-specialpages-table, .mw-specialpages-list a, | ||
2024年11月14日 (木) 22:13時点における版
/* ここに記述したCSSはすべての外装に反映されます */
.mw-editfont-monospace {
font-size: 15px;
/*font-family: 'Noto Sans JP', sans-serif !important;*/
font-family: monospace !important;
}
/* 画面の縦サイズがFHD以下の場合 */
@media screen and (max-height: 880px) {
.mw-body-content,
/* 特別ページ */
#mw-content-text, .mw-specialpages-table, .mw-specialpages-list a,
/* 左ペイン全体, 左ペインの各セクションタイトル 左ペインのリンク */
#mw-panel, #mw-panel .portal h3, #mw-panel .portal .body ul li a {
line-height: 1.3; /* 行間を1.2に変更 */
}
.mw-content-ltr,
/* 特別ページ */
#mw-content-text, .mw-specialpages-table, .mw-specialpages-list a,
/* 左ペイン全体, 左ペインの各セクションタイトル 左ペインのリンク */
#mw-panel, #mw-panel .portal h3, #mw-panel .portal .body ul li a {
font-size: 13px;
}
}
/* 画面の縦サイズがFHDを超える場合 */
@media screen and (min-height: 881px) and (max-height: 1240px) {
.mw-body-content,
/* 特別ページ */
#mw-content-text, .mw-specialpages-table, .mw-specialpages-list a,
/* 左ペイン全体, 左ペインの各セクションタイトル 左ペインのリンク */
#mw-panel, #mw-panel .portal h3, #mw-panel .portal .body ul li a {
line-height: 1.2; /* 行間を1.2に変更 */
}
.mw-content-ltr,
/* 特別ページ */
#mw-content-text, .mw-specialpages-table, .mw-specialpages-list a,
/* 左ペイン全体, 左ペインの各セクションタイトル 左ペインのリンク */
#mw-panel, #mw-panel .portal h3, #mw-panel .portal .body ul li a {
font-size: 14px;
}
}
/* 画面の縦サイズがWQHDを超える場合 */
@media screen and (min-height: 1241px) {
.mw-body-content,
/* 特別ページ */
#mw-content-text, .mw-specialpages-table, .mw-specialpages-list a,
/* 左ペイン全体, 左ペインの各セクションタイトル 左ペインのリンク */
#mw-panel, #mw-panel .portal h3, #mw-panel .portal .body ul li a {
line-height: 1.5; /* 行間を1.5に変更 */
}
.mw-content-ltr,
/* 特別ページ */
#mw-content-text, .mw-specialpages-table, .mw-specialpages-list a,
/* 左ペイン全体, 左ペインの各セクションタイトル 左ペインのリンク */
#mw-panel, #mw-panel .portal h3, #mw-panel .portal .body ul li a {
font-size: 16px;
}
}
/* ConfirmEdit QuestyCaptcha -- on Create Account */
.htmlform-tip + .mw-htmlform-field-HTMLInfoField {
color: red;
}
/* ConfirmEdit QuestyCaptcha -- on Edit page + add a URL */
label[for=wpCaptchaWord] {
color: green;
font-weight: bold;
/*font-size: 15px;*/
font-size: 150%;
font-style: italic;
}
/* Text Editor */
.wikiEditor-ui-text textarea#wpTextbox1 {
font-size: 110% !important;
font-family: "Droid Sans Mono", monospace !important;
}
.mw-body-content {
/*font-family: "DejaVu Sans" !important;*/
font-family: "Droid Sans" !important;
}
.toc {
background: rgba(245, 245, 245, 1.0) !important;
}
h4 /* .mw-headline */ {
/*text-decoration: underline;*/
position: relative;
display: inline-block;
}
h4::after /* h4 .mw-headline::after */ {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%; /* ヘッダの大きさに下線を調整 */
height: 1px; /* アンダーラインの高さ */
background-color: rgba(80, 80, 80, 0.5); /* アンダーラインの色 */
}
h5 .mw-headline {
/*text-decoration: underline;*/
border: solid 1px rgba(80, 80, 80, 0.7);
border-radius: 5px;
padding: 1px 3px;
margin: 5px;
}
/* 通常のpreタグの設定 */
pre {
color: #202020;
background-color: rgb(250, 250, 250);
border: solid 1px rgb(150, 150, 250);
border-radius: 5px;
font-family: "DejaVu Sans Mono" !important;
}
/* mw-highlightクラス内のpreタグの設定 */
.mw-highlight > pre {
color: #202020;
background-color: rgb(250, 250, 250);
border: solid 3px rgb(100, 150, 100);
border-radius: 5px;
}
/* codeタグ内のMediaWiki外のリンク */
code a.external {
color: #FF904F !important;
font-weight: bold;
}
code {
color: #f0f0f0;
background-color: #2277B0;
/*background-color: rgba(200, 200, 200, 0.9) !important;*/
/*font-size: 13px;*/
font-weight: bold;
font-family: "DejaVu Sans Mono" !important;
border: solid 1px rgb(50, 50, 50);
border-radius: 5px;
margin: 2px 3px; /* 外側の余白 : 上下2px, 左右3px */
padding: 1px 3px; /* 内側の余白 : 上下1px, 左右3px */
}
/* 表のキャプション */
caption {
color: #cfcfcf;
font-weight: bold;
border: solid 2px #303030;
background-color: rgba(50, 50, 180, 1.0);
}
table {
border-collapse: collapse;
border: solid 2px #303030; /*表全体を線で囲う*/
background-color: #fefefe !important;
text-align: center;
}
th { /* 表のヘッダ */
font-weight: bold;
text-align: center !important;
border: solid 1px rgba(50, 50, 50, 0.7);
background-color: #66CCFF !important;
}
td { /* 表の各カラム */
text-align: left;
border: solid 1px rgba(50, 50, 50, 0.7);
}
/* カテゴリの変更 */
.mw-normal-catlinks {
border: solid 1px rgba(180, 180, 180, 0.8);
border-radius: 5px;
padding: 10px 10px;
}
mtext {
font-family: Latin Modern Roman !important;
}
math {
font-family: Latin Modern Math !important;
}
/* Extension:AmazonSearch */
DIV.amazonsearch {
clear: both;
width: 100%;
min-height: 180px;
margin: 0 auto;
padding: 0.5em;
border: 1px solid #444;
overflow: hidden;
}
DIV.amazonsearch IMG.amazonsearchimg {
float: left;
margin: 0.1em 1em 0.1em 0.1em;
}
DIV.amazonsearch P.amazonsearchname {
margin: 0;
font-size: 90%;
text-indent: 0;
}
DIV.amazonsearch P.amazonsearchauthor {
margin: 0;
font-size: 80%;
text-indent: 0;
}
DIV.amazonsearch UL {
margin: 0;
}
DIV.amazonsearch UL LI {
display: inline-block;
text-align: center;
list-style: none;
font-size: 90%;
width: 12em;
margin: 0.2em;
padding: 0.2em 0.5em 0.2em 0.5em;
border-radius: 0.5em;
white-space: nowrap;
}
DIV.amazonsearch P.amazonsearchauthor::before {
background-color: #bbb;
border-radius: 10%;
color: #fff;
font-size: smaller;
padding: 0 0.5em 0 0.5em;
margin-right: 0.5em;
content: "広告";
}
DIV.amazonsearch UL LI A {
color: #fff;
}
DIV.amazonsearch UL LI.shoplinkamazon {
background-color: #f90;
}