You are here

Home » API reference » Paragraphs Previewer 8

preview_page.css in Paragraphs Previewer 8

Styles for Paragraphs Previewer rendered page.

File

css/preview_page.css
View source 
  1. /**

  2.  * @file

  3.  * Styles for Paragraphs Previewer rendered page.

  4.  */

  5. 

  6. /* Cleanup themes that always show the header and footer (ex. bartik) */

  7. body.paragraphs-previewer > header,

  8. body.paragraphs-previewer > div > header,

  9. body.paragraphs-previewer #page > header,

  10. body.paragraphs-previewer > footer,

  11. body.paragraphs-previewer > div > footer,

  12. body.paragraphs-previewer #page > footer {

  13.   display: none;

  14. }

  15. 

  16. /* Compact main content */

  17. html.paragraphs-previewer-html,

  18. body.paragraphs-previewer,

  19. body.paragraphs-previewer > main,

  20. body.paragraphs-previewer > main > .layout-content,

  21. body.paragraphs-previewer #main-wrapper,

  22. body.paragraphs-previewer #main-wrapper > #main,

  23. body.paragraphs-previewer #main-wrapper > #main > #content {

  24.   min-height: auto;

  25.   height: auto;

  26.   padding: 0;

  27.   margin: 0;

  28. }

  29. 

  30. /* Set HTML background color t to the same as the modal */

  31. html.paragraphs-previewer-html {

  32.   background-color: #232323;

  33. }