MochiuWiki : SUSE, EC, PCB

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

← 古い編集新しい編集 →
編集の要約なし
編集の要約なし
54行目: 54行目:
}
}


/* ダークモードの場合のスタイル */
.mw-body-content {
@media (prefers-color-scheme: dark) {
/*font-family: "DejaVu Sans" !important;*/
.mw-body-content {
font-family: "Droid Sans" !important;
/*font-family: "DejaVu Sans" !important;*/
}
font-family: "Droid Sans" !important;
/*background-color:  rgba(48, 48, 48, 1.0) !important;*/
background-color:  #2A2A2A;
}
/*.mw-special-Search, .mw-search-form-wrapper .mw-indicator, .mw-portlet-body, .mw-portlet {*/
.toc {
/* color: #fefefe;*/
background: rgba(245, 245, 245, 1.0) !important;
/* background-color: #303030;*/
}
/*}*/
.mw-highlight-lang-css {
h4 /* .mw-headline */ {
background-color:  rgba(230, 230, 230, 1.0) !important;
/*text-decoration: underline;*/
}
position: relative;
display: inline-block;
/* mw-highlightクラス内のpreタグの設定 */
}
div.mw-highlight pre {
color: #202020 !important;
    background-color: rgba(240, 240, 240, 1.0) !important;
}


h4 /* .mw-headline */ {
h4::after /* h4 .mw-headline::after */ {
/*text-decoration: underline;*/
content: "";
position: relative;
position: absolute;
display: inline-block;
bottom: 0;
}
left: 0;
width: 100%; /* ヘッダの大きさに下線を調整 */
height: 1px; /* アンダーラインの高さ */
background-color: rgba(80, 80, 80, 0.5); /* アンダーラインの色 */
}


h4::after /* h4 .mw-headline::after */ {
h5 .mw-headline {
content: "";
/*text-decoration: underline;*/
position: absolute;
border: solid 1px rgba(80, 80, 80, 0.7);
bottom: 0;
border-radius: 5px;
left: 0;
padding: 1px 3px;
width: 100%; /* ヘッダの大きさに下線を調整 */
margin: 5px;
height: 1px; /* アンダーラインの高さ */
}
background-color: rgba(250, 250, 250, 0.5); /* アンダーラインの色 */
}
 
h5 .mw-headline {
/*text-decoration: underline;*/
border: solid 1px rgba(250, 250, 250, 0.7);
  border-radius: 5px;
  padding: 1px 3px;
  margin: 5px;
}
 
/* 通常のpreタグの設定 */
pre {
color: #fefefe !important;
background-color: rgba(25, 25, 25, 1.0) !important;
/*background-color: var(--body-background-color);*/
font-family: "DejaVu Sans Mono" !important;
}
code {
/* codeタグ内のMediaWiki外のリンク */
color: #e0e0e0;
code a.external {
font-weight: bold;
  color: #FF904F !important;
/*background-color: #1166A0;*/
  font-weight: bold;
background-color: rgba(50, 50, 150, 0.8) !important;
}
border: solid 1px rgba(255, 255, 255, 0.3);
border-radius: 5px;
padding: 1px 5px;  /* 内側の余白 : 上下1px, 左右5px */
}
/* 表のキャプション */
code {
caption {
color: #f0f0f0;
color: #cfcfcf;
background-color: #2277B0;
font-weight: bold;
/*background-color: rgba(200, 200, 200, 0.9) !important;*/
border: solid 1px blue;
/*font-size: 13px;*/
background-color:  rgba(50, 50, 180, 1.0);
font-weight: bold;
}
font-family: "DejaVu Sans Mono" !important;
border: solid 1px rgba(50, 50, 50, 0.3);
border-radius: 5px;
margin: 2px 3px;  /* 外側の余白 : 上下2px, 左右3px */
padding: 1px 3px;  /* 内側の余白 : 上下1px, 左右3px */
}
table {
/* 表のキャプション */
border-collapse: collapse;
caption {
border: solid 2px blue; /*表全体を線で囲う*/
color: #cfcfcf;
background-color: #202020 !important;
font-weight: bold;
text-align: center;
border: solid 2px #303030;
}
background-color: rgba(50, 50, 180, 1.0);
}
th {/*thに対して*/
table {
color: #fefefe;
border-collapse: collapse;
font-weight: bold;
border: solid 2px #303030; /*表全体を線で囲う*/
text-align: center !important;
background-color: #fefefe !important;
border: solid 1px blue;
text-align: center;
background-color: #3399CC !important;
}
}
td {/*tdに対して*/
th { /* 表のヘッダ */
color: #fefefe;
font-weight: bold;
text-align: left;
text-align: center !important;
border: solid 1px blue;
border: solid 1px rgba(50, 50, 50, 0.7);
}
background-color: #66CCFF !important;
}
/* MediaWiki内のリンク */
td { /* 表の各カラム */
a.interwiki {
text-align: left;
color: #FF560A;
border: solid 1px rgba(50, 50, 50, 0.7);
font-weight: bold;
}
 
/* MediaWiki外のリンク */
.mw-parser-output a.external {
color: #DE7231;
font-weight: bold;
}
 
/* codeタグ内のMediaWiki外のリンク */
code a.external {
    color: #EE803F !important;
    font-weight: bold;
}
 
/* MediaWiki外のリンク */
a.external {
    color: #DE7231 !important;
    font-weight: bold;
}
 
/* テーブル内のMediaWiki外のリンク */
table.wikitable td a {
    color: #DE7231 !important;
    font-weight: bold;
}
 
.mw-parser-output a.new:visited {
color: #FEA261;
font-weight: bold;
}
 
.catlinks a {
    font-size: 14px;
    color: #DE7231;
    font-weight: bold;
    font-family: "Droid Sans" !important;
}
 
.catlinks ul {
    font-size: 14px;
    color: #DE7231;
    font-weight: bold;
    font-family: "Droid Sans" !important;
}
/* カテゴリの変更 */
.mw-normal-catlinks {
border: solid 1px rgba(250, 250, 250, 0.5);
  border-radius: 5px;
  padding: 10px 10px;
}
}
}
/* ライトモードの場合のスタイル */
@media (prefers-color-scheme: light) {
.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;
}
/* codeタグ内のMediaWiki外のリンク */
/* カテゴリの変更 */
code a.external {
.mw-normal-catlinks {
    color: #FF904F !important;
border: solid 1px rgba(180, 180, 180, 0.8);
    font-weight: bold;
border-radius: 5px;
}
padding: 10px 10px;
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 rgba(50, 50, 50, 0.3);
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;
}
}
}


