LCARStrek/global/popup.css

   1 /* This Source Code Form is subject to the terms of the Mozilla Public
   2  * License, v. 2.0. If a copy of the MPL was not distributed with this
   3  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
   4
   5 /* ===== popup.css ======================================================
   6   == Styles used by the XUL popup element.
   7   ======================================================================= */
   8
   9 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  10
  11 /* ::::: Variables ::::: */
  12 .panel-arrowcontent {
  13   --panel-arrowcontent-padding: 6px;
  14   --panel-arrowcontent-background: #000000;
  15   --panel-arrowcontent-color: #FF9F00;
  16   --panel-arrowcontent-border: 1px solid #FF9F00;
  17 }
  18
  19 /* ::::: menupopup ::::: */
  20
  21 menupopup,
  22 panel {
  23   border: 1px solid #FF9F00;
  24   padding: 1px;
  25   min-width: 1px;
  26   background-color: #000000;
  27 }
  28
  29 menupopup > menu > menupopup {
  30   /* align submenus */
  31   margin-top: -2px;
  32 }
  33
  34 /* ::::: arrow panel ::::: */
  35
  36 panel[type="arrow"] {
  37   background: transparent;
  38   border: none;
  39   padding: 0;
  40 }
  41
  42 panel[type="arrow"][side="top"],
  43 panel[type="arrow"][side="bottom"] {
  44   margin-left: -20px;
  45   margin-right: -20px;
  46 }
  47
  48 panel[type="arrow"][side="left"],
  49 panel[type="arrow"][side="right"] {
  50   margin-top: -20px;
  51   margin-bottom: -20px;
  52 }
  53
  54 .panel-arrowcontent {
  55   border-radius: 6px;
  56   padding: var(--panel-arrowcontent-padding);
  57   color: var(--panel-arrowcontent-color);
  58   background: var(--panel-arrowcontent-background);
  59   background-clip: padding-box;
  60   border: var(--panel-arrowcontent-border);
  61   margin: 0px;
  62 }
  63
  64 .panel-arrow[side="top"],
  65 .panel-arrow[side="bottom"] {
  66   list-style-image: url("chrome://global/skin/arrow/panelarrow-vertical.svg");
  67   position: relative;
  68   margin-left: 10px;
  69   margin-right: 10px;
  70 }
  71
  72 .panel-arrow[side="top"] {
  73   margin-bottom: -1px;
  74 }
  75
  76 .panel-arrow[side="bottom"] {
  77   transform: scaleY(-1);
  78   margin-top: -1px;
  79 }
  80
  81 .panel-arrow[side="left"],
  82 .panel-arrow[side="right"] {
  83   list-style-image: url("chrome://global/skin/arrow/panelarrow-horizontal.svg");
  84   position: relative;
  85   margin-top: 10px;
  86   margin-bottom: 10px;
  87 }
  88
  89 .panel-arrow[side="left"] {
  90   margin-right: -1px;
  91 }
  92
  93 .panel-arrow[side="right"] {
  94   transform: scaleX(-1);
  95   margin-left: -1px;
  96 }
  97
  98 /* ::::: tooltip ::::: */
  99
 100 tooltip {
 101   border-radius: 3px;
 102   background-color: #9C9CFF;
 103   border: 1px solid #FFCF00;
 104   color: #000000;
 105   /* font-size: smaller; */
 106   padding: 2px;
 107   max-width: 40em;
 108 }
 109
 110 tooltip[titletip="true"] {
 111   /* See bug 32157 comment 128
 112    * margin: -2px 0px 0px -3px;
 113    */
 114   max-width: none;
 115 }
 116
 117 /* rules for popups associated with menulists */
 118
 119 menulist > menupopup {
 120   border: 1px solid #FF9F00;
 121   min-width: 0px;
 122   padding: 0px;
 123   background-color: #000000;
 124 }