MediaWiki:Gadget-dynamic-menus.css/2

From Meta, a Wikimedia project coordination wiki
  1. p-search {
 right:0;

}

  1. p-personal h5, #mw_portlets h5 {
 display:block;
 background-color:#3c78b5;
 cursor:default;
 color:white;
 font-size:100%;
 font-variant:small-caps;
 font-weight:bold;
 height:1em;
 text-transform:lowercase;
 text-align:center;

} .portlet h5 {

 border-bottom:none;

}

  1. p-personal div.pBody, #mw_portlets div.pBody {
 display:none;
 background-color:#eee;
 border-left:1px solid #036;
 border-right:1px solid #036;
 border-bottom:5px solid #036;
 font-variant:normal;
 height:auto;
 margin:0 0 -1px 0;
 padding:0;

}

  1. p-personal ul, #mw_portlets .portlet ul, #searchBody {
 background-color:#eee;
 height:auto;
 line-height:1.5em;
 margin:0;
 padding:0;

}

  1. p-personal li, #mw_portlets li {
 display:block;
 border-bottom:1px solid #ddd;
 float:none;
 font-weight:normal;
 text-transform:none;
 margin:0;

}

  1. p-personal li a, #mw_portlets li a {
 color:#036;
 width:100%;
 padding:0 1em;

}

  1. searchInput {
 width:95%;

}

  1. mw_contentwrapper, #mw_content {
 margin:0;

}

  1. p-cactions {
 margin:1.5em 0 0 0;

}

  1. p-cactions li {
 margin:0;
 padding:0;

}

  1. p-cactions li a {
 padding:0 1em;

} /* The following elements are the ones that make the actual dynamics */

  1. p-personal:hover h5, #mw_portlets .portlet:hover h5 {
 border-top:2px solid #3c78b5;
 background-color:#036;

}

  1. p-personal li a:hover, #mw_portlets li a:hover {
 text-decoration:underline;
 color:#036;

}

  1. p-personal li:hover, #mw_portlets li:hover {
 background-color:#ddd;

}

  1. p-personal:hover div.pBody, #mw_portlets .portlet:hover div.pBody {
 display:block;

}

  1. p-personal:hover, #mw_portlets .portlet:hover {
 -moz-box-shadow:#aaa 5px 5px 5px -2px;

}

/****************************

      #p-lang module
                                                        • /
  1. p-lang {
 position:fixed;
 top:6em;
 max-height:80%;
 left:-200px;
 width:200px;
 border-right:10px solid orange;

}

  1. p-lang div.pBody {
 display:block;
 border-bottom:1px solid #036;

}

  1. p-lang h5 {
 height:1.1em;

}

  1. p-lang:hover h5 {
 height:1em;

}

  1. p-lang:hover {
 position:fixed;
 top:6em;
 left:0;
 border:1px solid #036;
 border-bottom:5px solid #036;
 overflow:auto;

}

  1. p-lang:hover .pBody, #p-lang.portlet:hover h5 {
 border:0;

}