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

Материал из Янтарной ноосферы, доступной интернет-энциклопедии
перенесём таблицу стилей из Викии
 
м включим Гельветику
Строка 1: Строка 1:
/* Размещённый здесь CSS будет применяться ко всем темам оформления */
/* Размещённый здесь CSS будет применяться ко всем темам оформления */
.mw-body h1, .mw-body h2 {
font-family: Helvetica, PT Sans, sans
}
.mw-body content {
font-family: Helvetica, PT Sans, sans
}
/* Это локальные классы для шаблонов улиц */
/* Это локальные классы для шаблонов улиц */
.zdanije {
.zdanije {

Версия от 19:58, 10 января 2016

/* Размещённый здесь CSS будет применяться ко всем темам оформления */
.mw-body h1, .mw-body h2 {
font-family: Helvetica, PT Sans, sans
}
.mw-body content {
font-family: Helvetica, PT Sans, sans
}
/* Это локальные классы для шаблонов улиц */
.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;
        }