Материал из Янтарной ноосферы, доступной интернет-энциклопедии
|
|
(не показаны 72 промежуточные версии этого же участника) |
Строка 1: |
Строка 1: |
| /* Размещённый здесь CSS будет применяться ко всем темам оформления */ | | /* Размещённый здесь CSS будет применяться ко всем темам оформления */ |
| /* Это локальные классы для шаблонов улиц */
| |
| .zdanije {
| |
| background: yellow;
| |
| }
| |
| .park {
| |
| background: green;
| |
| }
| |
| .skver {
| |
| background: green;
| |
| }
| |
| .gidro {
| |
| background: blue;
| |
| color: white;
| |
| }
| |
| .territorija
| |
| {
| |
| background: gray;
| |
| }
| |
| /* Ячейки, в которых одна ссылка и та на всю ячейку */
| |
| .entirelink a
| |
| {
| |
| display: block;
| |
| width: 100%;
| |
| height: 100%;
| |
| text-decoration: none !important;
| |
| }
| |
| .cvetssylka a, .cvetssylka span
| |
| {
| |
| color: inherit !important;
| |
| }
| |
| .entirelink
| |
| {
| |
| font-size: 150%;
| |
| }
| |
|
| |
|
| #ulica
| | /* Импорт нормального шрифта */ |
| {
| | @import url('https://fonts.googleapis.com/css2?family=Istok+Web:ital,wght@0,400;0,700;1,400;1,700&family=PT+Mono&display=swap'); |
| width: 100%;
| |
| min-height: 100%;
| |
| font-size: 8pt;
| |
| display: table;
| |
| display: -webkit-flexbox;
| |
| display: -ms-flexbox;
| |
| display: -webkit-flex;
| |
| display: box;
| |
| display: flexbox;
| |
| display: flex;
| |
| -webkit-flex-wrap: wrap;
| |
| -ms-flex-wrap: wrap;
| |
| flex-wrap: wrap;
| |
| align-content: space-between;
| |
| align-items: stretch;
| |
| line-height: normal;
| |
| }
| |
|
| |
|
| #ulica div
| | .hatnote { |
| {
| | font-style: italic; |
| display: -webkit-flexbox;
| | padding-left: 1.6em; |
| display: -ms-flexbox;
| | } |
| display: -webkit-flex;
| | #siteSub { |
| display: box;
| | display: block; |
| display: flexbox;
| | } |
| display: flex;
| |
| align-items: center;
| |
| flex: 1 0 auto;
| |
| }
| |
| #ulica > div
| |
| {
| |
| min-height: 115px;
| |
| margin-bottom: 1.5em;
| |
| }
| |
| #ulica .kvartal
| |
| {
| |
| display: -webkit-flexbox;
| |
| display: -ms-flexbox;
| |
| display: -webkit-flex;
| |
| display: box;
| |
| display: flexbox;
| |
| display: flex;
| |
| flex-direction: column;
| |
| align-items: stretch;
| |
| }
| |
| #ulica a,
| |
| #ulica i
| |
| {
| |
| max-width: 10em;
| |
| margin: 0 auto;
| |
| display: inline-block;
| |
| }
| |
| #ulica span
| |
| {
| |
| display: inline-block;
| |
| | |
| max-width: 9em;
| |
| flex: 1 0 auto;
| |
| }
| |
| #ulica .gruppa
| |
| {
| |
| display: table;
| |
| display: -webkit-flexbox;
| |
| display: -ms-flexbox;
| |
| display: -webkit-flex;
| |
| display: box;
| |
| display: flexbox;
| |
| display: flex;
| |
| flex: 1 0 auto;
| |
| align-items: stretch;
| |
| }
| |
| #ulica .levo
| |
| {
| |
| border-bottom: 0.5ex solid;
| |
| height: 50%;
| |
| margin-bottom: 0.5em
| |
| }
| |
| #ulica .pravo
| |
| {
| |
| border-top: 0.5ex solid;
| |
| height: 50%;
| |
| margin-top: 0.5em;
| |
| }
| |
| #ulica .levo > div, #ulica .pravo > div
| |
| {
| |
| margin: 0 0.25em;
| |
| padding: 0 0.5em;
| |
| }
| |
| #Nachalo span,
| |
| #PeredNachalom span
| |
| {
| |
| -moz-transform: rotate(270deg); /* Для Firefox */
| |
| -ms-transform: rotate(270deg); /* Для IE */
| |
| -webkit-transform: rotate(270deg); /* Для Safari, Chrome, iOS */
| |
| -o-transform: rotate(270deg); /* Для Opera */
| |
| transform: rotate(270deg);
| |
| display: inline-block;
| |
| padding: 40% 0;
| |
| }
| |
| #Konec span, | |
| #PosleKonca span
| |
| {
| |
| -moz-transform: rotate(90deg); /* Для Firefox */
| |
| -ms-transform: rotate(90deg); /* Для IE */
| |
| -webkit-transform: rotate(90deg); /* Для Safari, Chrome, iOS */
| |
| -o-transform: rotate(90deg); /* Для Opera */
| |
| transform: rotate(90deg);
| |
| display: inline-block;
| |
| }
| |
| #Nachalo,
| |
| #PeredNachalom,
| |
| #Konec,
| |
| #PosleKonca,
| |
| #Nachalo div,
| |
| #PeredNachalom div,
| |
| #Konec div,
| |
| #PosleKonca div
| |
| {
| |
| max-width: 90px;
| |
| }
| |
| #doroga
| |
| {
| |
| border-left:0.25ex solid black;
| |
| border-right:0.25ex solid black;
| |
| }
| |
Текущая версия от 17:24, 8 декабря 2024
/* Размещённый здесь CSS будет применяться ко всем темам оформления */
/* Импорт нормального шрифта */
@import url('https://fonts.googleapis.com/css2?family=Istok+Web:ital,wght@0,400;0,700;1,400;1,700&family=PT+Mono&display=swap');
.hatnote {
font-style: italic;
padding-left: 1.6em;
}
#siteSub {
display: block;
}