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

8,974 bytes added ,  8 August 2025
no edit summary
No edit summary
Tag: Reverted
No edit summary
 
(116 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* Kitchen Sink Logo*/
.mw-kartographer-map,
.mw-kartographer-map .leaflet-container {
  height: 400px !important;
}




/* Kitchen Sink */
.infobox-venue {
.mw-parser-output .life-wrapper {
  width: 320px;
    display: flex;
  border: 1px solid #3a0a0a;
    align-items: center;
  background: #0f0f0f;
    justify-content: center;
  color: #eee;
    width: 1390px;
  font-size: 92%;
    min-height: 6vh;
  line-height: 1.45;
    margin-bottom: 1.5em;
  border-radius: 10px;
    padding: 0;
  overflow: hidden;
    box-sizing: border-box;
  box-shadow: 0 0 0 1px #5b1212 inset, 0 6px 18px rgba(0,0,0,.35);
}
}


.mw-parser-output .survival-text {
.infobox-venue > caption,
    font-size: 16px;
.infobox-venue > tbody > tr:first-child > th[colspan="2"],
    margin: 0;
.infobox-venue > .infobox-title {
    padding: 0;
  display: none;
    line-height: 1;
    margin-right: 0.5em;
    display: inline-block;
}
}


.mw-parser-output .kitchen_sink {
.infobox-venue > .ib-title {
    position: relative;
  font-weight: 700;
    display: flex;
    align-items: center;
    width: 150px;
    margin: 0;
    padding: 0;
}
}


.mw-parser-output .pillar {
.infobox-venue .ib-image {
    width: 5px;
  padding: 0;
    height: 28px;
  background: #1a0b0b;
    background-color: #D02019;
}
    margin: 0;
.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;
}
}


.mw-parser-output .left-pillar {
.infobox-venue th {
    margin-right: 50px;
  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;
}
}


.mw-parser-output .right-pillar {
.infobox-venue .ib-note {
    transform: rotate(20deg);
  opacity: .8;
    margin-left: -35px;
  font-style: italic;
  font-size: 90%;
}
}


.mw-parser-output .bridge-beam {
.infobox-venue .ib-map {
    position: absolute;
  padding: 0;
    width: 10px;
  border-top: 1px solid #2d0e0e;
    height: 5px;
  background: #0f0f0f;
    background-color: #D02019;
    top: 50%;
    left: calc(50% - 30px - 38px);
    transform: translateY(-50%);
    margin: 0;
}
}


/* Setlist */


.count-songlist {
 
   margin: 0; /* Убираем внешние отступы */
.image-frame2 {
   padding: 0; /* Убираем внутренние отступы */
  display: inline-block;
   list-style: none; /* Убираем стандартные маркеры списка */
  border: none;
   counter-reset: count-songlist-counter; /* Инициализируем счетчик для нумерации */
  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;
}
}


.count-songlist div {
  margin: 0.2em 0; /* Небольшой вертикальный отступ между элементами */
  padding-left: 2em; /* Увеличиваем отступ слева для текста, чтобы учесть смещение цифр */
  padding-bottom: 1.5em; /* Отступ снизу для текста */
  position: relative; /* Для позиционирования псевдоэлемента */
  counter-increment: count-songlist-counter; /* Увеличиваем счетчик для каждого элемента */
}


.count-songlist div:first-child {
  margin-top: 0.5em; /* Отступ сверху только для первого элемента */
}


.count-songlist div::before {
  content: counter(count-songlist-counter) "."; /* Отображаем номер с точкой (например, "1.") */
  position: absolute; /* Позиционируем номер */
  left: 0.5em; /* Добавляем отступ слева для цифр (было 0) */
  color: black; /* Цвет номера */
  font-size: 1em; /* Уменьшаем размер шрифта цифр (было 1em) */
}


.custom-songlist {
/* Стили для SetlistBox */
  margin: 0; /* Убираем внешние отступы */
.setlist-anim {
  padding: 0; /* Убираем внутренние отступы */
    animation: setlist-fadein 0.8s ease;
}
}
 
@keyframes setlist-fadein {
.custom-songlist div {
    from { opacity: 0; transform: translateY(20px);}
  margin: 0.2em 0; /* Небольшой вертикальный отступ между элементами */
    to { opacity: 1; transform: none;}
  padding-left: 1.5em; /* Отступ слева для текста */
  padding-bottom: 1.5em; /* Отступ снизу для текста */
  position: relative; /* Для позиционирования псевдоэлемента */
}
}
 
