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

Материал из Tatjur
Перейти к навигации Перейти к поиску
 
(не показано 19 промежуточных версий этого же участника)
Строка 1: Строка 1:
 +
/*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 {
 
.Program {
 
     background: #fbfbfb;
 
     background: #fbfbfb;
Строка 140: Строка 194:
 
     width: 99.8%;  
 
     width: 99.8%;  
 
     text-align: center;
 
     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;
 
}
 
}
  
Строка 160: Строка 256:
 
.img {
 
.img {
 
float: right; /* Выравнивание по левому краю */
 
float: right; /* Выравнивание по левому краю */
−
     margin: 1em 1em 1em 0; /* Отступы вокруг картинки */
+
     margin: 1em; /* Отступы вокруг картинки */
 +
    display:block;
 +
}
 +
 
 +
.clear {
 +
clear:both;
 
}
 
}
  
Строка 260: Строка 361:
 
}
 
}
 
.partners{
 
.partners{
 +
flex-wrap: wrap;
 +
margin-top: 20px;
 
display:flex;
 
display:flex;
 
justify-content:center;
 
justify-content:center;
−
align-items:center;
+
align-items: center ;
 +
 +
 +
 +
}
 +
.partners .img2, .partners .img1{
 +
margin-left:15px;
 +
margin-right:15px;
 
}
 
}
−
.partners img {
+
 
−
vertical-align: middle;
+
.partners .img2 img {
−
   -webkit-filter: grayscale(100%);
+
−
   -moz-filter: grayscale(100%);
+
   -webkit-filter: grayscale(70%);
−
   -ms-filter: grayscale(100%);
+
   -moz-filter: grayscale(70%);
−
   -o-filter: grayscale(100%);
+
   -ms-filter: grayscale(70%);
−
   filter: grayscale(100%);
+
   -o-filter: grayscale(70%);
 +
   /*filter: grayscale(70%);
 
   filter: gray; /* IE 6-9 */
 
   filter: gray; /* IE 6-9 */
 
    
 
    
 
}
 
}
−
.partners img:hover {
+
 
 +
.partners .img2 img:hover, .partners .img1 img:hover {
 
   -webkit-filter: none;
 
   -webkit-filter: none;
 
   -moz-filter: none;
 
   -moz-filter: none;
Строка 282: Строка 394:
 
   filter: none; /* IE 6-9 */
 
   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]].) */
 
/* Necessary for displaying text in the upper right edge. (Used in [[Template:Shortcut]].) */

Текущая версия на 10:32, 14 декабря 2021

/*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