MediaWiki:Gadget-ezcopy.css: Difference between revisions
Jump to navigation
Jump to search
Content added Content deleted
(Created page with ".rsw-ezcopy-container { display: inline-block; font-family: 'IBM Plex Sans','Helvetica Neue','Arial',sans-serif; margin-left: 0.25em; user-select: none; } →ooui like buttons: .rsw-ezcopy-container .rsw-ezcopy-button { display: inline-block; height: 2em; width: 4em; vertical-align: middle; text-align: center; font-size: 0.4em; background: var(--ooui-normal); border: 1px solid var(--ooui-normal-border); font-weight: normal; cursor: pointer;...") |
No edit summary Tag: Reverted |
||
| Line 1: | Line 1: | ||
.rsw-ezcopy-container { display: inline-block; font-family: 'IBM Plex Sans','Helvetica Neue','Arial',sans-serif; margin-left: 0.25em; user-select: none;}/* ooui like buttons */.rsw-ezcopy-container .rsw-ezcopy-button { display: inline-block; height: 2em; width: 4em; vertical-align: middle; text-align: center; font-size: 0.4em; background: var(--ooui-normal); border: 1px solid var(--ooui-normal-border); font-weight: normal; cursor: pointer; line-height: 1em; transition: background-color 100ms;}.rsw-ezcopy-container .rsw-ezcopy-button + .rsw-ezcopy-button { border-left: 0;}.rsw-ezcopy-container .rsw-ezcopy-button:first-child { border-bottom-left-radius: 2px; border-top-left-radius: 2px;}.rsw-ezcopy-container .rsw-ezcopy-button:last-child { border-bottom-right-radius: 2px; border-top-right-radius: 2px;}.rsw-ezcopy-container .rsw-ezcopy-button:hover { background: var(--ooui-normal--hover);}.rsw-ezcopy-container .rsw-ezcopy-button .rsw-ezcopy-icon { height: 100%; display: inline-block; vertical-align: middle;}.rsw-ezcopy-container .rsw-ezcopy-button .rsw-ezcopy-label { display: inline-block; vertical-align: middle;}.rsw-ezcopy-container .rsw-ezcopy-button.rsw-ezcopy-copied { animation-name: rswezcopyclick; animation-duration: 1s; animation-timing-function:linear; animation-iteration-count: 1;}@keyframes rswezcopyclick { from {background: white; border-color:white;} 20% {background:green; border-color:darkgreen;} to {}} |
|||
.rsw-ezcopy-container { |
|||
display: inline-block; |
|||
font-family: 'IBM Plex Sans','Helvetica Neue','Arial',sans-serif; |
|||
margin-left: 0.25em; |
|||
user-select: none; |
|||
} |
|||
/* ooui like buttons */ |
|||
.rsw-ezcopy-container .rsw-ezcopy-button { |
|||
display: inline-block; |
|||
height: 2em; |
|||
width: 4em; |
|||
vertical-align: middle; |
|||
text-align: center; |
|||
font-size: 0.4em; |
|||
background: var(--ooui-normal); |
|||
border: 1px solid var(--ooui-normal-border); |
|||
font-weight: normal; |
|||
cursor: pointer; |
|||
line-height: 1em; |
|||
transition: background-color 100ms; |
|||
} |
|||
.rsw-ezcopy-container .rsw-ezcopy-button + .rsw-ezcopy-button { |
|||
border-left: 0; |
|||
} |
|||
.rsw-ezcopy-container .rsw-ezcopy-button:first-child { |
|||
border-bottom-left-radius: 2px; |
|||
border-top-left-radius: 2px; |
|||
} |
|||
.rsw-ezcopy-container .rsw-ezcopy-button:last-child { |
|||
border-bottom-right-radius: 2px; |
|||
border-top-right-radius: 2px; |
|||
} |
|||
.rsw-ezcopy-container .rsw-ezcopy-button:hover { |
|||
background: var(--ooui-normal--hover); |
|||
} |
|||
.rsw-ezcopy-container .rsw-ezcopy-button .rsw-ezcopy-icon { |
|||
height: 100%; |
|||
display: inline-block; |
|||
vertical-align: middle; |
|||
} |
|||
.rsw-ezcopy-container .rsw-ezcopy-button .rsw-ezcopy-label { |
|||
display: inline-block; |
|||
vertical-align: middle; |
|||
} |
|||
.rsw-ezcopy-container .rsw-ezcopy-button.rsw-ezcopy-copied { |
|||
animation-name: rswezcopyclick; |
|||
animation-duration: 1s; |
|||
animation-timing-function:linear; |
|||
animation-iteration-count: 1; |
|||
} |
|||
@keyframes rswezcopyclick { |
|||
from {background: white; border-color:white;} |
|||
20% {background:green; border-color:darkgreen;} |
|||
to {} |
|||
} |
|||
Revision as of 17:12, 17 October 2024
.rsw-ezcopy-container { display: inline-block; font-family: 'IBM Plex Sans','Helvetica Neue','Arial',sans-serif; margin-left: 0.25em; user-select: none;}/* ooui like buttons */.rsw-ezcopy-container .rsw-ezcopy-button { display: inline-block; height: 2em; width: 4em; vertical-align: middle; text-align: center; font-size: 0.4em; background: var(--ooui-normal); border: 1px solid var(--ooui-normal-border); font-weight: normal; cursor: pointer; line-height: 1em; transition: background-color 100ms;}.rsw-ezcopy-container .rsw-ezcopy-button + .rsw-ezcopy-button { border-left: 0;}.rsw-ezcopy-container .rsw-ezcopy-button:first-child { border-bottom-left-radius: 2px; border-top-left-radius: 2px;}.rsw-ezcopy-container .rsw-ezcopy-button:last-child { border-bottom-right-radius: 2px; border-top-right-radius: 2px;}.rsw-ezcopy-container .rsw-ezcopy-button:hover { background: var(--ooui-normal--hover);}.rsw-ezcopy-container .rsw-ezcopy-button .rsw-ezcopy-icon { height: 100%; display: inline-block; vertical-align: middle;}.rsw-ezcopy-container .rsw-ezcopy-button .rsw-ezcopy-label { display: inline-block; vertical-align: middle;}.rsw-ezcopy-container .rsw-ezcopy-button.rsw-ezcopy-copied { animation-name: rswezcopyclick; animation-duration: 1s; animation-timing-function:linear; animation-iteration-count: 1;}@keyframes rswezcopyclick { from {background: white; border-color:white;} 20% {background:green; border-color:darkgreen;} to {}}