.setlist-label {
.custom-songlist div:first-child {
    color: #666;
  margin-top: 0.5em; /* Отступ сверху только для первого элемента */
    font-size: 90%;
    padding-right: 0.5em;
    font-style: italic;
    white-space: nowrap;
}
}
 
.setlist-row:hover {
.custom-songlist div::before {
    background: #f6fbf1;
  content: "•"; /* Символ точки */
    transition: background 0.3s;
  position: absolute; /* Позиционируем точку */
  left: 0.5em; /* Расположение точки слева */
  color: black; /* Цвет точки */
  font-size: 1.2em; /* Увеличенный размер точки */
}
}


.mw-wiki-logo {
    background-image: url(images/wiki2.png);
    transition: transform 0.3s ease-in-out; /* Добавляем плавную анимацию */
}


.mw-wiki-logo:hover {
.setlist-song {
     transform: scale(1.1); /* Увеличиваем масштаб на 10% */
     margin-right: 1.1em;
    display: inline-block;
}
}


ul {
 
  margin: 0.3em 0 0 1.6em; /* Отступ сверху и слева для всего списка */
.collapsible-setlist {
  padding: 0; /* Убираем внутренние отступы контейнера */
    font-size: 97%;
  list-style-type: disc; /* Тип маркера — круглые точки */
    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;
}
}


ul li {
/* Стили для символа "?" */
  margin: 0 0 0.2em 0; /* Небольшой отступ снизу между элементами списка */
.not-confirmed {
  padding: 0; /* Без внутренних отступов для элементов */
    cursor: pointer; /* Меняем курсор на указатель */
    position: relative; /* Для возможного позиционирования */
    text-decoration: none; /* Убираем подчеркивание по умолчанию */
}
}


/* Стили при наведении */
.not-confirmed:hover {
    text-decoration: underline; /* Добавляем подчеркивание */
    text-decoration-style: dotted; /* Подчеркивание в точку */
}


ul {
/* Добавляем title при наведении */
     padding-left: 0;
.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;
}
}


::marker {
.licontent-actual {
     list-style-type: none !important;
     z-index: -2; /* Устанавливаем уровень слоя ниже upper_tables */
}
}


.text-effect {
/*photo frames */
     font-size: 25px; /* начальный размер шрифта */
/* Стиль для контейнера изображения с рамкой и подписью */
     color: black; /* начальный цвет текста */
.photo-frame {
     transition: color 0.3s ease, font-size 0.3s ease; /* плавный переход для цвета и размера шрифта */
     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; /* Учитывает рамку и отступы в размерах */
}
}


