EarlyBlue/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: #CCD0DD;
  15   --panel-arrowcontent-color: #000000;
  16   --panel-arrowcontent-border: 1px outset #CCD0DD;
  17 }
  18
  19 /* ::::: menupopup ::::: */
  20
  21 menupopup,
  22 panel {
  23   border: 1px outset #CCD0DD;
  24   padding: 1px;
  25   min-width: 1px;
  26   background-color: #CCD0DD;
  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   padding: var(--panel-arrowcontent-padding);
  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   background-color : #FFFFCC;
 101   border : 1px outset #FFFFCC;
 102   color: #000000;
 103   /* font-size: smaller; */
 104   padding: 2px;
 105   max-width: 40em;
 106 }
 107
 108 tooltip[titletip="true"] {
 109   /* See bug 32157 comment 128
 110    * margin: -2px 0px 0px -3px;
 111    */
 112   max-width: none;
 113 }
 114
 115 /* rules for popups associated with menulists */
 116
 117 menulist > menupopup {
 118   border: 1px solid #666699;
 119   min-width: 0px;
 120   padding: 0px;
 121   background-color: white;
 122 }
 123
 124 menupopup > menu > menupopup {
 125   margin-top: -2px;
 126 }