MediaWiki:Gadget-ezcopy.css: Difference between revisions

no edit summary
(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:
.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 {}
}