.text-effect:hover {
/* Анимация появления */
     color: #b22222; /* тускло-красный цвет при наведении */
@keyframes fadeIn {
     font-size: 28px; /* немного увеличенный размер шрифта */
     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; /* Плавный переход для всех изменений */
}


.c-form-title {
/* Эффект при наведении */
     font-family: 'MyCustomFont1';
.photo-frame img:hover {
    font-size: 40px;
     border-width: 23px 47px; /* Увеличиваем рамку при наведении */
     color: #D02019;
     transform: scale(1.05); /* Увеличение изображения на 5% */
    line-height: 1;
    margin-top: 10px;
}
}


.c-form-title:hover {
/* Стиль для подписи */
     color: #E5241D;
.photo-frame .caption {
    margin-top: 5px; /* Минимальный отступ сверху для подписи */
    font-size: 14px; /* Размер шрифта подписи */
     color: #333; /* Цвет текста подписи */
    line-height: 1.2; /* Межстрочный интервал для компактности */
}
}


.licontent {
/* Media */
     list-style: none;
.social-media-row {
     max-width: 30%;
     display: flex; /* Располагаем элементы в ряд */
     gap: 10px; /* Отступ между контейнерами */
}
}


.licontent .li-header {
/* Стили для каждого контейнера */
     background: #8d2536;
.social-media {
     border: 2px solid #0f0f0f; /* Устанавливаем общую границу */
     width: 75px;
     border-bottom: none; /* Убираем нижнюю границу */
    height: 75px;
    height: 10px; /* Задайте подходящую высоту заголовка */
     border: 2px solid #000;
     color: #ffffff;
     border-radius: 8px;
     font-weight: bold;
     background-color: transparent;
     text-align: center;
     cursor: pointer;
     transition: all 0.2s ease;
     padding: 10px;
     padding: 10px;
     border-radius: 8px 8px 0 0; /* Скругление только для верхних углов */
     box-sizing: border-box;
    background-size: cover;
     display: flex;
    background-image: url(/images/d/db/Clancy_Letter_Background1.png);
     display: flex; /* Для центрирования текста */
     justify-content: center;
     justify-content: center;
     align-items: center;
     align-items: center;
    margin-bottom: 5px;
}
}


.licontent .li-body {
.social-media-row {
     color: #333333;
     display: flex;
     font-size: 14px;
     gap: 10px;
     line-height: 1.6;
     justify-content: center; /* Центрирует ряд по горизонтали */
    padding: 10px;
}
    background: #fffcf6;
 
    border-radius: 0 0 8px 8px;
.social-media:hover {
     border: 2px solid #722215;
     transform: scale(1.1);
    border-top: none;
}
}


.licontent .li-body a {
.social-media:active {
     color: #1a73e8;
     background-color: #ccc;
    text-decoration: none;
}
}


.licontent .li-body a:hover {
.social-media a {
     text-decoration: underline;
    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;
}
}




/* Изменение текста "Discussion" на "Comments" */
/* links */
a[rel="discussion"] span::before {
.mw-parser-output a[href="/index.php/Special:Random"] {
     content: "Comments";
    position: relative; /* Для позиционирования псевдоэлемента */
     display: inline-block; /* Убедимся, что ссылка ведет себя корректно */
}
}


a[rel="discussion"] span {
.mw-parser-output a[href="/index.php/Special:Random"]::before {
     visibility: hidden;
     content: "";
     position: relative;
     position: absolute;
    top: -14px; /* Расширяем область сверху */
    left: -17px; /* Расширяем область слева */
    right: -17px; /* Расширяем область справа */
    bottom: -14px; /* Расширяем область снизу */
    z-index: 1; /* Убедимся, что псевдоэлемент не перекрывает текст */
}
}


a[rel="discussion"] span::before {
.copyable-text {
     visibility: visible;
    background-color: #EFE9DE; /* Цвет фона */
     position: absolute;
    border: 2px solid #722215; /* Рамка */
     top: 0;
    padding: 5px 10px; /* Внутренние отступы */
     left: 0;
    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; /* Для позиционирования псевдоэлемента */
}
}


/* Подчёркивание при наведении */
/* Эффект при наведении */
a[rel="discussion"]:hover {
.copyable-text:hover {
     text-decoration: underline;
     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; /* Анимация исчезновения */
}


/* Container */
/* Анимация для плавного исчезновения */
#medias-table {
@keyframes fadeOut {
     background-color: #efe9de;
     0% { opacity: 1; }
    padding: 10px;
     77% { opacity: 1; } /* 77% от 1.3s = ~1s, текст виден 1 секунду */
    border: 2px solid #722215;
     100% { opacity: 0; }
    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;
  }
 
#social-wrapper {
    display: flex;          /* Выстраиваем элементы в ряд */
     gap: 10px;             /* Отступы между элементами */
}
}


.dc_button2 {
/* Kitchen Sink Logo*/
     font-weight: 700;
 
     text-align: center;
 
     display: inline-block;
/* Kitchen Sink */
     text-transform: uppercase;
.mw-parser-output .life-wrapper {
     border: 2px solid rgba(65, 79, 106, .3);
     display: flex;
     border-radius: 2px;
    width: 100%;
     box-shadow: 0 0 16px rgba(0, 0, 0, .75) inset;
    max-width: 1390px;
     min-width: 94px;
     min-height: 6vh;
     margin: 5px;
     margin-bottom: 1.5em;
     padding: 0;
     align-items: center;
     justify-content: center;
     box-sizing: border-box;
     margin-left: auto;
     margin-right: auto;
}
}


/* Selection */
.mw-parser-output .life-wrapper-inner {
.red-background ::selection {
    display: flex;
     background-color: #FFE556; /* Желтый цвет выделения */
    align-items: center;
     color: #202122; /* Темно-серый цвет текста */
     justify-content: center;
    width: 1390px;
     margin-left: 60px; /* Смещаем вправо на 50px (настройте по желанию) */
}
}


::selection {
.mw-parser-output .survival-text {
     background-color: #E8C437; /* цвет фона при выделении текста */
     font-size: 16px;
     color: #202122;
     margin: 0;
}
     padding: 0;
 
     line-height: 1;
/* Main Page*/
     margin-right: 0.5em;
.outer-container {
     display: inline-block;
    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-parser-output .kitchen_sink {
     background-color: rgb(221 215 204 / 93%);
     position: relative;
     color: #010101;
     display: flex;
     width: 100%;
     align-items: center;
    height: 2.15384615em;
     width: 150px;
    box-sizing: border-box;
     margin: 0;
     border: 1px solid #a2a9b1;
     padding: 0;
     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;
}
}


/* Убираем фон из #content */
.mw-parser-output .pillar {
body.page-Main_Page #content {
    width: 5px;
     background-color: #DDD7CC; /* Оставляем только цвет фона */
    height: 28px;
     background-color: #D02019;
    margin: 0;
}
 
.mw-parser-output .left-pillar {
    margin-right: 50px;
}
}


