MediaWiki:Mobile.css: Difference between revisions
Content added Content deleted
Emmateapot (talk | contribs) (Created page with "→All CSS here will be loaded for users of the mobile site: .searchresults .mw-search-createlink{ display: block; }") |
Emmateapot (talk | contribs) m (Testing updated spoiler UX: mobile css updates) |
||
(2 intermediate revisions by the same user not shown) | |||
Line 2: | Line 2: | ||
.searchresults .mw-search-createlink{ |
.searchresults .mw-search-createlink{ |
||
display: block; |
display: block; |
||
} |
|||
.mw-search-createlink{ |
|||
display: block; |
|||
} |
|||
.spoilers-body { |
|||
border: 1px dashed #000; |
|||
background-color: #EEE; |
|||
padding: 3px; |
|||
display: none; |
|||
color: #000; |
|||
} |
|||
.spoilers-body h1, |
|||
.spoilers-body h2, |
|||
.spoilers-body h3, |
|||
.spoilers-body h4, |
|||
.spoilers-body h5, |
|||
.spoilers-body h6 { |
|||
color: #000; |
|||
} |
|||
.spoilers-button { |
|||
background: #AAA; |
|||
background: -moz-linear-gradient(top, #EEE, #AAA); |
|||
background: -webkit-linear-gradient(top, #EEE, #AAA); |
|||
background: -o-linear-gradient(top, #EEE, #AAA); |
|||
background: linear-gradient(to bottom, #EEE, #AAA); |
|||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEE', endColorstr='#AAA', GradientType=0); |
|||
border: 1px solid #999; |
|||
border-radius: 5px; |
|||
padding: 3px 10px; |
|||
transition: 0.1s background-position linear; |
|||
color: #000; |
|||
} |
|||
.spoilers-button:hover { |
|||
background: #D2D2D2; |
|||
cursor: pointer; |
|||
} |
|||
.spoilerblur { |
|||
display: flow-root; |
|||
filter: blur(.2em); |
|||
opacity: 0.40; |
|||
transition: filter .5s linear, opacity .5s linear, text-shadow .5s linear; |
|||
} |
|||
.spoilerblur:hover { |
|||
filter: blur(0px); |
|||
opacity: 1; |
|||
text-shadow: 0 0 0 transparent; |
|||
transition-delay: 250ms; |
|||
} |
} |
Latest revision as of 22:23, 13 April 2022
/* All CSS here will be loaded for users of the mobile site */
.searchresults .mw-search-createlink{
display: block;
}
.mw-search-createlink{
display: block;
}
.spoilers-body {
border: 1px dashed #000;
background-color: #EEE;
padding: 3px;
display: none;
color: #000;
}
.spoilers-body h1,
.spoilers-body h2,
.spoilers-body h3,
.spoilers-body h4,
.spoilers-body h5,
.spoilers-body h6 {
color: #000;
}
.spoilers-button {
background: #AAA;
background: -moz-linear-gradient(top, #EEE, #AAA);
background: -webkit-linear-gradient(top, #EEE, #AAA);
background: -o-linear-gradient(top, #EEE, #AAA);
background: linear-gradient(to bottom, #EEE, #AAA);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEE', endColorstr='#AAA', GradientType=0);
border: 1px solid #999;
border-radius: 5px;
padding: 3px 10px;
transition: 0.1s background-position linear;
color: #000;
}
.spoilers-button:hover {
background: #D2D2D2;
cursor: pointer;
}
.spoilerblur {
display: flow-root;
filter: blur(.2em);
opacity: 0.40;
transition: filter .5s linear, opacity .5s linear, text-shadow .5s linear;
}
.spoilerblur:hover {
filter: blur(0px);
opacity: 1;
text-shadow: 0 0 0 transparent;
transition-delay: 250ms;
}