filter.css (4463B)
1 .filterSettings { 2 display: block; 3 margin-bottom: 15px; 4 padding: 0 10px; 5 position: relative; 6 width: 100%; 7 } 8 9 .filterSettings > .timespan { 10 position: absolute; 11 top: 0; 12 right: 0; 13 text-align: right; 14 display: inline-block; 15 vertical-align: top; 16 height: 20px; 17 line-height: 20px; 18 margin-right: 20px; 19 padding-right: 25px; 20 font-size: 12px; 21 color: #a1a1a1; 22 } 23 24 .filterSettings > .timespan > .selector { 25 display: inline-block; 26 vertical-align: top; 27 position: relative; 28 padding-right: 10px; 29 font-size: 0; 30 } 31 32 .filterSettings > .timespan > .selector > .selected { 33 display: block; 34 width: 100%; 35 height: 20px; 36 line-height: 20px; 37 color: #9b59b6; 38 font-weight: bold; 39 cursor: pointer; 40 font-size: 12px; 41 } 42 43 .filterSettings > .timespan > .selector > .dropdown { 44 display: none; 45 position: absolute; 46 top: 0; 47 right: 100%; 48 white-space: nowrap; 49 font-size: 0; 50 } 51 52 .filterSettings > .timespan > .selector > .dropdown > a { 53 display: inline-block; 54 vertical-align: top; 55 height: 20px; 56 line-height: 20px; 57 color: #a1a1a1; 58 cursor: pointer; 59 text-decoration: none; 60 margin-right: 10px; 61 font-size: 12px; 62 } 63 64 .filterSettings > .timespan > .selector:hover > .dropdown { 65 display: block; 66 } 67 68 .filterSettings > .sort > .selector { 69 display: inline-block; 70 vertical-align: top; 71 position: relative; 72 padding-right: 10px; 73 font-size: 0; 74 } 75 76 .filterSettings > .sort > .selector > .selected { 77 display: block; 78 width: 100%; 79 height: 20px; 80 line-height: 20px; 81 color: #9b59b6; 82 font-weight: bold; 83 cursor: pointer; 84 font-size: 12px; 85 } 86 87 .filterSettings > .sort > .selector > .dropdown { 88 display: none; 89 position: absolute; 90 top: 0; 91 left: 100%; 92 white-space: nowrap; 93 font-size: 0; 94 } 95 96 .filterSettings > .sort > .selector > .dropdown > a { 97 display: inline-block; 98 vertical-align: top; 99 height: 20px; 100 line-height: 20px; 101 color: #a1a1a1; 102 cursor: pointer; 103 text-decoration: none; 104 margin-right: 10px; 105 font-size: 12px; 106 } 107 108 .filterSettings > .sort > .selector:hover > .dropdown { 109 display: block; 110 } 111 112 .discover-results { 113 margin-bottom: 20px; 114 } 115 116 .linkfilter, 117 .filter { 118 background-color: var(--lv3-col); 119 font-family: Arial, Helvetica, sans-serif; 120 } 121 122 .linkfilter h2, 123 .filter h2 { 124 color: var(--accent); 125 } 126 127 .linkfilter input[type="text"], 128 .linkfilter textarea[type="text"], 129 .filter input[type="text"], 130 .filter textarea[type="text"] { 131 background-color: var(--lv2-col); 132 border: solid var(--accent); 133 border-radius: 0.2em; 134 border-width: 0.1em; 135 text-align: left; 136 max-width: 100%; 137 padding: 0.3em; 138 } 139 140 .linkfilter input[value="Change"], 141 .filter input[value="Change"] { 142 background-color: var(--accent2); 143 padding: 0.3em; 144 font-family: Arial, Helvetica, sans-serif; 145 border: solid #ddd; 146 border-radius: 0.2em; 147 border-width: 0.1em; 148 color: var(--button-text-col); 149 transition: background-color, color, 0.3s; 150 transition-timing-function: ease-in-out; 151 } 152 153 154 .linkfilter input[value="Change"]:hover, 155 .filter input[value="Change"]:hover { 156 background-color: var(--accent); 157 padding: 0.3em; 158 font-family: Arial, Helvetica, sans-serif; 159 border: solid #ffffff; 160 border-radius: 0.2em; 161 border-width: 0.1em; 162 color: var(--accent2); 163 } 164 165 .linkfilter input[value="Reload"], 166 .filter input[value="Reload"] { 167 background-color: var(--accent2); 168 padding: 0.3em; 169 font-family: Arial, Helvetica, sans-serif; 170 border: solid #ddd; 171 border-radius: 0.2em; 172 border-width: 0.1em; 173 color: var(--button-text-col); 174 transition: background-color, color, 0.3s; 175 transition-timing-function: ease-in-out; 176 } 177 178 .linkfilter input[value="Reload"]:hover, 179 .filter input[value="Reload"]:hover { 180 background-color: var(--accent); 181 padding: 0.3em; 182 font-family: Arial, Helvetica, sans-serif; 183 border: solid #ffffff; 184 border-radius: 0.2em; 185 border-width: 0.1em; 186 color: var(--accent2); 187 } 188 189 .linkfilter input[value="Add"], 190 .filter input[value="Add"] { 191 background-color: var(--accent2); 192 padding: 0.3em; 193 font-family: Arial, Helvetica, sans-serif; 194 border: solid #ddd; 195 border-radius: 0.2em; 196 border-width: 0.1em; 197 color: var(--button-text-col); 198 transition: background-color, color, 0.3s; 199 transition-timing-function: ease-in-out; 200 } 201 202 .linkfilter input[value="Add"]:hover, 203 .filter input[value="Add"]:hover { 204 background-color: var(--accent); 205 padding: 0.3em; 206 font-family: Arial, Helvetica, sans-serif; 207 border: solid #ffffff; 208 border-radius: 0.2em; 209 border-width: 0.1em; 210 color: var(--accent2); 211 }