Advertisement
Guest User

SFOMG Custom CSS

a guest
Jun 4th, 2020
69
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.24 KB | None | 0 0
  1. li#id_241.form-line.form-line-column.form-col-1,
  2. li#id_242.form-line.form-line-column.form-col-3,
  3. li#id_243.form-line.form-line-column.form-col-2 {
  4. width : 28%;
  5. }
  6. .form-line-column.form-col-3 {
  7. padding-left: 0px;
  8. }
  9. .form-line-column.form-col-2 {
  10. padding-left: 0px;
  11. padding-right: 5px;
  12. }
  13. .form-line-column.form-col-1 {
  14. padding-left: 36px;
  15. padding-right: 5px;
  16. }
  17.  
  18. @media screen and (max-width: 480px), screen and (max-device-width: 768px) and (orientation: portrait), screen and (max-device-width: 415px) and (orientation: landscape){
  19. li#id_241.form-line.form-line-column.form-col-1,
  20. li#id_242.form-line.form-line-column.form-col-3,
  21. li#id_243.form-line.form-line-column.form-col-2 {
  22. width : 50%;
  23. }
  24. .form-line-column.form-col-1 {
  25. padding-left: 10px;
  26. padding-right: 5px;
  27. }
  28. .form-line-column.form-col-3 {
  29. padding-left: 10px;
  30. padding-right: 5px;
  31. }
  32. #input_81_state, #input_181_state {
  33. left : 0px!important;
  34. top : 0px!important;
  35. }
  36.  
  37. label#sublabel_81_state, #sublabel_181_state {
  38. left : 0px!important;
  39. }
  40.  
  41. input#input_81_postal, #input_181_postal {
  42. left : 100px;
  43. top : -63px!important;
  44. }
  45.  
  46. label#sublabel_81_postal, #sublabel_181_postal {
  47. left : 100px!important;
  48. top : -63px!important;
  49. }
  50.  
  51. #middle_3, #middle_55, #middle_110 {
  52. position : relative;
  53. right : 0px;
  54. }
  55.  
  56. #sublabel_3_middle, #sublabel_55_middle, #sublabel_110_middle {
  57. position : relative;
  58. right : 0px;
  59. }
  60.  
  61. #last_3, #last_55, #last_110 {
  62. position : relative;
  63. left : 0px;
  64. }
  65.  
  66. #sublabel_3_last, #sublabel_55_last, #sublabel_110_last {
  67. position : relative;
  68. left : 0px;
  69. }
  70.  
  71. li#id_191, #id_185 {
  72. position: relative;
  73. top: -50px !important;
  74. margin-top: 0px !important;
  75. }
  76.  
  77. li#id_84, #id_86, #id_186, #id_188 {
  78. position: relative;
  79. top: -20px !important;
  80. margin-top: 0px !important;
  81. }
  82. }
  83.  
  84.  
  85. #label_5, #label_50, #label_51, #label_6 {
  86. display : none;
  87. }
  88.  
  89. .form-header-group {
  90. border : none;
  91. }
  92.  
  93. #input_130, #input_134, #input_140, #input_136 {
  94. width : 60px;
  95. }
  96.  
  97. #middle_3, #middle_55, #middle_110, #middle_161, #sublabel_middle {
  98. width : 40px;
  99. }
  100.  
  101. #id_115, #id_49, #label_58, #label_59 {
  102. padding-top : 18px !important;
  103. padding-bottom : 5px !important;
  104. }
  105.  
  106. #id_5, #id_50, #id_51, #id_6, #id_91, #id_92, #id_98, #id_100, #id_103, #id_104 {
  107. margin-top : 0px !important;
  108. padding-top : 0px !important;
  109. }
  110.  
  111. .form-matrix-row-headers,.form-matrix-column-headers {
  112. font-size : 15px !important;
  113. }
  114.  
  115. [data-type="control_fullname"] .form-sub-label-container {
  116. max-width : 130px !important;
  117. }
  118.  
  119. #first_3, #last_3, #first_55, #last_55, #first_110, #last_110 {
  120. max-width : 185px !important;
  121. width : 185px;
  122. }
  123.  
  124. #middle_3, #middle_55, #middle_110 {
  125. position : relative;
  126. right : -43px;
  127. }
  128.  
  129. #sublabel_3_middle, #sublabel_55_middle, #sublabel_110_middle {
  130. position : relative;
  131. right : -43px;
  132. }
  133.  
  134. #last_3, #last_55, #last_110 {
  135. position : relative;
  136. left : -40px;
  137. }
  138.  
  139. #sublabel_3_last, #sublabel_55_last, #sublabel_110_last {
  140. position : relative;
  141. left : -40px;
  142. }
  143.  
  144. #input_81_city, #input_181_city{
  145. width : 250px !important;
  146. }
  147.  
  148. #input_81_state, #input_181_state {
  149. width : 50px !important;
  150. }
  151.  
  152. #input_81_postal, #input_181_postal {
  153. width : 100px !important;
  154. }
  155.  
  156. #input_81_state, #sublabel_81_state, #input_181_state, #sublabel_181_state {
  157. position : relative;
  158. left : -182px;
  159. }
  160.  
  161. #input_81_postal, #sublabel_81_postal, #input_181_postal, #sublabel_181_postal {
  162. position : relative;
  163. left : 346px;
  164. top : -50px;
  165. }
  166.  
  167. li#id_273, #id_191, #id_185, #id_186 {
  168. margin-top : -50px;
  169. }
  170.  
  171. #input_81_state, #input_181_state, #input_130, #input_134, #input_140, #input_136, #middle_3, #middle_55, #middle_110 {
  172. text-transform : uppercase !important;
  173. }
  174.  
  175. li#id_147 {
  176. display : none;
  177. }
  178.  
  179. #sublabel_input_22 {
  180. font-size : 12px;
  181. }
  182.  
  183. #header_172, #text_223 {
  184. color: #ec0404 !important;
  185. }
  186.  
  187.  
  188. .form-label.form-label-auto {
  189. display: block;
  190. float: none;
  191. text-align: left;
  192. width: 100%;
  193. }
  194. .form-matrix-column-headers {
  195. word-break: break-word;
  196. width: 50px!important;
  197. }
  198. #cid_54 > table > tbody > tr:nth-child(2) > td:nth-child(4) {
  199. width: 200px;
  200. }
  201. #cid_54 > table > tbody > tr:nth-child(2) > td:nth-child(6) {
  202. width: 200px;
  203. }
  204. #cid_54 > table > tbody > tr.form-matrix-tr.form-matrix-header-tr > th.form-matrix-headers.form-matrix-column-headers.form-matrix-column_1 {
  205. width: 60px!important;
  206. }
  207. #cid_54 > table > tbody > tr.form-matrix-tr.form-matrix-header-tr > th.form-matrix-headers.form-matrix-column-headers.form-matrix-column_0 {
  208. width: 60px!important;
  209. }
  210. #cid_54 > table > tbody > tr.form-matrix-tr.form-matrix-header-tr > th.form-matrix-headers.form-matrix-column-headers.form-matrix-column_3 {
  211. width: 60px!important;
  212. }
  213. div#cid_54 {
  214. max-width: 700px;
  215. }
  216. #id_51 table .form-matrix-row-headers {
  217. width: 120px;
  218. }
  219. #id_54 table .form-matrix-row-headers{
  220. width: 150px;
  221. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement