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

Материал из IFВики
Перейти к навигации Перейти к поиску
м (clear справа)
м (центровать обложка)
(не показано 19 промежуточных версий 2 участников)
Строка 1: Строка 1:
 
/* Размещённый здесь CSS будет применяться ко всем темам оформления */
 
/* Размещённый здесь CSS будет применяться ко всем темам оформления */
  
 +
.textcenter { text-align: center; }
 +
.noborder { border-bottom: none; }
 
.noautonum .tocnumber { display: none; }
 
.noautonum .tocnumber { display: none; }
 +
.hidden { display: none; }
 
.infobox {
 
.infobox {
   width:23em;
+
   width: 300px;
 
   font-size:90%;
 
   font-size:90%;
 
   text-align:left;
 
   text-align:left;
Строка 19: Строка 22:
 
}
 
}
 
.infobox tr,
 
.infobox tr,
.infobox td,
+
.infobox td {
.mbox {
+
   border:1px #999 solid;
   border:1px #CCC solid;
 
 
}
 
}
 
.infobox td {
 
.infobox td {
 
   background-color: #FDF3C4;
 
   background-color: #FDF3C4;
   white-space: nowrap;
+
}
 +
.infobox .infoHeader {
 +
   text-align: center;
 +
}
 +
.infobox-container {
 +
  float: right;
 +
  clear: right;
 
}
 
}
 
.leftbox {
 
.leftbox {
Строка 37: Строка 45:
 
}
 
}
 
.mbox {
 
.mbox {
   width: 60%;
+
   width: 300px;
   border-color:#AAB #AAB #AAB #999;
+
  text-align: left;
   border-style: solid;
+
   border:1px #CCC solid;
   border-width: 1px 1px 1px 10px;
+
  margin-left:1em;
 +
  margin-bottom:1em;
 +
  padding: 4px;
 +
  vertical-align: center;
 +
  background-color: #fefefe;
 +
  text-align: left;
 +
  float: right;
 +
  clear: right;
 +
}
 +
.cbox {
 +
  width: 400px;
 +
   text-align: left;
 +
   border:1px #CCC solid;
 
   padding: 4px;
 
   padding: 4px;
  margin: 1px auto 1px auto;
 
 
   vertical-align: center;
 
   vertical-align: center;
 
   background-color: #fefefe;
 
   background-color: #fefefe;
 
   text-align: left;
 
   text-align: left;
 +
  margin: 1em auto;
 
}
 
}
 
.epigraph {
 
.epigraph {
 
   text-align: right;
 
   text-align: right;
 
   font-style: italic;
 
   font-style: italic;
 +
}
 +
 +
/* Стиль списков с автонумерацией русскими буквами.*/
 +
.lower-russian {
 +
  list-style-type: none;
 +
}
 +
.lower-russian li:before {
 +
  display: inline-block;
 +
  margin-left: -1.25em;
 +
  margin-right: 0.31em;
 +
  text-align: right;
 +
  width: .95em;
 +
}
 +
.lower-russian li:first-child:before {
 +
  content: "а.";
 +
}
 +
.lower-russian li:nth-child(2):before {
 +
  content: "б.";
 +
}
 +
.lower-russian li:nth-child(3):before {
 +
  content: "в.";
 +
}
 +
.lower-russian li:nth-child(4):before {
 +
  content: "г.";
 +
}
 +
.lower-russian li:nth-child(5):before {
 +
  content: "д.";
 +
}
 +
.lower-russian li:nth-child(6):before {
 +
  content: "е.";
 +
}
 +
.lower-russian li:nth-child(7):before {
 +
  content: "ё.";
 +
}
 +
.lower-russian li:nth-child(8):before {
 +
  content: "ж.";
 +
}
 +
.lower-russian li:nth-child(9):before {
 +
  content: "з.";
 +
}
 +
.lower-russian li:nth-child(10):before {
 +
  content: "и.";
 +
}
 +
.lower-russian li:nth-child(11):before {
 +
  content: "к.";
 +
}
 +
.themeicon {
 +
  display: inline-block;
 +
  text-align: center;
 +
  margin-right: 0.5em;
 +
}
 +
 +
.masonryRaggedRow {
 +
  -webkit-column-width: 300px;
 +
    -moz-column-width: 300px;
 +
          column-width: 300px;
 +
  -webkit-column-count: auto;
 +
    -moz-column-count: auto;
 +
          column-count: auto;
 +
  -webkit-column-gap: 1em;
 +
    -moz-column-gap: 1em;
 +
          column-gap: 1em;
 +
}
 +
.masonryRaggedRow .masonryRaggedColumn {
 +
  text-align: left;
 +
  min-width: 300px;
 +
  margin: 0 1em 1em 0;
 +
  display: inline-block;
 +
  width: 100%;
 +
}
 +
small {
 +
  font-size: 12px;
 
}
 
}

