ely_blm/styles-flatly.css at main · thenatureconservancy/ely_blm · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74


/* Default table text color and background color for Flatly theme */
table.dataTable {
  color: #000000;
  background-color: #ffffff;
}

table.dataTable th,
table.dataTable td {
  color: #000000;
}

/* Default text color for search and show elements */
.dataTables_wrapper .dataTables_filter label,
.dataTables_wrapper .dataTables_length label {
  color: #000000 !important; /* Force text color to black */
}

/* Ensure dropdown and input text are visible */
.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_length select {
  color: #000000 !important; /* Force text color to black */
  background-color: #f8f9fa; /* Light background for better contrast */
  border: 1px solid #000000; /* Add border for better visibility */
  padding: 5px; /* Add padding for better visibility */
}

/* Additional styling for search and show elements */
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_length {
  color: #000000 !important; /* Force text color to black */
}

/* Styling for pagination buttons in Flatly theme */
.dataTables_wrapper .dataTables_paginate .paginate_button {
  color: #ffffff !important; /* Force text color to white */
  background-color: #007bff; /* Flatly theme primary color */
  border: 1px solid #007bff; /* Border to match button color */
  padding: 5px 10px; /* Add padding for better visibility */
  margin: 2px; /* Add margin for spacing */
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background-color: #0056b3; /* Darker shade for hover effect */
  border-color: #0056b3; /* Border color for hover effect */
}

/* Styling for the info text */
.dataTables_wrapper .dataTables_info {
  color: #000000 !important; /* Force text color to black */
}

/* Ensure dropdown options are visible */
.dataTables_wrapper .dataTables_length select option {
  color: #000000 !important; /* Force text color to black */
  background-color: #f8f9fa; /* Light background for better contrast */
}

/* Specifically target the text color for Show entries and Search elements */
.dataTables_wrapper .dataTables_filter label,
.dataTables_wrapper .dataTables_length label,
.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_length select {
  color: #000000 !important; /* Force text color to black */
}

/* Additional specificity for search and show elements */
.dataTables_wrapper .dataTables_filter label,
.dataTables_wrapper .dataTables_length label,
.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_length select {
  color: #000000 !important; /* Force text color to black */
}