MediaWiki:Common.css: Difference between revisions

Jump to navigation Jump to search

MediaWiki:Common.css (view source)

Revision as of 14:08, 8 August 2025

13,549 bytes added ,  8 August 2025
no edit summary
No edit summary
No edit summary
 
(149 intermediate revisions by the same user not shown)
Line 1: Line 1:
.custom-songlist {
.mw-kartographer-map,
   margin: 0; /* Убираем внешние отступы */
.mw-kartographer-map .leaflet-container {
  padding: 0; /* Убираем внутренние отступы */
   height: 400px !important;
}
}


.custom-songlist div {
 
   margin: 0.2em 0; /* Небольшой вертикальный отступ между элементами */
.infobox-venue {
   padding-left: 1.5em; /* Отступ слева для текста */
  width: 320px;
  position: relative; /* Для позиционирования псевдоэлемента */
  border: 1px solid #3a0a0a;
  background: #0f0f0f;
  color: #eee;
  font-size: 92%;
  line-height: 1.45;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 0 0 1px #5b1212 inset, 0 6px 18px rgba(0,0,0,.35);
}
 
.infobox-venue > caption,
.infobox-venue > tbody > tr:first-child > th[colspan="2"],
.infobox-venue > .infobox-title {
  display: none;
}
 
.infobox-venue > .ib-title {
  font-weight: 700;
}
 
.infobox-venue .ib-image {
  padding: 0;
  background: #1a0b0b;
}
.infobox-venue .ib-img {
  display: block;
  width: 100%;
  height: auto;
  border-bottom: 1px solid #4a1111;
}
.infobox-venue .ib-caption {
  font-size: 85%;
  color: #ccc;
  padding: .4em .8em;
  border-bottom: 1px solid #311010;
  background: #130505;
}
 
.infobox-venue th {
  text-align: left;
  vertical-align: top;
  width: 40%;
  white-space: nowrap;
  padding: .5em .7em;
  color: #ffd4d4;
  background: #170909;
  border-bottom: 1px solid #2d0e0e;
}
 
.infobox-venue td {
  padding: .5em .7em;
  border-bottom: 1px solid #231010;
  vertical-align: top;
}
 
.infobox-venue .ib-note {
  opacity: .8;
  font-style: italic;
  font-size: 90%;
}
 
.infobox-venue .ib-map {
  padding: 0;
  border-top: 1px solid #2d0e0e;
  background: #0f0f0f;
}
 
 
 
.image-frame2 {
  display: inline-block;
  border: none;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 3px 16px rgba(70,15,25,0.09);
  margin: 8px;
  background: none;
}
.framed-img2, .image-frame2 img {
  display: block;
  width: 206px;
  height: 206px;
  border-radius: 0;
  border-left: 11px solid #c72a37;
  border-right: 11px solid #c72a37;
  border-top: 6px solid #c72a37;
  border-bottom: none;
  box-sizing: border-box;
  margin: 0 auto;
}
.image-caption2 {
  background: #181217;
  color: #e0a6b4;
  border-bottom: 6px solid #c72a37;
  border-left: 11px solid #c72a37;
  border-right: 11px solid #c72a37;
  border-radius: 0 0 18px 18px;
  font-size: 1.11em;
  padding: 10px 0 7px 0;
  margin: 0;
  font-family: 'Segoe UI', 'Arial', sans-serif;
  letter-spacing: .02em;
  width: 206px;
  box-sizing: border-box;
  text-align: center;
}
 
 
 
 
/* Стили для SetlistBox */
.setlist-anim {
    animation: setlist-fadein 0.8s ease;
}
@keyframes setlist-fadein {
    from { opacity: 0; transform: translateY(20px);}
    to { opacity: 1; transform: none;}
}
.setlist-label {
    color: #666;
    font-size: 90%;
    padding-right: 0.5em;
    font-style: italic;
    white-space: nowrap;
}
.setlist-row:hover {
    background: #f6fbf1;
    transition: background 0.3s;
}
 
 
.setlist-song {
    margin-right: 1.1em;
    display: inline-block;
}
 
 
.collapsible-setlist {
    font-size: 97%;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
}
.collapsible-setlist-row {
    display: block;
    margin-left: 0.5em;
    margin-bottom: 0.12em;
    color: #363636;
    white-space: nowrap;
}
.collapsible-setlist-symbol {
    font-size: 80%;
    margin-right: 0.5em;
    color: #aaa;
    font-family: 'Arial Unicode MS', Arial, sans-serif;
    vertical-align: middle;
}
 
/* Стили для символа "?" */
.not-confirmed {
    cursor: pointer; /* Меняем курсор на указатель */
    position: relative; /* Для возможного позиционирования */
    text-decoration: none; /* Убираем подчеркивание по умолчанию */
}
 
/* Стили при наведении */
.not-confirmed:hover {
    text-decoration: underline; /* Добавляем подчеркивание */
    text-decoration-style: dotted; /* Подчеркивание в точку */
}
 
/* Добавляем title при наведении */
.not-confirmed[title]:hover:after {
    content: attr(title); /* Используем значение атрибута title */
    position: absolute;
    top: 100%; /* Позиционируем под элементом */
    left: 50%;
    transform: translateX(-50%);
    background-color: #333;
    color: #fff;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 12px;
    white-space: nowrap;
    z-index: 10;
}
 
.licontent-actual {
    z-index: -2; /* Устанавливаем уровень слоя ниже upper_tables */
}
 
/*photo frames */
/* Стиль для контейнера изображения с рамкой и подписью */
.photo-frame {
    display: inline-block; /* Для корректного центрирования и отображения */
    text-align: center; /* Центрирование подписи */
    margin: 10px; /* Отступ для визуального разделения */
    padding: 10px 10px 0; /* Уменьшен нижний отступ, чтобы подпись была ближе */
    vertical-align: top; /* Выравнивание по верхнему краю */
    opacity: 0; /* Изначально невидимый */
    animation: fadeIn 1s ease forwards; /* Анимация появления */
    box-sizing: border-box; /* Учитывает рамку и отступы в размерах */
}
 
/* Анимация появления */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px); /* Легкий сдвиг вниз */
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
 
