API tools faq
paste
Advertisement
EduardET

Untitled

EduardET
Jul 19th, 2018
233
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 11.47 KB | None | 0 0
raw download clone embed print report
  1. /*** THIS CHANGES THE LOOK OF THE FORM FIELDS ***/
  2.  
  3. .caldera-grid .form-control {
  4.     font-size: 14px;
  5.     padding: 0px;
  6.     height: 15px;
  7.     box-shadow: none;
  8.     border-radius: 0!important;
  9.     border-top: none;
  10.     border-left: none;
  11.     border-right: none;
  12.     border-bottom: 1px solid #333;
  13. }
  14.  
  15.  
  16. /*** THIS CHANGES THE BUTTON STYLE ***/
  17.  
  18. .caldera-grid input[type=submit] {
  19.     text-transform: uppercase;
  20.     padding: 10px 16px;
  21.     border-radius: 0;
  22.     background: #c42e51;
  23.     color: #fff;
  24.     font-size: 14px;
  25.     border: none;
  26.     float: right;
  27.     transition: all 0.3s ease-in-out;
  28. }
  29.  
  30.  
  31. /*** THIS CHANGES THE BUTTON HOVER STYLE ***/
  32.  
  33. .caldera-grid input[type=submit]:hover {
  34.     background: #28282e;
  35.     color: #fff;
  36. }
  37.  
  38.  
  39. /*** THIS CHANGES THE BOTTOM BORDER COLOR WHILE USER IS TYPING ***/
  40.  
  41. .caldera-grid .form-control:focus {
  42.     border-color: #c42e51;
  43.     box-shadow: none;
  44. }
  45.  
  46.  
  47. /* miniorangealigment */
  48.  
  49. .mo-openid-app-icons>p {
  50.     display: none !important;
  51. }
  52.  
  53.  
  54. /* Ajuste Imagem Testeira */
  55.  
  56. .ajuste {
  57.     padding-top: 0px !important;
  58. }
  59.  
  60.  
  61. /* Sombra nas imagens */
  62.  
  63. .imagemenu:before {
  64.     content: '';
  65.     background-color: #ffffff;
  66.     background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.8) 100%);
  67.     position: absolute;
  68.     left: 0;
  69.     top: 0;
  70.     width: 100%;
  71.     height: 100%;
  72.     z-index: 0;
  73. }
  74.  
  75.  
  76. /* Ajuste Responsivo de menu mobile */
  77.  
  78. @media (max-width: 1023px) {
  79.     #et_mobile_nav_menu {
  80.         display: block;
  81.     }
  82. }
  83.  
  84.  
  85. /* blockfooter */
  86.  
  87. #footer-bottom {
  88.     display: none! important;
  89. }
  90.  
  91.  
  92. /*** Configuração de Texto mobile e Browser***/
  93.  
  94. @media only screen and (min-width: 1281px) and (max-width: 4097px) {
  95.     .textwide {
  96.         font-size: 17px !important;
  97.         line-height: 1.8em;
  98.     }
  99. }
  100.  
  101. @media only screen and (min-width: 1281px) and (max-width: 4097px) {
  102.     .textwide h3 {
  103.         font-size: 60px!important;
  104.         line-height: 1.8em !important;
  105.     }
  106. }
  107.  
  108. @media only screen and (min-width: 1281px) and (max-width: 4097px) {
  109.     .titulowide h1 {
  110.         font-size: 100px!important;
  111.         line-height: 1.8em !important;
  112.     }
  113. }
  114.  
  115. @media only screen and (min-width: 1281px) and (max-width: 4096px) {
  116.     .lipo {
  117.         display: none!important;
  118.     }
  119. }
  120.  
  121. @media only screen and (max-width: 1281px) {
  122.     .liporase {
  123.         display: none!important;
  124.     }
  125. }
  126.  
  127.  
  128. /*** Bloqueia a Flag menu mobile wpml no Browser***/
  129.  
  130. @media only screen and ( min-width: 980px) {
  131.     .wpml-ls-legacy-dropdown {
  132.         display: none!important;
  133.     }
  134. }
  135.  
  136.  
  137. /*** Alinhas Flag menu mobile wpml***/
  138.  
  139. .wpml-ls-legacy-dropdown {
  140.     float: right!important;
  141.     width: auto!important;
  142.     padding-top: 2px;
  143.     margin-left: 10px !important;
  144. }
  145.  
  146. .wpml-ls-legacy-dropdown a {
  147.     display: inline-block;
  148.     color: #fff;
  149. }
  150.  
  151. .wpml-ls-legacy-dropdown ul li a {
  152.     background-color: #000000 !important;
  153.     border: none !important;
  154.     box-shadow: none;
  155.     color: #fff;
  156. }
  157.  
  158. .wpml-ls-legacy-dropdown a:hover {
  159.     color: #444 !important;
  160. }
  161.  
  162. .wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
  163.     border-top: none;
  164. }
  165.  
  166.  
  167. /* Configuração de menu superior */
  168.  
  169. .page-id-539 header#main-header {
  170.     background: #000;
  171. }
  172.  
  173. div#et-top-navigation {
  174.     padding-left: 0 !important;
  175.     width: 100%;
  176. }
  177.  
  178. nav#top-menu-nav {
  179.     float: none !important;
  180.     text-align: center!important;
  181. }
  182.  
  183. ul#top-menu {
  184.     float: none;
  185.     margin-left: 70px;
  186. }
  187.  
  188.  
  189. /* Alinhamento das redes do menu superior */
  190.  
  191. li#menu-item-787,
  192. #menu-item-4059,
  193. #menu-item-4307,
  194. #menu-item-4678 {
  195.     margin-left: 300px;
  196. }
  197.  
  198.  
  199. /* Configuração das linguas do Menu superior */
  200.  
  201. li#menu-item-wpml-ls-2-en,
  202. #menu-item-wpml-ls-2-pt-br,
  203. #menu-item-wpml-ls-2-es,
  204. #menu-item-wpml-ls-2-it {
  205.     float: right !important;
  206.     margin-right: 20px;
  207. }
  208.  
  209.  
  210. /* Configuração das linguas para não aparecer no menu mobile */
  211.  
  212. @media only screen and ( max-width: 980px) {
  213.     li#menu-item-wpml-ls-2-en,
  214.     #menu-item-wpml-ls-2-pt-br,
  215.     #menu-item-wpml-ls-2-es,
  216.     #menu-item-wpml-ls-2-it {
  217.         display: none!important;
  218.     }
  219. }
  220.  
  221.  
  222. /* Ajuste alinhamento de itens mobile */
  223.  
  224. @media only screen and (max-width: 980px) {
  225.     li#menu-item-787,
  226.     #menu-item-4059,
  227.     #menu-item-4307,
  228.     #menu-item-4678,
  229.     #menu-item-4686,
  230.     #menu-item-36,
  231.     #menu-item-4677,
  232.     #menu-item-4059,
  233.     #menu-item-4058,
  234.     #menu-item-4303,
  235.     #menu-item-4314 {
  236.         margin-left: 1px !important;
  237.     }
  238.     li#menu-item-wpml-ls-2-en,
  239.     #menu-item-wpml-ls-2-pt-br,
  240.     #menu-item-wpml-ls-2-es,
  241.     #menu-item-wpml-ls-2-it {
  242.         float: none !important;
  243.         margin-right: 20px;
  244.     }
  245. }
  246.  
  247.  
  248. /* Configuração de palavras do menu mobile */
  249.  
  250. @media only screen and (max-width: 980px) {
  251.     /* Palavras do menu mobile EUA */
  252.     li#menu-item-31 a,
  253.     li#menu-item-32 a,
  254.     li#menu-item-33 a,
  255.     li#menu-item-35 a,
  256.     li#menu-item-36 a,
  257.     /* Palavras do menu mobile BRA */
  258.     li#menu-item-3847 a,
  259.     li#menu-item-4054 a,
  260.     li#menu-item-4055 a,
  261.     li#menu-item-4056 a,
  262.     li#menu-item-4057 a,
  263.     li#menu-item-4058 a,
  264.     /* Palavras do menu mobile SPA */
  265.     li#menu-item-4314 a,
  266.     li#menu-item-4311 a,
  267.     li#menu-item-4315 a,
  268.     li#menu-item-4312 a,
  269.     li#menu-item-4313 a,
  270.     /* Palavras do menu mobile ITA */
  271.     li#menu-item-4686 a,
  272.     li#menu-item-4685 a,
  273.     li#menu-item-4684 a,
  274.     li#menu-item-4683 a,
  275.     li#menu-item-4682 a,
  276.     /* Palavras do menu mobile RUS */
  277.     li#menu-item- a,
  278.     li#menu-item- a,
  279.     li#menu-item- a,
  280.     li#menu-item- a,
  281.     li#menu-item-3 a,
  282.     /* Palavras do menu mobile ARA */
  283.     li#menu-item- a,
  284.     li#menu-item- a,
  285.     li#menu-item- a,
  286.     li#menu-item- a,
  287.     li#menu-item-3 a,
  288.     /* Palavras do menu mobile MAN */
  289.     li#menu-item- a,
  290.     li#menu-item- a,
  291.     li#menu-item- a,
  292.     li#menu-item- a,
  293.     li#menu-item-3 a,
  294.     /* Palavras do menu mobile THA */
  295.     li#menu-item- a,
  296.     li#menu-item- a,
  297.     li#menu-item- a,
  298.     li#menu-item- a,
  299.     li#menu-item-3 a {
  300.         background: #28282e;
  301.         padding: 30px 20px 0 !important;
  302.         margin-top: -30px;
  303.         height: 79px;
  304.         color: #ececec !important;
  305.         text-align: center !important;
  306.         margin-top: 5px;
  307.     }
  308. }
  309.  
  310.  
  311. /* Configuração de Ícones das Redes mobile */
  312.  
  313.  
  314. /* Redes do menu mobile EUA */
  315.  
  316. @media only screen and (max-width: 980px) {
  317.     li#menu-item-787 a,
  318.     li#menu-item-788 a,
  319.     li#menu-item-789 a,
  320.     li#menu-item-2394 a,
  321.     /* Redes do menu mobile BRA */
  322.     li#menu-item-4059 a,
  323.     li#menu-item-4060 a,
  324.     li#menu-item-4061 a,
  325.     li#menu-item-4062 a,
  326.     /* Redes do menu mobile SPA */
  327.     li#menu-item-4307 a,
  328.     li#menu-item-4308 a,
  329.     li#menu-item-4309 a,
  330.     li#menu-item-4310 a,
  331.     /* Palavras do menu mobile ITA */
  332.     li#menu-item-4678 a,
  333.     li#menu-item-4679 a,
  334.     li#menu-item-4680 a,
  335.     li#menu-item-4681 a,
  336.     /* Redes do menu mobile RUS */
  337.     li#menu-item- a,
  338.     li#menu-item- a,
  339.     li#menu-item- a,
  340.     li#menu-item- a,
  341.     li#menu-item-3 a,
  342.     /* Redes do menu mobile ARA */
  343.     li#menu-item- a,
  344.     li#menu-item- a,
  345.     li#menu-item- a,
  346.     li#menu-item- a,
  347.     li#menu-item-3 a,
  348.     /* Redes do menu mobile MAN */
  349.     li#menu-item- a,
  350.     li#menu-item- a,
  351.     li#menu-item- a,
  352.     li#menu-item- a,
  353.     li#menu-item-3 a,
  354.     /* Redes do menu mobile THA */
  355.     li#menu-item- a,
  356.     li#menu-item- a,
  357.     li#menu-item- a,
  358.     li#menu-item- a,
  359.     li#menu-item-3 a {
  360.         background: #c42e51;
  361.         padding: 30px 20px 0 !important;
  362.         margin-top: 5px;
  363.         height: 79px;
  364.         color: #000 !important;
  365.     }
  366.     /* Redes do menu mobile EUA */
  367.     li#menu-item-787,
  368.     li#menu-item-788,
  369.     li#menu-item-789,
  370.     li#menu-item-2394,
  371.     /* Redes do menu mobile BRA */
  372.     li#menu-item-4059,
  373.     li#menu-item-4060,
  374.     li#menu-item-4061,
  375.     li#menu-item-4062,
  376.     /* Redes do menu mobile SPA */
  377.     li#menu-item-4307,
  378.     li#menu-item-4308,
  379.     li#menu-item-4309,
  380.     li#menu-item-4310,
  381.     /* Palavras do menu mobile ITA */
  382.     li#menu-item-4678,
  383.     li#menu-item-4679,
  384.     li#menu-item-4680,
  385.     li#menu-item-4681,
  386.     /* Redes do menu mobile RUS */
  387.     li#menu-item-,
  388.     li#menu-item-,
  389.     li#menu-item-,
  390.     li#menu-item-,
  391.     li#menu-item-3,
  392.     /* Redes do menu mobile ARA */
  393.     li#menu-item-,
  394.     li#menu-item-,
  395.     li#menu-item-,
  396.     li#menu-item-,
  397.     li#menu-item-3,
  398.     /* Redes do menu mobile MAN */
  399.     li#menu-item-,
  400.     li#menu-item-,
  401.     li#menu-item-,
  402.     li#menu-item-,
  403.     li#menu-item-3,
  404.     /* Redes do menu mobile THA */
  405.     li#menu-item-,
  406.     li#menu-item-,
  407.     li#menu-item-,
  408.     li#menu-item-,
  409.     li#menu-item-3 {
  410.         padding-right: 0px !important;
  411.         margin-right: 1px !important;
  412.         width: 23.5%!important;
  413.         text-align: center !important;
  414.         display: inline-block !important;
  415.     }
  416. }
  417.  
  418.  
  419. /* Alinhamento de itens do Menu EUA */
  420.  
  421. @media only screen and (max-width: 1441px) {
  422.     li#menu-item-787 {
  423.         margin-left: 200px;
  424.     }
  425. }
  426.  
  427. @media (max-width: 1281px) {
  428.     #top-menu li,
  429.     #top-menu li a {
  430.         font-size: 12px;
  431.         padding-right: 12px;
  432.     }
  433.     li#menu-item-787 {
  434.         margin-left: 80px;
  435.     }
  436.     li#menu-item-36 {
  437.         margin-left: 100px;
  438.     }
  439. }
  440.  
  441.  
  442. /* Alinhamento de itens do Menu ITÁLIA */
  443.  
  444. @media only screen and (max-width: 1441px) {
  445.     li#menu-item-4678 {
  446.         margin-left: 200px;
  447.     }
  448. }
  449.  
  450. @media (max-width: 1281px) {
  451.     #top-menu li,
  452.     #top-menu li a {
  453.         font-size: 12px;
  454.         padding-right: 12px;
  455.     }
  456.     li#menu-item-4678 {
  457.         margin-left: 80px;
  458.     }
  459.     li#menu-item-4686 {
  460.         margin-left: 100px;
  461.     }
  462. }
  463.  
  464.  
  465. /* Alinhamento de itens do Menu Brasil */
  466.  
  467. @media only screen and (max-width: 1441px) {
  468.     li#menu-item-4059 {
  469.         margin-left: 200px;
  470.     }
  471. }
  472.  
  473. @media (max-width: 1281px) {
  474.     #top-menu li,
  475.     #top-menu li a {
  476.         font-size: 12px;
  477.         padding-right: 12px;
  478.     }
  479.     li#menu-item-4058 {
  480.         margin-left: 80px;
  481.     }
  482.     li#menu-item-4059 {
  483.         margin-left: 100px;
  484.     }
  485. }
  486.  
  487.  
  488. /* Alinhamento de itens do Menu Espanha */
  489.  
  490. @media only screen and (max-width: 1441px) {
  491.     li#menu-item-4303 {
  492.         margin-left: 200px;
  493.     }
  494. }
  495.  
  496. @media (max-width: 1281px) {
  497.     #top-menu li,
  498.     #top-menu li a {
  499.         font-size: 12px;
  500.         padding-right: 12px;
  501.     }
  502.     li#menu-item-4307 {
  503.         margin-left: 80px;
  504.     }
  505.     li#menu-item-4314 {
  506.         margin-left: 100px;
  507.     }
  508. }
  509.  
  510.  
  511. /*********************************
  512. style mobile fixed header
  513. *********************************/
  514.  
  515. @media (max-width: 980px) {
  516.     .et_fixed_nav #main-header.et-fixed-header {
  517.         position: fixed;
  518.         background: #000000;
  519.         height: 40px;
  520.     }
  521.     .et-fixed-header .logo_container {
  522.         height: 40px;
  523.     }
  524.     .et-fixed-header .mobile_menu_bar {
  525.         padding-bottom: 5px;
  526.     }
  527.     /*********************************
  528. make mobile fixed header navigation icon larger
  529. *********************************/
  530.     .et-fixed-header .mobile_menu_bar:before {
  531.         font-size: 30px;
  532.     }
  533.     .et_header_style_left .et-fixed-header #et-top-navigation {
  534.         padding-top: 5px;
  535.     }
  536.     .et_fixed_nav #et-top-navigation {
  537.         -webkit-transition: none;
  538.         -moz-transition: none;
  539.         transition: none;
  540.     }
  541.     /**************************
  542. Increase height of logo area on mobile and mobile fixed header
  543. ***************************/
  544.     #logo,
  545.     .et-fixed-header #logo {
  546.         max-height: 80%;
  547.     }
  548.     /* Ajuste lupa e logo mobile*/
  549.     @media (max-width: 400px) {
  550.         .et_header_style_left .logo_container {
  551.             position: absolute !important;
  552.             width: 100% !important;
  553.             height: 100% !important;
  554.             left: -10px !important;
  555.         }
  556.     }
  557.     /* Configuração Botão voltar para cima */
  558.     .et_divi_100_custom_back_to_top .et_pb_scroll_top {
  559.         background: #000000!important;
  560.     }
  561. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!