https://wiki.lolcow.city/foodie-beauty/index.php?action=history&feed=atom&title=Module%3ANavbox%2Fstyles.css 2026-04-08T02:47:23Z Revision history for this page on the wiki MediaWiki 1.41.1 https://wiki.lolcow.city/foodie-beauty/index.php?title=Module:Navbox/styles.css&diff=16&oldid=prev 2024-07-13T16:55:54Z

<p>Created page with &quot;.nav_box { box-sizing: border-box; border: 1px solid #a2a9b1; width: 100%; clear: both; font-size: 88%; text-align: center; padding: 1px; margin: 1em auto 0; <span dir="auto"><span class="autocomment">Prevent preceding content from clinging to navboxes: </span> } .nav_box .nav_box { margin-top: 0; <span dir="auto"><span class="autocomment">No top margin for nested navboxes: </span> } .nav_box + .nav_box, <span dir="auto"><span class="autocomment">TODO: remove first line after transclusions have updated: </span> .nav_box + .navbox-styles + .nav_box { margin-top: -1px; /* Single pixel border betw...&quot;</span></span></span></p> <p><b>New page</b></p><div>.nav_box {<br /> box-sizing: border-box;<br /> border: 1px solid #a2a9b1;<br /> width: 100%;<br /> clear: both;<br /> font-size: 88%;<br /> text-align: center;<br /> padding: 1px;<br /> margin: 1em auto 0; /* Prevent preceding content from clinging to navboxes */<br /> }<br /> <br /> .nav_box .nav_box {<br /> margin-top: 0; /* No top margin for nested navboxes */<br /> }<br /> <br /> .nav_box + .nav_box, /* TODO: remove first line after transclusions have updated */<br /> .nav_box + .navbox-styles + .nav_box {<br /> margin-top: -1px; /* Single pixel border between adjacent navboxes */<br /> }<br /> <br /> .navbox-inner,<br /> .navbox-subgroup {<br /> width: 100%;<br /> }<br /> <br /> .navbox-group,<br /> .navbox-title,<br /> .navbox-abovebelow {<br /> padding: 0.25em 1em;<br /> line-height: 1.5em;<br /> text-align: center;<br /> }<br /> <br /> .navbox-group {<br /> white-space: nowrap;<br /> /* @noflip */<br /> text-align: right;<br /> }<br /> <br /> .nav_box,<br /> .navbox-subgroup {<br /> background-color: #fdfdfd;<br /> }<br /> <br /> .navbox-list {<br /> line-height: 1.5em;<br /> border-color: #fdfdfd; /* Must match background color */<br /> }<br /> <br /> .navbox-list-with-group {<br /> text-align: left;<br /> border-left-width: 2px;<br /> border-left-style: solid;<br /> }<br /> <br /> /* cell spacing for navbox cells */<br /> /* Borders above 2nd, 3rd, etc. rows */<br /> /* TODO: figure out how to replace tr as structure;<br /> * with div structure it should be just a matter of first-child */<br /> tr + tr &gt; .navbox-abovebelow,<br /> tr + tr &gt; .navbox-group,<br /> tr + tr &gt; .navbox-image,<br /> tr + tr &gt; .navbox-list {<br /> border-top: 2px solid #fdfdfd; /* Must match background color */<br /> }<br /> <br /> .navbox-title {<br /> background-color: #CCCCCC; /* Level 1 color */<br /> }<br /> <br /> .navbox-abovebelow,<br /> .navbox-group,<br /> .navbox-subgroup .navbox-title {<br /> background-color: #DDDDDD; /* Level 2 color */<br /> }<br /> <br /> .navbox-subgroup .navbox-group,<br /> .navbox-subgroup .navbox-abovebelow {<br /> background-color: #E6E6E6; /* Level 3 color */<br /> }<br /> <br /> .navbox-even {<br /> background-color: #f7f7f7;<br /> }<br /> <br /> .navbox-odd {<br /> background-color: transparent;<br /> }<br /> <br /> /* TODO: figure out how to remove reliance on td as structure */<br /> .nav_box .hlist td dl,<br /> .nav_box .hlist td ol,<br /> .nav_box .hlist td ul,<br /> .nav_box td.hlist dl,<br /> .nav_box td.hlist ol,<br /> .nav_box td.hlist ul {<br /> padding: 0.125em 0;<br /> }<br /> <br /> .nav_box .navbar {<br /> display: block;<br /> font-size: 100%;<br /> }<br /> <br /> .navbox-title .navbar {<br /> /* @noflip */<br /> float: left;<br /> /* @noflip */<br /> text-align: left;<br /> /* @noflip */<br /> margin-right: 0.5em;<br /> }<br /> <br /> @media ( max-width: 500px) {<br /> .nav_box {<br /> display: block;<br /> width: 86vw;<br /> max-width: 86vw;<br /> min-width: 86vw;<br /> }<br /> .nav_box tr {<br /> display:grid!important;<br /> }<br /> .nav_box th {<br /> text-align: center;<br /> }<br /> .nav_box .navbox-group {<br /> width: auto!important;<br /> }<br /> <br /> <br /> }</div>

Aviv