Merge pull request #11241 from mattwire/CRM-21392_find_groups_viewcomponents
[civicrm-core.git] / css / searchForm.css
CommitLineData
562fda4b
CW
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;
2f686d2b
CW
15}
16
17/* top submit button on advanced search */
18.adv-search-top-submit span.crm-button {
19 float: right !important;
4ef8abc2
CW
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}
971f025a
SL
58
59/* CRM-20945 Remove underline to show active pager */
60.crm-container #alpha-filter a.active {
61 border-bottom: none;
874c8a01
SL
62 color: #41477E;
63 font-weight: bold;
971f025a 64}
a39762fd
MD
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}