/* Стиль для самой фотографии */
.photo-frame img {
    border-style: solid; /* Тип рамки */
    border-color: #D02019; /* Красная рамка */
    border-width: 20px 40px; /* Верх/низ: 20px, лево/право: 40px */
    display: block; /* Убирает лишние отступы под изображением */
    max-width: 300px; /* Увеличенная максимальная ширина изображения */
    max-height: 450px; /* Увеличенная максимальная высота изображения */
    height: auto; /* Сохраняет пропорции изображения */
    object-fit: contain; /* Изображение не обрезается, а вписывается целиком */
    box-sizing: border-box; /* Рамка включается в размеры изображения */
    transition: all 0.3s ease; /* Плавный переход для всех изменений */
}
 
/* Эффект при наведении */
.photo-frame img:hover {
    border-width: 23px 47px; /* Увеличиваем рамку при наведении */
    transform: scale(1.05); /* Увеличение изображения на 5% */
}
 
/* Стиль для подписи */
.photo-frame .caption {
    margin-top: 5px; /* Минимальный отступ сверху для подписи */
    font-size: 14px; /* Размер шрифта подписи */
    color: #333; /* Цвет текста подписи */
    line-height: 1.2; /* Межстрочный интервал для компактности */
}
 
/* Media */
.social-media-row {
    display: flex; /* Располагаем элементы в ряд */
    gap: 10px; /* Отступ между контейнерами */
}
 
/* Стили для каждого контейнера */
.social-media {
    width: 75px;
    height: 75px;
    border: 2px solid #000;
    border-radius: 8px;
    background-color: transparent;
    cursor: pointer;
    transition: all 0.2s ease;
    padding: 10px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 5px;
}
 
.social-media-row {
    display: flex;
    gap: 10px;
    justify-content: center; /* Центрирует ряд по горизонтали */
}
 
.social-media:hover {
    transform: scale(1.1);
}
 
.social-media:active {
    background-color: #ccc;
}
 
