skins/vector/components/personalMenu.less

   1 /* Personal */
   2 #p-personal {
   3         position: absolute;
   4         top: 0.33em;
   5         right: 0.75em;
   6         /* Display on top of page tabs - bugs 37158, 48078 */
   7         z-index: 100;
   8
   9         h3 {
  10                 display: none;
  11         }
  12
  13         ul {
  14                 list-style-type: none;
  15                 list-style-image: none;
  16                 margin: 0;
  17                 padding-left: 10em; /* Keep from overlapping logo */
  18         }
  19
  20         li {
  21                 line-height: 1.125em;
  22                 /* @noflip */
  23                 float: left;
  24                 margin-left: 0.75em;
  25                 margin-top: 0.5em;
  26                 font-size: @menu-personal-font-size;
  27                 white-space: nowrap;
  28         }
  29 }
  30
  31 /* Icon for Usernames */
  32 #pt-userpage,
  33 #pt-anonuserpage {
  34         background-position: left top;
  35         background-repeat: no-repeat;
  36         /* SVG support using a transparent gradient to guarantee cross-browser
  37          * compatibility (browsers able to understand gradient syntax support also SVG) */
  38         .background-image-svg('images/user-icon.svg', 'images/user-icon.png');
  39         padding-left: 15px !important; // stylelint-disable-line declaration-no-important
  40 }
  41
  42 /* Show "Not logged in" text in gray */
  43 #pt-anonuserpage {
  44         color: #707070;
  45 }