mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/Popups
synced 2024-09-25 11:17:24 +00:00
c817c3fdd9
* Hard shadows * Light border * Fast fadeOut animation * Typeface/Leading * Margin from images * Load popup sooner Change-Id: I19ccf88b47c37c994ebf4a84b93490e5645724a5
68 lines
1,014 B
Plaintext
68 lines
1,014 B
Plaintext
/* Code adapted from Yair Rand's NavPopupsRestyled.js
|
|
* https://en.wikipedia.org/wiki/User:Yair_rand/NavPopupsRestyled.js
|
|
*/
|
|
|
|
.mwe-popups {
|
|
position: absolute;
|
|
z-index: 5;
|
|
background: #fff;
|
|
border: 1px solid #f0f0f0;
|
|
box-shadow: rgba(0, 0, 0, 0.15) 3px 3px 0;
|
|
padding: 0;
|
|
font-size: 12px;
|
|
display: none;
|
|
cursor: pointer;
|
|
min-width: 300px;
|
|
|
|
&:hover {
|
|
box-shadow: rgba(0, 0, 0, 0.25) 3px 3px 0px;
|
|
}
|
|
|
|
> a {
|
|
display: block;
|
|
margin-top: -9px;
|
|
padding-top: 9px;
|
|
color: #000;
|
|
|
|
&:hover {
|
|
text-decoration: none;
|
|
}
|
|
|
|
> div {
|
|
padding: 1.6em;
|
|
font-size: 13px;
|
|
line-height: 19.2px;
|
|
|
|
+ div {
|
|
padding: 0.8em;
|
|
margin: 0.8em;
|
|
}
|
|
}
|
|
|
|
> img.mwe-popups-is-tall{
|
|
float: right;
|
|
padding-left: 1.6em;
|
|
}
|
|
|
|
> img.mwe-popups-is-not-tall{
|
|
float: initial;
|
|
}
|
|
|
|
> div.mwe-popups-timestamp-older{
|
|
color: #bbb;
|
|
}
|
|
|
|
> div.mwe-popups-timestamp-recent{
|
|
color: #00af89;
|
|
}
|
|
}
|
|
|
|
&.mwe-popups-is-tall{
|
|
width: 450px;
|
|
}
|
|
|
|
&.mwe-popups-is-not-tall{
|
|
width: 300px;
|
|
}
|
|
}
|