m (Buttons have control over their background and contrast, so this shouldn't be too bad) |
m (aw yeah, this is nice) |
||
Line 52: | Line 52: | ||
.modalWrapper { |
.modalWrapper { |
||
box-shadow: 0 10px 60px 0 gray; |
box-shadow: 0 10px 60px 0 gray; |
||
⚫ | |||
/* Try to match wiki theme with fallback */ |
/* Try to match wiki theme with fallback */ |
||
⚫ | |||
background: var(--theme-article-background-color); |
background: var(--theme-article-background-color); |
||
+ | |||
border-width: 5px; |
border-width: 5px; |
||
border-style: solid; |
border-style: solid; |
||
+ | /* Try to match wiki theme with fallback */ |
||
border-color: #f6f6f6; |
border-color: #f6f6f6; |
||
− | border-color: rgba( |
+ | border-color: rgba(var(--theme-article-background-color--rgb), .8); |
+ | |||
-moz-background-clip: padding; |
-moz-background-clip: padding; |
||
-webkit-background-clip: padding; |
-webkit-background-clip: padding; |
||
background-clip: padding-box; |
background-clip: padding-box; |
||
+ | |||
⚫ | |||
/* Try to match wiki theme with fallback */ |
/* Try to match wiki theme with fallback */ |
||
⚫ | |||
color: var(--theme-article-text-color); |
color: var(--theme-article-text-color); |
||
position: absolute; |
position: absolute; |
Revision as of 17:40, 10 March 2021
/* scoped .wikia-button class */
.modalWrapper a.wikia-button {
background-color: #404a57;
background-image: linear-gradient(to bottom,
#566374 35%,
#404a57 65%
);
border: 1px solid #404a57;
border-radius: 4px;
box-sizing: content-box;
color: #fff;
cursor: pointer;
display: inline-block;
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
height: 19px;
line-height: 20px;
margin: 0;
padding: 0 10px;
text-decoration: none;
white-space: nowrap;
}
.modalWrapper .wikia-button.secondary {
background-color: #e6e6e6;
background-image: linear-gradient(to bottom,
#ffffff 35%,
#e6e6e6 65%
);
border: 1px solid #cccccc;
color: #3a3a3a;
}
.modalWrapper .wikia-chiclet-button {
background-image: none;
border: 0;
border-radius: 0;
cursor: pointer;
display: inline-block;
height: 19px;
opacity: 0.3;
padding: 0;
position: relative;
width: 19px;
line-height: 1;
background-color: #404a57;
/* Try to match wiki theme with fallback */
background-color: var(--theme-accent-color);
}
/* other stuff, put later due to specificity */
.modalWrapper {
box-shadow: 0 10px 60px 0 gray;
/* Try to match wiki theme with fallback */
background: #ffffff;
background: var(--theme-article-background-color);
border-width: 5px;
border-style: solid;
/* Try to match wiki theme with fallback */
border-color: #f6f6f6;
border-color: rgba(var(--theme-article-background-color--rgb), .8);
-moz-background-clip: padding;
-webkit-background-clip: padding;
background-clip: padding-box;
/* Try to match wiki theme with fallback */
color: #3a3a3a;
color: var(--theme-article-text-color);
position: absolute;
}
.modalWrapper > h1,
.WikiaRail .module .modalWrapper > h3,
.modalWrapper .main-header {
color: #009bbe;
/* Try to match wiki theme with fallback */
color: var(--theme-link-color);
font-size: 22px;
margin: 20px 60px 20px 20px;
overflow: hidden;
font-weight: normal;
}
.modalWrapper .close {
zoom: 1;
float: right;
margin: 20px 20px 0 0;
z-index: 1;
}
.modalWrapper .close:after {
clear: both;
content: " ";
display: block;
height: 0;
overflow: hidden;
visibility: hidden;
}
.modalWrapper .neutral {
background: transparent;
}
.modalWrapper .modalToolbar {
text-align: right;
background: transparent;
margin-top: 20px;
}
.modalWrapper .modalToolbar a {
margin-left: 10px;
}
.modalWrapper #WikiaConfirmOk {
margin-left: 2px;
}
.modalContent {
zoom: 1;
font-size: 13px;
line-height: 21px;
display: block;
margin: 0 20px 20px 20px;
}
.modalContent::after {
clear: both;
content: " ";
display: block;
height: 0;
overflow: hidden;
visibility: hidden;
}
.modalContent .main-header {
margin-left: 0;
margin-top: 0;
}
.modalContent .MyToolsConfiguration .options-list {
line-height: 1;
}
.modalContent b {
font-weight: bold;
}
.modalContent i {
font-style: italic;
}
.blackout {
background-color: #0e191a;
left: 0;
opacity: 0.8;
position: fixed;
top: 0;
width: 100%;
height: 100%;
}