daily pastebin goal
40%
SHARE
TWEET

CSS Code within HTML: Make the jotform look as on preview

BaneD Jan 31st, 2015 35 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <link href="http://d2g9qbzl5h49rh.cloudfront.net/static/formCss.css?3.2.5149" rel="stylesheet" type="text/css" />
  2. <link type="text/css" rel="stylesheet" href="http://d2g9qbzl5h49rh.cloudfront.net/css/styles/nova.css?3.2.5149" />
  3. <link type="text/css" media="print" rel="stylesheet" href="http://d2g9qbzl5h49rh.cloudfront.net/css/printForm.css?3.2.5149" />
  4. <style type="text/css">
  5.     .form-label-left{
  6.         width:140px !important;
  7.     }
  8.     .form-line{
  9.         padding-top:5px;
  10.         padding-bottom:5px;
  11.     }
  12.     .form-label-right{
  13.         width:140px !important;
  14.     }
  15.     .form-all{
  16.         width:280px;
  17.         color:#666 !important;
  18.         font-family:'Arial';
  19.         font-size:11px;
  20.     }
  21.     .form-radio-item label, .form-checkbox-item label, .form-grading-label, .form-header{
  22.         color: #666;
  23.     }
  24.  
  25. </style>
  26.  
  27. <style type="text/css" id="form-designer-style">
  28.     /* Injected CSS Code */
  29. /* line 82, http://www.jotform.com/themes/css/style.less */
  30. .form-all {
  31.   font-family: "Arial", sans-serif;
  32. }
  33. /* line 115, http://www.jotform.com/themes/css/style.less */
  34. .form-all {
  35.   width: 280px;
  36.   width: 100%;
  37.   max-width: 280px;
  38. }
  39. /* line 131, http://www.jotform.com/themes/css/style.less */
  40. .form-label-left,
  41. .form-label-right {
  42.   width: 140px;
  43. }
  44. /* line 142, http://www.jotform.com/themes/css/style.less */
  45. .form-label {
  46.   white-space: normal;
  47. }
  48. /* line 144, http://www.jotform.com/themes/css/style.less */
  49. .form-label.form-label-auto {
  50.   display: block;
  51.   float: none;
  52.   text-align: left;
  53. }
  54. /* line 168, http://www.jotform.com/themes/css/style.less */
  55. .form-label-left {
  56.   display: inline-block;
  57.   white-space: normal;
  58.   float: left;
  59.   text-align: left;
  60. }
  61. /* line 175, http://www.jotform.com/themes/css/style.less */
  62. .form-label-right {
  63.   display: inline-block;
  64.   white-space: normal;
  65.   float: left;
  66.   text-align: right;
  67. }
  68. /* line 182, http://www.jotform.com/themes/css/style.less */
  69. .form-label-top {
  70.   white-space: normal;
  71.   display: block;
  72.   float: none;
  73.   text-align: left;
  74. }
  75. /* line 195, http://www.jotform.com/themes/css/style.less */
  76. .form-all {
  77.   font-size: 11px;
  78. }
  79. /* line 207, http://www.jotform.com/themes/css/style.less */
  80. .form-label {
  81.   font-weight: bold;
  82. }
  83. /* line 211, http://www.jotform.com/themes/css/style.less */
  84. .form-checkbox-item label,
  85. .form-radio-item label {
  86.   font-weight: normal;
  87. }
  88. /* line 278, http://www.jotform.com/themes/css/style.less */
  89. .supernova {
  90.   background-color: #f4f4f4;
  91. }
  92. /* line 280, http://www.jotform.com/themes/css/style.less */
  93. .supernova body {
  94.   background-color: transparent;
  95. }
  96. /*
  97. @width30: (unit(@formWidth, px) + 60px);
  98. @width60: (unit(@formWidth, px)+ 120px);
  99. @width90: (unit(@formWidth, px)+ 180px);
  100. */
  101. /* | */
  102. @media screen and (min-width: 480px) {
  103.   /* line 296, http://www.jotform.com/themes/css/style.less */
  104.   .supernova {
  105.     background-color: #ffffff;
  106.   }
  107.   /* line 300, http://www.jotform.com/themes/css/style.less */
  108.   .supernova .form-all {
  109.     border: 1px solid #e6e6e6;
  110.     -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.1);
  111.     -moz-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.1);
  112.     box-shadow: 0 3px 9px rgba(0, 0, 0, 0.1);
  113.   }
  114. }
  115. /* | */
  116. /* | */
  117. @media screen and (max-width: 480px) {
  118.   /* line 316, http://www.jotform.com/themes/css/style.less */
  119.   .jotform-form {
  120.     padding: 10px 0;
  121.   }
  122. }
  123. /* | */
  124. /* | */
  125. @media screen and (min-width: 480px) and (max-width: 768px) {
  126.   /* line 322, http://www.jotform.com/themes/css/style.less */
  127.   .jotform-form {
  128.     padding: 30px 0;
  129.   }
  130. }
  131. /* | */
  132. /* | */
  133. @media screen and (min-width: 768px) and (max-width: 1024px) {
  134.   /* line 328, http://www.jotform.com/themes/css/style.less */
  135.   .jotform-form {
  136.     padding: 60px 0;
  137.   }
  138. }
  139. /* | */
  140. /* | */
  141. @media screen and (min-width: 1024px) {
  142.   /* line 334, http://www.jotform.com/themes/css/style.less */
  143.   .jotform-form {
  144.     padding: 90px 0;
  145.   }
  146. }
  147. /* | */
  148. /* line 343, http://www.jotform.com/themes/css/style.less */
  149. .form-all {
  150.   background-color: #f4f4f4;
  151.   border: 1px solid transparent;
  152. }
  153. /* line 349, http://www.jotform.com/themes/css/style.less */
  154. .form-header-group {
  155.   border-color: #dbdbdb;
  156. }
  157. /* line 354, http://www.jotform.com/themes/css/style.less */
  158. .form-matrix-table tr {
  159.   border-color: #dbdbdb;
  160. }
  161. /* line 356, http://www.jotform.com/themes/css/style.less */
  162. .form-matrix-table tr:nth-child(2n) {
  163.   background-color: #e7e7e7;
  164. }
  165. /* line 369, http://www.jotform.com/themes/css/style.less */
  166. .form-all {
  167.   color: #666666;
  168. }
  169. /* line 374, http://www.jotform.com/themes/css/style.less */
  170. .form-header-group .form-header {
  171.   color: #666666;
  172. }
  173. /* line 375, http://www.jotform.com/themes/css/style.less */
  174. .form-header-group .form-subHeader {
  175.   color: #808080;
  176. }
  177. /* line 378, http://www.jotform.com/themes/css/style.less */
  178. .form-sub-label {
  179.   color: #808080;
  180. }
  181. /* line 383, http://www.jotform.com/themes/css/style.less */
  182. .form-label-top,
  183. .form-label-left,
  184. .form-label-right {
  185.   color: #666666;
  186. }
  187. /* line 389, http://www.jotform.com/themes/css/style.less */
  188. .form-textbox,
  189. .form-textarea,
  190. .form-radio-other-input,
  191. .form-checkbox-other-input,
  192. .form-captcha input,
  193. .form-spinner input,
  194. .form-checkbox-item label,
  195. .form-radio-item label {
  196.   color: #808080;
  197. }
  198. /* line 426, http://www.jotform.com/themes/css/style.less */
  199. .form-line.form-line-active {
  200.   -webkit-transition-property: all;
  201.   -moz-transition-property: all;
  202.   -ms-transition-property: all;
  203.   -o-transition-property: all;
  204.   transition-property: all;
  205.   -webkit-transition-duration: 0.3s;
  206.   -moz-transition-duration: 0.3s;
  207.   -ms-transition-duration: 0.3s;
  208.   -o-transition-duration: 0.3s;
  209.   transition-duration: 0.3s;
  210.   -webkit-transition-timing-function: ease;
  211.   -moz-transition-timing-function: ease;
  212.   -ms-transition-timing-function: ease;
  213.   -o-transition-timing-function: ease;
  214.   transition-timing-function: ease;
  215.   background-color: #ffffe0;
  216. }
  217. /* ömer */
  218. /* line 434, http://www.jotform.com/themes/css/style.less */
  219. .form-radio-item,
  220. .form-checkbox-item {
  221.   padding-bottom: 0px !important;
  222. }
  223. /* line 436, http://www.jotform.com/themes/css/style.less */
  224. .form-radio-item:last-child,
  225. .form-checkbox-item:last-child {
  226.   padding-bottom: 0;
  227. }
  228. /* ömer */
  229. /*.ctrl-custom-size(@bgSize, @tickSize, @tickOffsetTop, @tickOffsetLeft, @radius) {
  230.  
  231.         input {
  232.                 display: none;
  233.         }
  234.        
  235.         label {
  236.                 position: relative;
  237.                 margin-left: 0;
  238.         }
  239.  
  240.         label:before {
  241.                 content: '';
  242.                 position: relative;
  243.                 display: inline-block;
  244.                 vertical-align: baseline;
  245.                 margin-right: 4px;
  246.                 .border-box();
  247.                 .rounded(@radius);
  248.  
  249.                 width: @bgSize;
  250.                 height: @bgSize;
  251.         }
  252.  
  253.         label:after {
  254.                 content: '';
  255.                 position: absolute;
  256.                 z-index: 10;   
  257.                 display: inline-block;
  258.                 opacity: 0;
  259.  
  260.                 top:@tickOffsetTop;
  261.                 left:@tickOffsetLeft;
  262.                 width: @tickSize;
  263.                 height: @tickSize;
  264.                 .rounded(@radius);
  265.         }
  266.  
  267.         input:checked + label:after {
  268.                 opacity: 1;
  269.         }
  270.  
  271. }*/
  272. /* line 673, http://www.jotform.com/themes/css/style.less */
  273. .form-single-column .form-checkbox-item,
  274. .form-single-column .form-radio-item {
  275.   width: 100%;
  276. }
  277. /* line 1154, http://www.jotform.com/themes/css/style.less */
  278. .supernova {
  279.   background-repeat: no-repeat;
  280.   background-attachment: scroll;
  281.   background-position: center top;
  282.   background-repeat: repeat;
  283. }
  284. /* | */
  285. @media screen and (min-width: 480px) {
  286.   /* line 1177, http://www.jotform.com/themes/css/style.less */
  287.   .supernova {
  288.     background-image: url("//static-interlogyllc.netdna-ssl.com/themes/img/blank.gif");
  289.   }
  290. }
  291. /* line 1184, http://www.jotform.com/themes/css/style.less */
  292. #stage {
  293.   background-image: url("//static-interlogyllc.netdna-ssl.com/themes/img/blank.gif");
  294. }
  295. /* | */
  296. /* line 1198, http://www.jotform.com/themes/css/style.less */
  297. .form-all {
  298.   background-image: url("//static-interlogyllc.netdna-ssl.com/themes/img/blank.gif");
  299.   background-repeat: no-repeat;
  300.   background-attachment: scroll;
  301.   background-position: center top;
  302.   background-repeat: repeat;
  303. }
  304. /* line 1227, http://www.jotform.com/themes/css/style.less */
  305. .form-header-group {
  306.   background-repeat: no-repeat;
  307.   background-attachment: scroll;
  308.   background-position: center top;
  309. }
  310. /* line 1254, http://www.jotform.com/themes/css/style.less */
  311. .form-line {
  312.   margin-top: 10px;
  313.   margin-bottom: 10px;
  314. }
  315. /* line 1272, http://www.jotform.com/themes/css/style.less */
  316. .form-line {
  317.   padding: 10px 36px;
  318. }
  319. /* line 1317, http://www.jotform.com/themes/css/style.less */
  320. .form-all .form-submit-button,
  321. .form-all .form-submit-reset,
  322. .form-all .form-submit-print {
  323.   -webkit-border-radius: 0px;
  324.   -moz-border-radius: 0px;
  325.   border-radius: 0px;
  326. }
  327. /* line 1402, http://www.jotform.com/themes/css/style.less */
  328. .form-all .qq-upload-button,
  329. .form-all .form-submit-button,
  330. .form-all .form-submit-reset,
  331. .form-all .form-submit-print {
  332.   font-size: 1em;
  333.   padding: 9px 15px;
  334.   font-family: "Arial", sans-serif;
  335.   font-size: 11px;
  336.   font-weight: normal;
  337.   border: none;
  338.   border-width: 0px !important;
  339.   border-style: solid !important;
  340.   border-color: false !important;
  341. }
  342. /* line 1537, http://www.jotform.com/themes/css/style.less */
  343. .form-all .form-pagebreak-back,
  344. .form-all .form-pagebreak-next {
  345.   font-size: 1em;
  346.   padding: 9px 15px;
  347.   font-family: "Arial", sans-serif;
  348.   font-size: 11px;
  349.   font-weight: normal;
  350. }
  351. /*
  352.         TODO: Significant improvement possibility:
  353.  
  354.         following import statement is not required in design mode,
  355.         but it should be inside the exported css of current design, in the form itself
  356.         when it is shown to people. Being of this here, causing re-drawn problems.
  357.         we should find a way to only include this in css send while saving current design
  358.  
  359.         see prepareModel4Save for implementation for @buttonFontType
  360. */
  361. /*
  362. &amp; when ( @buttonFontType = google ) {
  363.         @import (css) "@{buttonFontLink}";
  364. }
  365. */
  366. /* line 1670, http://www.jotform.com/themes/css/style.less */
  367. h2.form-header {
  368.   line-height: 1.618em;
  369.   font-size: 1.714em;
  370. }
  371. /* line 1677, http://www.jotform.com/themes/css/style.less */
  372. h2 ~ .form-subHeader {
  373.   line-height: 1.5em;
  374.   font-size: 1.071em;
  375. }
  376. /* line 1691, http://www.jotform.com/themes/css/style.less */
  377. .form-header-group {
  378.   text-align: left;
  379. }
  380. /* line 1702, http://www.jotform.com/themes/css/style.less */
  381. .form-header-group {
  382.   background-image: url("//static-interlogyllc.netdna-ssl.com/themes/img/blank.gif");
  383. }
  384. /*.form-dropdown,
  385. .form-radio-item,
  386. .form-checkbox-item,
  387. .form-radio-other-input,
  388. .form-checkbox-other-input,*/
  389. /* line 1986, http://www.jotform.com/themes/css/style.less */
  390. .form-captcha input,
  391. .form-spinner input,
  392. .form-error-message {
  393.   padding: 4px 3px 2px 3px;
  394. }
  395. /* line 2001, http://www.jotform.com/themes/css/style.less */
  396. .form-header-group {
  397.   font-family: "Arial", sans-serif;
  398. }
  399. /* line 2022, http://www.jotform.com/themes/css/style.less */
  400. .form-section {
  401.   padding: 8px 2px 8px 2px;
  402. }
  403. /* line 2033, http://www.jotform.com/themes/css/style.less */
  404. .form-header-group {
  405.   margin: 12px 36px 12px 36px;
  406. }
  407. /* line 2044, http://www.jotform.com/themes/css/style.less */
  408. .form-header-group {
  409.   padding: 24px 0px 24px 0px;
  410. }
  411. /* line 2087, http://www.jotform.com/themes/css/style.less */
  412. .form-textbox,
  413. .form-textarea {
  414.   padding: 4px 3px 2px 3px;
  415. }
  416. /* line 2141, http://www.jotform.com/themes/css/style.less */
  417. .form-textbox,
  418. .form-textarea {
  419.   width: 100%;
  420.   max-width: 199px;
  421.   -moz-box-sizing: border-box;
  422.   -webkit-box-sizing: border-box;
  423.   box-sizing: border-box;
  424. }
  425. /* line 2157, http://www.jotform.com/themes/css/style.less */
  426. [data-type="control_textbox"] .form-input,
  427. [data-type="control_textarea"] .form-input,
  428. [data-type="control_fullname"] .form-input,
  429. [data-type="control_phone"] .form-input,
  430. [data-type="control_datetime"] .form-input,
  431. [data-type="control_address"] .form-input,
  432. [data-type="control_email"] .form-input,
  433. [data-type="control_passwordbox"] .form-input,
  434. [data-type="control_autocomp"] .form-input,
  435. [data-type="control_textbox"] .form-input-wide,
  436. [data-type="control_textarea"] .form-input-wide,
  437. [data-type="control_fullname"] .form-input-wide,
  438. [data-type="control_phone"] .form-input-wide,
  439. [data-type="control_datetime"] .form-input-wide,
  440. [data-type="control_address"] .form-input-wide,
  441. [data-type="control_email"] .form-input-wide,
  442. [data-type="control_passwordbox"] .form-input-wide,
  443. [data-type="control_autocomp"] .form-input-wide {
  444.   width: 100%;
  445.   max-width: 199px;
  446. }
  447. /* line 2165, http://www.jotform.com/themes/css/style.less */
  448. [data-type="control_fullname"] .form-sub-label-container {
  449.   -moz-box-sizing: border-box;
  450.   -webkit-box-sizing: border-box;
  451.   box-sizing: border-box;
  452.   width: 48%;
  453. }
  454. /* line 2169, http://www.jotform.com/themes/css/style.less */
  455. [data-type="control_fullname"] .form-sub-label-container:first-child {
  456.   margin-right: 4%;
  457. }
  458. /* line 2174, http://www.jotform.com/themes/css/style.less */
  459. [data-type="control_phone"] .form-sub-label-container {
  460.   width: 65%;
  461. }
  462. /* line 2177, http://www.jotform.com/themes/css/style.less */
  463. [data-type="control_phone"] .form-sub-label-container:first-child {
  464.   width: 32.5%;
  465.   margin-right: 2.5%;
  466. }
  467. /* line 2184, http://www.jotform.com/themes/css/style.less */
  468. [data-type="control_datetime"] .form-sub-label-container {
  469.   width: 12%;
  470.   margin-right: 3%;
  471. }
  472. /* line 2188, http://www.jotform.com/themes/css/style.less */
  473. [data-type="control_datetime"] .form-sub-label-container:last-child {
  474.   width: 3%;
  475.   margin-right: 0;
  476. }
  477. /* line 2196, http://www.jotform.com/themes/css/style.less */
  478. [data-type="control_datetime"] span .form-sub-label-container:first-child {
  479.   width: 4%;
  480. }
  481. /* line 2199, http://www.jotform.com/themes/css/style.less */
  482. [data-type="control_datetime"] span .form-sub-label-container:last-child {
  483.   width: 12%;
  484.   margin-right: 3%;
  485. }
  486. /* line 2205, http://www.jotform.com/themes/css/style.less */
  487. [data-type="control_datetime"] .form-dropdown {
  488.   width: 100%;
  489. }
  490. /* line 2211, http://www.jotform.com/themes/css/style.less */
  491. .form-matrix-table {
  492.   width: 100%;
  493.   max-width: 199px;
  494. }
  495. /* line 2217, http://www.jotform.com/themes/css/style.less */
  496. .form-address-table {
  497.   width: 100%;
  498.   max-width: 199px;
  499. }
  500. /* line 2221, http://www.jotform.com/themes/css/style.less */
  501. .form-address-table td .form-dropdown {
  502.   width: 100%;
  503. }
  504. /* line 2225, http://www.jotform.com/themes/css/style.less */
  505. .form-address-table td .form-sub-label-container {
  506.   width: 96%;
  507. }
  508. /* line 2229, http://www.jotform.com/themes/css/style.less */
  509. .form-address-table td:last-child .form-sub-label-container {
  510.   margin-left: 4%;
  511. }
  512. /* line 2233, http://www.jotform.com/themes/css/style.less */
  513. .form-address-table td[colspan="2"] .form-sub-label-container {
  514.   width: 100%;
  515.   margin: 0;
  516. }
  517. /*@textInputStyle: "ti-default";
  518. @textInputBorderWidth: -1;
  519. @textInputBorderStyle: -1;
  520. @clrTextInputBorder: -1;
  521. @clrTextInputBg: -1;
  522. @clrTextInputFont: -1;
  523. @textInputHeight: -1;
  524. @textAreaHeight: -1;
  525.  
  526. &amp; when ( @formControlStyle = ti-default ) {
  527.  
  528. }*/
  529. /* line 2312, http://www.jotform.com/themes/css/style.less */
  530. [data-type="control_dropdown"] .form-input,
  531. [data-type="control_birthdate"] .form-input,
  532. [data-type="control_time"] .form-input,
  533. [data-type="control_dropdown"] .form-input-wide,
  534. [data-type="control_birthdate"] .form-input-wide,
  535. [data-type="control_time"] .form-input-wide {
  536.   width: 100%;
  537.   max-width: 199px;
  538. }
  539. /* line 2320, http://www.jotform.com/themes/css/style.less */
  540. [data-type="control_dropdown"] .form-dropdown {
  541.   /*width: 100% !important;
  542.                 max-width: unit(@dropdownWidth, px);*/
  543.   width: 199px !important;
  544.   max-width: 100%;
  545. }
  546. /* line 2328, http://www.jotform.com/themes/css/style.less */
  547. [data-type="control_birthdate"] .form-sub-label-container {
  548.   width: 22%;
  549.   margin-right: 3%;
  550. }
  551. /* line 2331, http://www.jotform.com/themes/css/style.less */
  552. [data-type="control_birthdate"] .form-sub-label-container:first-child {
  553.   width: 50%;
  554. }
  555. /* line 2334, http://www.jotform.com/themes/css/style.less */
  556. [data-type="control_birthdate"] .form-sub-label-container:last-child {
  557.   margin-right: 0;
  558. }
  559. /* line 2338, http://www.jotform.com/themes/css/style.less */
  560. [data-type="control_birthdate"] .form-sub-label-container .form-dropdown {
  561.   width: 100%;
  562. }
  563. /* line 2344, http://www.jotform.com/themes/css/style.less */
  564. [data-type="control_time"] .form-sub-label-container {
  565.   width: 37%;
  566.   margin-right: 3%;
  567. }
  568. /* line 2348, http://www.jotform.com/themes/css/style.less */
  569. [data-type="control_time"] .form-sub-label-container:last-child {
  570.   width: 20%;
  571.   margin-right: 0;
  572. }
  573. /* line 2353, http://www.jotform.com/themes/css/style.less */
  574. [data-type="control_time"] .form-sub-label-container .form-dropdown {
  575.   width: 100%;
  576. }
  577. /* line 2665, http://www.jotform.com/themes/css/style.less */
  578. .form-label {
  579.   font-family: "Arial", sans-serif;
  580. }
  581. /* line 2685, http://www.jotform.com/themes/css/style.less */
  582. li[data-type="control_image"] div {
  583.   text-align: left;
  584. }
  585. /* line 2689, http://www.jotform.com/themes/css/style.less */
  586. li[data-type="control_image"] img {
  587.   border: none;
  588.   border-width: 0px !important;
  589.   border-style: solid !important;
  590.   border-color: false !important;
  591. }
  592. /* line 2731, http://www.jotform.com/themes/css/style.less */
  593. .form-line-column {
  594.   width: auto;
  595. }
  596. /* line 2776, http://www.jotform.com/themes/css/style.less */
  597. .form-line-error {
  598.   overflow: hidden;
  599.   -webkit-transition-property: none;
  600.   -moz-transition-property: none;
  601.   -ms-transition-property: none;
  602.   -o-transition-property: none;
  603.   transition-property: none;
  604.   -webkit-transition-duration: 0.3s;
  605.   -moz-transition-duration: 0.3s;
  606.   -ms-transition-duration: 0.3s;
  607.   -o-transition-duration: 0.3s;
  608.   transition-duration: 0.3s;
  609.   -webkit-transition-timing-function: ease;
  610.   -moz-transition-timing-function: ease;
  611.   -ms-transition-timing-function: ease;
  612.   -o-transition-timing-function: ease;
  613.   transition-timing-function: ease;
  614.   background-color: #fff4f4;
  615. }
  616. /* line 2781, http://www.jotform.com/themes/css/style.less */
  617. .form-line-error .form-error-message {
  618.   background-color: #ff3200;
  619.   width: 150px;
  620.   clear: both;
  621.   float: none;
  622. }
  623. /* line 2786, http://www.jotform.com/themes/css/style.less */
  624. .form-line-error .form-error-message .form-error-arrow {
  625.   border-bottom-color: #ff3200;
  626. }
  627. /* line 2791, http://www.jotform.com/themes/css/style.less */
  628. .form-line-error input:not(#coupon-input),
  629. .form-line-error textarea,
  630. .form-line-error .form-validation-error {
  631.   border: 1px solid #ff3200;
  632.   -webkit-box-shadow: 0 0 3px #ff3200;
  633.   -moz-box-shadow: 0 0 3px #ff3200;
  634.   box-shadow: 0 0 3px #ff3200;
  635. }
  636. /* | */
  637. @media screen and (max-width: 768px) {
  638.   /* line 3051, http://www.jotform.com/themes/css/style.less */
  639.   .form-all {
  640.     border: 0;
  641.     width: 100%;
  642.   }
  643.   /* line 3052, http://www.jotform.com/themes/css/style.less */
  644.   .form-sub-label-container {
  645.     width: 100%;
  646.     margin: 0;
  647.   }
  648.   /* line 3053, http://www.jotform.com/themes/css/style.less */
  649.   .form-input {
  650.     width: 100%;
  651.   }
  652.   /* line 3054, http://www.jotform.com/themes/css/style.less */
  653.   .form-label {
  654.     width: 100%!important;
  655.   }
  656.   /* line 3055, http://www.jotform.com/themes/css/style.less */
  657.   .form-line {
  658.     padding: 2% 5%;
  659.     margin: 0;
  660.   }
  661.   /* line 3056, http://www.jotform.com/themes/css/style.less */
  662.   input[type=text],
  663.   input[type=email],
  664.   input[type=tel],
  665.   textarea {
  666.     width: 100%;
  667.     -moz-box-sizing: border-box;
  668.     -webkit-box-sizing: border-box;
  669.     box-sizing: border-box;
  670.   }
  671.   /* line 3057, http://www.jotform.com/themes/css/style.less */
  672.   .form-header-group {
  673.     padding: 3% 0!important;
  674.     margin: 5%!important;
  675.     -moz-box-sizing: border-box;
  676.     -webkit-box-sizing: border-box;
  677.     box-sizing: border-box;
  678.   }
  679.   /* line 3058, http://www.jotform.com/themes/css/style.less */
  680.   .form-buttons-wrapper {
  681.     margin: 0!important;
  682.   }
  683.   /* line 3059, http://www.jotform.com/themes/css/style.less */
  684.   .form-buttons-wrapper button {
  685.     width: 100%;
  686.   }
  687.   /* line 3061, http://www.jotform.com/themes/css/style.less */
  688.   table {
  689.     width: 100%!important;
  690.   }
  691.   /* line 3062, http://www.jotform.com/themes/css/style.less */
  692.   table td + td {
  693.     padding-left: 3%;
  694.   }
  695.   /* line 3065, http://www.jotform.com/themes/css/style.less */
  696.   .form-checkbox-item input,
  697.   .form-radio-item input {
  698.     width: auto;
  699.   }
  700. }
  701. /* | */
  702.  
  703. /*__INSPECT_SEPERATOR__*/
  704.  
  705.     /* Injected CSS Code */
  706. </style>
  707.  
  708. <link type="text/css" rel="stylesheet" href="http://d2g9qbzl5h49rh.cloudfront.net/css/styles/buttons/form-submit-button-simple_red.css?3.2.5149"/>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top