MediaWiki:Common.css
Версия от 10:32, 14 декабря 2021; Kirill (обсуждение | вклад)
Замечание. Возможно, после сохранения вам придётся очистить кэш своего браузера, чтобы увидеть изменения.
- 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; }