MediaWiki:Vector.css: Difference between revisions
No edit summary Tag: Reverted |
No edit summary |
||
| (4 intermediate revisions by the same user not shown) | |||
| Line 628: | Line 628: | ||
color: #e87057; | color: #e87057; | ||
text-decoration: none; | text-decoration: none; | ||
border: 1px solid # | border: 1px solid #e87057; | ||
border-bottom: none; | border-bottom: none; | ||
transition: background .2s, color .2s; | transition: background .2s, color .2s; | ||
| Line 682: | Line 682: | ||
background: #3a3a3a; | background: #3a3a3a; | ||
color: #fff; | color: #fff; | ||
} | |||
.vector-menu-tabs li a, | |||
.vector-menu-tabs li.selected a { | |||
outline: none !important; | |||
box-shadow: none !important; | |||
border: none !important; | |||
} | |||
.vector-menu-tabs li.selected { | |||
border: 1px solid #e87057 !important; | |||
background: #333; | |||
} | |||
.vector-menu-tabs li.selected a { | |||
color: #e87057 !important; | |||
} | } | ||
| Line 1,259: | Line 1,275: | ||
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('skins/DarkVector/images/watch-icon-loading.svg'); | |||
background-image: linear-gradient(transparent, transparent), url('skins/DarkVector/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 | |||
} | } | ||