MediaWiki:Common.css

/* 	Тело */
body {
	background-color: #ffbf00;
}
.mw-body, .mw-body h1, .mw-body h2 {
	font-family: Helvetica, Linux Libertine;
	background-color: #fdeaa8;
}
/* 	Шапка 
div#mw-head {
}*/
/* 	Основа для страницы — пока непонятно, зачем надо
	Может изменять цвет полосы под строкой пользователя */
#mw-page-base {
	background-color: transparent;
	background-image: none;
}
/*	Строка с функциями пользователя.
	Ширится на всю страницу, ещё и после лого, 
	поэтому фон должен быть прозрачным */
#p-personal {
	position: fixed;
	top: 0;
        right: 0;
	background-color: rgba(255,255,255,0.7);
	width: 100%;
}
#p-personal li {
	margin: 0.5em 0.25em;
}
#p-personal ul {
        float: right;
}
/* 	Стиль выбранных кнопок в панели навигации. 
	Используется по умолчанию изображение 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;
        }