Template:Infobox/styles.css: Difference between revisions

From TwentyOneWiki
Jump to navigation Jump to search
(Created page with "→‎* Infobox stylesheet for 3rd parties who use [[Module:Infobox]] * and don't have to worry about manual classes lying around (most of you): .infobox { border: 2px solid #C14424; border-spacing: 3px; border-radius: 5px 5px; background-color: #EFE9DE; color: black; →‎@noflip: margin: 0.5em 0 0.5em 1em; padding: 0.2em; →‎@noflip: float: right; →‎@noflip: clear: right; font-size: 88%; line-height: 1.5em; width: 22em; } /* * not strictly certa...")
 
No edit summary
 
(One intermediate revision by the same user not shown)
Line 1: Line 1:
/*
/* ========== Infobox base (Module:Infobox) ========== */
* Infobox stylesheet for 3rd parties who use [[Module:Infobox]]
* and don't have to worry about manual classes lying around (most of you)
*/
.infobox {
.infobox {
border: 2px solid #C14424;
  border: 2px solid #C14424;     /* толстая рамка 2px */
border-spacing: 3px;
  border-radius: 6px;
border-radius: 5px 5px;
  background-color: #EFE9DE;
background-color: #EFE9DE;
  color: #000;
color: black;
  margin: 0.5em 0 0.5em 1em;     /* справа плавающий бокс */
/* @noflip */
  padding: 0.15em;               /* компактнее */
margin: 0.5em 0 0.5em 1em;
  float: right;                   /* @noflip */
padding: 0.2em;
  clear: right;                   /* @noflip */
/* @noflip */
  font-size: 88%;
float: right;
  line-height: 1.35em;           /* плотнее строки */
/* @noflip */
  width: 22em;
clear: right;
  border-spacing: 2px;            /* меньше зазор между строками */
font-size: 88%;
line-height: 1.5em;
width: 22em;
}
}


/*
/* Встроенные инфобоксы (когда subbox=yes) */
* not strictly certain .infobox-subbox styles are necessary since the modules
* now exclusively output infobox-subbox or infobox, not both
* just replicating the module faithfully
*/
.infobox-subbox {
.infobox-subbox {
padding: 0;
  padding: 0;
border: none;
  border: 2px solid #C14424;      /* та же рамка для консистентности */
margin: -3px;
  border-radius: 6px;
width: auto;
  margin: -2px;                   /* компенсируем border-spacing родителя */
min-width: 100%;
  width: auto;
font-size: 100%;
  min-width: 100%;
clear: none;
  font-size: 100%;
float: none;
  clear: none;
background-color: transparent;
  float: none;
  background-color: transparent;
}
}


/* Выравнивания ячеек */
.infobox-header,
.infobox-header,
.infobox-label,
.infobox-label,
Line 46: Line 38:
.infobox-subheader,
.infobox-subheader,
.infobox-image,
.infobox-image,
.infobox-navbar {
.infobox-navbar { vertical-align: top; }
vertical-align: top;
}


.infobox-label,
.infobox-label,
.infobox-data {
.infobox-data { text-align: left; } /* @noflip */
/* @noflip */
text-align: left;
}


/* Заголовок (title/above) — компактный */
.infobox-above,
.infobox-above,
.infobox-title {
.infobox-title {
font-size: 125%;
  font-size: 125%;
font-weight: bold;
  font-weight: bold;
text-align: center;
  text-align: center;
border-radius: 2px 2px;
  border-radius: 4px;
}
  padding: 0.15em 0.4em;          /* меньше отступов у тайтла */
 
  margin-bottom: 0.15em;         /* меньше расстояние до содержимого */
.infobox-title {
padding: 0.2em;
}
}


/* Центровки сервисных рядов */
.infobox-header,
.infobox-header,
.infobox-subheader,
.infobox-subheader,
.infobox-image,
.infobox-image,
.infobox-full-data,
.infobox-full-data,
.infobox-below {
.infobox-below { text-align: center; }
text-align: center;
 
.infobox-navbar { text-align: right; } /* @noflip */
 
.infobox .navbar { font-size: 100%; }
.infobox-3cols-child { margin: auto; }
 
/* -------- Дополнительные правки под макет -------- */
 
/* Картинка и подпись */
.infobox .infobox-image { padding: 0; }
.infobox .infobox-caption {
  padding: 0.35em 0.6em 0.45em;  /* компактнее подпись */
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Roboto Mono", monospace;
  font-weight: 600;
  color: #111;
}
}


.infobox-navbar {
/* Лейбл слева (без фона и двоеточий) */
/* @noflip */
.infobox .infobox-label {
text-align: right;
  background: transparent;
  font-weight: 700;
  text-align: left;
  width: 42%;
  color: #131313;
  padding: 0.22em 0.5em;          /* меньше вертикальные отступы */
  white-space: normal;
  border: 0;
}
}


.infobox .navbar {
/* Значение справа — уважаем \n внутри параметров */
font-size: 100%;
.infobox .infobox-data,
.infobox .infobox-full-data {
  padding: 0.22em 0.5em;          /* меньше вертикальные отступы */
  white-space: pre-line;          /* переносы из вики-разметки */
  line-height: 1.28;              /* ещё плотнее строки в значении */
  border: 0;
}
}


.infobox-3cols-child {
/* Убираем лишние бордеры строк/ячеек */
margin: auto;
.infobox tr, .infobox th, .infobox td { border: 0; }
}

Latest revision as of 13:37, 8 August 2025

/* ========== Infobox base (Module:Infobox) ========== */
.infobox {
  border: 2px solid #C14424;      /* толстая рамка 2px */
  border-radius: 6px;
  background-color: #EFE9DE;
  color: #000;
  margin: 0.5em 0 0.5em 1em;      /* справа плавающий бокс */
  padding: 0.15em;                /* компактнее */
  float: right;                   /* @noflip */
  clear: right;                   /* @noflip */
  font-size: 88%;
  line-height: 1.35em;            /* плотнее строки */
  width: 22em;
  border-spacing: 2px;            /* меньше зазор между строками */
}

/* Встроенные инфобоксы (когда subbox=yes) */
.infobox-subbox {
  padding: 0;
  border: 2px solid #C14424;      /* та же рамка для консистентности */
  border-radius: 6px;
  margin: -2px;                   /* компенсируем border-spacing родителя */
  width: auto;
  min-width: 100%;
  font-size: 100%;
  clear: none;
  float: none;
  background-color: transparent;
}

/* Выравнивания ячеек */
.infobox-header,
.infobox-label,
.infobox-above,
.infobox-full-data,
.infobox-data,
.infobox-below,
.infobox-subheader,
.infobox-image,
.infobox-navbar { vertical-align: top; }

.infobox-label,
.infobox-data { text-align: left; } /* @noflip */

/* Заголовок (title/above) — компактный */
.infobox-above,
.infobox-title {
  font-size: 125%;
  font-weight: bold;
  text-align: center;
  border-radius: 4px;
  padding: 0.15em 0.4em;          /* меньше отступов у тайтла */
  margin-bottom: 0.15em;          /* меньше расстояние до содержимого */
}

/* Центровки сервисных рядов */
.infobox-header,
.infobox-subheader,
.infobox-image,
.infobox-full-data,
.infobox-below { text-align: center; }

.infobox-navbar { text-align: right; } /* @noflip */

.infobox .navbar { font-size: 100%; }
.infobox-3cols-child { margin: auto; }

/* -------- Дополнительные правки под макет -------- */

/* Картинка и подпись */
.infobox .infobox-image { padding: 0; }
.infobox .infobox-caption {
  padding: 0.35em 0.6em 0.45em;   /* компактнее подпись */
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Roboto Mono", monospace;
  font-weight: 600;
  color: #111;
}

/* Лейбл слева (без фона и двоеточий) */
.infobox .infobox-label {
  background: transparent;
  font-weight: 700;
  text-align: left;
  width: 42%;
  color: #131313;
  padding: 0.22em 0.5em;          /* меньше вертикальные отступы */
  white-space: normal;
  border: 0;
}

/* Значение справа — уважаем \n внутри параметров */
.infobox .infobox-data,
.infobox .infobox-full-data {
  padding: 0.22em 0.5em;          /* меньше вертикальные отступы */
  white-space: pre-line;          /* переносы из вики-разметки */
  line-height: 1.28;              /* ещё плотнее строки в значении */
  border: 0;
}

/* Убираем лишние бордеры строк/ячеек */
.infobox tr, .infobox th, .infobox td { border: 0; }