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), а затем Безопасность → Очистить историю посещений → Кэшированные изображения и файлы
/*Forma*/
.Contact-form{
    max-width: 270px;
    padding: 10px;
    background: white;
}

.form-items{
    position: relative;
    margin-bottom: 10px;
}

.form-items input{
    display: block;
    width: 100%;
    padding: 0 5px;
    line-height: 30px;
    background: none;
    border-width: 0;
    border: 2px solid #555;
    transition: all .2s ease;
}

.form-items button{
    margin-top: 10px;
    width: 100%;
}

.form-items label{
    
    font-size: 14px;
    font-weight: 300;
    transition: all .2s ease;
}

.form-items input:focus{
    outline: none;
    border: 2px solid #4a90e2;

}

.container{
	max-width: 950px;
	margin: 0 auto;
	padding: 15px;
}
#p-tb {
  display: none;
}

#p-logo{
	margin-top: 1em;
}

.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;
}

.main-top{
	
	clear:both;
	font-size: 1rem;
	margin-top:1rem;
	padding-bottom:1.5rem;
	text-align:center;
}
.main-top-bottom ul li{
    margin-right: 0.25em;
}

.main-top-bottom ul li:last-child{
    margin-right:0;
}
.main-top-bottom ul{
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
}
.main-playlist ul{
	list-style:none;
	margin:0;
	padding:0;
}

.main-playlist li{
	margin-bottom:0;
}

/* PDF icon next to external PDF link for Mozilla and Opera and for {PDFlink} template */
a[href$=".pdf"].external,
a[href*=".pdf?"].external,
a[href*=".pdf#"].external,
a[href$=".PDF"].external,
a[href*=".PDF?"].external,
a[href*=".PDF#"].external,
span.PDFlink a {
	background: url(//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif) center right no-repeat !important;
	padding-right: 18px !important;
}

.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; /* Отступы вокруг картинки */
    display:block;
}

.clear {
	clear:both;
}

.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 .img2, .partners .img1{
	margin-left:15px;
	margin-right:15px;
}

.partners .img2 img {
	
  -webkit-filter: grayscale(70%);
  -moz-filter: grayscale(70%);
  -ms-filter: grayscale(70%);
  -o-filter: grayscale(70%);
  /*filter: grayscale(70%);
  filter: gray; /* IE 6-9 */
  
}

.partners .img2 img:hover, .partners .img1 img:hover {
  -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  filter: none; /* IE 6-9 */
}

.partners .img1 img{
  -webkit-filter: grayscale(55%);
  -moz-filter: grayscale(55%);
  -ms-filter: grayscale(55%);
  -o-filter: grayscale(55%);
  /*filter: grayscale(55%);
  filter: gray; /* IE 6-9 */
}



.Statya{
	overflow:hidden;
	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;
    margin: 2px 2px 2px 0;
}
.Statya td {
    vertical-align: top;
    font-size: 150%;
    margin: 7px 7px 7px 0;
}

.Contacts {
	margin-top: 20px;
}

@media (min-width:720px){
	.main-top {
		border: 1px solid #c8ccd1;
		border-radius: 2px;
		box-shadow: 0 1px 1px rgba(0, 0, 0, .15);
		margin-bottom: 1rem;
		padding:1rem;
	}	
}
	

@media (min-width:1000px){
	
}
@media (min-width: 1000px){
        .main-wrapper {
			display: flex;
			margin: 0 -0.75rem;
		}
		
		.main-wrapper-col{
			flex: 1;
			margin: 0 0.75rem;
		}
		
		.main-top {
			display:flex;
			align-items: center;
			justify-content:center;
			background-color:#f2f2f2;
			margin-bottom: 1.5rem;
			margin-top:.5rem;
			padding:0;
		}
	
		.main-top-bottom {
			flex:2;
			margin-top:0;
		}
	
		.main-top-bottom ul {
			align-items:center;
			margin-top: 0;
		}
	
		
  }

/* 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; }
Источник — https://tatjur.ru/index.php?title=MediaWiki:Common.css&oldid=2585