/* Math ダークモードの場合のスタイル */
@media (prefers-color-scheme: dark) {
/* 数式は黒文字で描画するため、ダークモードを使用している場合、見えにくい可能性がある */
/* この時、CSSを以下に示すように記述することにより、数式画像の明るさを反転させることができる */
.mwe-math-fallback-image-inline, .mwe-math-fallback-image-display {
    /*background-color: #EFEFEF !important;*/
  /*border: solid 1px #5050C0;*/
  /*border-radius: 5px;*/
font-family: "Latin Modern Math";
        font-weight: bold;
    margin: 0px 0px 3px; /* 外側の余白 : 上0px 下0px, 左右3px */
    padding: 0px 3px; /* 内側の余白 : 上下3px, 左右3px */
    filter: hue-rotate(180deg) invert(1);
    /*display: none !important;*/
}
pre .mwe-math-fallback-image-inline, pre .mwe-math-fallback-image-display {
    /*color: black !important;*/
  /*background-color: #EFEFEF !important;*/
  /*border: solid 1px #5050C0;*/
  /*border-radius: 5px;*/
    font-family: "Latin Modern Math";
    font-weight: bold;
    margin: 0px 0px 3px;  /* 外側の余白 : 上下0px, 左右3px */
    padding: 0px 3px;    /* 内側の余白 : 上下0px, 左右3px */
    /*box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);*/
    filter: hue-rotate(180deg) invert(1);
    /*display: none !important;*/
}
th .mwe-math-element {
  /*border: solid 1px #5050C0;*/
  /*border-radius: 5px;*/
  background-color: inherit;
    font-family: "Latin Modern Math";
    font-weight: bold;
    margin: 1px 2px; /* 外側の余白 : 上下0px, 左右2px */
    padding: 3px 3px;  /* 内側の余白 : 上下3px, 左右3px */
}
td .mwe-math-element {
  /*border: solid 1px #5050C0;*/
  /*border-radius: 5px;*/
    font-family: "Latin Modern Math";
    font-weight: bold;
    margin: 1px 2px; /* 外側の余白 : 上下0px, 左右2px */
    padding: 3px 3px;  /* 内側の余白 : 上下3px, 左右3px */
}
/*.mwe-math-mathml-a11y {*/
/*    clip: auto !important;*/
/*    overflow: visible !important;*/
/*    position: static !important;*/
/*    width: auto !important;*/
/*    height: auto !important;*/
/*    opacity: 1 !important;*/
/*}*/
/*td .mwe-math-mathml-inline, td .mwe-math-mathml-a11y {*/
/*    clip: auto !important;*/
/*    overflow: visible !important;*/
/*    position: static !important;*/
/*    width: auto !important;*/
/*    height: auto !important;*/
/*    opacity: 1 !important;*/
/*}*/
}


mtext {
mtext {
「https://mochiu.net/index.php/MediaWiki:Common.css」から取得