.social-media a {
    width: 100%;
    height: 100%;
    background-image: url('your-image.png');
    background-size: 80%;
    background-position: center center;
    background-repeat: no-repeat;
    background-clip: content-box;
    display: block;
}
 
 
/* links */
.mw-parser-output a[href="/index.php/Special:Random"] {
    position: relative; /* Для позиционирования псевдоэлемента */
    display: inline-block; /* Убедимся, что ссылка ведет себя корректно */
}
 
.mw-parser-output a[href="/index.php/Special:Random"]::before {
    content: "";
    position: absolute;
    top: -14px; /* Расширяем область сверху */
    left: -17px; /* Расширяем область слева */
    right: -17px; /* Расширяем область справа */
    bottom: -14px; /* Расширяем область снизу */
    z-index: 1; /* Убедимся, что псевдоэлемент не перекрывает текст */
}
 
.copyable-text {
    background-color: #EFE9DE; /* Цвет фона */
    border: 2px solid #722215; /* Рамка */
    padding: 5px 10px; /* Внутренние отступы */
    display: inline-block; /* Для компактного отображения */
    border-radius: 5px; /* Скругленные углы */
    cursor: pointer; /* Курсор в виде указателя */
    transition: background-color 0.3s ease, border-color 0.3s ease; /* Плавный переход */
    font-family: 'MyCustomFont2', sans-serif; /* Шрифт */
    color: #333; /* Цвет текста */
    position: relative; /* Для позиционирования псевдоэлемента */
}
 
/* Эффект при наведении */
.copyable-text:hover {
    background-color: #CFC8B2; /* Цвет фона при наведении */
    border-color: #D02019; /* Цвет рамки при наведении */
}
 
/* Эффект затемнения при нажатии */
.copyable-text:active {
    background-color: #D5CFC0; /* Чуть темнее, чем #EFE9DE */
    border-color: #5A1A10; /* Чуть темнее, чем #722215 */
}
 
/* Стиль для текста "Copied" через псевдоэлемент */
.copyable-text.copied::after {
    content: "Copied"; /* Текст "Copied" */
    position: absolute;
    left: -65px; /* Расположение над элементом */
    left: 50%;
    transform: translateX(-50%); /* Центрируем по горизонтали */
    background-color: #D02019; /* Красный фон */
    color: white; /* Белый текст */
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 0.8em;
    opacity: 0; /* Изначально скрыт */
    transition: opacity 0.3s ease; /* Плавное исчезновение */
}
 
/* Показываем текст "Copied" и запускаем анимацию исчезновения */
.copyable-text.copied::after {
    opacity: 1;
    animation: fadeOut 1.3s forwards; /* Анимация исчезновения */
}
 
/* Анимация для плавного исчезновения */
@keyframes fadeOut {
    0% { opacity: 1; }
    77% { opacity: 1; } /* 77% от 1.3s = ~1s, текст виден 1 секунду */
    100% { opacity: 0; }
}
 
/* Kitchen Sink Logo*/
 
 
/* Kitchen Sink */
.mw-parser-output .life-wrapper {
    display: flex;
    width: 100%;
    max-width: 1390px;
    min-height: 6vh;
    margin-bottom: 1.5em;
    padding: 0;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
}
 
.mw-parser-output .life-wrapper-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1390px;
    margin-left: 60px; /* Смещаем вправо на 50px (настройте по желанию) */
}
 
.mw-parser-output .survival-text {
    font-size: 16px;
    margin: 0;
    padding: 0;
    line-height: 1;
    margin-right: 0.5em;
    display: inline-block;
}
 
.mw-parser-output .kitchen_sink {
    position: relative;
    display: flex;
    align-items: center;
    width: 150px;
    margin: 0;
    padding: 0;
}
 
.mw-parser-output .pillar {
    width: 5px;
    height: 28px;
    background-color: #D02019;
    margin: 0;
}
 
.mw-parser-output .left-pillar {
    margin-right: 50px;
}
 
.mw-parser-output .right-pillar {
    transform: rotate(20deg);
    margin-left: -35px;
}
 
.mw-parser-output .bridge-beam {
    position: absolute;
    width: 10px;
    height: 5px;
    background-color: #D02019;
    top: 50%;
    left: calc(50% - 30px - 38px);
    transform: translateY(-50%);
    margin: 0;
}
 
/* Setlist */
 
.mw-parser-output .count-songlist {
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: count-songlist-counter;
}
 
