elementos.css 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637
  1. /*
  2. To change this license header, choose License Headers in Project Properties.
  3. To change this template file, choose Tools | Templates
  4. and open the template in the editor.
  5. */
  6. /*
  7. Created on : 10/06/2020, 06:35:41 PM
  8. Author : Ale
  9. */
  10. /***** DROPDOWN *****/
  11. .dropdown > button{ border: 1px solid #DBDCDD; color: #DBDCDD; font-size: 14px; }
  12. .dropdown > button:hover, .dropdown > button:focus{ border: 1px solid #001D68; color: #001D68; }
  13. .dropdown > button { padding: 10px 34px 10px 20px; text-align: left; position: relative; }
  14. .dropdown > input:after { position: absolute; top: 13px; right: 13px; font-family: 'ingfont'; font-size: 12px; content: '\e90b'; }
  15. .dropdown.show > input:after { -webkit-transform: rotate(-180deg); -o-transform:rotate(-180deg); transform: rotate(-180deg); }
  16. .dropdown > .dropdown-menu > .dropdown-item{ color: #001D68; }
  17. .dropdown > .dropdown-menu > .dropdown-item:hover{ color: #FFFFFF; }
  18. /***** BUSCADOR *****/
  19. .input-buscar{ position: absolute; top: 15px; right: 12px; color: #DBDCDD; z-index: 10; }
  20. /***** ICONOS *****/
  21. .iconBorder{ border: 15px solid; }
  22. .bigIcon{ font-size: 2rem; }
  23. .bigIcon:hover{ opacity: 0.75; }
  24. /***** NAVS *****/
  25. .nav-item{ border: 0; }
  26. .nav-tabs .nav-link{ border-top-left-radius: 15px; border-top-right-radius: 15px; font-size: 16px; }
  27. .nav-tabs .nav-item > a{ padding: 15px; }
  28. /***** DATALIST *****/
  29. .datalist ul { position: absolute; margin: 0; padding: 0; width: 100%; max-height: 200px; top: 100%; left: 0; list-style: none;
  30. border-radius: 2px; background: #FFFFFF; border: 1px solid #dbdcdd; overflow: hidden; overflow-y: auto; z-index: 100; }
  31. .datalist ul li { display: flex; align-items: center; justify-content: start; padding: 0.8em 1em 0.8em 1em; color: #969696; cursor: pointer; }
  32. .datalist ul li:hover{ background: #D21034; color: #FFFFFF; }