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-background: #000000;
  14   --panel-arrowcontent-color: #FF9F00;
  15   --panel-arrowcontent-border: 1px solid #FF9F00;
  16 }
  17
  18 /* ::::: menupopup ::::: */
  19
  20 menupopup,
  21 panel {
  22   border: 1px solid #FF9F00;
  23   padding: 1px;
  24   min-width: 1px;
  25   background-color: #000000;
  26 }
  27
  28 menupopup > menu > menupopup {
  29   /* align submenus */
  30   margin-top: -2px;
  31 }
  32
  33 /* ::::: arrow panel ::::: */
  34
  35 panel[type="arrow"] {
  36   background: transparent;
  37   border: none;
  38   padding: 0;
  39 }
  40
  41 panel[type="arrow"][side="top"],
  42 panel[type="arrow"][side="bottom"] {
  43   margin-left: -20px;
  44   margin-right: -20px;
  45 }
  46
  47 panel[type="arrow"][side="left"],
  48 panel[type="arrow"][side="right"] {
  49   margin-top: -20px;
  50   margin-bottom: -20px;
  51 }
  52
  53 .panel-arrowcontent {
  54   border-radius: 6px;
  55   padding: 6px;
  56   color: var(--panel-arrowcontent-color);
  57   background: var(--panel-arrowcontent-background);
  58   background-clip: padding-box;
  59   border: var(--panel-arrowcontent-border);
  60   margin: 0px;
  61 }
  62
  63 .panel-arrow[side="top"],
  64 .panel-arrow[side="bottom"] {
  65   list-style-image: url("chrome://global/skin/arrow/panelarrow-vertical.svg");
  66   position: relative;
  67   margin-left: 10px;
  68   margin-right: 10px;
  69 }
  70
  71 .panel-arrow[side="top"] {
  72   margin-bottom: -1px;
  73 }
  74
  75 .panel-arrow[side="bottom"] {
  76   transform: scaleY(-1);
  77   margin-top: -1px;
  78 }
  79
  80 .panel-arrow[side="left"],
  81 .panel-arrow[side="right"] {
  82   list-style-image: url("chrome://global/skin/arrow/panelarrow-horizontal.svg");
  83   position: relative;
  84   margin-top: 10px;
  85   margin-bottom: 10px;
  86 }
  87
  88 .panel-arrow[side="left"] {
  89   margin-right: -1px;
  90 }
  91
  92 .panel-arrow[side="right"] {
  93   transform: scaleX(-1);
  94   margin-left: -1px;
  95 }
  96
  97 /* ::::: tooltip ::::: */
  98
  99 tooltip {
 100   border-radius: 3px;
 101   background-color: #9C9CFF;
 102   border: 1px solid #FFCF00;
 103   color: #000000;
 104   /* font-size: smaller; */
 105   padding: 2px;
 106   max-width: 40em;
 107 }
 108
 109 tooltip[titletip="true"] {
 110   /* See bug 32157 comment 128
 111    * margin: -2px 0px 0px -3px;
 112    */
 113   max-width: none;
 114 }
 115
 116 /* rules for popups associated with menulists */
 117
 118 menulist > menupopup {
 119   border: 1px solid #FF9F00;
 120   min-width: 0px;
 121   padding: 0px;
 122   background-color: #000000;
 123 }