/* Привязываем первое изображение (Clancy_Tyler.png) к шаблону WhoWeAre */
.mw-parser-output .right-pillar {
.mw-parser-output .who-we-are {
     transform: rotate(20deg);
     position: relative; /* Для позиционирования псевдоэлемента */
    margin-left: -35px;
}
}


.mw-parser-output .who-we-are::before {
.mw-parser-output .bridge-beam {
    content: "";
     position: absolute;
     position: absolute;
     width: 22%; /* Размер изображения */
     width: 10px;
     height: 0;
     height: 5px;
     padding-bottom: 22%; /* Сохраняем пропорции изображения */
     background-color: #D02019;
     background-image: url(/images/9/99/Clancy_Tyler.png);
     top: 50%;
     background-size: contain;
     left: calc(50% - 30px - 38px);
    background-repeat: no-repeat;
     transform: translateY(-50%);
     top: 275px; /* Смещение сверху */
     margin: 0;
    left: 55px; /* Смещение слева */
     z-index: 0; /* Устанавливаем ниже содержимого */
}
}


/* Привязываем второе изображение (Josh_Torch.png) к шаблону News */
/* Setlist */
.mw-parser-output .news {
 
     position: relative; /* Для позиционирования псевдоэлемента */
.mw-parser-output .count-songlist {
     margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: count-songlist-counter;
}
}


.mw-parser-output .news::before {
.mw-parser-output .count-songlist div {
     content: "";
     margin: 0.2em 0;
    position: absolute;
     padding-left: 2em;
    width: 16%; /* Размер изображения */
     position: relative;
    height: 0;
     counter-increment: count-songlist-counter;
     padding-bottom: 16%; /* Сохраняем пропорции изображения */
     background-image: url(/images/6/6f/Josh_Torch.png);
    background-size: contain;
     background-repeat: no-repeat;
    top: 275px; /* Смещение сверху */
    right: 75px; /* Смещение справа (заменяем calc(100% - 75px)) */
    z-index: 0; /* Устанавливаем ниже содержимого */
}
}


/* Убедимся, что содержимое шаблонов выше изображений */
.mw-parser-output .count-songlist div:first-child {
.mw-parser-output .who-we-are > *,
     margin-top: 0.5em;
.mw-parser-output .news > * {
     position: relative;
    z-index: 1;
}
}


