Show More
Commit Description:
wip
Commit Description:
wip
References:
File last commit:
Show/Diff file:
Action:
vendor/javascript/datatables/SearchBuilder-1.3.4/css/searchBuilder.semanticui.css
| 234 lines
| 7.4 KiB
| text/css
| LassoCssLexer
|
r866 | div.dt-button-collection { | |||
overflow: visible !important; | ||||
z-index: 2002 !important; | ||||
} | ||||
div.dt-button-collection div.dtsb-searchBuilder { | ||||
width: 99% !important; | ||||
padding-left: 10px !important; | ||||
padding-right: 10px !important; | ||||
} | ||||
div.dt-button-collection.dtb-collection-closeable div.dtsb-titleRow { | ||||
padding-right: 40px; | ||||
} | ||||
.dtsb-greyscale { | ||||
border: 1px solid #cecece !important; | ||||
} | ||||
div.dtsb-logicContainer .dtsb-greyscale { | ||||
border: none !important; | ||||
} | ||||
div.dtsb-searchBuilder { | ||||
justify-content: space-evenly; | ||||
cursor: default; | ||||
margin-bottom: 1em; | ||||
text-align: left; | ||||
} | ||||
div.dtsb-searchBuilder button.dtsb-button, | ||||
div.dtsb-searchBuilder select { | ||||
font-size: 1em; | ||||
} | ||||
div.dtsb-searchBuilder div.dtsb-titleRow { | ||||
justify-content: space-evenly; | ||||
margin-bottom: 0.5em; | ||||
} | ||||
div.dtsb-searchBuilder div.dtsb-titleRow div.dtsb-title { | ||||
display: inline-block; | ||||
padding-top: 6px; | ||||
} | ||||
div.dtsb-searchBuilder div.dtsb-titleRow div.dtsb-title:empty { | ||||
display: inline; | ||||
} | ||||
div.dtsb-searchBuilder div.dtsb-titleRow button.dtsb-clearAll { | ||||
float: right; | ||||
margin-bottom: 0.333em; | ||||
} | ||||
div.dtsb-searchBuilder div.dtsb-vertical .dtsb-value, div.dtsb-searchBuilder div.dtsb-vertical .dtsb-data, div.dtsb-searchBuilder div.dtsb-vertical .dtsb-condition { | ||||
display: block; | ||||
} | ||||
div.dtsb-searchBuilder div.dtsb-group { | ||||
position: relative; | ||||
clear: both; | ||||
margin-bottom: 0.8em; | ||||
} | ||||
div.dtsb-searchBuilder div.dtsb-group button.dtsb-clearGroup { | ||||
margin: 2px; | ||||
text-align: center; | ||||
padding: 0; | ||||
} | ||||
div.dtsb-searchBuilder div.dtsb-group div.dtsb-logicContainer { | ||||
-webkit-transform: rotate(90deg); | ||||
-moz-transform: rotate(90deg); | ||||
-o-transform: rotate(90deg); | ||||
-ms-transform: rotate(90deg); | ||||
transform: rotate(90deg); | ||||
position: absolute; | ||||
margin-top: 0.8em; | ||||
margin-right: 0.8em; | ||||
} | ||||
div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria { | ||||
margin-bottom: 0.8em; | ||||
display: flex; | ||||
justify-content: start; | ||||
flex-flow: row wrap; | ||||
} | ||||
div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-dropDown, | ||||
div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria input.dtsb-input { | ||||
padding: 0.4em; | ||||
margin-right: 0.8em; | ||||
min-width: 5em; | ||||
max-width: 20em; | ||||
background-color: rgba(200, 200, 200, 0.3); | ||||
} | ||||
div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-dropDown option.dtsb-notItalic, | ||||
div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria input.dtsb-input option.dtsb-notItalic { | ||||
font-style: normal; | ||||
} | ||||
div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-italic { | ||||
font-style: italic; | ||||
} | ||||
div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-inputCont { | ||||
flex: 1; | ||||
white-space: nowrap; | ||||
} | ||||
div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-inputCont span.dtsp-joiner { | ||||
margin-right: 0.8em; | ||||
} | ||||
div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-inputCont input.dtsb-value { | ||||
width: 33%; | ||||
} | ||||
div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer { | ||||
margin-left: auto; | ||||
display: inline-block; | ||||
} | ||||
div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer button.dtsb-delete, div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer button.dtsb-right, div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer button.dtsb-left { | ||||
margin-right: 0.8em; | ||||
} | ||||
div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer button.dtsb-delete:last-child, div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer button.dtsb-right:last-child, div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer button.dtsb-left:last-child { | ||||
margin-right: 0; | ||||
} | ||||
@media screen and (max-width: 550px) { | ||||
div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria { | ||||
display: flex; | ||||
flex-flow: none; | ||||
flex-direction: column; | ||||
justify-content: start; | ||||
padding-right: calc(35px + 0.8em); | ||||
margin-bottom: 0px; | ||||
} | ||||
div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria:not(:first-child), div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria:not(:nth-child(2)), div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria:not(:last-child) { | ||||
padding-top: 0.8em; | ||||
} | ||||
div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria:first-child, div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria:nth-child(2), div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria:last-child { | ||||
padding-top: 0em; | ||||
} | ||||
div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-dropDown, | ||||
div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria input.dtsb-input { | ||||
max-width: none; | ||||
width: 100%; | ||||
margin-bottom: 0.8em; | ||||
margin-right: 0.8em; | ||||
} | ||||
div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-inputCont { | ||||
margin-right: 0.8em; | ||||
} | ||||
div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer { | ||||
position: absolute; | ||||
width: 35px; | ||||
display: flex; | ||||
flex-wrap: wrap-reverse; | ||||
right: 0; | ||||
} | ||||
div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer button { | ||||
margin-right: 0px !important; | ||||
} | ||||
} | ||||
div.dt-button-collection { | ||||
border: 1px solid rgba(34, 36, 38, 0.15); | ||||
border-radius: 4px; | ||||
} | ||||
div.dt-button-collection div.dtsb-searchBuilder { | ||||
margin: 10px; | ||||
} | ||||
div.dt-button-collection div.dtsb-searchBuilder div.dtsb-titleRow { | ||||
font-size: 13.33px; | ||||
} | ||||
div.dt-button-collection div.dtsb-searchBuilder div.dtsb-titleRow button.dtsb-clearAll { | ||||
border: none; | ||||
border-radius: 4px; | ||||
} | ||||
div.dt-button-collection div.dtsb-searchBuilder select.ui.dropdown { | ||||
font-size: 13.33px; | ||||
} | ||||
div.dt-button-collection div.dtsb-searchBuilder div.dtsb-logicContainer { | ||||
margin-top: 10px !important; | ||||
border: 1px solid rgba(34, 36, 38, 0.15); | ||||
border-radius: 4px; | ||||
} | ||||
div.dt-button-collection div.dtsb-searchBuilder div.dtsb-criteria, | ||||
div.dt-button-collection div.dtsb-searchBuilder div.dtsb-group { | ||||
margin-bottom: 10px !important; | ||||
} | ||||
div.dtsb-searchBuilder button.dtsb-button { | ||||
padding-top: 5px; | ||||
padding-left: 5px; | ||||
padding-right: 5px; | ||||
padding-bottom: 5px; | ||||
min-width: 30px; | ||||
min-height: 30px; | ||||
} | ||||
div.dtsb-searchBuilder div.dtsb-titleRow { | ||||
margin-bottom: 1em; | ||||
} | ||||
div.dtsb-searchBuilder div.dtsb-titleRow button.dtsb-clearAll { | ||||
margin-bottom: 0px; | ||||
} | ||||
div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select { | ||||
width: auto !important; | ||||
background-color: transparent !important; | ||||
} | ||||
div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-condition { | ||||
border-color: #21ba45; | ||||
} | ||||
div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-data { | ||||
border-color: #db2828; | ||||
} | ||||
div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-value, div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria input.dtsb-value { | ||||
border-color: #2185d0; | ||||
} | ||||
div.dtsb-searchBuilder div.dtsb-group button.ui.button { | ||||
border-radius: 4px; | ||||
} | ||||
div.dtsb-searchBuilder div.dtsb-group div.dtsb-logicContainer { | ||||
border-radius: 4px; | ||||
display: flex; | ||||
flex-direction: row; | ||||
flex-wrap: wrap; | ||||
justify-content: flex-start; | ||||
align-content: flex-start; | ||||
align-items: flex-start; | ||||
margin-top: 0.8em; | ||||
} | ||||
div.dtsb-searchBuilder div.dtsb-group div.dtsb-logicContainer button.dtsb-logic { | ||||
border: none; | ||||
border-radius: 0px; | ||||
border-top-left-radius: 4px; | ||||
border-bottom-left-radius: 4px; | ||||
flex-grow: 1; | ||||
flex-shrink: 0; | ||||
flex-basis: 2.5em; | ||||
margin: 0px; | ||||
} | ||||
div.dtsb-searchBuilder div.dtsb-group div.dtsb-logicContainer button.dtsb-clearGroup { | ||||
border: none; | ||||
border-radius: 0px; | ||||
border-top-right-radius: 4px; | ||||
border-bottom-right-radius: 4px; | ||||
flex-grow: 0; | ||||
width: 2em; | ||||
margin: 0px; | ||||
} | ||||