MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
Miraheze>RikedyP No edit summary |
m (allow new-style tryapl urls) |
||
(78 intermediate revisions by 5 users not shown) | |||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
@font-face { | @font-face { | ||
font-family: | font-family: "codefont"; | ||
src: | src: local("DejaVu Sans Mono"), | ||
local("APL385 Unicode"), | |||
local("SImPL"), | |||
url(https://aplwiki.com/images/7/75/DejaVuSansMono.ttf) format('truetype'); | |||
} | } | ||
. | pre, code { | ||
font-family: "codefont",monospace; | |||
line-height: 2.3ex; | |||
} | |||
kbd { | |||
border: 0.25ex solid currentcolor; | |||
padding: 0 0.5ex; | |||
border-radius: 0.5ex; | |||
box-shadow: 0 0.125ex 0 0 currentcolor; | |||
font-family: unset; | |||
} | |||
th > .selflink { | |||
font-weight: bolder; | |||
} | |||
a.extiw[href*="wikipedia.org"]{ | |||
padding-right:0.7em; | |||
} | |||
a.external[href*="code.jsoftware.com"], | |||
a.external[href*="k.miraheze.org"] { | |||
background:none; | |||
} | |||
a.external[href*="code.jsoftware.com"]{ | |||
padding-right: 10px; | |||
} | |||
a.external[href*="k.miraheze.org"]{ | |||
padding-right: 8px; | |||
} | |||
a.extiw[href*="wikipedia.org"]::after, | |||
a.external[href*="code.jsoftware.com"]::after, | |||
a.external[href*="k.miraheze.org"]::after { | |||
display:inline-block; | |||
width:0; | |||
padding: 0 1px; | |||
vertical-align: 0.7ex; | |||
font-family: serif; | |||
font-size: 0.7em; | |||
font-style:normal; | |||
font-weight: normal; | |||
color:#36c; | |||
} | |||
a.extiw[href*="wikipedia.org"]::after { | |||
content: "W"; | |||
} | |||
a.external[href*="code.jsoftware.com"]::after { | |||
content: "J"; | |||
} | |||
a.external[href*="k.miraheze.org"]::after { | |||
content: "K"; | |||
} | |||
a.external[href^="https://aplwiki."] { | |||
background: none; | |||
padding-right: 0; | |||
} | |||
.try a, | |||
a.external[href^="https://tryapl.org/?"], | |||
a.external[href^="https://tio.run/##"], | |||
a.external[href^="https://repl.it/repls/"], | |||
a.external[href^="https://n9n.gitlab.io/apl/web/"][href*="#code="], | |||
a.external[href^="https://ato.pxeger.com/run?"], | |||
.worksin { | |||
position: relative; | |||
float: right; | |||
right: 12ex; | |||
font-size: smaller; | |||
opacity: 0.6; | |||
margin-top: 1em; | |||
z-index: 99; | |||
} | |||
.try a:hover, | |||
a.external[href^="https://tryapl.org/?"]:hover, | |||
a.external[href^="https://tio.run/##"]:hover, | |||
a.external[href^="https://repl.it/repls/"]:hover, | |||
a.external[href^="https://n9n.gitlab.io/apl/web/"][href*="#code="]:hover | |||
a.external[href^="https://ato.pxeger.com/run?"]:hover, | |||
.worksin:hover { | |||
opacity:1; | |||
} | |||
.worksin { | |||
margin-top: -3em; | |||
} | |||
.portable-infobox img{ | |||
width: calc(var(--pi-width) - 1.5*var(--pi-margin)); | |||
height: auto; | |||
} | |||
.pi-header{ | |||
text-align: center; | |||
} | |||
.pi-title{ | |||
text-align: center; | |||
font-weight: bold; | |||
background: white; | |||
} | |||
.pi-data-label { | |||
flex:none; | |||
width:110px; | |||
} | |||
.pi-data { | |||
border-bottom-style: none; | |||
} | |||
.c td { | |||
text-align: center; | |||
} | |||
#p-logo a{ | |||
background-position: center 15px; | |||
background-size: 65%; | |||
} | |||
#p-logo::after { | |||
content: "APL Wiki"; | |||
text-align: center; | |||
display: block; | |||
font-size: x-large; | |||
font-family: codefont; | |||
margin-top: -35px; | |||
z-index: -1; | |||
position: relative; | |||
} | } |
Latest revision as of 19:12, 30 June 2024
/* CSS placed here will be applied to all skins */ @font-face { font-family: "codefont"; src: local("DejaVu Sans Mono"), local("APL385 Unicode"), local("SImPL"), url(https://aplwiki.com/images/7/75/DejaVuSansMono.ttf) format('truetype'); } pre, code { font-family: "codefont",monospace; line-height: 2.3ex; } kbd { border: 0.25ex solid currentcolor; padding: 0 0.5ex; border-radius: 0.5ex; box-shadow: 0 0.125ex 0 0 currentcolor; font-family: unset; } th > .selflink { font-weight: bolder; } a.extiw[href*="wikipedia.org"]{ padding-right:0.7em; } a.external[href*="code.jsoftware.com"], a.external[href*="k.miraheze.org"] { background:none; } a.external[href*="code.jsoftware.com"]{ padding-right: 10px; } a.external[href*="k.miraheze.org"]{ padding-right: 8px; } a.extiw[href*="wikipedia.org"]::after, a.external[href*="code.jsoftware.com"]::after, a.external[href*="k.miraheze.org"]::after { display:inline-block; width:0; padding: 0 1px; vertical-align: 0.7ex; font-family: serif; font-size: 0.7em; font-style:normal; font-weight: normal; color:#36c; } a.extiw[href*="wikipedia.org"]::after { content: "W"; } a.external[href*="code.jsoftware.com"]::after { content: "J"; } a.external[href*="k.miraheze.org"]::after { content: "K"; } a.external[href^="https://aplwiki."] { background: none; padding-right: 0; } .try a, a.external[href^="https://tryapl.org/?"], a.external[href^="https://tio.run/##"], a.external[href^="https://repl.it/repls/"], a.external[href^="https://n9n.gitlab.io/apl/web/"][href*="#code="], a.external[href^="https://ato.pxeger.com/run?"], .worksin { position: relative; float: right; right: 12ex; font-size: smaller; opacity: 0.6; margin-top: 1em; z-index: 99; } .try a:hover, a.external[href^="https://tryapl.org/?"]:hover, a.external[href^="https://tio.run/##"]:hover, a.external[href^="https://repl.it/repls/"]:hover, a.external[href^="https://n9n.gitlab.io/apl/web/"][href*="#code="]:hover a.external[href^="https://ato.pxeger.com/run?"]:hover, .worksin:hover { opacity:1; } .worksin { margin-top: -3em; } .portable-infobox img{ width: calc(var(--pi-width) - 1.5*var(--pi-margin)); height: auto; } .pi-header{ text-align: center; } .pi-title{ text-align: center; font-weight: bold; background: white; } .pi-data-label { flex:none; width:110px; } .pi-data { border-bottom-style: none; } .c td { text-align: center; } #p-logo a{ background-position: center 15px; background-size: 65%; } #p-logo::after { content: "APL Wiki"; text-align: center; display: block; font-size: x-large; font-family: codefont; margin-top: -35px; z-index: -1; position: relative; }