Skip to content

Более-менее юзабельная для мобилок by ayaaop

Details

Authorayaaop

LicenseNo License

Categorylurkmore.live

Created

Updated

Size2.4 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Перемещает шапку сайта слева наверх, убирает объявления

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name         Более-менее юзабельная для мобилок
@version      20241020.18.04
@namespace    https://userstyles.world/user/ayaaop
@description  Перемещает шапку сайта слева наверх, убирает объявления
@author       ayaaop
@license      No License
==/UserStyle== */

@-moz-document domain("lurkmore.live") {
aside#siteNotice {
	display: none!important
}
.mw-body .firstHeading {
	padding: 0;
}

@media (max-width: 980px),
only screen and (min-resolution: 117dpi) and (max-resolution: 119dpi),
only screen and (min-resolution: 131dpi) and (max-resolution: 133dpi),
only screen and (min-resolution: 145dpi) and (max-resolution: 154dpi),
only screen and (min-resolution: 162dpi) and (max-resolution: 164dpi),
only screen and (min-resolution: 169dpi) {
	.mw-body {
		margin: 40px 0 0;
		border-left-width: 0!important;
		padding: 10px 5px!important;
	}
	div#mw-head {
		top: 40px;
	}
	#left-navigation {
		left: 10px;
	}
	#right-navigation {
		margin-right: 40px;
	}
	#right-navigation .vector-search-box {
		top: 0;
		width: clamp(200px, calc(100vw - 50px), 600px);
		transform: translate(0, -120%);
	}
	div#mw-panel {
		position: absolute!important;
		left: unset;
		top: 0;
		width: 100%;
		max-width: 100%;
		display: flex;
		align-items: center;
		padding: 10px 10px 0;
		box-sizing: border-box;
		height: 50px;
	}
	#p-logo a.mw-wiki-logo {
		height: 40px;
		padding: 0;
	}
	#p-logo {
		flex: 1;
		height: 40px;
	}
	div#mw-panel .vector-menu-portal:not(:last-of-type) {
		margin-right: 10px;
	}
	div#mw-panel .vector-menu-portal:hover .vector-menu-content,
	div#mw-panel .vector-menu-portal.opened .vector-menu-content {
		left: unset;
		right: 0;
		transform: translateY(40px);
	}
	#p-personal .vector-menu-content {
		position: absolute;
		background: #262626;
		padding: 0;
		height: fit-content;
		width: max-content;
		top: 50px;
		right: 0;
		left: unset;
		transform: none;
		bottom: unset;
	}
	#p-personal .vector-menu-content ul li a,
	.ext-darkmode-link::before {
		line-height: 1;
		font-size: 0.75em;
	}
	html:not(.client-darkmode) #p-personal .vector-menu-content ul li a,
	html:not(.client-darkmode) .ext-darkmode-link::before {
		color: #fff!important;
	}
	#p-personal .vector-menu-content ul li {
		text-align: start;
	}
	.template[style*="width:80%"] {
		width: 100% !important;
		font-size: 12px;
	}
}
}

Reviews

No reviews yet.