.date-12202009 {
.mw-parser-output .count-songlist div:last-child {
     background-color: #ffe556;
    margin-bottom: 1.5em;
     margin-bottom: 50px;
}
     margin-right: 10px;
 
     margin-left: 10px;
.mw-parser-output .count-songlist div::before {
     padding-left: 5px;
    content: counter(count-songlist-counter) ".";
     padding-right: 5px;
    position: absolute;
     padding-top: 2px;
    left: 0.5em;
     padding-bottom: 2px;
    color: black;
}
    font-size: 1em;
 
}
.news-text {
 
     background-color: #ffe556;
.mw-wiki-logo {
     float: right;
    background-image: url(images/wiki2.png);
     margin-top: 30px;
    transition: transform 0.3s ease-in-out; /* Добавляем плавную анимацию */
     margin-bottom: 30px;
}
}
 
 
.mw-wiki-logo:hover {
.container23 {
    transform: scale(1.1); /* Увеличиваем масштаб на 10% */
     display: flex; /* Используем flexbox для размещения элементов в ряд */
}
}
 
 
ul {
.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul {
  margin: 0.3em 0 0 1.6em; /* Отступ сверху и слева для всего списка */
     margin: 0.3em 0 0;
  padding: 0; /* Убираем внутренние отступы контейнера */
     padding: 0;
  list-style-type: disc; /* Тип маркера — круглые точки */
}
}
 
 
.newstable {
ul li {
     float: right; /* Выравнивание по правому краю */
  margin: 0 0 0.2em 0; /* Небольшой отступ снизу между элементами списка */
     background-color: #EFE9DE; /* Фоновый цвет */
  padding: 0; /* Без внутренних отступов для элементов */
     border: 2px solid #722215; /* Граница */
}
     margin-bottom: 10px; /* Отступ снизу */
 
     list-style-type: none; /* Убирает стандартные маркеры <li> */
 
     width: 300px; /* Фиксированная ширина */
ul {
     padding: 0; /* Убирает внутренние отступы */
    padding-left: 0;
     border-radius: 10px 10px 0px 0px; /* Скругленные верхние углы */
}
     overflow: hidden; /* Скрытие переполненного контента */
 
     margin-right: 10px; /* Отступ справа */
::marker {
     display: flex; /* Используем flexbox для управления внутренним содержимым */
    list-style-type: none !important;
     flex-direction: column; /* Вертикальная ориентация содержимого */
}
     height: 990px;
 
}
.text-effect {
 
    font-size: 25px; /* начальный размер шрифта */
.news-segment {
    color: black; /* начальный цвет текста */
     background-color: #EFE9DE;  /* Фон нижней части */
    transition: color 0.3s ease, font-size 0.3s ease; /* плавный переход для цвета и размера шрифта */
     padding: 10px;
}
     box-sizing: border-box;  /* Чтобы padding не увеличивал высоту */
 
     text-align: center;
.text-effect:hover {
     margin-bottom: 10px;
    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 {
    color: #E5241D;
}
 
.licontent {
    list-style: none;
    max-width: 30%;
}
 
.licontent .li-header {
    background: #8d2536;
    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;
}
 
.licontent .li-body {
    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;
}
 
.licontent .li-body a {
    color: #1a73e8;
    text-decoration: none;
}
 
.licontent .li-body a:hover {
    text-decoration: underline;
}
 
 
/* Скрытие оригинального текста и замена на "Comments" */
a[rel="discussion"] span {
    display: inline-block; /* Для корректного позиционирования */
    position: relative;
    color: transparent; /* Скрываем оригинальный текст для доступности */
}
 
/* Отображение текста "Comments" */
a[rel="discussion"] span::before {
    content: "Comments";
    position: absolute;
    top: 0;
    left: 0;
    color: #0645AD; /* Цвет текста, как у ссылок MediaWiki */
}
 
/* Подчеркивание при наведении, как у ссылок */
a[rel="discussion"]:hover span::before {
    text-decoration: underline;
    text-decoration-color: #0645AD; /* Цвет подчеркивания, как у ссылок */
}
 
 
 
 
/* Container */
#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;
  }
 
#social-wrapper {
    display: flex;          /* Выстраиваем элементы в ряд */
    gap: 10px;              /* Отступы между элементами */
}
 
.dc_button2 {
    font-weight: 700;
    text-align: center;
    display: inline-block;
    text-transform: uppercase;
    border: 2px solid rgba(65, 79, 106, .3);
    border-radius: 2px;
    box-shadow: 0 0 16px rgba(0, 0, 0, .75) inset;
    min-width: 94px;
    margin: 5px;
}
 
/* Selection */
.red-background ::selection {
    background-color: #FFE556; /* Желтый цвет выделения */
    color: #202122; /* Темно-серый цвет текста */
}
 
::selection {
    background-color: #E8C437; /* цвет фона при выделении текста */
    color: #202122;
}
 
/* Main Page*/
.outer-container {
    background-color: #efe9de;
    padding: 10px;
    border: 2px solid #722215;
    margin-bottom: 10px;
    overflow: hidden;
    border-radius: 10px 10px 0px 0px;
}
 
.vector-search-box-input {
    background-color: rgb(221 215 204 / 93%);
    color: #010101;
    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 {
    background-image:
        url(/images/9/99/Clancy_Tyler.png),
        url(/images/6/6f/Josh_Torch.png);
    background-color: #DDD7CC;
    background-size: 22%, 16%;
    background-repeat: no-repeat, no-repeat;
    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; /* Убирает внутренние отступы */
     border-radius: 10px 10px 0px 0px; /* Скругленные верхние углы */
     overflow: hidden; /* Скрытие переполненного контента */
     margin-right: 10px; /* Отступ справа */
     display: flex; /* Используем flexbox для управления внутренним содержимым */
     flex-direction: column; /* Вертикальная ориентация содержимого */
     height: 1015px;
    z-index: 10000; /* Устанавливаем высокий уровень слоя */
}
 
.news-segment {
     background-color: #EFE9DE;  /* Фон нижней части */
     padding: 10px;
     box-sizing: border-box;  /* Чтобы padding не увеличивал высоту */
     text-align: center;
     margin-bottom: 10px;
}


.news-segment2 {
.news-segment2 {
Line 1,681: 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,890: 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,142: 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/10369...11159"

Navigation menu