8,960
edits
MediaWiki:Theme-sai.css: Difference between revisions
Jump to navigation
Jump to search
no edit summary
No edit summary |
No edit summary |
||
| (61 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
body.page-Main_Page #content { | |||
background-image: | |||
url(/images/2/26/Tyler_Sai.png), | |||
url(/images/d/da/Josh_SA.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; | |||
} | |||
/* Concerts List Table */ | |||
.shows-list { | |||
width: 65%; | |||
border: 3px solid #308389; | |||
} | |||
.shows-list th, | |||
.shows-list td { | |||
border: 1px solid #308389; | |||
text-align: center; | |||
} | |||
.shows-list th { | |||
background-color: #E6E6E6; /* Можно изменить на нужный цвет */ | |||
} | |||
#p-themes-label .vector-menu-heading-label:before { | |||
content: "SaI Era"; | |||
} | |||
#p-themes-label .vector-menu-heading-label { | |||
visibility: hidden; | |||
position: relative; | |||
} | |||
#p-themes-label .vector-menu-heading-label:before { | |||
visibility: visible; | |||
position: absolute; | |||
left: 0; | |||
top: 0; | |||
} | |||
.container { | |||
position: relative; | |||
display: flex; | |||
align-items: center; | |||
width: 150px; /* Ширина контейнера */ | |||
height: 50px; | |||
left: 700px; | |||
top: -37px; | |||
} | |||
.stripe { | |||
width: 5px; | |||
height: 50%; | |||
background-color: #D02019; | |||
} | |||
.left-stripe { | |||
left: 960px; | |||
} | |||
.right-stripe { | |||
transform: rotate(20deg); /* Наклоняем на 20 градусов */ | |||
margin-left: -35px; /* Подвигаем полоску на 5px влево */ | |||
opacity: -1.5; /* Прозрачность 50% */ | |||
} | |||
.horizontal-line { | |||
position: absolute; | |||
width: 15px; /* Ширина линии */ | |||
height: 5px; /* Толщина линии */ | |||
background-color: #D02019; | |||
top: 50%; /* Центрируем вертикально по середине контейнера */ | |||
left: calc(50% - 30px - 50px); /* Обновляем расчет для выравнивания линии */ | |||
transform: translateY(-50%); /* Центрируем вертикально */ | |||
} | |||
@keyframes gradient-text { | |||
0% { | |||
background-position: 0% 0%; | |||
} | |||
100% { | |||
background-position: 300% 300%; | |||
} | |||
} | |||
.twentyonewikilogo { | |||
font-family: 'MyCustomFont1'; | |||
font-size: 100px; | |||
cursor: pointer; /* Чтобы указать, что элемент кликабельный */ | |||
line-height: 1; /* Устанавливаем высоту строки, чтобы минимизировать отступы */ | |||
background: linear-gradient(45deg, #48B4DB, #EC8BC3, #EC8B00); | |||
background-size: 300% 300%; | |||
-webkit-background-clip: text; | |||
-webkit-text-fill-color: transparent; | |||
animation: gradient-text 6s linear infinite; | |||
background-attachment: fixed; /* Это делает фон фиксированным для корректного отображения */ | |||
} | |||
.red-background { | |||
background-color: #48B4DB; | |||
} | |||
/* Основной стиль для таблицы с изображением позади */ | /* Основной стиль для таблицы с изображением позади */ | ||
.table-with-background { | .table-with-background { | ||
| Line 49: | Line 160: | ||
display: block; | display: block; | ||
position: absolute; | position: absolute; | ||
top: - | top: -516.2px; /* Смещение изображения вверх */ | ||
left: 60px; /* Смещение изображения влево */ | left: 60px; /* Смещение изображения влево */ | ||
width: calc( | width: calc(67.9%); /* Ширина изображения больше, чем ширина таблицы */ | ||
height: calc( | height: calc(67.9%); /* Высота изображения больше, чем высота таблицы */ | ||
z-index: 0; /* Размещаем изображение позади таблицы */ | z-index: 0; /* Размещаем изображение позади таблицы */ | ||
opacity: 1; /* Убедитесь, что прозрачность равна 1 (100%) */ | opacity: 1; /* Убедитесь, что прозрачность равна 1 (100%) */ | ||
| Line 545: | Line 656: | ||
.background-table { background-image: url(/images/3/3b/Clancy_background.png); background-size: cover;} | .background-table { background-image: url(/images/3/3b/Clancy_background.png); background-size: cover;} | ||
#catlinks { background:#B0DFE5; border: 1px solid #B0DFE5; color: F2FFFF; } | |||
#catlinks { background:#B0DFE5; border: 1px solid #B0DFE5; } | |||
.mw-parser-output .tracklist th[scope="col"] { background-color: #ef5e29; } | .mw-parser-output .tracklist th[scope="col"] { background-color: #ef5e29; } | ||
.wikitable > tr > th, .wikitable > * > tr > th { background-color: #B0DFE5; border: 1px solid #7b1325; background-image: url(/images/d/db/Clancy_Letter_Background1.png); background-size: cover; color: #fff; } | .wikitable > tr > th, .wikitable > * > tr > th { color: #076262; background-color: #B0DFE5; border: 1px solid #7b1325; background-image: url(/images/d/db/Clancy_Letter_Background1.png); background-size: cover; color: #fff; } | ||
.wikitable > tr > th, .wikitable > * > tr > th { background-color: #eaecf0; text-align: center; color: #fff; } | .wikitable > tr > th, .wikitable > * > tr > th { background-color: #eaecf0; text-align: center; color: #fff; } | ||
.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td { background: #F2FFFF; } | .wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td { background: #F2FFFF; } | ||
.wikitable > tr > th, .wikitable > * > tr > th { | .wikitable > tr > th, .wikitable > * > tr > th { color: #076262; background-color: #B0DFE5; border: 1px solid #7b1325; background-size: cover; background-image: url(/images/d/db/Clancy_Letter_Background1.png); } | ||
.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td { border: 1px solid #7b1325; } | .wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td { border: 1px solid #7b1325; } | ||