CSS   34
editor
Guest on 26th May 2023 12:56:42 PM


  1. .wrs_links {
  2.     margin: 10px auto;
  3.     margin-bottom :0px;
  4.     font-family : arial, sans-serif;
  5.     padding: 6px;
  6.  
  7. }
  8.  
  9. .wrs_links > a {
  10.     text-decoration: none;
  11.     color: #778e9a;
  12. }
  13.  
  14.  
  15. .wrs_button_cancel {
  16.     min-width: 80px;
  17.     font-size: 14px;
  18.     border-radius: 3px;
  19.     border: 1px solid #778e9a;
  20.     padding: 6px 8px;
  21.     margin: 10px auto;
  22.     margin-left: 5px;
  23.     margin-bottom :0px;
  24.     cursor: pointer;
  25.     font-family : arial, sans-serif;
  26. }
  27.  
  28. .wrs_button_accept {
  29.     min-width: 80px;
  30.     font-size: 14px;
  31.     border-radius: 3px;
  32.     border: 1px solid #778e9a;
  33.     padding: 6px 8px;
  34.     margin: 10px auto;
  35.     margin-right: 5px;
  36.     margin-bottom :0px;
  37.     color : #ffffff;
  38.     background : #778e9a;
  39.     cursor: pointer;
  40.     font-family : arial, sans-serif;
  41. }
  42.  
  43. .wrs_editor_vertical_bar {
  44.     height: 20px;
  45.     float: right;
  46.     background: none;
  47.     width: 20px;
  48.     cursor: pointer;
  49. }
  50. .wrs_buttonContainer {
  51.     display: inline;
  52. }
  53.  
  54. .wrs_buttonContainer.wrs_modalAndroid {
  55.     padding-left: 6px;
  56. }
  57.  
  58. ..wrs_buttonContainer.wrs_modalDesktop {
  59.     padding-left: 0px;
  60. }
  61.  
  62. @media only screen and (max-device-width: 480px) and (orientation: portrait) {
  63.     #container {
  64.         width : 140%;
  65.     }
  66. }
  67.  
  68.  
  69. /*iPad and iPad Mini*/
  70. @media only screen
  71. and (min-device-width : 768px)
  72. and (max-device-width : 1024px)
  73. and (orientation : portrait) {
  74.  
  75.     .wrs_container.wrs_modalIos {
  76.         width: 100vw    !important;
  77.         height: 100vh   !important;
  78.     }
  79.  
  80.     .wrs_editorContainer.wrs_modalIos {
  81.         width: 100vw    !important;
  82.         height: 89vh   !important;
  83.     }
  84.  
  85.     .wrs_controls.wrs_modalIos {
  86.         width: 100vw    !important;
  87.         height: 11vh   !important;
  88.     }
  89.  
  90. }
  91.  
  92. @media only screen
  93. and (min-device-width : 768px)
  94. and (max-device-width : 1024px)
  95. and (orientation : landscape) {
  96.     .wrs_container.wrs_modalIos {
  97.         width: 100vw    !important;
  98.         height: 100vh   !important;
  99.     }
  100.  
  101.     .wrs_editorContainer.wrs_modalIos {
  102.         width: 100vw    !important;
  103.         height: 87vh   !important;
  104.     }
  105.  
  106.     .wrs_controls.wrs_modalIos {
  107.         width: 100vw    !important;
  108.         height: 13vh   !important;
  109.     }
  110. }
  111.  
  112. /*iPhone5*/
  113. @media only screen
  114. and (min-device-width : 320px)
  115. and (max-device-width : 568px)
  116. and (orientation : portrait) {
  117.  
  118.     .wrs_container.wrs_modalIos {
  119.         display: inline;
  120.         width: 320px    !important;
  121.         height: 100vh    !important;
  122.     }
  123.  
  124.     .wrs_editorContainer.wrs_modalIos {
  125.         width: 320px    !important;
  126.         height: 79vh    !important;
  127.     }
  128.  
  129.     .wrs_controls.wrs_modalIos {
  130.         width: 320px    !important;
  131.         height: 21vh    !important;
  132.         vertical-align: middle;
  133.     }
  134. }
Raw Paste

Login or Register to edit or fork this paste. It's free.