1/*! 2 * jQuery QueryBuilder 2.5.2 3 * Copyright 2014-2018 Damien "Mistic" Sorel (http://www.strangeplanet.fr) 4 * Licensed under MIT (https://opensource.org/licenses/MIT) 5 */ 6.query-builder .rules-group-container, .query-builder .rule-container, .query-builder .rule-placeholder { 7 position: relative; 8 margin: 4px 0; 9 /* border-radius: 5px; */ 10 padding: 5px; 11 border: 1px solid #ddd; 12 background: rgba(230, 230, 230, 0.30); 13} 14 15.query-builder .rule-container .rule-filter-container, 16.query-builder .rule-container .rule-operator-container, 17.query-builder .rule-container .rule-value-container, .query-builder .error-container, .query-builder .drag-handle { 18 display: inline-block; 19 margin: 0 5px 0 0; 20 vertical-align: middle; 21} 22 23.query-builder .rules-group-container { 24 padding: 10px; 25 padding-bottom: 6px; 26 border: 1px solid #ddd; 27 /* background: rgba(250, 240, 210, 0.5); */ 28 /* border: none; */ 29 margin: 0; 30 margin-bottom: 5px; 31} 32 33.query-builder > .rules-group-container { 34 border: 1px transparent; 35 margin: 0; 36} 37 38.query-builder .rules-group-header { 39 margin-bottom: 10px; 40} 41 42.query-builder .rules-group-header .group-conditions .btn.readonly:not(.active), 43.query-builder .rules-group-header .group-conditions input[name$='_cond'] { 44 border: 0; 45 clip: rect(0 0 0 0); 46 height: 1px; 47 margin: -1px; 48 overflow: hidden; 49 padding: 0; 50 position: absolute; 51 width: 1px; 52 white-space: nowrap; 53} 54 55.query-builder .rules-group-header .group-conditions .btn.readonly { 56 border-radius: 3px; 57} 58 59.query-builder .rules-list { 60 list-style: none; 61 padding: 0 0 0 15px; 62 margin: 0; 63} 64 65.query-builder .rule-value-container { 66 border-left: 1px solid #DDD; 67 padding-left: 5px; 68} 69 70.query-builder .rule-value-container label { 71 margin-bottom: 0; 72 font-weight: normal; 73} 74 75.query-builder .rule-value-container label.block { 76 display: block; 77} 78 79.query-builder .rule-value-container select, 80.query-builder .rule-value-container input[type='text'], 81.query-builder .rule-value-container input[type='number'] { 82 /* padding: 1px; */ 83} 84 85.query-builder .error-container { 86 display: none; 87 cursor: help; 88 color: #F00; 89} 90 91.query-builder .has-error { 92 background-color: #FDD; 93 border-color: #F99; 94} 95 96.query-builder .has-error .error-container { 97 display: inline-block !important; 98} 99 100.query-builder .rules-list > *::before, .query-builder .rules-list > *::after { 101 content: ''; 102 position: absolute; 103 left: -10px; 104 width: 10px; 105 height: calc(50% + 4px); 106 border-color: #CCC; 107 border-style: solid; 108} 109 110.query-builder .rules-list > *::before { 111 top: -4px; 112 border-width: 0 0 2px 2px; 113} 114 115.query-builder .rules-list > *::after { 116 top: 50%; 117 border-width: 0 0 0 2px; 118} 119 120.query-builder .rules-list > *:first-child::before { 121 top: -12px; 122 height: calc(50% + 14px); 123} 124 125.query-builder .rules-list > *:last-child::before { 126 border-radius: 0 0 0 4px; 127} 128 129.query-builder .rules-list > *:last-child::after { 130 display: none; 131} 132 133.query-builder.bt-checkbox-glyphicons .checkbox input[type='checkbox']:checked + label::after { 134 font-family: 'Glyphicons Halflings'; 135 content: '\e013'; 136} 137 138.query-builder.bt-checkbox-glyphicons .checkbox label::after { 139 padding-left: 4px; 140 padding-top: 2px; 141 font-size: 9px; 142} 143 144.query-builder .error-container + .tooltip .tooltip-inner { 145 color: #F99 !important; 146} 147 148.query-builder p.filter-description { 149 margin: 5px 0 0 0; 150 background: #D9EDF7; 151 border: 1px solid #BCE8F1; 152 color: #31708F; 153 border-radius: 5px; 154 padding: 2.5px 5px; 155 font-size: .8em; 156} 157 158.query-builder .rules-group-header [data-invert] { 159 margin-left: 5px; 160} 161 162.query-builder .drag-handle { 163 cursor: move; 164 vertical-align: middle; 165 margin-left: 5px; 166} 167 168.query-builder .dragging { 169 position: fixed; 170 opacity: .5; 171 z-index: 100; 172} 173 174.query-builder .dragging::before, .query-builder .dragging::after { 175 display: none; 176} 177 178.query-builder .rule-placeholder { 179 border: 1px dashed #BBB; 180 opacity: .7; 181} 182 183 184// Custom Rules added by Observium developers 185 186.query-builder .rule-actions { 187 margin: 5px; 188} 189 190.query-builder .glyphicon { 191 position: relative; 192 top: 2px; 193} 194