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

Текущая версия от 23:15, 16 июля 2024

/* Размещённый здесь 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: 650px;
    font-size: 13px;
    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
}

#p-logo .mw-wiki-logo {
	display: none;
}

.author {
    flex: 1;
    min-width: 150px;
    margin: 5px;
    border: 1.5px solid #CCC
}