Advertisement
Guest User

Untitled

a guest
May 1st, 2017
73
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 9.11 KB | None | 0 0
  1. /*Before (my script)*/
  2. #page > div:nth-child(5) {
  3.     background-image: none !important;
  4.     background-color: #45A7D6 !important;
  5. }
  6.  
  7. .hero-box .tw-content {
  8.   padding-bottom: 2rem;
  9. }
  10.  
  11. .hero-box .tw-content > p:nth-child(1) {
  12.     color: white;
  13.     font-size: 40px;
  14.     display: block;
  15.     width: 100%;
  16.     text-align: center;
  17.     margin: 1rem 0 0 0;
  18.     padding: 0;
  19. }
  20.  
  21. .hero-box .tw-content > p:nth-child(2) {
  22.     color: white;
  23.     font-size: 35px;
  24.     display: block;
  25.     width: 100%;
  26.     text-align: center;
  27.     margin-top: 0rem;
  28.     line-height: 35px !important;
  29. }
  30.  
  31. .hero-box .tw-content > p:nth-child(3) {
  32.     display: block;
  33.     width: 100%;
  34.     text-align: center;
  35. }
  36.  
  37. .hero-box .tw-content > p:nth-child(3) a {
  38.     color: white;
  39.     font-weight: bold;
  40.     background-color: #B20E0F;
  41.     display: inline-block;
  42.     padding: .5rem 3rem;
  43.     border-radius: 4px;
  44. }
  45.  
  46. .share-program-box .row-fluid > .tw-element:nth-child(1) > .tw-content li {
  47.     color: black;
  48. }
  49.  
  50. .share-program-box .row-fluid > .tw-element:nth-child(1) > .tw-content p:nth-child(6) a,
  51. .benefits-box .row-fluid > .tw-element:nth-child(2) > .tw-content p:nth-child(7) a {
  52.     color: white;
  53.     font-weight: bold;
  54.     background-color: #B20E0F;
  55.     display: inline-block;
  56.     padding: .5rem 2rem;
  57.     border-radius: 4px;
  58. }
  59.  
  60.  
  61. p.vid-desc {
  62.     width: 100%;
  63.     text-align: center;
  64.     font-size: 26px;
  65.     color: #333;
  66. }
  67.  
  68. p.vid {
  69.     position: relative;
  70.     text-align: center;
  71. }
  72.  
  73. p.video-full-width {
  74.     position: absolute;
  75.     width: 100%;
  76.     margin-top: 3rem;
  77. }
  78.  
  79. .vid img {
  80.     max-width: 50vw;
  81. }
  82.  
  83. .benefits-box .row-fluid > .tw-element:nth-child(1) > .tw-content {
  84.   background-color: #B20E0F;
  85.     padding: 1rem 2rem 1rem 2rem;
  86. }
  87.  
  88. form.hs-form > fieldset:nth-child(1) > div.hs-richtext > span{
  89.   font-size: 20px !important;
  90.   font-weight: bold;
  91. }
  92.  
  93. form.hs-form fieldset.form-columns-2 .hs-form-field {
  94.     width: calc( 49% - 10px ) !important;
  95. }
  96.  
  97. .hbspt-form fieldset:nth-child(1) > div.hs-richtext {
  98.     border-bottom: 1px solid white;
  99.     padding-bottom: .1rem;
  100. }
  101.  
  102. .hbspt-form fieldset:nth-child(1) > div.hs-richtext > span {
  103.     color: white;
  104.     font-size: 24px;
  105. }
  106.  
  107. .hs-form-field > label,
  108.  .hs-form-field > label > span {
  109.     color: white !important;
  110. }
  111.  
  112. .hs-form .hs-form-field .hs-error-msgs label {
  113.     color: white !important;
  114.     border: 1px solid white;
  115.     padding: 1rem !important;
  116. }
  117.  
  118. .hs_what_can_we_help_you_with_ textarea {
  119.     height: 100px !important;
  120. }
  121.  
  122. div.input input.hs-input {
  123.     padding: 8px 3% !important;
  124. }
  125.  
  126. .hs-form select.hs-input {
  127.     height: 37px;
  128. }
  129.  
  130. .hs_submit input[type="submit"] {
  131.     text-transform: none;
  132.     width: 79%;
  133. }
  134.  
  135. .callout-text h3 {
  136.     width: auto;
  137.     display: inline-block;
  138.     text-transform: none !important;
  139.     font-weight: bold !important;
  140. }
  141.  
  142. .callout-text a.btn:nth-child(2) {
  143.     display: inline-block !important;
  144.     position: static;
  145.     margin-left: auto !important;
  146.     margin-right: 0 !important;
  147.     float: none !important;
  148.     margin-top: 0 !important;
  149.     text-transform: none;
  150.     font-weight: bold;
  151. }
  152.  
  153. .callout-text a.btn:nth-child(3) {
  154.     display: inline-block !important;
  155.     position: static;
  156.     margin-left: 2rem !important;
  157.     margin-right: 0 !important;
  158.     margin-top: 0 !important;
  159.     text-transform: none;
  160.     font-weight: bold;
  161. }
  162.  
  163. div.tw-callout.with-button .callout-text {
  164.     padding: .5rem 0px 0px 0px;
  165.     display: flex;
  166.     align-items: center;
  167.     justify-content: flex-start;
  168. }
  169.  
  170.  
  171. .style_2.tw-callout.with-button {
  172.     padding: 1rem 0 1.5rem 0 !important;
  173. }
  174.  
  175. /* === After Google Optimize runs its clean and save === */
  176. #page > div:nth-child(5) {
  177.   background-image : none !important;
  178.   background-color : rgb(69, 167, 214) !important;
  179. }
  180.  
  181. .hero-box .tw-content {
  182.   padding-bottom : 2rem;
  183. }
  184.  
  185. .hero-box .tw-content > p:nth-child(1) {
  186.   color : white;
  187.   font-size : 40px;
  188.   display : block;
  189.   width : 100%;
  190.   text-align : center;
  191.   margin-top : 1rem;
  192.   margin-right : 0px;
  193.   margin-bottom : 0px;
  194.   margin-left : 0px;
  195.   padding-top : 0px;
  196.   padding-right : 0px;
  197.   padding-bottom : 0px;
  198.   padding-left : 0px;
  199. }
  200.  
  201. .hero-box .tw-content > p:nth-child(2) {
  202.   color : white;
  203.   font-size : 35px;
  204.   display : block;
  205.   width : 100%;
  206.   text-align : center;
  207.   margin-top : 0rem;
  208.   line-height : 35px !important;
  209. }
  210.  
  211. .hero-box .tw-content > p:nth-child(3) {
  212.   display : block;
  213.   width : 100%;
  214.   text-align : center;
  215. }
  216.  
  217. .hero-box .tw-content > p:nth-child(3) a {
  218.   color : white;
  219.   font-weight : bold;
  220.   background-color : rgb(178, 14, 15);
  221.   display : inline-block;
  222.   padding-top : 0.5rem;
  223.   padding-right : 3rem;
  224.   padding-bottom : 0.5rem;
  225.   padding-left : 3rem;
  226.   border-top-left-radius : 4px;
  227.   border-top-right-radius : 4px;
  228.   border-bottom-right-radius : 4px;
  229.   border-bottom-left-radius : 4px;
  230. }
  231.  
  232. .share-program-box .row-fluid > .tw-element:nth-child(1) > .tw-content li {
  233.   color : black;
  234. }
  235.  
  236. .share-program-box .row-fluid > .tw-element:nth-child(1) > .tw-content p:nth-child(6) a, .benefits-box .row-fluid > .tw-element:nth-child(2) > .tw-content p:nth-child(7) a {
  237.   color : white;
  238.   font-weight : bold;
  239.   background-color : rgb(178, 14, 15);
  240.   display : inline-block;
  241.   padding-top : 0.5rem;
  242.   padding-right : 2rem;
  243.   padding-bottom : 0.5rem;
  244.   padding-left : 2rem;
  245.   border-top-left-radius : 4px;
  246.   border-top-right-radius : 4px;
  247.   border-bottom-right-radius : 4px;
  248.   border-bottom-left-radius : 4px;
  249. }
  250.  
  251. p.vid-desc {
  252.   width : 100%;
  253.   text-align : center;
  254.   font-size : 26px;
  255.   color : rgb(51, 51, 51);
  256. }
  257.  
  258. p.vid {
  259.   position : relative;
  260.   text-align : center;
  261. }
  262.  
  263. p.video-full-width {
  264.   position : absolute;
  265.   width : 100%;
  266.   margin-top : 3rem;
  267. }
  268.  
  269. .vid img {
  270.   max-width : 50vw;
  271. }
  272.  
  273. div.q-bottom>div>div>div>div:nth-of-type(2)>div:nth-of-type(1)>div {
  274.   background-color : rgb(178, 14, 15);
  275.   padding-top : 1rem;
  276.   padding-right : 2rem;
  277.   padding-bottom : 1rem;
  278.   padding-left : 2rem;
  279. }
  280.  
  281. div.q-bottom>div>div>div>div:nth-of-type(2)>div:nth-of-type(1)>div>div>form>fieldset:nth-of-type(1)>div:nth-of-type(1)>span {
  282.   font-weight : bold;
  283. }
  284.  
  285. form.hs-form fieldset.form-columns-2 .hs-form-field {
  286.   width : calc(49% - 10px) !important;
  287. }
  288.  
  289. div.q-bottom>div>div>div>div:nth-of-type(2)>div:nth-of-type(1)>div>div>form>fieldset:nth-of-type(1)>div:nth-of-type(1) {
  290.   border-bottom-width : 1px;
  291.   border-bottom-style : solid;
  292.   border-bottom-color : white;
  293.   padding-bottom : 0.1rem;
  294. }
  295.  
  296. div.q-bottom>div>div>div>div:nth-of-type(2)>div:nth-of-type(1)>div>div>form>fieldset:nth-of-type(1)>div:nth-of-type(1)>span {
  297.   color : white;
  298.   font-size : 24px;
  299. }
  300.  
  301. .hs-form-field > label, .hs-form-field > label > span {
  302.   color : white !important;
  303. }
  304.  
  305. .hs-form .hs-form-field .hs-error-msgs label {
  306.   border-top-width : 1px;
  307.   border-right-width : 1px;
  308.   border-bottom-width : 1px;
  309.   border-left-width : 1px;
  310.   border-top-style : solid;
  311.   border-right-style : solid;
  312.   border-bottom-style : solid;
  313.   border-left-style : solid;
  314.   border-top-color : white;
  315.   border-right-color : white;
  316.   border-bottom-color : white;
  317.   border-left-color : white;
  318.   border-image-source : initial;
  319.   border-image-slice : initial;
  320.   border-image-width : initial;
  321.   border-image-outset : initial;
  322.   border-image-repeat : initial;
  323.   color : white !important;
  324.   padding-top : 1rem !important;
  325.   padding-right : 1rem !important;
  326.   padding-bottom : 1rem !important;
  327.   padding-left : 1rem !important;
  328. }
  329.  
  330. div.q-bottom>div>div>div>div:nth-of-type(2)>div:nth-of-type(1)>div>div>form>fieldset:nth-of-type(4)>div>div>textarea {
  331.   height : 100px !important;
  332. }
  333.  
  334. div.input input.hs-input {
  335.   padding-top : 8px !important;
  336.   padding-right : 3% !important;
  337.   padding-bottom : 8px !important;
  338.   padding-left : 3% !important;
  339. }
  340.  
  341. div.q-bottom>div>div>div>div:nth-of-type(2)>div:nth-of-type(1)>div>div>form>fieldset:nth-of-type(3)>div>div>div>select {
  342.   height : 37px;
  343. }
  344.  
  345. div.q-bottom>div>div>div>div:nth-of-type(2)>div:nth-of-type(1)>div>div>form>div>div:nth-of-type(2)>input {
  346.   text-transform : none;
  347.   width : 79%;
  348. }
  349.  
  350. .callout-text h3 {
  351.   width : auto;
  352.   display : inline-block;
  353.   text-transform : none !important;
  354.   font-weight : bold !important;
  355. }
  356.  
  357. .callout-text a.btn:nth-child(2) {
  358.   position : static;
  359.   text-transform : none;
  360.   font-weight : bold;
  361.   display : inline-block !important;
  362.   margin-left : auto !important;
  363.   margin-right : 0px !important;
  364.   float : none !important;
  365.   margin-top : 0px !important;
  366. }
  367.  
  368. .callout-text a.btn:nth-child(3) {
  369.   position : static;
  370.   text-transform : none;
  371.   font-weight : bold;
  372.   display : inline-block !important;
  373.   margin-left : 2rem !important;
  374.   margin-right : 0px !important;
  375.   margin-top : 0px !important;
  376. }
  377.  
  378. div.tw-callout.with-button .callout-text {
  379.   padding-top : 0.5rem;
  380.   padding-right : 0px;
  381.   padding-bottom : 0px;
  382.   padding-left : 0px;
  383.   display : flex;
  384.   align-items : center;
  385.   justify-content : flex-start;
  386. }
  387.  
  388. .style_2.tw-callout.with-button {
  389.   padding-top : 1rem !important;
  390.   padding-right : 0px !important;
  391.   padding-bottom : 1.5rem !important;
  392.   padding-left : 0px !important;
  393. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement