MediaWiki:Common.css

Материал из Tatjur
Перейти к навигации Перейти к поиску

Замечание. Возможно, после сохранения вам придётся очистить кэш своего браузера, чтобы увидеть изменения.

  • Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl-F5 или Ctrl-R (⌘-R на Mac)
  • Google Chrome: Нажмите Ctrl-Shift-R (⌘-Shift-R на Mac)
  • Internet Explorer: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl-F5
  • Opera: Перейдите в Menu → Настройки (Opera → Настройки на Mac), а затем Безопасность → Очистить историю посещений → Кэшированные изображения и файлы
.container{
	max-width: 950px;
	margin: 0 auto;
	padding: 15px;
}

.Program {
    background: #fbfbfb;
    border: 1px solid #aaa;
    float: right;
    margin: 0 0 1em 1em;
    padding: 1em;
    width: 400px;
}
.Program-title {
    font-size: 1em;
    text-align: center;
}
.Program-logo {
    text-align: center;
}
.Program th {
    text-align: right;
    vertical-align: top;
    width: 100px;
}
.Program td {
    vertical-align: top;
}

.Person {
    background: #fbfbfb;
    border: 2px solid #aaa;
    float: right;
    margin: 0 0 1em 1em;
    padding: 1em;
    width: 300px;
}
.Person-title {
    font-size: 1.5em;
    text-align: center;
}
.Person-img {
    text-align: left;
    text-align: center;
background-size: 100px 200px;


}
.Person th {
    text-align: left;
    vertical-align: top;
    width: 80px;
    
}
.Person td {
    vertical-align: top;
    font-size: 90%;

}

.Izdaniye {
    background: #fbfbfb;
    border: 2px solid #aaa;
    float: right;
    margin: 0 0 1em 1em;
    padding: 1em;
    width: 300px;
}
.Izdaniye-title {
    font-size: 1.5em;
    text-align: center;
}
.Izdaniye-img {
    text-align: left;
  text-align: center;
}
.Izdaniye th {
    text-align: left;
    vertical-align: top;
    width: 80px;
}
.Izdaniye td {
    vertical-align: top;
    font-size: 90%;
}

.Article {
    background: #fbfbfb;
    border: 2px solid #aaa;
    float: right;
    margin: 0 0 1em 1em;
    padding: 1em;
    width: 300px;
}
.Article-title {
    font-size: 1.5em;
    text-align: center;
}
.Article-img {
    text-align: left;
    text-align: center;
	background-size: 300px;
	display: block;
    margin-left: auto;
    margin-right: auto
}

.Article th {
    text-align: left;
    vertical-align: top;
    width: 80px;
}
.Article td {
    vertical-align: top;
    font-size: 90%;
}

.Main {
    background: #f2f2f2;
    border: 2px solid #aaa;
    float: left;
    margin: 0 0 -1em 0em;
    padding: 1em;
    font-size: 150%;
    width: 97.3%; 
}

.Main th {
    text-align: left;
    vertical-align: top;
    width: 250px;
}
.Main td {
    vertical-align: top;
    font-size: 150%;
}

.Main_center {
    background: #f2f2f2;
    border: 2px solid #aaa;
    float: left;
    margin: 0 0 0em 0em;
    padding: 0em;
    font-size: 110%;
    width: 99.8%; 
    text-align: center;
}

.Left_block {
    background: #f2f2f2;
    border: 2px solid #aaa;
    float: left;
    margin: 0 0 0em 0em;
    width:48.25%;
    padding-left: 1em;
}

.Left_block category {
	text-align: left;
    vertical-align: top;
    width: 80px;
    font-style: italic; 
}

.img {
	float: right; /* Выравнивание по левому краю */
    margin: 1em 1em 1em 0; /* Отступы вокруг картинки */
}

.Left_block name {
	text-align: left;
    vertical-align: top;
    width: 100px;
    font-style: bold; 
}

.Left_block th {
    text-align: center;
    vertical-align: top;
    width: 250px;
     margin: 2px 2px 2px 0;
}
.Left_block td {
    vertical-align: top;
    font-size: 150%;
     margin: 7px 7px 7px 0;
}


.Right_block {
    background: #f2f2f2;
    border: 2px solid #aaa;
    float: right;
    margin: 0 0 0em 0em;
    width: 48.25%;
    padding-left: 1em;
}

.Right_block category {
	text-align: left;
    vertical-align: top;
    width: 80px;
    font-style: italic; 
}


.Right_block name {
	text-align: left;
    vertical-align: top;
    width: 100px;
    font-style: bold; 
}

.Right_block th {
    text-align: left;
    vertical-align: top;
    width: 250px;
}
.Right_block td {
    vertical-align: top;
    font-size: 150%;
}

.Gallery {
    background: #f2f2f2;
    border: 2px solid #aaa;
    margin: -10;
    float: right;
    width: 48.25%;
    padding-left: 1em;
}

.Gallery category {
	text-align: left;
    vertical-align: top;
    width: 80px;
    font-style: italic; 
}

.Articles {
    background: #f2f2f2;
    border: 2px solid #aaa;
    float: right;
    margin: 0 0 0em 0em;
    width: 48.25%;
    padding-left: 1em;
}

.Articles category {
	text-align: left;
    vertical-align: top;
    width: 80px;
    font-style: italic; 
}

.Articles th {
    text-align: left;
    vertical-align: top;
    width: 250px;
}
.Articles td {
    vertical-align: top;
    font-size: 150%;

}
.partners{
	flex-wrap: wrap;
	margin-top: 20px;
	display:flex;
	justify-content:center;
	align-items: center ;
	
}
.partners img {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
  
}
.partners img:hover {
  -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  filter: none; /* IE 6-9 */
}

.Statya{
	background: #f2f2f2;
    border: 2px solid #aaa;
    margin-bottom: 1.5em;
    padding:1.5em;

    padding-left: 1em;	
}

.Statya category {
	text-align: left;
    vertical-align: top;
    width: 80px;
    font-style: italic; 
}

.Statya name {
	text-align: left;
    vertical-align: top;
    width: 100px;
    font-style: bold; 
}

.Statya th {
    text-align: center;
    vertical-align: top;
    width: 250px;
     margin: 2px 2px 2px 0;
}
.Statya td {
    vertical-align: top;
    font-size: 150%;
     margin: 7px 7px 7px 0;
}
.Contacts h1{
	margin-bottom: 20px;
}

@media (min-width: 1000px){
        .main-wrapper {
			display: flex;
			margin: 0 -0.75rem;
		}
		
		.main-wrapper-col{
			flex: 1;
			margin: 0 0.75rem;
		}
	
		
  }

/* Necessary for displaying text in the upper right edge. (Used in [[Template:Shortcut]].) */
#content span.coordinates a.external.text:after, #content span.coordinates a.external.autonumber:after { content: ""; }
#content div.coordinates a.external.text:after, #content div.coordinates a.external.autonumber:after { content: ""; }

#shortcut { display: none; }



body.page-Заглавная_страница.action-view h1.firstHeading, body.page-Заглавная_страница.action-submit h1.firstHeading { display: none; }