media-tablet.css 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. html.bx-media-tablet {
  2. font-size:100%;
  3. }
  4. /* never visible - used to check MQ */
  5. .bx-media-tablet body::before {
  6. display: none;
  7. content: 'tablet';
  8. }
  9. .bx-media-tablet .bx-def-media-tablet-hide {
  10. display:none !important;
  11. }
  12. .bx-media-tablet .bx-def-media-tablet-show-block {
  13. display:block;
  14. }
  15. .bx-media-tablet .bx-def-constraint-all *,
  16. .bx-media-tablet .bx-def-constraint-list ol, .bx-def-constraint-list ul,
  17. .bx-media-tablet .bx-def-constraint-pre pre,
  18. .bx-media-tablet .bx-def-constraint-object object,
  19. .bx-media-tablet .bx-def-constraint-iframe iframe,
  20. .bx-media-tablet .bx-def-constraint-img img {
  21. -moz-box-sizing: border-box;
  22. -ms-box-sizing: border-box;
  23. -webkit-box-sizing: border-box;
  24. box-sizing: border-box;
  25. max-width:500px !important;
  26. overflow:hidden !important;
  27. }
  28. .bx-media-tablet .bx-def-constraint-pre pre {
  29. overflow:scroll !important;
  30. }
  31. /* default.css */
  32. .bx-media-tablet .bx-def-page-width {
  33. width:auto;
  34. }
  35. /* page layouts */
  36. .bx-media-tablet .bx-layout-wrapper.bx-layout-top-area-bcb .bx-layout-col {
  37. float:none !important;
  38. width:auto !important;
  39. }
  40. .bx-media-tablet .bx-layout-wrapper.bx-layout-top-area-bcb .bx-layout-col .bx-layout-cell {
  41. padding-left: 0 !important;
  42. padding-right: 0 !important;
  43. }