https://commons.islamical.org/w/index.php?action=history&feed=atom&title=Template%3AMain_Page_Template%2Fstyles.css 2026-09-27T12:22:18Z Revision history for this page on the wiki MediaWiki 1.46.0 https://commons.islamical.org/w/index.php?title=Template:Main_Page_Template/styles.css&diff=5&oldid=prev 2025-10-25T18:46:57Z

<p>Created page with &quot;<span class="autocomment">Overall style: </span> .mainpage { max-width: 1040px; margin: 0 auto; } <span class="autocomment">Heading: </span> .mainpage-heading { width: 100%; margin: 0 1em 0 0; border-collapse: collapse; border-spacing: 0; } .mainpage-welcome { padding: .5em 1.6em 1em; } .mainpage-welcome-sitename { font-size: 220%; color: var(--color-subtle,#484848); } .mainpage-welcome-slogan { color: var(--color-subtle,#484848); } .mainpage-actions { white-space: nowrap; text-align: right; } .mainpage-actions ul...&quot;</p> <p><b>New page</b></p><div>/* Overall style */<br /> .mainpage {<br /> max-width: 1040px;<br /> margin: 0 auto;<br /> }<br /> <br /> /* Heading */<br /> .mainpage-heading {<br /> width: 100%;<br /> margin: 0 1em 0 0;<br /> border-collapse: collapse;<br /> border-spacing: 0;<br /> }<br /> .mainpage-welcome {<br /> padding: .5em 1.6em 1em;<br /> }<br /> .mainpage-welcome-sitename {<br /> font-size: 220%;<br /> color: var(--color-subtle,#484848);<br /> }<br /> .mainpage-welcome-slogan {<br /> color: var(--color-subtle,#484848);<br /> }<br /> .mainpage-actions {<br /> white-space: nowrap;<br /> text-align: right;<br /> }<br /> .mainpage-actions ul {<br /> margin: 0;<br /> padding: 0;<br /> }<br /> .mainpage-actions li {<br /> display: inline-block;<br /> margin: 0;<br /> padding: .5em;<br /> font-weight: bold;<br /> }<br /> <br /> @media screen and (max-width: 999px) {<br /> .mainpage-heading,<br /> .mainpage-heading tbody,<br /> .mainpage-heading tr,<br /> .mainpage-heading td {<br /> display: block;<br /> }<br /> .mainpage-heading td {<br /> padding-left: 1.6em;<br /> padding-right: 1.6em;<br /> }<br /> .mainpage-actions {<br /> text-align: center;<br /> white-space: normal;<br /> }<br /> }<br /> <br /> /* Main table */<br /> .mainpage-maintable {<br /> width: 100%;<br /> margin: 1em 0;<br /> border: none;<br /> border-spacing: 0;<br /> }<br /> .mainpage-maintable td {<br /> padding: 0;<br /> vertical-align: top;<br /> }<br /> .mainpage-maintable td.mainpage-column-left {<br /> width: 60%;<br /> padding-right: .5em;<br /> }<br /> .mainpage-maintable td.mainpage-column-right {<br /> width: 50%;<br /> padding-left: .5em;<br /> }<br /> @media screen and (max-width: 999px) {<br /> .mainpage-maintable,<br /> .mainpage-maintable tbody,<br /> .mainpage-maintable tr,<br /> .mainpage-maintable td {<br /> display: block;<br /> }<br /> .mainpage-maintable td.mainpage-column-left {<br /> width: auto;<br /> padding: 0 0 .75em;<br /> }<br /> .mainpage-maintable td.mainpage-column-right {<br /> width: auto;<br /> padding: .75em 0 0;<br /> }<br /> }<br /> <br /> /* Boxes */<br /> .mainpage-box {<br /> border: 1px solid;<br /> }<br /> .mainpage-box:not(:first-child) {<br /> margin-top: 1.5em;<br /> }<br /> .mainpage-box .mainpage-box-title {<br /> padding: .2em .5em;<br /> font-size: 125%;<br /> font-weight: bold;<br /> }<br /> .mainpage-box .mainpage-box-content {<br /> padding: .4em 1em .3em;<br /> }<br /> .mainpage-box .mainpage-box-seealso {<br /> clear: both;<br /> border-style: solid;<br /> border-width: 1px 0 0;<br /> padding-top: .4em;<br /> margin-top: .8em;<br /> text-align: end;<br /> font-size: 95%;<br /> font-weight: bold;<br /> }<br /> <br /> @media screen {<br /> .mainpage-box-orange,<br /> .mainpage-box-orange .mainpage-box-seealso {<br /> border-color: #fad67d;<br /> }<br /> .mainpage-box-orange .mainpage-box-title {<br /> background-color: #fad67d;<br /> color: inherit;<br /> }<br /> .mainpage-box-green,<br /> .mainpage-box-green .mainpage-box-seealso {<br /> border-color: #bbfa7c;<br /> }<br /> .mainpage-box-green .mainpage-box-title {<br /> background-color: #bbfa7c;<br /> color: inherit;<br /> }<br /> .mainpage-box-blue,<br /> .mainpage-box-blue .mainpage-box-seealso {<br /> border-color: #abd5f5;<br /> }<br /> .mainpage-box-blue .mainpage-box-title {<br /> background-color: #abd5f5;<br /> color: inherit;<br /> }<br /> <br /> /* forced night mode */<br /> html.skin-theme-clientpref-night .mainpage-box-orange,<br /> .mainpage-box-orange .mainpage-box-seealso {<br /> border-color: #6F5206;<br /> }<br /> html.skin-theme-clientpref-night .mainpage-box-orange .mainpage-box-title {<br /> background-color: #6F5206;<br /> color: inherit;<br /> }<br /> html.skin-theme-clientpref-night .mainpage-box-green,<br /> .mainpage-box-green .mainpage-box-seealso {<br /> border-color: #366506;<br /> }<br /> html.skin-theme-clientpref-night .mainpage-box-green .mainpage-box-title {<br /> background-color: #366506;<br /> color: inherit;<br /> }<br /> html.skin-theme-clientpref-night .mainpage-box-blue,<br /> .mainpage-box-blue .mainpage-box-seealso {<br /> border-color: #0D4977;<br /> }<br /> html.skin-theme-clientpref-night .mainpage-box-blue .mainpage-box-title {<br /> background-color: #0D4977;<br /> color: inherit;<br /> }<br /> }<br /> <br /> @media screen and (prefers-color-scheme: dark) {<br /> /* automatic night mode */<br /> html.skin-theme-clientpref-os .mainpage-box-orange,<br /> .mainpage-box-orange .mainpage-box-seealso {<br /> border-color: #6F5206;<br /> }<br /> html.skin-theme-clientpref-os .mainpage-box-orange .mainpage-box-title {<br /> background-color: #6F5206;<br /> color: inherit;<br /> }<br /> html.skin-theme-clientpref-os .mainpage-box-green,<br /> .mainpage-box-green .mainpage-box-seealso {<br /> border-color: #366506;<br /> }<br /> html.skin-theme-clientpref-os .mainpage-box-green .mainpage-box-title {<br /> background-color: #366506;<br /> color: inherit;<br /> }<br /> html.skin-theme-clientpref-os .mainpage-box-blue,<br /> .mainpage-box-blue .mainpage-box-seealso {<br /> border-color: #0D4977;<br /> }<br /> html.skin-theme-clientpref-os .mainpage-box-blue .mainpage-box-title {<br /> background-color: #0D4977;<br /> color: inherit;<br /> }<br /> }<br /> <br /> /* Languages bar */<br /> .mainpage-languages {<br /> padding: 2em;<br /> text-align: center;<br /> }<br /> <br /> /* keep wikitext div not exceed room available, it doesn’t have any identifier yet :( */<br /> #mf-vid-vid &gt; div,<br /> /* keep Kaltura not exceed room available */<br /> #mf-vid-vid .mediaContainer,<br /> #mf-vid-vid .mwPlayerContainer,<br /> #mf-vid-vid .PopUpMediaTransform,<br /> /* keep VideoJS not exceed room available */<br /> #mf-vid-vid .video-js,<br /> #mf-vid-vid img {<br /> max-width: 100%;<br /> }<br /> <br /> /* Fixes https://phabricator.wikimedia.org/F55267795 */<br /> /* When both sidebars are open, constrain the element. Ideally this would be done<br /> via a container query<br /> <br /> This is limited to resolutions up to 1400px per this feedback:<br /> https://commons.wikimedia.org/w/index.php?title=User_talk:Jon_(WMF)&amp;oldid=883715831#Template:Main_Page_Template/styles.css<br /> */<br /> @media screen and (max-width: 1400px) {<br /> html.vector-feature-main-menu-pinned-enabled.vector-feature-appearance-pinned-clientpref-1 body.skin-vector-2022 td,<br /> html.vector-feature-main-menu-pinned-enabled.vector-feature-page-tools-pinned-enabled body.skin-vector-2022 td {<br /> display: block !important;<br /> width: auto !important;<br /> }<br /> }</div>

Shahroudi