.mw-parser-output .count-songlist div {
    margin: 0.2em 0;
    padding-left: 2em;
    position: relative;
    counter-increment: count-songlist-counter;
}
 
.mw-parser-output .count-songlist div:first-child {
    margin-top: 0.5em;
}
 
.mw-parser-output .count-songlist div:last-child {
    margin-bottom: 1.5em;
}
 
.mw-parser-output .count-songlist div::before {
    content: counter(count-songlist-counter) ".";
    position: absolute;
    left: 0.5em;
    color: black;
    font-size: 1em;
}
 
.mw-wiki-logo {
    background-image: url(images/wiki2.png);
    transition: transform 0.3s ease-in-out; /* Добавляем плавную анимацию */
}
 
.mw-wiki-logo:hover {
    transform: scale(1.1); /* Увеличиваем масштаб на 10% */
}
 
ul {
   margin: 0.3em 0 0 1.6em; /* Отступ сверху и слева для всего списка */
  padding: 0; /* Убираем внутренние отступы контейнера */
  list-style-type: disc; /* Тип маркера — круглые точки */
}
 
ul li {
  margin: 0 0 0.2em 0; /* Небольшой отступ снизу между элементами списка */
   padding: 0; /* Без внутренних отступов для элементов */
}
 
 
ul {
    padding-left: 0;
}
 
::marker {
    list-style-type: none !important;
}
 
.text-effect {
    font-size: 25px; /* начальный размер шрифта */
    color: black; /* начальный цвет текста */
    transition: color 0.3s ease, font-size 0.3s ease; /* плавный переход для цвета и размера шрифта */
}
 
.text-effect:hover {
    color: #b22222; /* тускло-красный цвет при наведении */
    font-size: 28px; /* немного увеличенный размер шрифта */
}
 
 
.c-form-title {
    font-family: 'MyCustomFont1';
    font-size: 40px;
    color: #D02019;
    line-height: 1;
    margin-top: 10px;
}
}


.custom-songlist div:first-child {
.c-form-title:hover {
  margin-top: 1.5em; /* Отступ сверху только для первого элемента */
    color: #E5241D;
}
}


.custom-songlist div::before {
.licontent {
  content: "•"; /* Символ точки */
    list-style: none;
  position: absolute; /* Позиционируем точку */
    max-width: 30%;
  left: 0.5em; /* Расположение точки слева */
  color: black; /* Цвет точки */
  font-size: 1.2em; /* Увеличенный размер точки */
}
}


.mw-wiki-logo {
.licontent .li-header {
     background-image: url(images/wiki2.png);
    background: #8d2536;
     transition: transform 0.3s ease-in-out; /* Добавляем плавную анимацию */
    border: 2px solid #0f0f0f; /* Устанавливаем общую границу */
    border-bottom: none; /* Убираем нижнюю границу */
    height: 10px; /* Задайте подходящую высоту заголовка */
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    padding: 10px;
    border-radius: 8px 8px 0 0; /* Скругление только для верхних углов */
    background-size: cover;
     background-image: url(/images/d/db/Clancy_Letter_Background1.png);
     display: flex; /* Для центрирования текста */
    justify-content: center;
    align-items: center;
}
}


.mw-wiki-logo:hover {
.licontent .li-body {
     transform: scale(1.1); /* Увеличиваем масштаб на 10% */
    color: #333333;
    font-size: 14px;
     line-height: 1.6;
    padding: 10px;
    background: #fffcf6;
    border-radius: 0 0 8px 8px;
    border: 2px solid #722215;
    border-top: none;
}
}


ul {
.licontent .li-body a {
  margin: 0.3em 0 0 1.6em; /* Отступ сверху и слева для всего списка */
    color: #1a73e8;
  padding: 0; /* Убираем внутренние отступы контейнера */
    text-decoration: none;
  list-style-type: disc; /* Тип маркера — круглые точки */
}
}


ul li {
.licontent .li-body a:hover {
  margin: 0 0 0.2em 0; /* Небольшой отступ снизу между элементами списка */
    text-decoration: underline;
  padding: 0; /* Без внутренних отступов для элементов */
}
}




