MediaWiki:Common.css: различия между версиями
Перейти к навигации
Перейти к поиску
Второй (обсуждение | вклад) Нет описания правки |
Второй (обсуждение | вклад) Нет описания правки |
||
Строка 18: | Строка 18: | ||
color:red; | color:red; | ||
} | } | ||
/*Дальше идут восстановленные классы! Если что-то сллмалось – проосто закомментируйте их! */ | |||
body.page-Main_Page h1.firstHeading { | |||
display: none | |||
} | |||
body.page-Заглавная_страница h1.firstHeading { | |||
display: none | |||
} | |||
#content { | |||
padding-top: 0 | |||
} | |||
.btn a { | |||
display: inline-block; | |||
font-weight: 400; | |||
line-height: 1.5; | |||
background: #FFC11E; | |||
text-align: center; | |||
text-decoration: none; | |||
vertical-align: middle; | |||
cursor: pointer; | |||
-webkit-user-select: none; | |||
-moz-user-select: none; | |||
user-select: none; | |||
border: 1px solid #D1D3D4; | |||
padding: 0.375rem 0.75rem; | |||
font-size: 1rem; | |||
border-radius: 0.25rem; | |||
transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out | |||
} | |||
.btn a:hover { | |||
color: white; | |||
background-color: #D1D3D4; | |||
list-style: none | |||
} | |||
center { | |||
margin-top: 1rem | |||
} | |||
lng-toggler { | |||
display: flex; | |||
flex-wrap: wrap | |||
} | |||
.lng-toggler > * { | |||
margin: 2px 1px; | |||
box-sizing: border-box; | |||
display: inline-flex; | |||
align-items: center; | |||
justify-content: center; | |||
height: 30px | |||
} | |||
.plainlinks_fc a { | |||
font-size: 12px; | |||
font-weight: 600; | |||
border: 1px solid #ddd; | |||
border-bottom: 1px solid #ccc; | |||
border-radius: 15px; | |||
cursor: pointer; | |||
box-shadow: 0 1px 2px -1px rgb(0 0 0 / 20%); | |||
color: #aaa; | |||
transition: color .2s,border-color .2s,box-shadow .2s | |||
} | |||
.plainlinks_fc .external:hover { | |||
background: #0351C1 | |||
} | |||
.plainlinks_fc .active { | |||
font-size: 12px; | |||
padding: 8px 20px 6px 20px; | |||
background: #BCBEC0; | |||
border-radius: 2rem; | |||
color: white; | |||
border-bottom: 2px solid #939598; | |||
box-shadow: 0 1px 2px -1px rgb(0 0 0 / 20%); | |||
transition: background .2s,border-bottom-color .2s | |||
} | |||
.plainlinks_fc a.external { | |||
background: none !important; | |||
padding: 8px 20px 6px 20px !important; | |||
border-radius: 2rem; | |||
line-height: 2rem | |||
} | |||
.infobox { | |||
border: 1px solid #a2a9b1; | |||
background: #f8f9fa; | |||
margin-bottom: .5em; | |||
margin-left: 1em; | |||
padding: .4em; | |||
float: right; | |||
clear: right; | |||
font-size: 90%; | |||
width: 23em; | |||
vertical-align: middle; | |||
text-align: left; | |||
line-height: 1.5em; | |||
border-collapse: separate; | |||
border-spacing: 2px | |||
} | |||
.infobox > caption { | |||
font-size: 125%; | |||
font-weight: bold; | |||
padding: .2em | |||
} | |||
.infobox td,.infobox th { | |||
vertical-align: top | |||
} | |||
.infobox-above { | |||
background: #cfe3ff; | |||
font-size: 120%; | |||
text-align: center | |||
} | |||
.infobox-image { | |||
padding-left: 0; | |||
padding-right: 0; | |||
text-align: center | |||
} | |||
.infobox-header { | |||
background: #dcebff; | |||
text-align: center | |||
} | |||
.infobox-below { | |||
background: #dcebff; | |||
text-align: center | |||
} | |||
.infobox-table,.infobox-tablebox,.infobox-medals { | |||
padding: 0 | |||
} | |||
.infobox-inner-table,.infobox-table > table,.infobox-tablebox > table,.infobox-medals > table { | |||
width: 100%; | |||
display: table; | |||
margin: 0; | |||
background: transparent | |||
} | |||
.infobox-tablebox > table { | |||
background: #ffffff; | |||
border: 1px solid #a2a9b1 | |||
} | |||
.infobox-medals > table { | |||
border-collapse: separate | |||
} | |||
.infobox-medals .NavFrame { | |||
padding: 0; | |||
border: none; | |||
font-size: 100% | |||
} | |||
.infobox-medals .NavFrame .NavHead { | |||
padding: 1px 5em | |||
} | |||
.infobox-medals .NavFrame .NavToggle { | |||
position: absolute; | |||
top: 1px; | |||
right: 1px | |||
} | |||
.infobox-medals .NavFrame .NavContent { | |||
font-size: 95% | |||
} | |||
.infobox-child { | |||
width: 100%; | |||
margin: 0; | |||
padding: 0; | |||
border: none; | |||
font-size: 100% | |||
} | |||
.infobox th:not(.noplainlist) > ul,.infobox td:not(.noplainlist) > ul,.infobox [data-wikidata-property-id] > ul { | |||
list-style-type: none; | |||
list-style-image: none; | |||
margin: 0 | |||
} | |||
.infobox .noplainlist > ul:first-child { | |||
margin-top: 0 | |||
} | |||
.infobox th > ol,.infobox td > ol,.infobox [data-wikidata-property-id] > ol { | |||
margin: 0 0 0 2em | |||
} | |||
.infobox th > dl,.infobox td > dl,.infobox [data-wikidata-property-id] > dl { | |||
margin: 0 | |||
} | |||
.infobox li,.infobox dt,.infobox dd { | |||
margin-bottom: 0 | |||
} | |||
.infobox th > ol.references,.infobox td > ol.references { | |||
line-height: 1.25em | |||
} | |||
.infobox th > ol.references li,.infobox td > ol.references li { | |||
margin-bottom: 0.1em | |||
} | |||
.infobox th > ol.references li:last-child,.infobox td > ol.references li:last-child { | |||
margin-bottom: 0 | |||
} | |||
.infobox td p { | |||
margin: 0 !important | |||
} | |||
.infobox small,.navbox small { | |||
font-size: 90% | |||
} | |||
.mainpage_row { | |||
display: flex; | |||
flex-direction: row; | |||
flex-flow: row wrap; | |||
justify-content: space-between; | |||
padding: 0; | |||
margin: 0 -5px 0 -5px; | |||
border: 1px solid grey; | |||
border-radius: 2rem | |||
} | |||
.mainpage_for_news_row { | |||
display: flex; | |||
flex-direction: row; | |||
flex-flow: row wrap; | |||
justify-content: space-between; | |||
padding: 0; | |||
margin: 0 -5px 0 -5px | |||
} | |||
.mainpage_box { | |||
flex: 1; | |||
margin: 5px; | |||
min-width: 210px; | |||
border: 0; | |||
padding: 0 10px 10px 10px | |||
} | |||
.mainpage_box h3 { | |||
padding-right: 0; | |||
padding-top: 0; | |||
padding-bottom: 0; | |||
margin: 0.5em 0 | |||
} | |||
.mainpage_box h3:not(.tpl-vheadanchor-heading) { | |||
padding-left: 0 | |||
} | |||
.mainpage_box h3 .header_icon { | |||
float: left; | |||
margin-right: 5px | |||
} | |||
.mainpage_box .items ul { | |||
margin: 0 | |||
} | |||
.mainpage_box .items ul li { | |||
list-style: none | |||
} | |||
.mainpage_box p:last-child { | |||
margin-bottom: 0 | |||
} | |||
.mainpage_boxcontents_small { | |||
font-size: 95% | |||
} | |||
.mainpage_newpage_box { | |||
flex: 1; | |||
margin: 5px; | |||
min-width: 150px; | |||
border: 1px solid #CCC | |||
} | |||
.mainpage_about_box { | |||
flex: 1; | |||
margin: 5px; | |||
border: 0 | |||
} | |||
.card-body { | |||
padding: 1rem | |||
} | |||
.floatnone { | |||
overflow: hidden | |||
} | |||
.mainpage_image { | |||
width: auto; | |||
height: 200px; | |||
object-fit: cover; | |||
transition: 1s; | |||
display: block | |||
} | |||
.mainpage_image:hover { | |||
transform: scale(1.1) | |||
} | |||
@media screen and (max-width: 719px) { | |||
.thumb { | |||
float:none | |||
} | |||
.thumb,.thumbinner { | |||
margin-left: auto; | |||
margin-right: auto | |||
} | |||
} | |||
.mw-header { | |||
max-width: 60em; | |||
margin-right: auto; | |||
margin-left: auto | |||
} | |||
.mw-parser-output a.external { | |||
background-image: none | |||
} | |||
body.page-Main_Page.action-view h1.firstHeading,body.page-Main_Page.action-submit h1.firstHeading { | |||
display: none | |||
} | |||
body.page-Main_Page #contentSub { | |||
display: none | |||
} | |||
body.page-Главная_страница.action-view h1.firstHeading,body.page-Главная_страница.action-submit h1.firstHeading { | |||
display: none | |||
} | |||
body.page-Главная_страница #contentSub { | |||
display: none | |||
} | |||
body.page-Hauptseite.action-view h1.firstHeading,body.page-Hauptseite.action-submit h1.firstHeading { | |||
display: none | |||
} | |||
body.page-Hauptseite #contentSub { | |||
display: none | |||
} | |||
body.page-Accueil.action-view h1.firstHeading,body.page-Accueil.action-submit h1.firstHeading { | |||
display: none | |||
} | |||
body.page-Accueil #contentSub { | |||
display: none | |||
} | |||
.note { | |||
background-position: left 7px top 50%; | |||
padding: 0.5em 0.5em 0.5em 40px; | |||
margin: 0.5em 0; | |||
overflow: hidden; | |||
background-color: #f8f9fa; | |||
background-repeat: no-repeat; | |||
border: 1px solid #ddd | |||
} | |||
.note-inline { | |||
display: inline-block; | |||
vertical-align: middle | |||
} | |||
.note-error { | |||
background-color: #fee7e6; | |||
background-size: 25px; | |||
border-color: #c33; | |||
min-height: 28px | |||
} | |||
.mw-logo-container img { | |||
width: 100%; | |||
height: 100% | |||
} | |||
h5 { | |||
font-size: 1.25rem; | |||
margin-top: 0; | |||
margin-bottom: 0.5rem; | |||
font-weight: 500; | |||
line-height: 1.2 | |||
} | |||
.card-title { | |||
font-size: 1.25rem; | |||
font-weight: 800; | |||
color: black; | |||
margin-bottom: 0.5rem | |||
} | |||
.card-subtitle { | |||
margin-bottom: 1rem; | |||
font-size: 1.1rem; | |||
color: Brown; | |||
font-weight: 700 | |||
} | |||
.card { | |||
float: right; | |||
position: relative; | |||
display: flex; | |||
flex-direction: column; | |||
min-width: 0; | |||
word-wrap: break-word; | |||
background-color: #fff; | |||
background-clip: border-box; | |||
border: 1px solid rgba(0,0,0,.125); | |||
border-radius: 0.75rem; | |||
margin-left: 1em; | |||
margin-bottom: 1em; | |||
padding: .4em | |||
} | |||
.bd-placeholder-img { | |||
font-size: 1.125rem; | |||
text-anchor: middle; | |||
-webkit-user-select: none; | |||
-moz-user-select: none; | |||
user-select: none | |||
} | |||
.card-img,.card-img-top { | |||
border-radius: calc(0.75rem - 1px); | |||
object-fit: cover | |||
} | |||
.card-body { | |||
flex: 1 1 auto | |||
} | |||
.card-body ul { | |||
padding-left: 0; | |||
margin-left: 0 | |||
} | |||
.list-group-item { | |||
position: relative; | |||
display: block; | |||
padding: 0 0 0 0; | |||
color: grey; | |||
text-decoration: none | |||
} | |||
.card-text { | |||
font-weight: 800; | |||
color: black | |||
} | |||
.WantedRow { | |||
display: flex; | |||
flex-direction: row; | |||
flex-flow: row wrap; | |||
justify-content: space-between; | |||
padding: 0; | |||
margin: 0 -5px 0 -5px | |||
} | |||
.WantedBox { | |||
flex: 1; | |||
margin: 5px; | |||
min-width: 150px; | |||
border: 1.5px solid red | |||
} | |||
.WantedBody { | |||
padding: 1rem | |||
} | |||
.WantedImage { | |||
width: auto; | |||
height: 250px | |||
} | |||
.WantedText { | |||
margin: 5px | |||
} |
Версия от 09:35, 7 сентября 2023
/* Размещённый здесь CSS будет применяться ко всем темам оформления */ .infobox { display:block; float: right; } .border-none { padding: 10px; margin:auto; border: none; } .templ_roz { border: 4px solid maroon; /* Параметры границы */ background: #F39387; /* Цвет фона */ padding: 10px; /* Поля вокруг текста */ width: 750px; font-size: 15px; font-weight: bold; color:red; } /*Дальше идут восстановленные классы! Если что-то сллмалось – проосто закомментируйте их! */ body.page-Main_Page h1.firstHeading { display: none } body.page-Заглавная_страница h1.firstHeading { display: none } #content { padding-top: 0 } .btn a { display: inline-block; font-weight: 400; line-height: 1.5; background: #FFC11E; text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; border: 1px solid #D1D3D4; padding: 0.375rem 0.75rem; font-size: 1rem; border-radius: 0.25rem; transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out } .btn a:hover { color: white; background-color: #D1D3D4; list-style: none } center { margin-top: 1rem } lng-toggler { display: flex; flex-wrap: wrap } .lng-toggler > * { margin: 2px 1px; box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; height: 30px } .plainlinks_fc a { font-size: 12px; font-weight: 600; border: 1px solid #ddd; border-bottom: 1px solid #ccc; border-radius: 15px; cursor: pointer; box-shadow: 0 1px 2px -1px rgb(0 0 0 / 20%); color: #aaa; transition: color .2s,border-color .2s,box-shadow .2s } .plainlinks_fc .external:hover { background: #0351C1 } .plainlinks_fc .active { font-size: 12px; padding: 8px 20px 6px 20px; background: #BCBEC0; border-radius: 2rem; color: white; border-bottom: 2px solid #939598; box-shadow: 0 1px 2px -1px rgb(0 0 0 / 20%); transition: background .2s,border-bottom-color .2s } .plainlinks_fc a.external { background: none !important; padding: 8px 20px 6px 20px !important; border-radius: 2rem; line-height: 2rem } .infobox { border: 1px solid #a2a9b1; background: #f8f9fa; margin-bottom: .5em; margin-left: 1em; padding: .4em; float: right; clear: right; font-size: 90%; width: 23em; vertical-align: middle; text-align: left; line-height: 1.5em; border-collapse: separate; border-spacing: 2px } .infobox > caption { font-size: 125%; font-weight: bold; padding: .2em } .infobox td,.infobox th { vertical-align: top } .infobox-above { background: #cfe3ff; font-size: 120%; text-align: center } .infobox-image { padding-left: 0; padding-right: 0; text-align: center } .infobox-header { background: #dcebff; text-align: center } .infobox-below { background: #dcebff; text-align: center } .infobox-table,.infobox-tablebox,.infobox-medals { padding: 0 } .infobox-inner-table,.infobox-table > table,.infobox-tablebox > table,.infobox-medals > table { width: 100%; display: table; margin: 0; background: transparent } .infobox-tablebox > table { background: #ffffff; border: 1px solid #a2a9b1 } .infobox-medals > table { border-collapse: separate } .infobox-medals .NavFrame { padding: 0; border: none; font-size: 100% } .infobox-medals .NavFrame .NavHead { padding: 1px 5em } .infobox-medals .NavFrame .NavToggle { position: absolute; top: 1px; right: 1px } .infobox-medals .NavFrame .NavContent { font-size: 95% } .infobox-child { width: 100%; margin: 0; padding: 0; border: none; font-size: 100% } .infobox th:not(.noplainlist) > ul,.infobox td:not(.noplainlist) > ul,.infobox [data-wikidata-property-id] > ul { list-style-type: none; list-style-image: none; margin: 0 } .infobox .noplainlist > ul:first-child { margin-top: 0 } .infobox th > ol,.infobox td > ol,.infobox [data-wikidata-property-id] > ol { margin: 0 0 0 2em } .infobox th > dl,.infobox td > dl,.infobox [data-wikidata-property-id] > dl { margin: 0 } .infobox li,.infobox dt,.infobox dd { margin-bottom: 0 } .infobox th > ol.references,.infobox td > ol.references { line-height: 1.25em } .infobox th > ol.references li,.infobox td > ol.references li { margin-bottom: 0.1em } .infobox th > ol.references li:last-child,.infobox td > ol.references li:last-child { margin-bottom: 0 } .infobox td p { margin: 0 !important } .infobox small,.navbox small { font-size: 90% } .mainpage_row { display: flex; flex-direction: row; flex-flow: row wrap; justify-content: space-between; padding: 0; margin: 0 -5px 0 -5px; border: 1px solid grey; border-radius: 2rem } .mainpage_for_news_row { display: flex; flex-direction: row; flex-flow: row wrap; justify-content: space-between; padding: 0; margin: 0 -5px 0 -5px } .mainpage_box { flex: 1; margin: 5px; min-width: 210px; border: 0; padding: 0 10px 10px 10px } .mainpage_box h3 { padding-right: 0; padding-top: 0; padding-bottom: 0; margin: 0.5em 0 } .mainpage_box h3:not(.tpl-vheadanchor-heading) { padding-left: 0 } .mainpage_box h3 .header_icon { float: left; margin-right: 5px } .mainpage_box .items ul { margin: 0 } .mainpage_box .items ul li { list-style: none } .mainpage_box p:last-child { margin-bottom: 0 } .mainpage_boxcontents_small { font-size: 95% } .mainpage_newpage_box { flex: 1; margin: 5px; min-width: 150px; border: 1px solid #CCC } .mainpage_about_box { flex: 1; margin: 5px; border: 0 } .card-body { padding: 1rem } .floatnone { overflow: hidden } .mainpage_image { width: auto; height: 200px; object-fit: cover; transition: 1s; display: block } .mainpage_image:hover { transform: scale(1.1) } @media screen and (max-width: 719px) { .thumb { float:none } .thumb,.thumbinner { margin-left: auto; margin-right: auto } } .mw-header { max-width: 60em; margin-right: auto; margin-left: auto } .mw-parser-output a.external { background-image: none } body.page-Main_Page.action-view h1.firstHeading,body.page-Main_Page.action-submit h1.firstHeading { display: none } body.page-Main_Page #contentSub { display: none } body.page-Главная_страница.action-view h1.firstHeading,body.page-Главная_страница.action-submit h1.firstHeading { display: none } body.page-Главная_страница #contentSub { display: none } body.page-Hauptseite.action-view h1.firstHeading,body.page-Hauptseite.action-submit h1.firstHeading { display: none } body.page-Hauptseite #contentSub { display: none } body.page-Accueil.action-view h1.firstHeading,body.page-Accueil.action-submit h1.firstHeading { display: none } body.page-Accueil #contentSub { display: none } .note { background-position: left 7px top 50%; padding: 0.5em 0.5em 0.5em 40px; margin: 0.5em 0; overflow: hidden; background-color: #f8f9fa; background-repeat: no-repeat; border: 1px solid #ddd } .note-inline { display: inline-block; vertical-align: middle } .note-error { background-color: #fee7e6; background-size: 25px; border-color: #c33; min-height: 28px } .mw-logo-container img { width: 100%; height: 100% } h5 { font-size: 1.25rem; margin-top: 0; margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2 } .card-title { font-size: 1.25rem; font-weight: 800; color: black; margin-bottom: 0.5rem } .card-subtitle { margin-bottom: 1rem; font-size: 1.1rem; color: Brown; font-weight: 700 } .card { float: right; position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0,0,0,.125); border-radius: 0.75rem; margin-left: 1em; margin-bottom: 1em; padding: .4em } .bd-placeholder-img { font-size: 1.125rem; text-anchor: middle; -webkit-user-select: none; -moz-user-select: none; user-select: none } .card-img,.card-img-top { border-radius: calc(0.75rem - 1px); object-fit: cover } .card-body { flex: 1 1 auto } .card-body ul { padding-left: 0; margin-left: 0 } .list-group-item { position: relative; display: block; padding: 0 0 0 0; color: grey; text-decoration: none } .card-text { font-weight: 800; color: black } .WantedRow { display: flex; flex-direction: row; flex-flow: row wrap; justify-content: space-between; padding: 0; margin: 0 -5px 0 -5px } .WantedBox { flex: 1; margin: 5px; min-width: 150px; border: 1.5px solid red } .WantedBody { padding: 1rem } .WantedImage { width: auto; height: 250px } .WantedText { margin: 5px }