/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

@import url(chrome://lightning-common/skin/lightning.css);

#calendarContent {
  color: -moz-DialogText;
  background-color: -moz-Dialog;
}

#calsidebar_splitter,
#today-splitter {
  -moz-appearance: none;
  /* splitter grip area */
  width: 5px;
  margin-top: 0;
  /* because of the negative margin needed to make the splitter visible */
  position: relative;
  z-index: 10;
  transition: border-width .3s ease-in;
}

#calsidebar_splitter {
  border-inline-start: 1px solid ThreeDShadow;
  /* make only the splitter border visible */
  margin-inline-end: -5px;
}

#today-splitter {
  border-inline-start: 1px solid ThreeDShadow;
  /* make only the splitter border visible */
  margin-inline-end: -5px;
}

#calsidebar_splitter[state="collapsed"] {
  border-inline-start: 1px solid transparent;
}

#calsidebar_splitter[state="collapsed"]:hover {
  border-inline-start: 4px solid highlight;
}

#today-splitter > grippy {
  display: none;
}

/* Calendar list rules */
#calendar-panel {
    padding-bottom: 5px;
}

/* Lightning preferences icon */
radio[pane=paneLightning] {
    list-style-image: url("chrome://calendar/skin/cal-icon32.png");
}

/* iMIP notification bar */
#imip-bar > image {
    list-style-image: url("chrome://calendar/skin/cal-icon32.png");
    -moz-image-region: rect(0px, 32px, 32px, 0px);
}

/* ::::: tabs ::::: */

/* ::: tab icons ::: */
.icon-holder[type="calendar"],
.tabmail-tab[type="calendar"] {
    list-style-image: url(chrome://lightning-common/skin/mode-switch-icons.png);
    -moz-image-region: rect(0px 64px 16px 48px);
}

.icon-holder[type="calendar"][selected="true"],
.tabmail-tab[type="calendar"][selected="true"] {
    -moz-image-region: rect(16px 64px 32px 48px);
}

.icon-holder[type="tasks"],
.tabmail-tab[type="tasks"] {
    list-style-image: url(chrome://lightning-common/skin/mode-switch-icons.png);
    -moz-image-region: rect(0px 80px 16px 64px);
}

.icon-holder[type="tasks"][selected="true"],
.tabmail-tab[type="tasks"][selected="true"] {
    -moz-image-region: rect(16px 80px 32px 64px);
}

/* Lightning sidebar in calendar and task mode */
#ltnSidebar {
  background-color: -moz-field;
  border-bottom: 1px solid ThreeDShadow;
}

/* Today pane button in status bar */
#calendar-status-todaypane-button,
#calendar-status-todaypane-button[checked="true"] {
  padding: 0 2px 1px !important;
}

#calendar-status-todaypane-button:hover {
  border-color: ThreeDShadow;
}

#calendar-status-todaypane-button[hideLabel] > stack {
  margin-inline-start: 5px;
}

#calendar-status-todaypane-button > stack > .toolbarbutton-day-text {
  margin-top: 4px;
}

/* shift the today pane button label up by one pixel to center it */
#calendar-status-todaypane-button > .toolbarbutton-text {
  margin: 0 0 1px !important;
}

#calMinimonthBox {
    margin-top: 3px;
}

/* ::: imip button icons ::: */
#imip-view-toolbar > .toolbarbutton-1.msgHeaderView-button {
  background-color: -moz-dialog;
}

#imip-view-toolbar > .toolbarbutton-1.msgHeaderView-button > .toolbarbutton-menubutton-button,
#imip-view-toolbar > .toolbarbutton-1.msgHeaderView-button > .toolbarbutton-menubutton-dropmarker {
  background-color: transparent;
}

#imip-view-toolbar > .toolbarbutton-1.msgHeaderView-button:not(:active):hover,
#imip-view-toolbar > .toolbarbutton-1.msgHeaderView-button:-moz-any(:hover,[open="true"]) >
  .toolbarbutton-menubutton-button,
#imip-view-toolbar > .toolbarbutton-1.msgHeaderView-button:hover >
  .toolbarbutton-menubutton-dropmarker {
  background: -moz-dialog linear-gradient(rgba(255, 255, 255, .5), transparent);
}

#imip-view-toolbar > .toolbarbutton-1.msgHeaderView-button:not([type="menu-button"]):hover:active,
#imip-view-toolbar > .toolbarbutton-1.msgHeaderView-button[type="menu-button"] >
  .toolbarbutton-menubutton-button:hover:active,
#imip-view-toolbar > .toolbarbutton-1.msgHeaderView-button[open="true"] >
  .toolbarbutton-menubutton-dropmarker {
  background: rgb(154, 154, 154) linear-gradient(rgba(255, 255, 255, .7), rgba(255, 255, 255, .4));
}