Версия 12:26, 30 августа 2019

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

.textcenter { text-align: center; }
.noborder { border-bottom: none; }
.noautonum .tocnumber { display: none; }
.hidden { display: none; }
.infobox {
  width: 300px;
  font-size:90%;
  text-align:left;
  float:right;
  clear: right;
  border:1px #CCC solid;
  margin-left:1em;
  margin-bottom:1em;
  border-collapse: collapse;
}
.infobox .header {
  font-size:110%;
  text-align: center;
  background-color: #FDF3C4;
}
.infobox tr,
.infobox td {
  border:1px #999 solid;
}
.infobox td {
  background-color: #FDF3C4;
}
.infobox .infoHeader {
  text-align: center;
}
.infobox-container {
  float: right;
  clear: right;
}
.leftbox {
  float:left;
  padding-right:3px;
  margin-right:3px;
}
.leftbox img {
  float: left;
  margin-right: 0.8em;
}
.mbox {
  width: 300px;
  text-align: left;
  border:1px #CCC solid;
  margin-left:1em;
  margin-bottom:1em;
  padding: 4px;
  vertical-align: center;
  background-color: #fefefe;
  text-align: left;
  float: right;
  clear: right;
}
.cbox {
  width: 400px;
  text-align: left;
  border:1px #CCC solid;
  padding: 4px;
  vertical-align: center;
  background-color: #fefefe;
  text-align: left;
  margin: 1em auto;
}
.epigraph {
  text-align: right;
  font-style: italic;
}

/* Стиль списков с автонумерацией русскими буквами.*/
.lower-russian {
  list-style-type: none;
}
.lower-russian li:before {
  display: inline-block;
  margin-left: -1.25em;
  margin-right: 0.31em;
  text-align: right;
  width: .95em;
}
.lower-russian li:first-child:before {
  content: "а.";
}
.lower-russian li:nth-child(2):before {
  content: "б.";
}
.lower-russian li:nth-child(3):before {
  content: "в.";
}
.lower-russian li:nth-child(4):before {
  content: "г.";
}
.lower-russian li:nth-child(5):before {
  content: "д.";
}
.lower-russian li:nth-child(6):before {
  content: "е.";
}
.lower-russian li:nth-child(7):before {
  content: "ё.";
}
.lower-russian li:nth-child(8):before {
  content: "ж.";
}
.lower-russian li:nth-child(9):before {
  content: "з.";
}
.lower-russian li:nth-child(10):before {
  content: "и.";
}
.lower-russian li:nth-child(11):before {
  content: "к.";
}
.themeicon {
  display: inline-block;
  text-align: center;
  margin-right: 0.5em;
}

.masonryRaggedRow {
  -webkit-column-width: 300px;
     -moz-column-width: 300px;
          column-width: 300px;
  -webkit-column-count: auto;
     -moz-column-count: auto;
          column-count: auto;
  -webkit-column-gap: 1em;
     -moz-column-gap: 1em;
          column-gap: 1em;
}
.masonryRaggedRow .masonryRaggedColumn {
  text-align: left;
  min-width: 300px;
  margin: 0 1em 1em 0;
  display: inline-block;
  width: 100%;
} 
small {
  font-size: 12px;
}