Initial commit

resources/css/app.css

@@ -0,0 +1,8 @@
+/* Reset */
+@import 'tailwindcss/base';
+/* Components */
+@import 'tailwindcss/components';
+/* Utilities */
+@import 'tailwindcss/utilities';
+
+@import 'common';

resources/css/common.css

@@ -0,0 +1,169 @@
+:root {
+    --swiper-theme-color: #FF5722 !important;
+  }
+
+.grid-auto {
+    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+    grid-auto-flow: row dense;
+}
+
+.button-default, button.default{
+    background-color: transparent;
+    border: transparent;
+}
+.contain{
+    contain: layout;
+}
+
+.drop-shadow-custom{
+    filter: drop-shadow(1px 1px 10px black);
+}
+
+.mediaCount2{
+    @apply grid;
+    @apply gap-3;
+    @apply grid-cols-2;
+}
+.mediaCount3{
+    @apply grid;
+    @apply gap-3;
+    @apply grid-cols-3;
+}
+.gradient-profile{
+    &:after{
+        content: '';
+        position: absolute;
+        top:0;
+        left:0;
+        right: 0;
+        bottom: 0;
+        background: linear-gradient(180deg, rgba(44, 34, 54, 0.3) 0%, rgba(44, 34, 54, 0.3) 100%);
+    }
+
+}
+
+.btn-spinner,
+.btn-spinner:after {
+  border-radius: 50%;
+  width: 1.5em;
+  height: 1.5em;
+}
+
+
+.btn-spinner {
+    font-size: 10px;
+    position: relative;
+    text-indent: -9999em;
+    border-top: 0.2em solid white;
+    border-right: 0.2em solid white;
+    border-bottom: 0.2em solid white;
+    border-left: 0.2em solid transparent;
+    transform: translateZ(0);
+    animation: spinning 1s infinite linear;
+  }
+
+  #nprogress .bar {
+    height: 5px !important;
+  }
+
+  @keyframes spinning {
+    0% {
+      transform: rotate(0deg);
+    }
+    100% {
+      transform: rotate(360deg);
+    }
+  }
+
+
+
+
+
+  .custom-input-range {
+    height: 22px;
+    -webkit-appearance: none;
+    background: transparent;
+  }
+  .custom-input-range:focus {
+    outline: none;
+  }
+  .custom-input-range::-webkit-slider-runnable-track {
+    width: 100%;
+    height: 5px;
+    cursor: pointer;
+    animate: 0.2s;
+    box-shadow: 0px 0px 0px #000000;
+    background: #2C2236;
+    border-radius: 10px;
+    border: 0px solid #000000;
+  }
+  .custom-input-range::-webkit-slider-thumb {
+    box-shadow: 0px 0px 0px #000000;
+    border: 1px solid #F26627;
+    height: 15px;
+    width: 15px;
+    border-radius: 25px;
+    background: #F26627;
+    cursor: pointer;
+    -webkit-appearance: none;
+    margin-top: -5.5px;
+  }
+  .custom-input-range:focus::-webkit-slider-runnable-track {
+    background: #2C2236;
+  }
+  .custom-input-range::-moz-range-track {
+    width: 100%;
+    height: 5px;
+    cursor: pointer;
+    animate: 0.2s;
+    box-shadow: 0px 0px 0px #000000;
+    background: #2C2236;
+    border-radius: 10px;
+    border: 0px solid #000000;
+  }
+  .custom-input-range::-moz-range-thumb {
+    box-shadow: 0px 0px 0px #000000;
+    border: 1px solid #F26627;
+    height: 15px;
+    width: 15px;
+    border-radius: 25px;
+    background: #F26627;
+    cursor: pointer;
+  }
+  .custom-input-range::-ms-track {
+    width: 100%;
+    height: 5px;
+    cursor: pointer;
+    animate: 0.2s;
+    background: transparent;
+    border-color: transparent;
+    color: transparent;
+  }
+  .custom-input-range::-ms-fill-lower {
+    background: #2C2236;
+    border: 0px solid #000000;
+    border-radius: 20px;
+    box-shadow: 0px 0px 0px #000000;
+  }
+  .custom-input-range::-ms-fill-upper {
+    background: #2C2236;
+    border: 0px solid #000000;
+    border-radius: 20px;
+    box-shadow: 0px 0px 0px #000000;
+  }
+  .custom-input-range::-ms-thumb {
+    margin-top: 1px;
+    box-shadow: 0px 0px 0px #000000;
+    border: 1px solid #F26627;
+    height: 15px;
+    width: 15px;
+    border-radius: 25px;
+    background: #F26627;
+    cursor: pointer;
+  }
+  .custom-input-range:focus::-ms-fill-lower {
+    background: #2C2236;
+  }
+  .custom-input-range:focus::-ms-fill-upper {
+    background: #2C2236;
+  }