From 39b3ab7bc6b50b9ebbcaf22efe4f444dd2598143 Mon Sep 17 00:00:00 2001
From: Mshera <ashera146@gmail.com>
Date: Sun, 14 Jul 2024 01:36:14 +0200
Subject: [PATCH] Create Ashera

---
 Ashera | 85 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 85 insertions(+)
 create mode 100644 Ashera

diff --git a/Ashera b/Ashera
new file mode 100644
index 00000000..d0059477
--- /dev/null
+++ b/Ashera
@@ -0,0 +1,85 @@
+div.dt-searchPanes {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  justify-content: space-around;
+  align-content: flex-start;
+  align-items: stretch;
+  height: 200px;
+}
+div.dt-searchPanes div.pane {
+  position: relative;
+  flex: 1;
+  margin: 1em 0.5%;
+  border: 1px solid #ccc;
+  border-radius: 3px;
+}
+div.dt-searchPanes div.pane button[type=button] {
+  display: none;
+}
+div.dt-searchPanes div.pane.filtering button[type=button] {
+  display: block;
+  position: absolute;
+  right: 6px;
+  top: 6px;
+  border: 1px solid #999;
+  background: rgba(0, 0, 0, 0.1);
+  border-radius: 16px;
+  cursor: pointer;
+}
+div.dt-searchPanes div.pane.filtering button[type=button]:hover {
+  background: rgba(0, 0, 0, 0.2);
+}
+div.dt-searchPanes div.pane div.title {
+  box-sizing: border-box;
+  height: 36px;
+  padding: 9px 0.35em;
+  font-size: 1.1em;
+  background-color: #e8e9eb;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
+}
+div.dt-searchPanes div.pane div.scroller {
+  position: absolute;
+  top: 36px;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  overflow: auto;
+}
+div.dt-searchPanes div.pane div.scroller ul {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+div.dt-searchPanes div.pane div.scroller ul li {
+  position: relative;
+  margin: 0;
+  padding: 0;
+  cursor: pointer;
+}
+div.dt-searchPanes div.pane div.scroller ul li:nth-child(odd) {
+  background: rgba(0, 0, 0, 0.03);
+}
+div.dt-searchPanes div.pane div.scroller ul li.selected {
+  background: #3276b1;
+  color: white;
+}
+div.dt-searchPanes div.pane div.scroller ul li span.label {
+  display: inline-block;
+  box-sizing: border-box;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  width: 85%;
+  vertical-align: middle;
+  padding: 0.2em 0.3em;
+}
+div.dt-searchPanes div.pane div.scroller ul li span.count {
+  display: inline-block;
+  width: 14%;
+  margin-right: 1%;
+  font-size: 0.8em;
+  text-align: center;
+  background-color: rgba(50, 118, 177, 0.5);
+  border-radius: 3px;
+}