Initial import

marko_unpacked/marko/cms/_public/assets/css/search-box-remote.css

@@ -0,0 +1,129 @@
+.search-box-container {
+    padding: 10px;
+    border: 1px solid #cccccc;
+    background: #FFFFFF;
+    box-shadow: 0 0 10px rgba(0,0,0,0.3);
+    position: absolute;
+    width: calc(100% - 20px);
+    z-index: 100;
+}
+
+.search-box-container .input-search {
+    width: calc(100% - 15px);
+}
+
+.up-position {
+    bottom: 40px;
+}
+
+.down-position {
+    top: auto;
+}
+
+.autocomplete-list {
+    width: 100%;
+    background: #f1f1f1;
+    margin-bottom: 5px;
+    margin-top: 5px;
+    height: 150px;
+    display: none;
+    padding: 3px;
+    overflow-y: scroll;
+}
+
+.autocomplete-image-list {
+    height: 300px;
+}
+
+.autocomplete-value {
+    padding: 10px 5px;
+    background: #FFFFFF;
+    margin: 3px;
+    cursor: pointer;
+}
+
+.autocomplete-value:hover {
+    background: var(--base-background-ultra-bright);
+}
+
+.visible {
+    display: block;
+}
+
+.add-button {
+    width: 100px;
+    height: 30px;
+    line-height: 30px;
+    color: var(--base-background-dark);
+    border: 1px solid var(--base-background);
+    text-align: center;
+    margin: 3px;
+}
+
+.clear-button {
+    width: 100px;
+    height: 30px;
+    line-height: 30px;
+    color: var(--base-background-dark);
+    border: 1px solid var(--base-background);
+    text-align: center;
+    margin: 3px;
+}
+.add-button:hover, .clear-button:hover {
+    background: var(--base-background-ultra-bright-clear);
+}
+
+.input-main-search {
+    padding: 10px;
+    border: 1px solid var(--base-background);
+    background: #FFFFFF;
+    line-height: 40px;
+}
+
+.panel-result-selected {
+    justify-content: center;
+    padding: 10px;
+    border: 1px solid var(--base-background-super-bright);
+    background: var(--base-background-ultra-bright-clear);
+}
+.row-result .img-container {
+    overflow: hidden; width: 80px; height: 80px; background: #f1f1f1;
+    border: 1px solid #cccccc;
+}
+
+.object-list .row-result {
+    border: 1px solid #cccccc;
+    margin-top: 10px;
+    background: #FFFFFF;
+    position: relative;
+}
+
+.remove-object {
+    position: absolute;right: 10px;
+    top: calc(50% - 15px);
+    width: 30px;
+    height: 30px;
+    background: #f1f1f1;
+    text-align: center;
+    line-height: 35px;
+    border-radius: 5px;
+    cursor: pointer;
+}
+
+.remove-object .la {
+    font-size: 20px;
+}
+
+.remove-object:hover {
+    background: #c13939;
+    color: #FFFFFF;
+}
+
+.row-result a {
+    color: var(--base-background);
+    text-decoration: none;
+}
+
+.row-result a:hover {
+    color: var(--base-background-dark);
+}