LCARStrek/customizemode.inc.css

   1
   2 /* Customization mode */
   3 #nav-bar[customize-entered] > #nav-bar-customization-target {
   4   margin: 1px 3px;
   5 }
   6
   7 #nav-bar[customize-entered] > #nav-bar-customization-target,
   8 #PanelUI-contents > .panel-customization-placeholder {
   9   outline: 1px dashed transparent;
  10 }
  11
  12 #main-window[customizing-movingItem] #nav-bar-customization-target,
  13 #main-window[customizing-movingItem] .panel-customization-placeholder {
  14   outline-color: #9C9CFF;
  15 }
  16
  17 #PanelUI-contents > .panel-customization-placeholder {
  18   cursor: auto;
  19   outline-offset: -5px;
  20 }
  21
  22 #main-window[customize-entered] .customization-target {
  23   min-width: 100px;
  24   padding-left: 10px;
  25   padding-right: 10px;
  26 }
  27
  28 #customization-container {
  29   background-color: #000000;
  30 }
  31
  32 #customization-palette-container {
  33   padding: 15px;
  34 }
  35
  36 #customization-header {
  37   font-size: 1.5em;
  38   line-height: 1.5em;
  39   color: #9C9CFF;
  40   font-weight: lighter;
  41   margin-bottom: 1em;
  42 }
  43
  44 #customization-panel-container {
  45   padding: 10px 10px 0px;
  46   background-image: url("chrome://browser/skin/customizableui/customizeMode-gridTexture.png");
  47   background-position: left top;
  48   background-repeat: repeat;
  49   background-size: auto;
  50   background-attachment: fixed;
  51 }
  52
  53 toolbarpaletteitem {
  54   transition: background-color, border-color, box-shadow, border-width;
  55   transition-duration: 10ms, 10ms, 10ms, 250ms;
  56   transition-timing-function: linear, linear, linear, ease-in-out;
  57 }
  58
  59 toolbarpaletteitem[mousedown] {
  60   outline: 1px solid #008484;
  61   cursor: -moz-grabbing;
  62   opacity: 0.8;
  63 }
  64
  65 .panel-customization-placeholder,
  66 toolbarpaletteitem[place="palette"],
  67 toolbarpaletteitem[place="panel"] {
  68   transition: background-color, border-color, box-shadow, transform;
  69   transition-duration: 10ms, 10ms, 10ms, 250ms;
  70   transition-timing-function: linear, linear, linear, ease-in-out;
  71 }
  72
  73 toolbarpaletteitem[notransition][place="palette"],
  74 toolbarpaletteitem[notransition][place="panel"] {
  75   transition: background-color, border-color, box-shadow;
  76   transition-duration: 10ms, 10ms, 10ms;
  77   transition-timing-function: linear, linear, linear;
  78 }
  79
  80 toolbarpaletteitem > toolbarbutton > .toolbarbutton-icon {
  81   transition: transform 50ms ease-in-out;
  82 }
  83
  84 toolbarpaletteitem[mousedown] > toolbarbutton > .toolbarbutton-icon {
  85   transform: scale(1.1);
  86 }
  87
  88 /* Override the toolkit styling for items being dragged over. */
  89 toolbarpaletteitem[place="toolbar"] {
  90   border-left-width: 0;
  91   border-right-width: 0;
  92   margin-right: 0;
  93   margin-left: 0;
  94 }
  95
  96 #customization-palette:not([hidden]) {
  97   margin-bottom: 25px;
  98 }
  99
 100 /* Remove |:-moz-any(#customization-palette, #panelUI-contents)| selector when Australis lands - this makes it only apply post-Australis as those elements only exist there */
 101 #customization-palette > #wrapper-edit-controls,
 102 :-moz-any(#customization-palette, #panelUI-contents) > #customization-palette > #wrapper-zoom-controls {
 103   width: 225px;
 104 }
 105
 106 #wrapper-edit-controls[place="palette"] > .toolbarpaletteitem-box,
 107 #wrapper-zoom-controls[place="palette"] > .toolbarpaletteitem-box {
 108   width: 225px;
 109   max-width: 225px;
 110 }
 111
 112 #wrapper-edit-controls[place="palette"] > #edit-controls > toolbarbutton,
 113 #wrapper-edit-controls[place="palette"] > #edit-controls > separator,
 114 :-moz-any(#customization-palette, #panelUI-contents) > #wrapper-zoom-controls[place="palette"] > #zoom-controls > toolbarbutton,
 115 :-moz-any(#customization-palette, #panelUI-contents) > #wrapper-zoom-controls[place="palette"] > #zoom-controls > separator {
 116   margin-top: 24px;
 117 }
 118
 119 #wrapper-edit-controls[place="palette"] > #edit-controls > toolbarbutton,
 120 :-moz-any(#customization-palette, #panelUI-contents) > #wrapper-zoom-controls[place="palette"] > #zoom-controls > toolbarbutton {
 121   margin-left: 0;
 122   margin-right: 0;
 123   max-width: 70px;
 124   min-width: 70px;
 125   max-height: 24px;
 126   height: 24px;
 127 }
 128
 129 #wrapper-edit-controls[place="palette"] > #edit-controls > toolbarbutton > .toolbarbutton-text,
 130 :-moz-any(#customization-palette, #panelUI-contents) > #wrapper-zoom-controls[place="palette"] > #zoom-controls > #zoom-reset-button > .toolbarbutton-text {
 131   display: inline;
 132 }
 133
 134 #wrapper-edit-controls[place="palette"] > #edit-controls > toolbarbutton > .toolbarbutton-icon,
 135 :-moz-any(#customization-palette, #panelUI-contents) > #wrapper-zoom-controls[place="palette"] > #zoom-controls > toolbarbutton > .toolbarbutton-icon {
 136   margin: 0;
 137   -moz-margin-start: 5px;
 138 }
 139
 140 #customization-palette > toolbarpaletteitem > label {
 141   text-align: center;
 142   margin-left: 0;
 143   margin-right: 0;
 144 }
 145