API tools faq
paste
EduardET

Untitled

EduardET
Jul 19th, 2018
178
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 8.00 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 (max-width: 980px) {
  251.     .opened #mobile_menu {
  252.         display: grid !important;
  253.         grid-template-columns: repeat(4, 1fr);
  254.         grid-gap: 8px;
  255.     }
  256.     .opened #mobile_menu li:not(.social-item) {
  257.         grid-column: span 4;
  258.     }
  259.     #mobile_menu li a {
  260.         text-align: center;
  261.         padding: 27px 0;
  262.     }
  263.     #mobile_menu li:not(.social-item) a {
  264.         background-color: #28282e;
  265.         color: white;
  266.     }
  267.     #mobile_menu li.social-item a {
  268.         color: black;
  269.         background-color: #c42e51;
  270.     }
  271. }
  272.  
  273.  
  274. /* Alinhamento de itens do Menu EUA */
  275.  
  276. @media only screen and (max-width: 1441px) {
  277.     li#menu-item-787 {
  278.         margin-left: 200px;
  279.     }
  280. }
  281.  
  282. @media (max-width: 1281px) {
  283.     #top-menu li,
  284.     #top-menu li a {
  285.         font-size: 12px;
  286.         padding-right: 12px;
  287.     }
  288.     li#menu-item-787 {
  289.         margin-left: 80px;
  290.     }
  291.     li#menu-item-36 {
  292.         margin-left: 100px;
  293.     }
  294. }
  295.  
  296.  
  297. /* Alinhamento de itens do Menu ITÁLIA */
  298.  
  299. @media only screen and (max-width: 1441px) {
  300.     li#menu-item-4678 {
  301.         margin-left: 200px;
  302.     }
  303. }
  304.  
  305. @media (max-width: 1281px) {
  306.     #top-menu li,
  307.     #top-menu li a {
  308.         font-size: 12px;
  309.         padding-right: 12px;
  310.     }
  311.     li#menu-item-4678 {
  312.         margin-left: 80px;
  313.     }
  314.     li#menu-item-4686 {
  315.         margin-left: 100px;
  316.     }
  317. }
  318.  
  319.  
  320. /* Alinhamento de itens do Menu Brasil */
  321.  
  322. @media only screen and (max-width: 1441px) {
  323.     li#menu-item-4059 {
  324.         margin-left: 200px;
  325.     }
  326. }
  327.  
  328. @media (max-width: 1281px) {
  329.     #top-menu li,
  330.     #top-menu li a {
  331.         font-size: 12px;
  332.         padding-right: 12px;
  333.     }
  334.     li#menu-item-4058 {
  335.         margin-left: 80px;
  336.     }
  337.     li#menu-item-4059 {
  338.         margin-left: 100px;
  339.     }
  340. }
  341.  
  342.  
  343. /* Alinhamento de itens do Menu Espanha */
  344.  
  345. @media only screen and (max-width: 1441px) {
  346.     li#menu-item-4303 {
  347.         margin-left: 200px;
  348.     }
  349. }
  350.  
  351. @media (max-width: 1281px) {
  352.     #top-menu li,
  353.     #top-menu li a {
  354.         font-size: 12px;
  355.         padding-right: 12px;
  356.     }
  357.     li#menu-item-4307 {
  358.         margin-left: 80px;
  359.     }
  360.     li#menu-item-4314 {
  361.         margin-left: 100px;
  362.     }
  363. }
  364.  
  365.  
  366. /*********************************
  367. style mobile fixed header
  368. *********************************/
  369.  
  370. @media (max-width: 980px) {
  371.     .et_fixed_nav #main-header.et-fixed-header {
  372.         position: fixed;
  373.         background: #000000;
  374.         height: 40px;
  375.     }
  376.     .et-fixed-header .logo_container {
  377.         height: 40px;
  378.     }
  379.     .et-fixed-header .mobile_menu_bar {
  380.         padding-bottom: 5px;
  381.     }
  382.     /*********************************
  383. make mobile fixed header navigation icon larger
  384. *********************************/
  385.     .et-fixed-header .mobile_menu_bar:before {
  386.         font-size: 30px;
  387.     }
  388.     .et_header_style_left .et-fixed-header #et-top-navigation {
  389.         padding-top: 5px;
  390.     }
  391.     .et_fixed_nav #et-top-navigation {
  392.         -webkit-transition: none;
  393.         -moz-transition: none;
  394.         transition: none;
  395.     }
  396.     /**************************
  397. Increase height of logo area on mobile and mobile fixed header
  398. ***************************/
  399.     #logo,
  400.     .et-fixed-header #logo {
  401.         max-height: 80%;
  402.     }
  403.     /* Ajuste lupa e logo mobile*/
  404.     @media (max-width: 400px) {
  405.         .et_header_style_left .logo_container {
  406.             position: absolute !important;
  407.             width: 100% !important;
  408.             height: 100% !important;
  409.             left: -10px !important;
  410.         }
  411.     }
  412.     /* Configuração Botão voltar para cima */
  413.     .et_divi_100_custom_back_to_top .et_pb_scroll_top {
  414.         background: #000000 !important;
  415.     }
  416. }
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!