|
|
| (не показано 68 промежуточных версий этого же участника) |
| Строка 1: |
Строка 1: |
| /* Тело */ | | /* Размещённый здесь CSS будет применяться ко всем темам оформления */ |
| body {
| | |
| background-color: #ffbf00;
| | /* Импорт нормального шрифта */ |
| }
| | @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'); |
| .mw-body, .mw-body h1, .mw-body h2 { | | |
| font-family: Helvetica, Linux Libertine;
| | .hatnote { |
| }
| | font-style: italic; |
| /* Шапка */
| | padding-left: 1.6em; |
| div#mw-head
| |
| /* Основа для страницы — пока непонятно, зачем надо
| |
| Может изменять цвет полосы под строкой пользователя */
| |
| #mw-page-base {
| |
| background-color: transparent; | |
| background-image: none; | |
| } | | } |
| /* Строка с функциями пользователя.
| | #siteSub { |
| Ширится на всю страницу, ещё и после лого,
| | display: block; |
| поэтому фон должен быть прозрачным */
| |
| #p-personal { | |
| position: fixed;
| |
| top: 0;
| |
| background-color: rgba(255,255,255,0.8);
| |
| width: 100%;
| |
| } | | } |
| #p-personal li {
| |
| margin: 0.5em 0.25em;
| |
| }
| |
| /* Стиль выбранных кнопок в панели навигации.
| |
| Используется по умолчанию изображение 1*100 */
| |
| div.vectorTabs li.selected
| |
| /* Стиль невыбранных кнопок в панели навигации */
| |
| div.vectorTabs ul li
| |
| /* Панель слева */
| |
| div#mw-panel {
| |
| position: fixed;
| |
| top: 190px;
| |
|
| |
| }
| |
| /* Логотип! */
| |
| #p-logo
| |
| /* Подвал, шириной со статью */
| |
| div#footer
| |
|
| |
| /* Это локальные классы для шаблонов улиц */
| |
| .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
| |
| {
| |
| 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
| |
| {
| |
| display: -webkit-flexbox;
| |
| display: -ms-flexbox;
| |
| display: -webkit-flex;
| |
| display: box;
| |
| 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;
| |
| }
| |
