MediaWiki:Common.css: Difference between revisions
mNo edit summary |
mNo edit summary |
||
| Line 1,422: | Line 1,422: | ||
/* ========================================================= | /* ========================================================= | ||
OOO External Link | OOO External Link | ||
========================================================= */ | ========================================================= */ | ||
.ooo-extlink a { | .ooo-extlink a { | ||
display:inline- | display:inline-flex; | ||
align-items:center; | |||
padding:4px 8px; | padding:4px 8px; | ||
border-radius:4px; | border-radius:4px; | ||
border:1px solid var(--ooo-border); | border:1px solid var(--ooo-border); | ||
background:rgba(245,196,0,0.05); | background:rgba(245,196,0,0.05); | ||
color:var(--ooo-accent) !important; | color:var(--ooo-accent) !important; | ||
text-decoration:none !important; | text-decoration:none !important; | ||
font-weight:600; | font-weight:600; | ||
transition:0.15s ease; | |||
transition: | |||
background 0.15s ease, | |||
border-color 0.15s ease; | |||
} | } | ||
/* hover */ | |||
.ooo-extlink a:hover { | .ooo-extlink a:hover { | ||
background:rgba(245,196,0,0.15); | background:rgba(245,196,0,0.15); | ||
border-color:rgba(245,196,0,0.6); | border-color:rgba(245,196,0,0.6); | ||
} | |||
/* external icon */ | |||
.ooo-extlink a::after { | |||
content:""; | |||
display:inline-block; | |||
width:12px; | |||
height:12px; | |||
margin-left:6px; | |||
opacity:0.8; | |||
background-color:currentColor; | |||
-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='currentColor' d='M12 3h5v5h-2V6.4l-6.3 6.3-1.4-1.4L13.6 5H12V3zM5 5h4v2H7v6h6v-2h2v4H5V5z'/></svg>") no-repeat center / contain; | |||
mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='currentColor' d='M12 3h5v5h-2V6.4l-6.3 6.3-1.4-1.4L13.6 5H12V3zM5 5h4v2H7v6h6v-2h2v4H5V5z'/></svg>") no-repeat center / contain; | |||
transition:transform 0.15s ease; | |||
} | |||
/* icon hover motion */ | |||
.ooo-extlink a:hover::after { | |||
transform:translate(1px,-1px); | |||
} | } | ||