ul {
/* Скрытие оригинального текста и замена на "Comments" */
     padding-left: 0;
a[rel="discussion"] span {
     display: inline-block; /* Для корректного позиционирования */
    position: relative;
    color: transparent; /* Скрываем оригинальный текст для доступности */
}
}


::marker {
/* Отображение текста "Comments" */
     list-style-type: none !important;
a[rel="discussion"] span::before {
     content: "Comments";
    position: absolute;
    top: 0;
    left: 0;
    color: #0645AD; /* Цвет текста, как у ссылок MediaWiki */
}
}


.text-effect {
/* Подчеркивание при наведении, как у ссылок */
     font-size: 25px; /* начальный размер шрифта */
a[rel="discussion"]:hover span::before {
     color: black; /* начальный цвет текста */
     text-decoration: underline;
    transition: color 0.3s ease, font-size 0.3s ease; /* плавный переход для цвета и размера шрифта */
     text-decoration-color: #0645AD; /* Цвет подчеркивания, как у ссылок */
}
}


.text-effect:hover {
    color: #b22222; /* тускло-красный цвет при наведении */
    font-size: 28px; /* немного увеличенный размер шрифта */
}




.c-form-title {
    font-family: 'MyCustomFont1';
    font-size: 40px;
    color: #D02019;
    line-height: 1;
    margin-top: 10px;
}


.c-form-title:hover {
/* Container */
     color: #E5241D;
#medias-table {
}
    background-color: #efe9de;
    padding: 10px;
    border: 2px solid #722215;
    margin-bottom: 10px;
    overflow: hidden;
    border-radius: 10px 10px 0px 0px;
    max-width: 28%;
  }
 
#social-container {
    background-color: #efe9de;
    padding: 10px;
    border: 1px solid #722215;
    margin-bottom: 10px;
    overflow: hidden;
    max-width: 40px;
    height: 40px;
  }
 
#social-container:hover {
     background-color: #CFC8B2;
  }


.licontent {
#social-wrapper {
     list-style: none;
     display: flex;         /* Выстраиваем элементы в ряд */
     max-width: 30%;
     gap: 10px;             /* Отступы между элементами */
}
}


.licontent .li-header {
.dc_button2 {
    background: #8d2536;
     font-weight: 700;
    border: 2px solid #0f0f0f; /* Устанавливаем общую границу */
    border-bottom: none; /* Убираем нижнюю границу */
    height: 10px; /* Задайте подходящую высоту заголовка */
    color: #ffffff;
     font-weight: bold;
     text-align: center;
     text-align: center;
     padding: 10px;
     display: inline-block;
     border-radius: 8px 8px 0 0; /* Скругление только для верхних углов */
    text-transform: uppercase;
     background-size: cover;
     border: 2px solid rgba(65, 79, 106, .3);
     background-image: url(/images/d/db/Clancy_Letter_Background1.png);
     border-radius: 2px;
     display: flex; /* Для центрирования текста */
     box-shadow: 0 0 16px rgba(0, 0, 0, .75) inset;
    justify-content: center;
     min-width: 94px;
     align-items: center;
     margin: 5px;
}
}


.licontent .li-body {
/* Selection */
    color: #333333;
.red-background ::selection {
    font-size: 14px;
     background-color: #FFE556; /* Желтый цвет выделения */
     line-height: 1.6;
     color: #202122; /* Темно-серый цвет текста */
    padding: 10px;
    background: #fffcf6;
     border-radius: 0 0 8px 8px;
    border: 2px solid #722215;
    border-top: none;
}
}


.licontent .li-body a {
::selection {
     color: #1a73e8;
     background-color: #E8C437; /* цвет фона при выделении текста */
     text-decoration: none;
     color: #202122;
}
}


.licontent .li-body a:hover {
/* Main Page*/
    text-decoration: underline;
.outer-container {
}
 
 
/* Изменение текста "Discussion" на "Comments" */
a[rel="discussion"] span::before {
    content: "Comments";
}
 
a[rel="discussion"] span {
    visibility: hidden;
    position: relative;
}
 
a[rel="discussion"] span::before {
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
}
 
/* Подчёркивание при наведении */
a[rel="discussion"]:hover {
    text-decoration: underline;
}
 
 
 
 
/* Container */
#medias-table {
     background-color: #efe9de;
     background-color: #efe9de;
     padding: 10px;
     padding: 10px;
Line 151: Line 654:
     overflow: hidden;
     overflow: hidden;
     border-radius: 10px 10px 0px 0px;
     border-radius: 10px 10px 0px 0px;
    max-width: 28%;
}
  }


