MediaWiki:Common.css: различия между версиями

/* Размещённый здесь CSS будет применяться ко всем темам оформления */



body{ 
  line-height: 2;
   font-family: 'SF Pro Display';
    font-weight: 400;
    font-style: normal;
} 
#content{
 font-size: 120%;
}

#p-tb { display: none; }
#ca-talk { display:none!important; }
#ca-history { display:none!important; }
blockquote.X_Quote{
    background-color: #e3f2fd;
    border-color: #64b5f6;
    border-left: 55px solid #64b5f6;
    border-left-color: #64b5f6;
    border-radius: .5rem;
    margin: 1rem 0;
}
#user-tools { display: none; }
.mw-portlet-body{
  font-weight: bold;
  font-size: 120%;
}

a:hover{
  color:orange;
}

#ca-talk { display:none!important; }
#ca-history { display:none!important; }
#ca-viewsource { display:none!important; }
#ca-view { display:none!important; }

#p-namespaces[role="navigation"]{
 display: none;
}

#pt-login {
    display: none !important;
}

/* Скрыть блок "Вы не представились системе" */
#pt-anonuserpage,
#pt-anonlogin,
#pt-login {
    display: none !important;
}

/* Скрыть вкладки "Обсуждение" и "Вклад" */
#ca-talk,
#pt-anoncontribs,
#pt-mytalk,
#pt-mycontris {
    display: none !important;
}

/* При желании — полностью убрать панель входа */
#p-personal {
    display: none !important;
}

