MediaWiki:Vector.css: Difference between revisions
No edit summary Tag: Reverted |
Tag: Undo |
||
| Line 1,259: | Line 1,259: | ||
transform: rotate(360deg) | transform: rotate(360deg) | ||
} | } | ||
} | |||
#ca-unwatch.icon a, | |||
#ca-watch.icon a { | |||
margin: 0; | |||
padding: 0; | |||
display: block; | |||
width: 26px; | |||
padding-top: 3.1em; | |||
margin-top: 0; | |||
height: 0; | |||
overflow: hidden; | |||
background-position: 5px 60% | |||
} | |||
#ca-unwatch.icon a, | |||
#ca-watch.icon a, | |||
#ca-unwatch.icon a:hover, | |||
#ca-watch.icon a:hover, | |||
#ca-unwatch.icon a:focus, | |||
#ca-watch.icon a:focus, | |||
#ca-unwatch.icon a.loading, | |||
#ca-watch.icon a.loading { | |||
background-repeat: no-repeat; | |||
} | |||
#ca-unwatch.icon a { | |||
background-image: url('images/unwatch-icon.svg'); | |||
background-image: -webkit-linear-gradient(transparent, transparent), url('skins/DarkVector/images/unwatch-icon.svg'); | |||
background-image: linear-gradient(transparent, transparent), url('skins/DarkVector/images/unwatch-icon.svg') | |||
} | |||
#ca-watch.icon a { | |||
background-image: url('images/watch-icon.svg'); | |||
background-image: -webkit-linear-gradient(transparent, transparent), url('skins/DarkVector/images/watch-icon.svg'); | |||
background-image: linear-gradient(transparent, transparent), url('skins/DarkVector/images/watch-icon.svg') | |||
} | |||
#ca-unwatch.icon a:hover, | |||
#ca-unwatch.icon a:focus { | |||
background-image: url('images/unwatch-icon-hl.svg'); | |||
background-image: -webkit-linear-gradient(transparent, transparent), url('skins/DarkVector/images/unwatch-icon-hl.svg'); | |||
background-image: linear-gradient(transparent, transparent), url('skins/DarkVector/images/unwatch-icon-hl.svg') | |||
} | |||
#ca-watch.icon a:hover, | |||
#ca-watch.icon a:focus { | |||
background-image: url('images/watch-icon-hl.svg'); | |||
background-image: -webkit-linear-gradient(transparent, transparent), url('skins/DarkVector/images/watch-icon-hl.svg'); | |||
background-image: linear-gradient(transparent, transparent), url('skins/DarkVector/images/watch-icon-hl.svg') | |||
} | |||
#ca-unwatch.icon a.loading, | |||
#ca-watch.icon a.loading { | |||
background-image: url('images/watch-icon-loading.svg'); | |||
background-image: -webkit-linear-gradient(transparent, transparent), url('images/watch-icon-loading.svg'); | |||
background-image: linear-gradient(transparent, transparent), url('images/watch-icon-loading.svg'); | |||
-webkit-animation: rotate 700ms infinite linear; | |||
-moz-animation: rotate 700ms infinite linear; | |||
-o-animation: rotate 700ms infinite linear; | |||
animation: rotate 700ms infinite linear; | |||
outline: none; | |||
cursor: default; | |||
pointer-events: none; | |||
background-position: 50% 60%; | |||
-webkit-transform-origin: 50% 57%; | |||
transform-origin: 50% 57% | |||
} | |||
#ca-unwatch.icon a span, | |||
#ca-watch.icon a span { | |||
display: none | |||
} | } | ||