#social-container {
.vector-search-box-input {
     background-color: #efe9de;
     background-color: rgb(221 215 204 / 93%);
     padding: 10px;
    color: #010101;
     border: 1px solid #722215;
    width: 100%;
     margin-bottom: 10px;
     height: 2.15384615em;
     overflow: hidden;
    box-sizing: border-box;
     max-width: 40px;
     border: 1px solid #a2a9b1;
     height: 40px;
     border-radius: 2px;
  }
     padding: 5px 2.15384615em 5px 0.4em;
 
     box-shadow: inset 0 0 0 1px transparent;
#social-container:hover {
     font-family: inherit;
     background-color: #CFC8B2;
    font-size: 0.8125em;
  }
    direction: ltr;
 
    transition-property: border-color, box-shadow;
#social-wrapper {
     transition-duration: 250ms;
    display: flex;         /* Выстраиваем элементы в ряд */
    -webkit-appearance: none;
     gap: 10px;             /* Отступы между элементами */
     -moz-appearance: textfield;
}
}


.dc_button2 {
body.page-Main_Page #content {
     font-weight: 700;
     background-image:  
    text-align: center;
        url(/images/9/99/Clancy_Tyler.png),
    display: inline-block;
        url(/images/6/6f/Josh_Torch.png);
     text-transform: uppercase;
     background-color: #DDD7CC;
     border: 2px solid rgba(65, 79, 106, .3);
     background-size: 22%, 16%;
     border-radius: 2px;
     background-repeat: no-repeat, no-repeat;
     box-shadow: 0 0 16px rgba(0, 0, 0, .75) inset;
     background-position: 55px 275px, calc(100% - 75px) 275px;
     min-width: 94px;
     background-attachment: scroll, scroll;
    margin: 5px;
}
}


/* Selection */
.date-12202009 {
.red-background ::selection {
     background-color: #ffe556;
     background-color: #FFE556; /* Желтый цвет выделения */
    margin-bottom: 50px;
     color: #202122; /* Темно-серый цвет текста */
    margin-right: 10px;
    margin-left: 10px;
    padding-left: 5px;
    padding-right: 5px;
     padding-top: 2px;
    padding-bottom: 2px;
}
}


::selection {
.news-text {
     background-color: #E8C437; /* цвет фона при выделении текста */
     background-color: #ffe556;
     color: #202122;
    float: right;
     margin-top: 30px;
    margin-bottom: 30px;
}
}


/* Main Page*/
.container23 {
.outer-container {
     display: flex; /* Используем flexbox для размещения элементов в ряд */
     background-color: #efe9de;
    padding: 10px;
    border: 2px solid #722215;
    margin-bottom: 10px;
    overflow: hidden;
    border-radius: 10px 10px 0px 0px;
}
}


.vector-search-box-input {
.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul {
    background-color: rgb(221 215 204 / 93%);
     margin: 0.3em 0 0;
    color: #010101;
     padding: 0;
    width: 100%;
    height: 2.15384615em;
    box-sizing: border-box;
    border: 1px solid #a2a9b1;
    border-radius: 2px;
     padding: 5px 2.15384615em 5px 0.4em;
    box-shadow: inset 0 0 0 1px transparent;
     font-family: inherit;
    font-size: 0.8125em;
    direction: ltr;
    transition-property: border-color, box-shadow;
    transition-duration: 250ms;
    -webkit-appearance: none;
    -moz-appearance: textfield;
}
}


body.page-Main_Page #content {
.newstable {
    background-image:
     float: right; /* Выравнивание по правому краю */
        url(/images/9/99/Clancy_Tyler.png),
     background-color: #EFE9DE; /* Фоновый цвет */
        url(/images/6/6f/Josh_Torch.png);
     border: 2px solid #722215; /* Граница */
    background-color: #DDD7CC;
     margin-bottom: 10px; /* Отступ снизу */
    background-size: 22%, 16%;
     list-style-type: none; /* Убирает стандартные маркеры <li> */
    background-repeat: no-repeat, no-repeat;
     width: 300px; /* Фиксированная ширина */
    background-position: 55px 275px, calc(100% - 75px) 275px;
    background-attachment: scroll, scroll;
}
 