/* BEGIN XIOT energy documentation — scoped article styles, 2026-10-01 */
body[class*="page-Сценарий_энергоменеджмент"] #firstHeading,
body[class*="page-Виртуальное_устройство_Счетчик_электроэнергии"] #firstHeading,
body[class*="page-Виртуальное_устройство_Вольтметр"] #firstHeading,
body[class*="page-Виртуальное_устройство_Амперметр"] #firstHeading,
body[class*="page-Виртуальное_устройство_Ваттметр"] #firstHeading {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  font-size: 2rem;
  line-height: 1.3;
  font-weight: 650;
  color: #203c4b;
  max-width: 1040px;
  margin: 0 auto 0.7em;
  padding-bottom: 0.4em;
  border-bottom: 1px solid #dce5e9;
}
.mw-parser-output .xiot-doc {
  color: #263744;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.65;
  max-width: 1040px;
  margin: 0 auto;
  overflow-wrap: break-word;
}
.xiot-doc, .xiot-doc * { box-sizing: border-box; }
.mw-parser-output .xiot-doc p { margin: 0.8em 0; }
.mw-parser-output .xiot-doc a { color: #176782; }
.mw-parser-output .xiot-doc a:hover { color: #114b60; text-decoration: underline; }
.mw-parser-output .xiot-doc h2 {
  color: #1f3745;
  font: 650 1.55em/1.3 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  margin: 2.1em 0 0.8em;
  padding: 0.2em 0 0.5em;
  border-bottom: 1px solid #dce5e9;
  overflow: visible;
}
.mw-parser-output .xiot-doc h3 {
  color: #284757;
  font: 650 1.16em/1.4 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  margin: 1.6em 0 0.6em;
}
.mw-parser-output .xiot-doc ul, .mw-parser-output .xiot-doc ol {
  margin: 0.8em 0 1.2em 1.55em;
  padding: 0;
}
.mw-parser-output .xiot-doc li { margin: 0.45em 0; }
.mw-parser-output .xiot-doc li::marker { color: #527b8d; font-weight: 650; }
.mw-parser-output .xiot-doc code {
  color: #254f60;
  background: #f1f5f7;
  border: 1px solid #e2e9ed;
  border-radius: 4px;
  padding: 0.1em 0.35em;
  font-size: 0.88em;
  white-space: normal;
  overflow-wrap: anywhere;
}
.mw-parser-output .xiot-doc-path { color: #657884; font-size: 0.83em; margin-bottom: 1em; }
.mw-parser-output .xiot-doc-lead { font-size: 1.12em; line-height: 1.6; }
.mw-parser-output .xiot-doc-summary {
  margin: 1.3em 0;
  padding: 1em 1.2em;
  border: 1px solid #dce7eb;
  border-radius: 12px;
  background: #f5f9fa;
}
.mw-parser-output .xiot-doc-summary p { margin: 0.2em 0; }
.mw-parser-output .xiot-doc-meta { color: #647781; font-size: 0.84em; }
.mw-parser-output .xiot-doc .toc {
  display: block;
  width: auto;
  max-width: 100%;
  padding: 1em 1.25em;
  margin: 1.7em 0;
  border: 1px solid #e1e7eb;
  border-radius: 12px;
  background: #fbfcfd;
  font-size: 0.9em;
}
.mw-parser-output .xiot-doc .toc .toctitle { text-align: left; }
.mw-parser-output .xiot-doc .toc .toctitle h2 { border: 0; margin: 0; padding: 0; font-size: 1em; }
.mw-parser-output .xiot-doc .toc > ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.35em 1.8em;
  margin: 0.7em 0 0;
}
.mw-parser-output .xiot-doc .toc li { margin: 0; }
.mw-parser-output .xiot-doc .toc li ul, .mw-parser-output .xiot-doc .tocnumber { display: none; }
.mw-parser-output .xiot-doc .toctogglecheckbox:checked ~ ul { display: none; }
.skin-minerva .mw-parser-output .xiot-doc .toc > ul { visibility: visible; height: auto; position: static; }
.skin-minerva .mw-parser-output .xiot-doc .toctogglespan { display: none; }
.mw-parser-output .xiot-doc-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin: 1.3em 0;
}
.mw-parser-output .xiot-doc-card {
  padding: 1.1em 1.25em;
  border: 1px solid #dce5e9;
  border-radius: 12px;
  background: #fff;
}
.mw-parser-output .xiot-doc-card-title { font-size: 1.05em; font-weight: 650; }
.mw-parser-output .xiot-doc-card p { margin: 0.65em 0 0; }
.mw-parser-output .xiot-doc-card-meta { color: #677982; font-size: 0.88em; }
.mw-parser-output .xiot-doc-callout {
  margin: 1.2em 0;
  padding: 0.8em 1.2em;
  background: #f2f7fa;
  border-left: 4px solid #538398;
  border-radius: 0 10px 10px 0;
}
.mw-parser-output .xiot-doc-callout p { margin: 0.2em 0; }
.mw-parser-output .xiot-doc-settings { margin: 1em 0; }
.mw-parser-output .xiot-doc-setting {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.3em 1em;
  padding: 1em 0;
  border-bottom: 1px solid #e2e9ed;
}
.mw-parser-output .xiot-doc-setting-name { font-weight: 600; }
.mw-parser-output .xiot-doc-setting-value {
  align-self: start;
  color: #20566b;
  background: #edf4f7;
  border-radius: 6px;
  padding: 0.15em 0.55em;
  white-space: nowrap;
  font-weight: 650;
}
.mw-parser-output .xiot-doc-setting-description { grid-column: 1 / -1; color: #536875; font-size: 0.93em; }
.mw-parser-output .xiot-doc-setting p { margin: 0; }
.mw-parser-output .xiot-doc table.wikitable {
  width: 100%;
  margin: 1.3em 0;
  border-collapse: collapse;
  background: #fff;
  font-size: 0.92em;
  line-height: 1.55;
}
.mw-parser-output .xiot-doc .wikitable th, .mw-parser-output .xiot-doc .wikitable td {
  border: 1px solid #dce5e9;
  padding: 0.7em 0.8em;
  vertical-align: top;
  text-align: left;
}
.mw-parser-output .xiot-doc .wikitable th { background: #eef4f6; color: #315767; font-weight: 650; }
.mw-parser-output .xiot-doc .wikitable tbody tr:nth-child(odd) td { background: #fbfcfd; }
.mw-parser-output .xiot-doc figure[typeof*="mw:File"], .mw-parser-output .xiot-doc .thumb {
  clear: both;
  max-width: 100%;
  margin: 1.5em auto;
  padding: 0;
  border: 1px solid #dce5e9;
  border-radius: 10px;
  background: #f8fafb;
  overflow: hidden;
}
.mw-parser-output .xiot-doc figure[typeof*="mw:File"] > a { max-width: 100%; }
.mw-parser-output .xiot-doc figure img, .mw-parser-output .xiot-doc .thumb img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
.mw-parser-output .xiot-doc figcaption {
  color: #586e7a;
  background: #f8fafb;
  font-size: 0.84em;
  line-height: 1.5;
  padding: 0.7em 1em;
}
.mw-parser-output .xiot-doc .gallery { margin: 1.5em 0; padding: 0; }
.mw-parser-output .xiot-doc .gallery .thumb { margin: 0; border-radius: 8px; }
.mw-parser-output .xiot-doc .gallerytext { color: #586e7a; font-size: 0.84em; line-height: 1.5; text-align: left; }
.mw-parser-output .xiot-doc-links ul { display: flex; flex-wrap: wrap; gap: 0.65em; list-style: none; margin: 1em 0; }
.mw-parser-output .xiot-doc-links li { margin: 0; }
.mw-parser-output .xiot-doc-links a { display: block; padding: 0.45em 0.75em; border: 1px solid #d8e4e9; border-radius: 7px; background: #f7fafb; }
@media (max-width: 680px) {
  body[class*="page-Сценарий_энергоменеджмент"] #firstHeading,
  body[class*="page-Виртуальное_устройство_Счетчик_электроэнергии"] #firstHeading,
  body[class*="page-Виртуальное_устройство_Вольтметр"] #firstHeading,
  body[class*="page-Виртуальное_устройство_Амперметр"] #firstHeading,
  body[class*="page-Виртуальное_устройство_Ваттметр"] #firstHeading { font-size: 1.6rem; }
  .mw-parser-output .xiot-doc { font-size: 16px; }
  .mw-parser-output .xiot-doc-lead { font-size: 1.04em; }
  .mw-parser-output .xiot-doc-grid, .mw-parser-output .xiot-doc .toc > ul { grid-template-columns: minmax(0, 1fr); }
  .mw-parser-output .xiot-doc h2 { font-size: 1.35em; margin-top: 1.8em; }
  .mw-parser-output .xiot-doc-setting { grid-template-columns: minmax(0, 1fr); }
  .mw-parser-output .xiot-doc-setting-value { justify-self: start; }
  .mw-parser-output .xiot-doc .wikitable th, .mw-parser-output .xiot-doc .wikitable td { padding: 0.6em; }
}
@media print {
  .mw-parser-output .xiot-doc { font-size: 10pt; max-width: none; color: #000; }
  .mw-parser-output .xiot-doc h2, .mw-parser-output .xiot-doc h3 { break-after: avoid; }
  .mw-parser-output .xiot-doc figure, .mw-parser-output .xiot-doc-card, .mw-parser-output .xiot-doc-setting { break-inside: avoid; }
  .mw-parser-output .xiot-doc .toc { display: none; }
}
/* END XIOT energy documentation */