MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
Miraheze>Adám Brudzewsky No edit summary |
m (allow new-style tryapl urls) |
||
(16 intermediate revisions by 3 users not shown) | |||
Line 5: | Line 5: | ||
local("APL385 Unicode"), | local("APL385 Unicode"), | ||
local("SImPL"), | local("SImPL"), | ||
url(https:// | url(https://aplwiki.com/images/7/75/DejaVuSansMono.ttf) format('truetype'); | ||
} | } | ||
pre, code { | pre, code { | ||
Line 24: | Line 24: | ||
padding-right:0.7em; | padding-right:0.7em; | ||
} | } | ||
a.extiw[href*="wikipedia.org"]::after | |||
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; | display:inline-block; | ||
width:0; | width:0; | ||
padding: 0 1px; | padding: 0 1px; | ||
vertical-align: 0. | vertical-align: 0.7ex; | ||
font-family: serif; | font-family: serif; | ||
font-size: | font-size: 0.7em; | ||
font-style:normal; | font-style:normal; | ||
font-weight: normal; | font-weight: normal; | ||
color:#36c; | 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."] { | a.external[href^="https://aplwiki."] { | ||
Line 40: | Line 61: | ||
padding-right: 0; | padding-right: 0; | ||
} | } | ||
a.external[href^="https://tryapl.org/? | .try a, | ||
a.external[href^="https://tio.run/## | a.external[href^="https://tryapl.org/?"], | ||
a.external[href^="https://tio.run/##"], | |||
a.external[href^="https://repl.it/repls/"], | a.external[href^="https://repl.it/repls/"], | ||
a.external[href^="https://n9n.gitlab.io/apl/web/"][href*="#code="], | a.external[href^="https://n9n.gitlab.io/apl/web/"][href*="#code="], | ||
a.external[href^="https://ato.pxeger.com/run?"], | |||
.worksin { | .worksin { | ||
position: relative; | position: relative; | ||
float: right; | float: right; | ||
right: | right: 12ex; | ||
font-size: smaller; | font-size: smaller; | ||
opacity: 0.6; | opacity: 0.6; | ||
margin-top: 1em; | margin-top: 1em; | ||
z-index: 99; | |||
} | } | ||
a.external[href^="https://tryapl.org/? | .try a:hover, | ||
a.external[href^="https://tio.run/## | 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://repl.it/repls/"]:hover, | ||
a.external[href^="https://n9n.gitlab.io/apl/web/"][href*="#code="]:hover, | a.external[href^="https://n9n.gitlab.io/apl/web/"][href*="#code="]:hover | ||
a.external[href^="https://ato.pxeger.com/run?"]:hover, | |||
.worksin:hover { | .worksin:hover { | ||
opacity:1; | opacity:1; | ||
Line 61: | Line 87: | ||
.worksin { | .worksin { | ||
margin-top: -3em; | 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{ | .pi-title{ | ||
text-align: center; | text-align: center; | ||
font-weight: bold; | font-weight: bold; | ||
background: white; | |||
} | } | ||
.pi-data-label { | .pi-data-label { | ||
Line 78: | Line 112: | ||
#p-logo a{ | #p-logo a{ | ||
background-position: center 15px; | background-position: center 15px; | ||
background-size: 65%; | |||
} | } | ||
#p-logo::after { | #p-logo::after { | ||
Line 89: | Line 123: | ||
z-index: -1; | z-index: -1; | ||
position: relative; | 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; }