.date-12202009 {
    background-color: #ffe556;
    margin-bottom: 50px;
    margin-right: 10px;
    margin-left: 10px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
}
 
.news-text {
    background-color: #ffe556;
    float: right;
    margin-top: 30px;
    margin-bottom: 30px;
}
 
.container23 {
    display: flex; /* Используем flexbox для размещения элементов в ряд */
}
 
.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul {
    margin: 0.3em 0 0;
    padding: 0;
}
 
.newstable {
     float: right; /* Выравнивание по правому краю */
     background-color: #EFE9DE; /* Фоновый цвет */
     border: 2px solid #722215; /* Граница */
     margin-bottom: 10px; /* Отступ снизу */
     list-style-type: none; /* Убирает стандартные маркеры <li> */
     width: 300px; /* Фиксированная ширина */
     padding: 0; /* Убирает внутренние отступы */
     padding: 0; /* Убирает внутренние отступы */
     border-radius: 10px 10px 0px 0px; /* Скругленные верхние углы */
     border-radius: 10px 10px 0px 0px; /* Скругленные верхние углы */
Line 276: Line 726:
     display: flex; /* Используем flexbox для управления внутренним содержимым */
     display: flex; /* Используем flexbox для управления внутренним содержимым */
     flex-direction: column; /* Вертикальная ориентация содержимого */
     flex-direction: column; /* Вертикальная ориентация содержимого */
     height: 990px;
     height: 1015px;
    z-index: 10000; /* Устанавливаем высокий уровень слоя */
}
}


Line 873: Line 1,324:
     left: 5px;
     left: 5px;
     top 15px;
     top 15px;
}
.regionalatbest {
    width: 99.5%;
    height: 99.5%;
    background: #21ABC6;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1; /* Диаграмма на самом нижнем уровне */
}
}


Line 1,541: Line 2,003:
     text-decoration: none; /* Убирает подчеркивание */
     text-decoration: none; /* Убирает подчеркивание */
     color: #fff;
     color: #fff;
     margin-top: 10px;
     margin-top: 5px;
     margin-bottom: 10px;
     margin-bottom: 5px;
}
}


Line 1,750: Line 2,212:


/* Замените .custom-link-text на класс или идентификатор вашего элемента */
/* Замените .custom-link-text на класс или идентификатор вашего элемента */
.custom-link-text a {
/* Сбрасываем стили для родительского <p>, если он есть */
     color: inherit; /* Сохраняет цвет текста */
.mw-parser-output .custom-link-text-p {
     text-decoration: none; /* Убирает подчеркивание */
     margin: 0;
    padding: 0;
}
 
/* Стили для .custom-link-text */
.mw-parser-output .custom-link-text {
    margin: 0;
    padding: 0;
     text-align: center;
    line-height: 1;
    display: inline;
    margin-right: 50px;
}
 
/* Стили для ссылок */
.mw-parser-output .custom-link-text a {
    color: inherit;
    text-decoration: none;
    margin: 0;
    padding: 0;
    line-height: 1;
    display: inline;
}
}


Line 3,002: Line 3,485:
#p-personal ul { background: #DDD7CC; border-radius: 3px 3px; border: 2px solid #D33328; padding:0.1em 1.5em; height: 23px; }
#p-personal ul { background: #DDD7CC; border-radius: 3px 3px; border: 2px solid #D33328; padding:0.1em 1.5em; height: 23px; }


#mw-head { background-image: url(/images/4/42/Heared-3_%283%29.gif);}
#mw-head { background-image: url(/images/2/24/Hello_Clancy_Banner.png);} /*banner*/


.vector-menu-tabs-legacy .selected { background: #DDD7CC }
.vector-menu-tabs-legacy .selected { background: #DDD7CC }
Retrieved from "https://twentyonewiki.info/index.php/Special:MobileDiff/10290...11159"

Navigation menu