MediaWiki:Common.css: Difference between revisions

From APL Wiki
Jump to navigation Jump to search
Miraheze>Adám Brudzewsky
(change font stack, unborder all code)
(Indicate J Wiki links with ᴶ and K Wiki links with ᴷ)
(36 intermediate revisions by 3 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 */
.c td {
@font-face {
   text-align: center;
  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";
}
}
.mw-highlight pre, code.mw-highlight {
a.external[href*="k.miraheze.org"]::after {
  font-family: 'DejaVu Sans Mono','Iosevka','PragmataPro','APL385 Unicode','Menlo',monospace;
    content: "K";
  line-height: 2.4ex;
}
}
code, pre{
a.external[href^="https://aplwiki."] {
border: none;
    background: none;
    padding-right: 0;
}
}
.try a,
a.external[href^="https://tryapl.org/?a="],
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 {
.worksin {
  position: relative;
position: relative;
  text-align: right;
float: right;
  margin-top: -3em;
right: 1ex;
  right: 1ex;
font-size: smaller;
  font-size: smaller;
opacity: 0.6;
  opacity: 0.6;
margin-top: 1em;
}
}
.worksin:hover{
.try a:hover,
a.external[href^="https://tryapl.org/?a="]: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;
opacity:1;
}
}
#f-poweredbyico,#footer-poweredbyico{
.worksin {
visibility: hidden;
margin-top: -3em;
position: absolute;
}
.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 36: Line 106:
     border-bottom-style: none;
     border-bottom-style: none;
}
}
kbd {
.c td {
border: 0.25ex solid currentcolor;
text-align: center;
     padding: 0 0.5ex;
}
     border-radius: 0.5ex;
#p-logo a{
     box-shadow: 0 0.125ex 0 0 currentcolor;
background-position: center 15px;
     font-family: unset;
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;
}
}

Revision as of 09:16, 8 September 2022

/* 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="],
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: 1ex;
	font-size: smaller;
	opacity: 0.6;
	margin-top: 1em;
}
.try a:hover,
a.external[href^="https://tryapl.org/?a="]: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;
}