css/searchForm.css

   1 /* Styles specific to search forms and search results */
   2
   3 .crm-container div#searchForm {
   4   height: auto;
   5   width: 100%;
   6 }
   7
   8 .crm-container div#searchForm table.form-layout {
   9   border-spacing: 0;
  10 }
  11
  12 .crm-container div#searchForm table.form-layout td {
  13   padding: 4px;
  14   border: 1px solid #DDDDDD;
  15 }
  16
  17 /* top submit button on advanced search */
  18 .adv-search-top-submit span.crm-button {
  19   float: right !important;
  20 }
  21
  22 /* alpha filter styles */
  23 #crm-container #alpha-filter ul {
  24   border-collapse: collapse;
  25   padding: 0;
  26   list-style-type: none;
  27   margin: 3px;
  28   height: auto;
  29   width: auto;
  30 }
  31
  32 .crm-container div#alpha-filter {
  33   background-color: #CDE8FE;
  34   margin: 4px 0 5px;
  35   padding: 2px;
  36   text-align: left;
  37 }
  38
  39 .crm-container #alpha-filter li {
  40   background-color: transparent;
  41   background-image: none;
  42   border: none;
  43   color: #AAAAAA;
  44   display: inline;
  45   font-size: 15px;
  46   font-weight: normal;
  47   height: auto;
  48   margin: 0 1px;
  49   padding: 2px 5px;
  50   font-family: Arial, Helvetica, sans-serif;
  51 }
  52
  53 .crm-container #alpha-filter a {
  54   border-bottom: 1px dotted #2A71B4;
  55   color: #2A71B4;
  56   font-weight: normal;
  57 }
  58
  59 /* CRM-20945 Remove underline to show active pager */
  60 .crm-container #alpha-filter a.active {
  61   border-bottom: none;
  62   color: #41477E;
  63   font-weight: bold;
  64 }
  65
  66 .advanced-search-fields {
  67   display: grid;
  68   grid-template-columns: [col] repeat(3, calc(100% / 3 - 10px));
  69   width: 100%;
  70 }
  71
  72 .advanced-search-fields .search-field {
  73   padding: 5px;
  74 }
  75
  76 .advanced-search-fields .search-field__span-2 {
  77   grid-column: col / span 2;
  78 }
  79 .advanced-search-fields .search-field__span-3 {
  80   grid-column: col / span 3;
  81 }
  82
  83 .advanced-search-fields .search-field__checkbox {
  84   display: flex;
  85 }
  86
  87 .advanced-search-fields .search-field__checkbox input[type="checkbox"] {
  88   order: -1;
  89 }
  90
  91 .advanced-search-fields .search-field__checkbox label {
  92   padding-right: 5px;
  93 }