Jump to content

MediaWiki:Gadget-mobile-sidebar.css

From Wikipedia, the free encyclopedia

This is the current revision of this page, as edited by Jon (WMF) (talk | contribs) at 20:43, 30 January 2024 (Fix styling of icon in Vector 2022 skin). The present address (URL) is a permanent link to this version.

(diff) ← Previous revision | Latest revision (diff) | Newer revision → (diff)
Note: After saving, you have to bypass your browser's cache to see the changes. Google Chrome, Firefox, Microsoft Edge and Safari: Hold down the ⇧ Shift key and click the Reload toolbar button. For details and instructions about other browsers, see Wikipedia:Bypass your cache.
/*
 * Copied from [[meta:User:Brion VIBBER/mobile-sidebar.css]] as of last update (2014-10-13, [[meta:Special:Permalink/10181319]])
 */
#mobile-sidebar {
	position: fixed;
	bottom: 20px;
	right: 20px;
	background: #444;	
	box-shadow: 0 0 20px #333;
	border-radius: 10px;
	padding: 5px;
	text-align: center;
	border-top: 5px solid #666;
	-webkit-user-select: none; /* webkit (safari, chrome) browsers */
	-moz-user-select: none; /* mozilla browsers */
	-khtml-user-select: none; /* webkit (konqueror) browsers */
	-ms-user-select: none; /* IE10+ */
	user-select: none;
}

#mobile-sidebar iframe {
	background: #fff;
	border: none;
}

#mobile-sidebar a.close {
	display: block;
	background: #333;
	color: #fff;
	text-decoration: none;
	height: 40px;
	width: 40px;
	line-height: 40px;
	border-radius: 100%;
	margin: 10px auto;
	cursor: pointer;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid #aaa;
}

#mobile-sidebar a.close:hover {
	background: #222;
}

#mobile-sidebar a.mobile_link {
	display: block;
	color: #aaa;
	font-size: 11px;
	text-decoration: none;
	margin: 4px;
}

#mobile-sidebar .egg {
	width: 320px;
	height: 566px;
	text-align: center;
}

#mobile-sidebar .egg img {
	width: 100px;
	margin-top: 60px;
}

#mobile-sidebar .egg p {
	color: #aaa;
	margin-top: 345px;
}

#mobile-sidebar .egg p a {
	color: #ddd;
}
/* Workaround lack of support for icons in Vector 2022 menu */
.vector-menu-tabs .mw-list-item.vector-tab-noicon > a.mw-ui-icon-mobile {
    padding-top: 7px;
}
.mw-ui-icon-mobile:before {
	background-image: url(https:/upwiki/wikipedia/commons/2/2a/Phone-apple-iphone.svg);
}

.skin-vector-2022 #ca-mobile.icon a {
   background: none;
}

#ca-mobile.icon a {
	background-image: url(https:/upwiki/wikipedia/commons/2/2a/Phone-apple-iphone.svg);
    background-repeat: no-repeat;
	margin: 0px;
	padding: 3.1em 0px 0px;
	display: block;
	width: 36px;
	height: 0px;
	overflow: hidden;
	background-position: 5px 60%;
	background-size: 24px 24px;
}

.skin-vector-2022 #ca-mobile a {
	    padding: 0;
}

.skin-vector-2022 #ca-mobile a span {
	background-image: url(https:/upwiki/wikipedia/commons/2/2a/Phone-apple-iphone.svg);
	background-repeat: no-repeat;
    background-position: 5px 60%;
    background-size: 24px 24px;
    color: transparent;
}