MediaWiki:Common.css: различия между версиями
Нет описания правки |
Нет описания правки |
||
| Строка 628: | Строка 628: | ||
right: 6px !important; | right: 6px !important; | ||
text-shadow: -1px 1px 2px #000000; | text-shadow: -1px 1px 2px #000000; | ||
} | |||
.big-table { | |||
overflow: auto; | |||
position: relative; | |||
} | |||
.big-table table { | |||
display: inline-block; | |||
vertical-align: top; | |||
max-width: 100%; | |||
overflow-x: auto; | |||
white-space: nowrap; | |||
-webkit-overflow-scrolling: touch; | |||
} | |||
.scroll-right:after { | |||
content: ''; | |||
display: block; | |||
width: 15px; | |||
position: absolute; | |||
top: 0; | |||
right: 0; | |||
bottom: 0; | |||
z-index: 500; | |||
background: radial-gradient(ellipse at right, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 100% center; | |||
background-repeat: no-repeat; | |||
background-attachment: scroll; | |||
background-size: 15px 100%; | |||
background-position: 100% 0%; | |||
} | |||
.scroll-left:before { | |||
content: ''; | |||
display: block; | |||
width: 15px; | |||
position: absolute; | |||
top: 0; | |||
bottom: 0; | |||
left: 0; | |||
z-index: 500; | |||
background: radial-gradient(ellipse at left, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 0 center; | |||
background-repeat: no-repeat; | |||
background-attachment: scroll; | |||
background-size: 15px 100%; | |||
} | } | ||
Версия от 12:35, 16 апреля 2022
/**, *::before, *::after {*/
/* box-sizing: revert !important;*/
/*}*/
.wikiEditor-ui-toolbar .tabs, .wikiEditor-ui-toolbar .section-main {
height: inherit;
}
.TablePager_col_thumb img {
width: 45px;
height: auto;
}
.editOptions{
background-color: inherit;
color: inherit;
border: inherit;
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
background-color: inherit;
}
h2 {
color: #e6e6e6 !important;
padding: 5px 0 !important;
border-bottom: 1px solid #496278 !important;
margin: 15px 0 10px 0 !important;
}
h3 {
margin: 20px 0 10px !important;
}
.custom-h2 {
margin-bottom: 0.8rem !important;
background-color: rgba(24,36,44,0.6) !important;
border: 1px solid #172027 !important;
padding: 10px !important;
color: #c9c79d !important;
display: flex !important;
}
.custom-h2 .mw-headline {
margin: 0 auto !important;
}
.custom-h2 .mw-editsection {
display: block !important;
left: 65px !important;
}
body, html {
background-color: #1e2a31 !important;
}
.mw-footer {
background-color: #1b272e !important;
}
#footer-bottom {
background-color: #162128 !important;
}
.toc {
background-color: #1e2a31; border-radius: 0 15px 15px 0;
}
.toc h2 {
background-color: transparent !important;
border: 0 !important;
padding: 0 !important;
}
.tooltip {
display: none;
position: absolute;
z-index: 9999;
top: 0px;
left: 0px;
}
.tooltip-link {
cursor: pointer;
color: #9bbcd1;
transition: background 0.2s ease, color 0.2s ease;
}
.tooltip-link:hover {
color: #ffffff;
}
.hero-icon-border {
border: 1px solid #567a88;
}
.mw-body-content-change {
background-color: /* #22313a */ #112b3a !important;
}
.catlinks {
background-color: #234558 !important;
}
.catlinks .mw-normal-catlinks > ul li a {
background-color: #2f7199 !important;
color: #c2e7ff !important;
}
.catlinks .mw-normal-catlinks > ul li a:hover {
background-color: #2173a4 !important;
}
.last-modified-bar {
background-color: #234558 !important;
}
.mw-footer {
background-color: #112b3a !important;
}
.page-Заглавная_страница .mw-side,.page-Заглавная_страница .firstHeading,.page-Заглавная_страница #siteSub,.page-Заглавная_страница #last-modified-bar {
display:none!important;
}
.page-Заглавная_страница .mw-body-content, .page-Dungeon_Crusher_Wiki .mw-body-content {
max-width: 890px;}
#contentSub {
display:none!important;
}
span.va-icon {
vertical-align: text-bottom !important;
}
.page-Dungeon_Crusher_Wiki .mw-side,.page-Dungeon_Crusher_Wiki .firstHeading,.page-Dungeon_Crusher_Wiki #siteSub,.page-Dungeon_Crusher_Wiki #last-modified-bar {
display:none!important;
}
span .external {
padding-right: 0 !important;
}
ul.gallery {
margin:.8rem 0 1.6rem!important;
padding:2px;
}
@media only screen and (max-width: 1290px) {
li.gallerybox,li.gallerybox div,li.gallerybox a.image,li.gallerybox a.image img {
width:13vw!important;
}
}
li.gallerybox div.thumb {
border-color:#2b2f36;
background-color:#24272f;
}
.mw-body-content a.image {
display:initial;
}
blockquote {
font-family:Georgia,serif;
color:#19aede;
font-size:1.85rem;
font-style:italic;
/*margin:0;*/
padding:2rem;
}
.icon-caption {
text-align: center;
}
#mw-indicator-mw-helplink {
display:none;
}
.rarity-common,.rarity-common a {
color:#969696!important;
text-shadow:0 0 3px #000!important;
}
.rarity-white,.rarity-white a {
color:#fff!important;
text-shadow:0 0 3px grey!important;
}
.rarity-glpar,.rarity-glpar a {
color:#f3bb32!important;
text-shadow:0 0 10px #f3bb32!important;
}
.rarity-green,.rarity-green a {
color:#3dd20b!important;
}
.rarity-unique,.rarity-unique a {
color:#2f78ff!important;
}
.rarity-blue,.rarity-blue a {
color:#2f78ff!important;
}
.rarity-legendary,.rarity-legendary a {
color:#ff9600!important;
}
.rarity-orange,.rarity-orange a {
color:#ff9600!important;
}
.rarity-purple,.rarity-purple a {
color:#9132c8!important;
}
.rarity-yellow,.rarity-yellow a {
color:#ffb400!important;
}
.rarity-dark-orange,.rarity-dark-orange a {
color:#dc7800!important;
}
.rarity-pearlescent,.rarity-pearlescent a {
color:#0ff!important;
}
.rarity-e-tech,.rarity-e-tech a {
color:#f0f!important;
}
.rarity-cursed,.rarity-cursed a {
color:#0cc!important;
}
.rarity-red,.rarity-red a {
color:#cf4747!important;
}
.rarity-seraph,.rarity-seraph a {
color:#ff69b4!important;
}
.rarity-aftermarket,.rarity-aftermarket a {
color:lime!important;
}
.rarity-rainbow,.rarity-rainbow a {
background:rgba(255,32,32,1);
background:-moz-linear-gradient(left,rgba(255,32,32,1) 0%,rgba(250,152,77,1) 14%,rgba(250,250,77,1) 25%,rgba(100,250,77,1) 42%,rgba(0,247,226,1) 57%,rgba(77,121,250,1) 71%,rgba(221,77,250,1) 86%,rgba(250,147,147,1) 100%);
background:-webkit-gradient(left top,right top,color-stop(0%,rgba(255,32,32,1)),color-stop(14%,rgba(250,152,77,1)),color-stop(25%,rgba(250,250,77,1)),color-stop(42%,rgba(100,250,77,1)),color-stop(57%,rgba(0,247,226,1)),color-stop(71%,rgba(77,121,250,1)),color-stop(86%,rgba(221,77,250,1)),color-stop(100%,rgba(250,147,147,1)));
background:-webkit-linear-gradient(left,rgba(255,32,32,1) 0%,rgba(250,152,77,1) 14%,rgba(250,250,77,1) 25%,rgba(100,250,77,1) 42%,rgba(0,247,226,1) 57%,rgba(77,121,250,1) 71%,rgba(221,77,250,1) 86%,rgba(250,147,147,1) 100%);
background:-o-linear-gradient(left,rgba(255,32,32,1) 0%,rgba(250,152,77,1) 14%,rgba(250,250,77,1) 25%,rgba(100,250,77,1) 42%,rgba(0,247,226,1) 57%,rgba(77,121,250,1) 71%,rgba(221,77,250,1) 86%,rgba(250,147,147,1) 100%);
background:-ms-linear-gradient(left,rgba(255,32,32,1) 0%,rgba(250,152,77,1) 14%,rgba(250,250,77,1) 25%,rgba(100,250,77,1) 42%,rgba(0,247,226,1) 57%,rgba(77,121,250,1) 71%,rgba(221,77,250,1) 86%,rgba(250,147,147,1) 100%);
background:linear-gradient(to right,rgba(255,32,32,1) 0%,rgba(250,152,77,1) 14%,rgba(250,250,77,1) 25%,rgba(100,250,77,1) 42%,rgba(0,247,226,1) 57%,rgba(77,121,250,1) 71%,rgba(221,77,250,1) 86%,rgba(250,147,147,1) 100%);
-webkit-background-clip:text;
background-clip:text;
-webkit-text-fill-color:transparent!important;
text-shadow:none!important;
}
.rarity-common>.new,.rarity-white>.new,.rarity-green>.new,.rarity-unique>.new,.rarity-blue>.new,.rarity-legendary>.new,.rarity-orange>.new,.rarity-purple>.new,.rarity-yellow>.new,.rarity-dark-orange>.new,.rarity-pearlescent>.new,.rarity-e-tech>.new,.rarity-seraph>.new,.rarity-rainbow>.new {
background-color:#FF454574!important;
}
.size10, .size10 a {
font-size: 10px;
}
.size12, .size12 a {
font-size: 12px;
}
.size14, .size14 a {
font-size: 14px;
}
.size16, .size16 a {
font-size: 16px;
}
.size18, .size18 a {
font-size: 18px;
}
.size20, .size20 a {
font-size: 20px;
}
.size22, .size22 a {
font-size: 22px;
}
.size24, .size24 a {
font-size: 24px;
}
.size26, .size26 a {
font-size: 26px;
}
.size28, .size28 a {
font-size: 28px;
}
.size30, .size30 a {
font-size: 30px;
}
.border-gray {
border:2px solid gray;
width:fit-content;
}
.border-white {
border:2px solid #fff;
width:fit-content;
}
.border-green {
border:2px solid #09db4b;
width:fit-content;
}
.border-blue {
border:2px solid #03a9fc;
width:fit-content;
}
.border-epic {
border:2px solid #7408bd;
width:fit-content;
}
.border-lega {
border:2px solid #ff9600;
width:fit-content;
}
#footer-icons a {
opacity:.5;
transition:opacity .55s ease;
}
#footer-icons a:hover {
opacity:.7;
}
#footer-sitetitle {
background-color: transparent !important;
border: 0 !important;
}
#mw-content-text a[href^='/'].new {
cursor:pointer;
}
#mw-content-text a[href^='/'] {
background-image:none;
}
.custom-table {
display: table;
border-collapse: collapse;
background-color: #132e3b;
border: 1px solid #506978;
}
.custom-table tr {
color: white;
border-bottom: 1px solid #506978;
}
.custom-table th, td {
padding: 10px 15px;
}
.custom-table th {
color: #6a9db0;
background-color: #0f252f;
}
.active-hover tr:hover {
background-color: #173645;
}
.recipes {
display: flex;
flex-flow: row wrap;
justify-content: center;
padding: 5px;
background-color: #031e2f;
margin: 0 auto 15px auto;
border: 1px solid #486c81;
border-radius: 10px;
width: 244px;
}
.bosses {
display: flex;
flex-flow: row wrap;
justify-content: center;
padding: 5px;
background-color: #031e2f;
margin: 0 auto 15px auto;
border: 1px solid #486c81;
border-radius: 10px;
}
.bosses > a {
margin: 5px;
border: 1px solid #667985;
}
.chests {
display: flex;
flex-flow: row wrap;
justify-content: center;
padding: 5px;
background-color: #031e2f;
margin: 0 auto 15px auto;
border: 1px solid #486c81;
border-radius: 10px;
}
.chests > div {
width: inherit !important;
margin: 5px;
}
.awards {
display: flex;
flex-flow: row wrap;
justify-content: center;
padding: 5px;
background-color: #031e2f;
margin: 0 auto 15px auto;
border: 1px solid #486c81;
border-radius: 10px;
}
.awards > a {
margin: 5px;
}
.used-in-craft {
display: flex;
flex-flow: row wrap;
justify-content: center;
padding: 5px;
background-color: #031e2f;
margin: 0 auto 15px auto;
border: 1px solid #486c81;
border-radius: 10px;
}
.used-in-craft > a {
margin: 5px;
}
.used-in-craft > div {
display: block !important;
width: inherit !important;
position: static !important;
margin: 5px !important;
}
.activates-hero {
display: flex;
flex-flow: row wrap;
justify-content: center;
padding: 5px;
background-color: #031e2f;
margin: 0 auto 15px auto;
border: 1px solid #486c81;
border-radius: 10px;
}
.activates-hero > a {
margin: 5px;
}
.activates-hero > div {
display: block !important;
width: inherit !important;
position: static !important;
margin: 5px !important;
}
@media only screen and (max-width:1023px) {
.pc-block {
display:none;
}
}
@media only screen and (min-width: 1024px) {
.mobile-block {
display:none;
}
.custom-table {
overflow-x: scroll;
}
}
/* ################################################## */
/* ### TEMPLATE DOCUMENTATION ### */
/* ### (Шаблон:Docparam/Шаблон:Documentation) ### */
/* ################################################## */
/* Template:Docparam */
.va-docparam {
padding: 5px 2px 5px 20px;
text-indent: -18px;
margin-bottom: 3px;
background: #002a32;
border: 1px dotted #D9D9D9;
overflow: auto;
}
.va-docparam-icon {
margin: 0;
padding: 0;
width: 20px;
float: left;
}
.va-docparam-default {
float: right;
font-size: 10px;
}
.va-docparam-params {
font-family: monospace;
}
.va-docparam-desc {
margin: 0 0 8px;
padding: 0 0 5px 20px;
}
/* ------------------- шаблон Предмет */
/*.item {*/
/* width: 30%;*/
/* border: 1px solid #8c8c8c;*/
/* background: #303030;*/
/* padding: 10px;*/
/*}*/
/*.item .rare-border {*/
/* width: 92px;*/
/* margin: 0 auto;*/
/* border-radius: 5px;*/
/* margin-bottom: 10px;*/
/*}*/
.item ul {
list-style-type: none;
/*text-align: center;*/
/*margin: 0;*/
}
/*.item span {*/
/* font-weight: bold;*/
/*}*/
.recipe-block {
background-color: #002d45;
border: 1px solid #32627d;
margin: 10px;
}
.recipe-block .recipe-name {
margin-top: 8px;
text-align: center;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
padding: 0 10px;
}
.recipe-block .item-main {
margin: 8px 0 8px 8px;
float: left;
}
.recipe-block .item-main span {
border-width: 4px;
border-radius: 10px;
}
.recipe-block .item-main span img {
border-radius: 7px;
margin: 0 !important;
}
.recipe-block .item-small-block {
display: flex;
flex-flow: row wrap;
margin-top: 9px;
}
.recipe-block .item-small {
margin-bottom: 5px;
margin-left: 6px;
}
.recipe-block .item-small span {
border-width: 3px;
border-radius: 7px;
}
.recipe-block .item-small span img {
border-radius: 5px;
margin: 0 !important;
}
.recipe-block .item-main .item-count {
font-size: 14px !important;
bottom: 3px !important;
right: 8px !important;
text-shadow: -1px 1px 2px #000000;
}
.recipe-block .item-small .item-count {
font-size: 11px !important;
bottom: 3px !important;
right: 6px !important;
text-shadow: -1px 1px 2px #000000;
}
.big-table {
overflow: auto;
position: relative;
}
.big-table table {
display: inline-block;
vertical-align: top;
max-width: 100%;
overflow-x: auto;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
}
.scroll-right:after {
content: '';
display: block;
width: 15px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
z-index: 500;
background: radial-gradient(ellipse at right, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 100% center;
background-repeat: no-repeat;
background-attachment: scroll;
background-size: 15px 100%;
background-position: 100% 0%;
}
.scroll-left:before {
content: '';
display: block;
width: 15px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
z-index: 500;
background: radial-gradient(ellipse at left, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 0 center;
background-repeat: no-repeat;
background-attachment: scroll;
background-size: 15px 100%;
}