You are here

Home » API reference » Panopoly Widgets 7

panopoly-widgets-media-browser.css in Panopoly Widgets 7

Styles for the media browser.

File

panopoly-widgets-media-browser.css
View source 
  1. /**

  2.  * @file

  3.  * Styles for the media browser.

  4.  */

  5. 

  6. /**

  7.  * Issue #1716040: Remove Corner Radius for Media Browser.

  8.  */

  9. #media-browser-page-wrapper .ui-corner-all,

  10. .media-wrapper,

  11. .media-wrapper .ui-corner-all,

  12. .media-wrapper .ui-corner-top,

  13. .media-wrapper .ui-corner-left,

  14. .media-wrapper .ui-corner-tl {

  15.   -moz-border-radius-topleft: 0;

  16.   -webkit-border-top-left-radius: 0;

  17.   -khtml-border-top-left-radius: 0;

  18.   border-top-left-radius: 0;

  19. }

  20. #media-browser-page-wrapper .ui-corner-all,

  21. .media-wrapper,

  22. .media-wrapper .ui-corner-all,

  23. .media-wrapper .ui-corner-top,

  24. .media-wrapper .ui-corner-right,

  25. .media-wrapper .ui-corner-tl {

  26.   -moz-border-radius-topright: 0;

  27.   -webkit-border-top-right-radius: 0;

  28.   -khtml-border-top-right-radius: 0;

  29.   border-top-right-radius: 0;

  30. }

  31. 

  32. /**

  33.  * Issue #1716040: Restore Corner Radius for Media Tabs

  34.  */

  35. #media-browser-tab.ui-corner-all,

  36. #media-browser-tab.ui-corner-top,

  37. #media-browser-tab.ui-corner-left,

  38. #media-browser-tab.ui-corner-tl {

  39.   -moz-border-radius-topleft: 5px;

  40.   -webkit-border-top-left-radius: 5px;

  41.   -khtml-border-top-left-radius: 5px;

  42.   border-top-left-radius: 5px;

  43. }

  44. #media-browser-tab.ui-corner-all,

  45. #media-browser-tab.ui-corner-top,

  46. #media-browser-tab.ui-corner-right,

  47. #media-browser-tab.ui-corner-tr {

  48.   -moz-border-radius-topright: 5px;

  49.   -webkit-border-top-right-radius: 5px;

  50.   -khtml-border-top-right-radius: 5px;

  51.   border-top-right-radius: 5px;

  52. }

  53. 

  54. /**

  55.  * Fix weirdness with the tabs when combining the CSS from Seven, the jQuery UI

  56.  * theme from panopoly_core and the current theme.

  57.  *

  58.  * @see https://www.drupal.org/node/2458747

  59.  */

  60. #media-tabs-wrapper .ui-tabs-nav li,

  61. #media-tabs-wrapper .ui-tabs-nav li.ui-state-active {

  62.   border: 0;

  63.   background: transparent;

  64. }

  65. #media-tabs-wrapper .ui-tabs-nav .ui-tabs-anchor {

  66.   padding: 0 18px 8px 18px;

  67. }

  68. #media-tabs-wrapper .ui-tabs-nav li.ui-state-active a:link,

  69. #media-tabs-wrapper .ui-tabs-nav li.ui-state-active a:visited {

  70.   background: white;

  71. }

  72. #media-tabs-wrapper .ui-tabs-nav li.ui-state-active a:hover {

  73.   color: inherit;

  74. }