MediaWiki:Common.css: Difference between revisions

MediaWiki:Common.css (view source)

Revision as of 22:17, 11 July 2025

955 bytes removed , 11 July 2025

no edit summary

Sware

Bureaucrats, Administrators

48,403

edits

@@ Line 369: / Line 369: @@
 /* NavFrames */
-div.Boxmerge,
+div.NavFrame,
-div.NavFrame, details.NavFrame {
+details.NavFrame {
-        margin: 0px 0px -1px 0px;
+	border: 1px solid var(--wikt-palette-grey, #9e9e9e);
-        padding: 2px;
+	text-align: center;
-        border: 1px solid #aaaaaa;
+	border-collapse: collapse;
-        text-align: center;
+	font-size: 95%;
-        border-collapse: collapse;
-        font-size: 95%;
 	overflow: auto;
 	width: auto;
 }
-div.Boxmerge div.NavFrame {
-        border-style: none;
+div.NavFrame > ul, div.NavFrame > ol {
-        border-style: hidden;
+	text-align: left;
 }
-div.NavPic {
-        background-color: #ffffff;
+div.NavFrame div.NavHead,
-        margin: 0px;
+details.NavFrame summary.NavHead {
-        padding: 2px;
+	margin: 2px;
-        float: left;
+	min-height: 1.6em;
+	font-weight: bold;
+	font-size: 100%;
+	text-align: left;
+	padding: 1px 5px 1px 10px;
+	background-color: var(--wikt-palette-dullcyan, #eaecf0);
 }
-div.NavFrame div.NavHead, details.NavFrame summary.NavHead {
-        min-height: 1.6em;
+div.NavFrame p {
-        font-weight: bold;
+	font-size: 100%;
-        font-size: 100%;
-        background-color: #efefef;
-        padding-left: 10px;
-        background-image:-webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#DFDFDF), color-stop(0.6, #E3E3E3));
-        background-image:-moz-linear-gradient(top, #EFEFEF, #E3E3E3 60%, #DFDFDF);
-        background-image:-o-linear-gradient(top, #EFEFEF, #E3E3E3 60%, #DFDFDF);
 }
-div.NavFrame div.NavHead:hover, details.NavFrame summary.NavHead:hover {
-        background-color:#F6F6F6;
+div.NavFrame div.NavContent,
-        background-image:-webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#F3F3F3), color-stop(0.6, #EAEAEA));
+details.NavFrame div.NavContent {
-        background-image:-moz-linear-gradient(top, #EFEFEF, #EAEAEA 60%, #F3F3F3);
+	font-size: 100%;
-        background-image:-o-linear-gradient(top, #EFEFEF, #EAEAEA 60%, #F3F3F3);
+	border-top: 1px solid var(--wikt-palette-grey, #9e9e9e);
 }
-div.NavFrame div.NavHead:active, details.NavFrame summary.NavHead:active {
-        background-color:#E3E3E3;
+div.NavFrame div.NavContent p,
-        background-image:-webkit-gradient(linear, left top, left bottom, from(#E3E3E3), to(#DFDFDF), color-stop(0.6, #D3D3D3));
+details.NavFrame div.NavContent p {
-        background-image:-moz-linear-gradient(top, #E3E3E3, #D3D3D3 60%, #DFDFDF);
+	font-size: 100%;
-        background-image:-o-linear-gradient(top, #E3E3E3, #D3D3D3 60%, #DFDFDF);
 }
-div.pseudo div.NavHead:hover {background-color:#EFEFEF;}
-div.pseudo div.NavHeadpseudo:active {background-color:#EFEFEF;}
+/* Used by box-top/box-bottom */
-div.NavFrame p {
+.NavContent.boxcontent {
-        font-size: 100%;
+	padding: 0.25em 0.5em;
 }
-div.NavFrame div.NavContent, details.NavFrame div.NavContent {
+.NavContent.boxcontent > p:last-child {
-        font-size: 100%;
+	margin-bottom: 0.5em; /* from 1em to avoid some extra asymmetric space */
 }
-div.NavFrame div.NavContent p, details.NavFrame div.NavContent p {
-        font-size: 100%;
+/* Override default added margins which mess up the background */
+.NavContent.derivedterms > p,
+.NavContent.columns-bg > p {
+	margin: 0;
 }
-div.NavEnd {
-        margin: 0px;
+.NavContent.derivedterms > p,
-        padding: 0px;
+.NavContent.derivedterms > ul,
-        line-height: 1px;
+.NavContent.columns-bg > p,
-        clear: both;
+.NavContent.columns-bg > ul {
+	padding: 0.5em;
 }
 span.NavToggle {
-        cursor: pointer;
+	cursor: pointer;
-        float: right;
+	float: right;
-        font-weight:normal;
+	font-weight: normal;
-        font-size:smaller;
+	font-style: normal;
+	font-size: smaller;
+	margin-top: 1px;
 }
-.client-js .NavContent { display: none; }
-.client-js .not .NavContent { display: block; }
+/* add slight gap between NavToggle and rest of the heading */
+.NavToggle {
+	margin-left: 0.5em;
+}
 /* Other pages message box styles */