/**
 * @file
 * Styles for the media browser.
 */

/**
 * Issue #1716040: Remove Corner Radius for Media Browser.
 */
#media-browser-page-wrapper .ui-corner-all,
.media-wrapper,
.media-wrapper .ui-corner-all,
.media-wrapper .ui-corner-top,
.media-wrapper .ui-corner-left,
.media-wrapper .ui-corner-tl {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  -khtml-border-top-left-radius: 0;
  border-top-left-radius: 0;
}
#media-browser-page-wrapper .ui-corner-all,
.media-wrapper,
.media-wrapper .ui-corner-all,
.media-wrapper .ui-corner-top,
.media-wrapper .ui-corner-right,
.media-wrapper .ui-corner-tl {
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  -khtml-border-top-right-radius: 0;
  border-top-right-radius: 0;
}

/**
 * Issue #1716040: Restore Corner Radius for Media Tabs
 */
#media-browser-tab.ui-corner-all,
#media-browser-tab.ui-corner-top,
#media-browser-tab.ui-corner-left,
#media-browser-tab.ui-corner-tl {
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  -khtml-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
}
#media-browser-tab.ui-corner-all,
#media-browser-tab.ui-corner-top,
#media-browser-tab.ui-corner-right,
#media-browser-tab.ui-corner-tr {
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  -khtml-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
}

/**
 * Fix weirdness with the tabs when combining the CSS from Seven, the jQuery UI
 * theme from panopoly_core and the current theme.
 *
 * @see https://www.drupal.org/node/2458747
 */
#media-tabs-wrapper .ui-tabs-nav li,
#media-tabs-wrapper .ui-tabs-nav li.ui-state-active {
  border: 0;
  background: transparent;
}
#media-tabs-wrapper .ui-tabs-nav .ui-tabs-anchor {
  padding: 0 18px 8px 18px;
}
#media-tabs-wrapper .ui-tabs-nav li.ui-state-active a:link,
#media-tabs-wrapper .ui-tabs-nav li.ui-state-active a:visited {
  background: white;
}
#media-tabs-wrapper .ui-tabs-nav li.ui-state-active a:hover {
  color: inherit;
}