You are here

Home » API reference » Panopoly Widgets 7

panopoly-widgets.css in Panopoly Widgets 7

CSS styles for the simple widgets.

File

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

  2.  * @file

  3.  * CSS styles for the simple widgets.

  4.  */

  5. 

  6. /* Media Browser */

  7. body.page-media-browser {

  8.   height: auto;

  9. }

  10. 

  11. /* Map Widget */

  12. div.pane-bundle-map .pane-content {

  13.   overflow: hidden;

  14. }

  15. 

  16. div.field-name-field-map-address img {

  17.   max-width: auto;

  18. }

  19. 

  20. /* File Widget */

  21. img.file-icon,

  22. div.file-widget img {

  23.   vertical-align: middle;

  24. }

  25. 

  26. /* Video Widget */

  27. div.pane-bundle-video .media-youtube-video

  28. div.pane-bundle-video .media-vimeo-video {

  29.   max-width: 100%;

  30. }

  31. 

  32. div.pane-bundle-video .media-vimeo-video,

  33. div.pane-bundle-video .media-youtube-video {

  34.   position: relative;

  35.   padding-bottom: 56.25%;

  36.   padding-top: 30px;

  37.   height: 0;

  38.   overflow: hidden;

  39.   max-width: 100%;

  40. }

  41. 

  42. div.pane-bundle-video .media-vimeo-video iframe,

  43. div.pane-bundle-video .media-vimeo-video object,

  44. div.pane-bundle-video .media-vimeo-video embed,

  45. div.pane-bundle-video .media-youtube-video iframe,

  46. div.pane-bundle-video .media-youtube-video object,

  47. div.pane-bundle-video .media-youtube-video embed {

  48.   position: absolute;

  49.   top: 0;

  50.   left: 0;

  51.   width: 100%;

  52.   height: 100%;

  53. }

  54. 

  55. /* Table Widget */

  56. #modalContent .form-tablefield.tablefield-header-orientation-horizontal .tablefield-row-0,

  57. #modalContent .form-tablefield.tablefield-header-orientation-vertical .col-0,

  58. #modalContent .form-tablefield.tablefield-header-orientation-vertical .col-0 input {

  59.   background-color: rgba(0, 0, 0, 0.51);

  60.   color: #ffffff;

  61.   font-weight: bold;

  62. }

  63. 

  64. /**

  65.  * Hide the Media 'Edit' button when on a CTools dialog, because it will

  66.  * close the current CTools dialog. Remove once #2264187 is fixed.

  67.  */

  68. .ctools-modal-content .media-widget a.edit {

  69.   display: none;

  70. }

  71. 

  72. /**

  73.  * Hide the Edit file button on the Media WYSIWYG style selector, until its behavior is fixed.

  74.  */

  75. #media-wysiwyg-format-form .edit-file-link {

  76.   display: none;

  77. }