templates/wanted_jobs_search/_includes/form_stylesheets.html.twig line 1

Open in your IDE?
  1. <style>
  2. #infoBoxModal .modal-dialog {
  3. max-width: 1280px;
  4. margin: 1.75rem auto;
  5. padding: 0 3rem;
  6. }
  8. #infoBoxModalLabel {
  9. font-size: 1.2em;
  10. }
  12. .local-font-adjusted {
  13. height: 31px;
  14. }
  16. .local-font-adjusted .fa {
  17. top: 0.15em;
  18. }
  20. .zipcode-info-box {
  21. min-width: 200px;
  22. max-width: 400px;
  23. min-height: 100px;
  24. top: -110%;
  25. left: 30%;
  26. border-width: 2px !important;
  27. z-index: 8888;
  28. }
  30. @media screen and (max-width: 756px) {
  31. .zipcode-info-box {
  32. top: 70%;
  33. left: 0;
  34. }
  35. }
  37. @media screen and (max-width: 576px) {
  38. #infoBoxModal {
  39. bottom: 0;
  40. }
  42. #infoBoxModal .modal-dialog {
  43. max-height: 70%;
  44. }
  46. #infoBoxModal .modal-content {
  47. overflow-y: scroll;
  48. }
  50. #infoBoxModalLabel {
  51. font-size: 1em;
  52. }
  54. .local-font-adjusted .fa {
  55. top: -0.1em !important;
  56. }
  58. .px-sm-4 {
  59. padding-left: 1.5rem !important;
  60. padding-right: 1.5rem !important;
  61. }
  62. }
  64. .btn-default {
  65. color: black !important;
  66. }
  68. .btn-primary {
  69. color: black !important;
  70. }
  72. @media screen and (max-width: 576px) {
  73. .moving-label {
  74. padding-left: 6px;
  75. }
  76. }
  78. @media screen and (min-width: 576px) {
  79. .moving-label {
  80. padding-left: 24px;
  81. }
  82. }
  83. </style>