Шаблон:Styles infobox.css: различия между версиями

Материал из Телемапедии
Нет описания правки
Нет описания правки
 
(не показано 6 промежуточных версий этого же участника)
Строка 1: Строка 1:
.flex-container {
.infobox {
   justify-content: center;
   justify-content: center;
   width: 23em;
   width: 23em;
Строка 12: Строка 12:
}
}


.flex-container .flex-container-top {
.infobox .infobox-head {
   vertical-align: top;  
   vertical-align: top;  
   color: #202122;  
   color: #202122;  
Строка 23: Строка 23:
}
}


.flex-container .flex-container-body {
 
   margin: .4em 1em .4em 1em;  
.infobox .infobox-header {
   font-weight: bold;
   text-align: left;
   text-align: left;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 5px;
  text-align: center;
}
}


@media (max-width: 675px) {
.mw-collapsible {
 
   margin-right: 5px;
.flex-container {
   font-size: smaller;
width: 100%;
}
 
 
}
 
.infobox {
  justify-content: center;
  width: 23em;
  float: right;
   margin: 0 0 1em 2em;
  padding: 0px;
  display: inline-block;
  border: 1px solid #a2a9b1;
  clear: right;
  background: #f8f9fa;
  border-spacing: 2px;
}
 
.infobox .infobox-head {
  vertical-align: top;
  color: #202122;
  text-align: center;  
   font-size: 120%;
  font-family: sans-serif;
  border-spacing: 1px;
  padding: 0px;
  margin: 4px 4px 1em 4px;
}
}


.infobox .infobox-body {
.infobox .infobox-body {
   margin: .4em 1em .4em 1em;  
   margin: .4em .2em .4em .8em;  
   text-align: left;
   text-align: left;
  text-align: center;
  font-size: smaller;
}
}


@media (max-width: 675px) {
@media (max-width: 675px) {
/*
.infobox {
display: none;
}
*/


.infobox {
.infobox {
width: 100%;
width: 100%;
}
}
    
 
.infobox .infobox-header {
   text-align: center;
}


}
}

Текущая версия от 21:43, 19 июня 2023

.infobox {
  justify-content: center;
  width: 23em;
  float: right;
  margin: 0 0 1em 2em;
  padding: 0px; 
  display: inline-block; 
  border: 1px solid #a2a9b1; 
  clear: right; 
  background: #f8f9fa; 
  border-spacing: 2px;
}

.infobox .infobox-head {
  vertical-align: top; 
  color: #202122; 
  text-align: center; 
  font-size: 120%; 
  font-family: sans-serif; 
  border-spacing: 1px; 
  padding: 0px; 
  margin: 4px 4px 1em 4px;
}


.infobox .infobox-header {
  font-weight: bold;
  text-align: left;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 5px;
  text-align: center;
}

.mw-collapsible {
  margin-right: 5px;
  font-size: smaller;
}

.infobox .infobox-body {
  margin: .4em .2em .4em .8em; 
  text-align: left;
  text-align: center;
  font-size: smaller;
}

@media (max-width: 675px) {

/*
.infobox {
display: none;
}
*/

.infobox {
width: 100%;
}

.infobox .infobox-header {
  text-align: center;
}

}