MediaWiki:Monobook.css: Difference between revisions

MediaWiki:Monobook.css (view source)

Revision as of 04:50, November 3, 2020

300 bytes added , 3 years ago

no edit summary

Porplemontage

Bureaucrats, Developers, Administrators

22,411

edits

@@ Line 66: / Line 66: @@
 }
-li#pt-userpage,
+@media all and (min-width: 551px) {
-li#pt-anonuserpage,
+	li#pt-userpage,
-li#pt-login {
+	li#pt-anonuserpage,
-	background: url(/images/smallchief.gif) top left no-repeat;
+	li#pt-login {
-	padding-left: 16px;
+		background: url(/images/smallchief.gif) top left no-repeat;
-	line-height: 17px;
+		padding-left: 16px;
+		line-height: 17px;
+	}
 }
@@ Line 78: / Line 80: @@
 }
-#p-personal ul {
+@media all and (min-width: 551px) {
-	background: #FFFFFF;
+	#p-personal ul {
-	border-left: 1px solid #aaa;
+		background: #FFFFFF;
-	border-bottom: 1px solid #aaa;
+		border-left: 1px solid #aaa;
-	width: auto;
+		border-bottom: 1px solid #aaa;
-	display: inline;
+		width: auto;
-	position: absolute;
+		display: inline;
-	right: 0;
+		position: absolute;
-	padding-left: 0px;
+		right: 0;
-	padding-bottom: 0px;
+		padding-left: 0px;
-	margin-top: -1px;
+		padding-bottom: 0px;
-	-moz-border-radius-bottomleft: 1em;
+		margin-top: -1px;
-	-webkit-border-bottom-left-radius: 1em;
+		border-bottom-left-radius: 1em;
+	}
 }
@@ Line 207: / Line 210: @@
 }
-.portlet#p-tb h3, .portlet#p-search h3 {
+@media all and (min-width: 551px) {
-	display: none;
+	.portlet#p-tb h3, .portlet#p-search h3 {
+		display: none;
+	}
 }
@@ Line 281: / Line 286: @@
 /*** Monobook Sidebar ***/
-#n-Halopedia-Archive > a {
+@media all and (min-width: 551px) {
-	font-size: 125% !important;
+	#n-Halopedia-Archive > a {
-}
+		font-size: 125% !important;
-/* without an ugly padding */
+	}
-#p-Navigation ul {
+	/* without an ugly padding */
-	margin: 0;
+	#p-Navigation ul {
-}
+		margin: 0;
-#p-Navigation > div {
+	}
-	background: white;
+	#p-Navigation > div {
-	padding: 0;
+		background: white;
-}
+		padding: 0;
-/* que no sea un list */
+	}
-#p-Navigation li {
+	/* que no sea un list */
-	display: block;
+	#p-Navigation li {
-	list-style-image: none !important; /* for IE */
+		display: block;
-}
+		list-style-image: none !important; /* for IE */
-/* general design of the links */
+	}
-#p-Navigation li > a {
+	/* general design of the links */
-	display: block;
+	#p-Navigation li > a {
-	position: relative;
+		display: block;
-	background: #fff;
+		position: relative;
-	color: #000;
+		background: #fff;
-	font-size: 14.9px;
+		color: #000;
-	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
+		font-size: 14.9px;
-	padding: 0 0 0 10px;
+		font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
-	line-height: 24px;
+		padding: 0 0 0 10px;
-	font-weight: bold;
+		line-height: 24px;
-	text-decoration: none;
+		font-weight: bold;
-	border-bottom: 1px solid #EEEEEE;
+		text-decoration: none;
-}
+		border-bottom: 1px solid #EEEEEE;
-/* special menu just for the class */
+	}
-#p-Navigation > div > ul > li > a {
+	/* special menu just for the class */
-	background: url(/images/menu_gradient.png) no-repeat left center;
+	#p-Navigation > div > ul > li > a {
-	margin: 1px 1px 0 1px;
+		background: url(/images/menu_gradient.png) no-repeat left center;
-	padding: 0 0 0 10px;
+		margin: 1px 1px 0 1px;
-	color: black;
+		padding: 0 0 0 10px;
-	width: auto;
+		color: black;
-}
+		width: auto;
-#p-Navigation > div > ul > li.hover > a {
+	}
-	color: #2A2A2A;
+	#p-Navigation > div > ul > li.hover > a {
-	text-shadow: #AAA46C 1px 1px 3px;
+		color: #2A2A2A;
-}
+		text-shadow: #AAA46C 1px 1px 3px;
-#p-Navigation > div > ul > li > a > em {
+	}
-	right: 8px;
+	#p-Navigation > div > ul > li > a > em {
-}
+		right: 8px;
-/* submenu marker */
+	}
-#p-Navigation em {
+	/* submenu marker */
-	font-style: normal;
+	#p-Navigation em {
-	font-family: arial,sans-serif;
+		font-style: normal;
-	font-size: 16pt;
+		font-family: arial,sans-serif;
-	font-weight: bold;
+		font-size: 16pt;
-	line-height: 20px;
+		font-weight: bold;
-	position: absolute;
+		line-height: 20px;
-	right: 8px;
+		position: absolute;
-	top: 0px
+		right: 8px;
-}
+		top: 0px
-/* hover */
+	}
-#p-Navigation li > ul > li.hover > a {
+	/* hover */
-	background-color: #DCDCDC; /* Gainsboro */
+	#p-Navigation li > ul > li.hover > a {
-}
+		background-color: #DCDCDC; /* Gainsboro */
+	}
-#p-Navigation li.hover > ul.sub-menu {
+	#p-Navigation li.hover > ul.sub-menu {
-	display: block;
+		display: block;
-}
+	}
-/* general submenu */
+	/* general submenu */
-#p-Navigation ul.sub-menu {
+	#p-Navigation ul.sub-menu {
-	border: 1px solid #aaa;
+		border: 1px solid #aaa;
-	display: none;
+		display: none;
-	background: #fff;
+		background: #fff;
-	position: absolute;
+		position: absolute;
-	padding: 1px;
+		padding: 1px;
-	width: 185px;
+		width: 185px;
-	margin-left: 180px;
+		margin-left: 180px;
-	margin-top: -25px;
+		margin-top: -25px;
-	z-index: 100;
+		z-index: 100;
+	}
+	/* Only the first */
+	#p-Navigation > div > ul > li > ul.sub-menu {
+		margin-left: 13em;
+	}
 }
-/* Only the first */
+@media all and (max-width: 550px) {
-#p-Navigation > div > ul > li > ul.sub-menu {
+	.portlet ul.sub-menu {
-	margin-left: 13em;
+		margin-top: 0 !important;
+		padding-top: 0 !important;
+	}
 }
-/*** End Monobook Sidebar ***/