https://malaqet.com/index.php?action=history&feed=atom&title=%D9%88%D8%AD%D8%AF%D8%A9%3ANavplate%2Fstyles.css 2026-08-01T18:38:17Z تاريخ التعديل لهذه الصفحة في الويكي MediaWiki 1.43.1 https://malaqet.com/index.php?title=%D9%88%D8%AD%D8%AF%D8%A9:Navplate/styles.css&diff=108&oldid=prev 2025-06-20T20:04:51Z

<p>أنشأ الصفحة ب&#039;.template-navplate { margin-top: var( --space-md ); clear: both; font-size: var( --font-size-small ); line-height: var( --line-height-xx-small ); border: 1px solid var( --border-color-base ); border-radius: var( --border-radius-medium ); overflow: hidden; user-select: none; } .template-navplate__header { padding: var( --space-sm ) var( --space-md ); background-color: transparent; display: flex; align-items: center; gap: var( --space-md ); cursor:...&#039;</p> <p><b>صفحة جديدة</b></p><div>.template-navplate {<br /> margin-top: var( --space-md );<br /> clear: both;<br /> font-size: var( --font-size-small );<br /> line-height: var( --line-height-xx-small );<br /> border: 1px solid var( --border-color-base );<br /> border-radius: var( --border-radius-medium );<br /> overflow: hidden;<br /> user-select: none;<br /> }<br /> <br /> .template-navplate__header {<br /> padding: var( --space-sm ) var( --space-md );<br /> background-color: transparent;<br /> display: flex;<br /> align-items: center;<br /> gap: var( --space-md );<br /> cursor: pointer;<br /> user-select: none;<br /> }<br /> <br /> .template-navplate[ open ] .template-navplate__header {<br /> background-color: var( --color-surface-1 );<br /> }<br /> <br /> .template-navplate .template-navplate__header:hover {<br /> background-color: var( --background-color-button-quiet--hover );<br /> }<br /> <br /> .template-navplate__subtitle,<br /> .template-navplate-item__label {<br /> color: var( --color-subtle );<br /> }<br /> <br /> .template-navplate-item__label {<br /> font-weight: var( --font-weight-medium );<br /> }<br /> <br /> .template-navplate__title {<br /> color: var( --color-emphasized );<br /> font-weight: var( --font-weight-semi-bold );<br /> font-size: var( --font-size-medium );<br /> }<br /> <br /> .template-navplate__content {<br /> border-top: var( --border-base );<br /> content-visibility: auto;<br /> }<br /> <br /> .template-navplate__groupheader {<br /> background-color: var( --color-surface-1 );<br /> padding: var( --space-xs ) var( --space-md );<br /> }<br /> <br /> .template-navplate-item {<br /> display: grid;<br /> }<br /> <br /> .template-navplate-item__label {<br /> display: flex;<br /> padding: var( --space-sm ) var( --space-md ) 0 var( --space-md );<br /> gap: var( --space-xs );<br /> }<br /> <br /> .template-navplate-item__label img {<br /> opacity: var( --opacity-icon-base );<br /> filter: var( --filter-invert );<br /> }<br /> <br /> .template-navplate-item__list {<br /> padding: 10px; /* 10px + 2px = space-sm; 10px + 6px = space-md */<br /> }<br /> <br /> .template-navplate-item__list a {<br /> display: inline-block;<br /> padding: 2px 6px;<br /> }<br /> <br /> .template-navplate__content &gt; div + div {<br /> border-top: var( --border-base );<br /> }<br /> <br /> .template-navplate__header .mw-ui-icon-wikimedia-collapse {<br /> --transform-rotate-collapse: rotate3d(1, 0, 0, 180deg);<br /> width: var( --font-size-small );<br /> height: var( --font-size-small );<br /> transition: var( --transition-hover );<br /> transition-property: transform;<br /> transform: var( --transform-rotate-collapse );<br /> }<br /> <br /> .template-navplate[ open ] .template-navplate__header .mw-ui-icon-wikimedia-collapse {<br /> transform: none;<br /> }<br /> <br /> @media only screen and ( min-width: 640px ) {<br /> .template-navplate-item {<br /> grid-template-columns: 180px auto;<br /> }<br /> <br /> .template-navplate-item__label {<br /> border-right: 1px solid var( --border-color-base );<br /> padding-bottom: var( --space-sm );<br /> }<br /> }</div>

عبود السكاف