https://anotherwiki.org/index.php?action=history&feed=atom&title=MediaWiki%3AGadget-dynamic-menus.css 2026-05-26T23:31:41Z Revision history for this page on the wiki MediaWiki 1.40.0 https://anotherwiki.org/index.php?title=MediaWiki:Gadget-dynamic-menus.css&diff=649&oldid=prev 2012-04-01T18:33:48Z

<p>1 revision</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="en"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 14:33, 1 April 2012</td> </tr> <!-- diff cache key anotherwiki2-wiki_:diff:wikidiff2:1.12:old-648:rev-649:1.13.0 --> </table>

Jarandhel https://anotherwiki.org/index.php?title=MediaWiki:Gadget-dynamic-menus.css&diff=648&oldid=prev 2011-07-02T20:09:47Z

<p>Force margin changes as important to ensure that they are not overridden by the skin</p> <p><b>New page</b></p><div>#firstHeading {<br /> text-align:center;<br /> }<br /> #p-personal, #mw_portlets .portlet:not(#p-lang) {<br /> height:auto;<br /> position:absolute;<br /> overflow:auto;<br /> top:2em;<br /> z-index:1000;<br /> width:16.67%; /* ***** $var1 ***** This needs to be customized for each wiki. It is 100% divided on the number of .portlets */<br /> }<br /> /***********************************<br /> The following need to be customized for each wiki.<br /> It contains the IDs of each individual portlet, and their positions. #p-search is placed separately; it should always be to the right.<br /> The first one must have a value the same as $var1, the second one is 2 × $var1, the third one is 3 × $var1 and so on.<br /> ***********************************/<br /> #p-navigation {<br /> left:16.67%;<br /> }<br /> #p-communication {<br /> left:33.34%;<br /> }<br /> #p-furry_links {<br /> left:50.01%;<br /> }<br /> #p-tb {<br /> left:66.68%;<br /> }<br /> /***********************************<br /> End of .portlet ID section.<br /> ***********************************/<br /> #p-search {<br /> right:0;<br /> }<br /> #p-personal h5, #mw_portlets h5 {<br /> display:block;<br /> background-color:#3c78b5;<br /> cursor:default;<br /> color:white;<br /> font-size:100%;<br /> font-variant:small-caps;<br /> font-weight:bold;<br /> height:1em;<br /> text-transform:lowercase;<br /> text-align:center;<br /> }<br /> .portlet h5 {<br /> border-bottom:none;<br /> padding:0 0 0.4em;<br /> }<br /> #p-personal div.pBody, #mw_portlets div.pBody {<br /> display:none;<br /> background-color:#eee;<br /> border-left:1px solid #036;<br /> border-right:1px solid #036;<br /> border-bottom:5px solid #036;<br /> font-variant:normal;<br /> height:auto;<br /> margin:0;<br /> padding:0;<br /> }<br /> #p-personal ul, #mw_portlets .portlet ul, #searchBody {<br /> background-color:#eee;<br /> height:auto;<br /> line-height:1.5em;<br /> margin:0;<br /> padding:0;<br /> }<br /> #p-personal li, #mw_portlets li {<br /> display:block;<br /> border-bottom:1px solid #ddd;<br /> float:none;<br /> font-weight:normal;<br /> text-transform:none;<br /> margin:0;<br /> height:auto;<br /> }<br /> #p-personal li a, #mw_portlets li a {<br /> color:#036;<br /> width:100%;<br /> padding:0 1em;<br /> }<br /> #searchInput {<br /> width:95%;<br /> }<br /> #mw_contentwrapper, #mw_content {<br /> margin:0 !important;<br /> }<br /> #p-cactions {<br /> margin:0 !important;<br /> }<br /> #p-cactions li {<br /> margin:0;<br /> padding:0;<br /> }<br /> #p-cactions li a {<br /> padding:0 1em;<br /> }<br /> /* The following elements are the ones that make the actual dynamics */<br /> #p-personal:hover h5, #mw_portlets .portlet:hover h5 {<br /> border-top:2px solid #3c78b5;<br /> background-color:#036;<br /> }<br /> #p-personal li a:hover, #mw_portlets li a:hover {<br /> text-decoration:underline;<br /> color:#036;<br /> }<br /> #p-personal li:hover, #mw_portlets li:hover {<br /> background-color:#ddd;<br /> }<br /> #p-personal:hover div.pBody, #mw_portlets .portlet:hover div.pBody {<br /> display:block;<br /> }<br /> #p-personal:hover, #mw_portlets .portlet:hover {<br /> -moz-box-shadow:#aaa 5px 5px 5px -2px;<br /> }<br /> #p-search.portlet:hover {<br /> -moz-box-shadow:#aaa -2px 5px 5px -2px;<br /> }<br /> <br /> /****************************<br /> #p-lang module<br /> ****************************/<br /> <br /> #p-lang {<br /> position:fixed;<br /> top:6em;<br /> max-height:80%;<br /> left:-200px;<br /> width:200px;<br /> border-right:10px solid orange;<br /> }<br /> #p-lang div.pBody {<br /> display:block;<br /> border-bottom:1px solid #036;<br /> }<br /> #p-lang h5 {<br /> height:1.1em;<br /> }<br /> #p-lang:hover h5 {<br /> height:1em;<br /> }<br /> #p-lang:hover {<br /> position:fixed;<br /> top:6em;<br /> left:0;<br /> border:1px solid #036;<br /> border-bottom:5px solid #036;<br /> overflow:auto;<br /> }<br /> #p-lang:hover .pBody, #p-lang.portlet:hover h5 {<br /> border:0;<br /> }<br /> <br /> /* v1.1.4 */</div>

GreenReaper