Difference between revisions of "MediaWiki:Mobile.css"

From APL Wiki
Jump to navigation Jump to search
(Created page with "→‎CSS placed here will affect users of the mobile site: @font-face { font-family: "codefont"; src: local("DejaVu Sans Mono"), local("APL385 Unicode"), loc...")
 
(No difference)

Latest revision as of 15:39, 9 January 2020

/* CSS placed here will affect users of the mobile site */
@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.extiw[href*="wikipedia.org"]::after {
    content: "W";
    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.external[href^="https://aplwiki."] {
    background: none;
    padding-right: 0;
}
a.external[href^="https://tryapl.org/?a="],
a.external[href^="https://tio.run/##SyzI0"],
a.external[href^="https://repl.it/repls/"],
a.external[href^="https://n9n.gitlab.io/apl/web/"][href*="#code="],
.worksin {
	position: relative;
	float: right;
	right: 1ex;
	font-size: smaller;
	opacity: 0.6;
	margin-top: 1em;
}
a.external[href^="https://tryapl.org/?a="]:hover,
a.external[href^="https://tio.run/##SyzI0"]:hover,
a.external[href^="https://repl.it/repls/"]:hover,
a.external[href^="https://n9n.gitlab.io/apl/web/"][href*="#code="]:hover,
.worksin:hover {
	opacity:1;
}
.worksin {
	margin-top: -3em;
}
.pi-title{
	text-align: center;
	font-weight: bold;
}
.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;
}
#f-poweredbyico,#footer-poweredbyico{
	visibility: hidden;
	position: absolute;
}