You are here

Home » API reference » Paragraphs Previewer 7

paragraphs_previewer.css in Paragraphs Previewer 7

Styles for Paragraphs Previewer dialog.

File

css/paragraphs_previewer.css
View source 
  1. /**

  2.  * @file

  3.  * Styles for Paragraphs Previewer dialog.

  4.  */

  5. 

  6. body.paragraphs-previewer-dialog-active {

  7.   overflow: hidden;

  8. }

  9. .paragraphs-previewer-ui-dialog {

  10.   padding: 0;

  11. }

  12. 

  13. .paragraphs-previewer-ui-dialog .ui-dialog-titlebar {

  14. 

  15. }

  16. .paragraphs-previewer-ui-dialog > .paragraphs-previewer-wrapper {

  17.   padding: 10px;

  18. }

  19. 

  20. .paragraphs-previewer-wrapper {

  21.   position: relative;

  22. }

  23. 

  24. .paragraphs-previewer-wrapper .paragraphs-previewer-progress {

  25.   position: absolute;

  26.   top: 0;

  27.   left: 0;

  28.   width: 100%;

  29.   height: 100%;

  30.   z-index: 99999;

  31.   background: #fff;

  32. }

  33. 

  34. .paragraphs-previewer-wrapper .paragraphs-previewer-progress .paragraphs-previewer-progress-bar {

  35.   position: relative;

  36.   margin: 0 auto;

  37.   top: 25%;

  38.   width: 50%;

  39. }

  40. 

  41. .paragraphs-previewer-wrapper-loaded .paragraphs-previewer-progress {

  42.   display: none;

  43. }

  44. 

  45. .paragraphs-previewer-wrapper  .paragraphs-previewer-iframe {

  46.   max-width: 100%;

  47.   width: 100%;

  48.   height: 100%;

  49.   padding: 0;

  50.   border: 0;

  51.   background: none;

  52. }