rianraka/mamberamo
1
0
Fork 0
Code Issues 1 Pull Requests Projects 1 Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
rifqiryandi
2022-04-13 13:51:55 +07:00
commit 47e209c023
3107 changed files with 238911 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
public/style/scss/components/uc/_addons.scss Normal file
View File

@ -0,0 +1,24 @@
@import "./uc-blockui";
@import "./uc-bootstrap-select";
@import "./uc-clipboard";
@import "./uc-ticker";
@import "./uc-typeahead";
@import "./uc-weather";
@import "./uc-noui-slider";
@import "./uc-nestable";
@import "./uc-pignose-calender";
@import "./uc-horizontal-timeline";
@import "./uc-lightgallery";
@import "./uc-toastr";
@import "./jqvmap";
@import "./perfect-scroll";
@import "./dropzone";

3
public/style/scss/components/uc/_dropzone.scss Normal file
View File

@ -0,0 +1,3 @@
// dropzone
.dropzone{
}

27
public/style/scss/components/uc/_jqvmap.scss Normal file
View File

@ -0,0 +1,27 @@
.jqvmap-zoomin, .jqvmap-zoomout
{
position: absolute;
left: 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: #000000;
padding: 3px;
color: white;
width: 17px;
height: 17px;
cursor: pointer;
line-height: 10px;
text-align: center;
}
.jqvmap-zoomin
{
top: 10px;
}
.jqvmap-zoomout
{
top: 30px;
}

88
public/style/scss/components/uc/_perfect-scroll.scss Normal file
View File

@ -0,0 +1,88 @@
// .deznav-scroll{
// .ps__rail-x:hover,
// .ps__rail-y:hover,
// .ps__rail-x:focus,
// .ps__rail-y:focus,
// .ps__rail-x.ps--clicking,
// .ps__rail-y.ps--clicking {
// background-color: #f00;
// opacity: 0.9;
// }
// .ps__rail-y:hover > .ps__thumb-y,
// .ps__rail-y:focus > .ps__thumb-y,
// .ps__rail-y.ps--clicking .ps__thumb-y {
// background-color: #f00;
// width: 4px;
// }
// .ps__thumb-y {
// background-color: #f00;
// width: 4px;
// }
// }
.ps__rail-x:hover,
.ps__rail-y:hover,
.ps__rail-x:focus,
.ps__rail-y:focus,
.ps__rail-x.ps--clicking,
.ps__rail-y.ps--clicking {
background-color: transparent;
opacity: 0.9;
}
.ps__rail-y:hover>.ps__thumb-y,
.ps__rail-y:focus>.ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
background-color: #DAE2F3;
width: 4px;
}
.ps__thumb-y {
background-color: #DAE2F3;
width: 4px;
}
.total-average {
position: relative;
height: 300px;
}
.widget-chat {
position: relative;
height: 250px;
}
.widget-todo {
position: relative;
height: 210px;
}
.widget-team {
position: relative;
height: 285px;
}
.widget-timeline {
position: relative;
}
.widget-comments {
position: relative;
height: 400px;
}
.sidebar-right-inner {
position: relative;
height: 100%;
}
.widget-team {
.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
background-color: transparent!important;
opacity: 0.9;
}
}

17
public/style/scss/components/uc/_uc-blockui.scss Normal file
View File

@ -0,0 +1,17 @@
.blockUI.blockMsg.blockPage {
border: 0 !important;
}
#loginForm {
cursor: auto;
}
.blockMsg {
border: 0px!important;
width: 20%!important;
h1{
font-size: 16px;
padding: 8px 0;
margin-bottom: 0;
}
}

45
public/style/scss/components/uc/_uc-bootstrap-select.scss Normal file
View File

@ -0,0 +1,45 @@
.bootstrap-select{
margin-bottom: 0;
.btn {
border: 1px solid $border !important;
background-color: transparent !important;
font-weight:400;
color: $body-color !important;
@at-root [data-theme-version="dark"] & {
border-color:$d-border !important;
}
&:active,
&:focus,
&:hover {
outline: none !important;
outline-offset: 0;
@at-root [data-theme-version="dark"] & {
color: $body-color !important;
}
}
}
.dropdown-menu{
border-color: $border !important;
box-shadow:$shadow;
.dropdown-item{
padding: 0.25rem 1rem;
}
@at-root [data-theme-version="dark"] & {
border-color: $border !important;
}
}
}
.input-group > .bootstrap-select:not(:first-child) .dropdown-toggle{
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.input-group > .bootstrap-select:not(:last-child) .dropdown-toggle{
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}

10
public/style/scss/components/uc/_uc-clipboard.scss Normal file
View File

@ -0,0 +1,10 @@
@import "../../abstracts/variable";
.clipboard-btn {
transition: all .1s ease-in-out;
&:hover {
background-color: $primary;
color: $white;
}
}

9
public/style/scss/components/uc/_uc-counterup.scss Normal file
View File

@ -0,0 +1,9 @@
.counter-wrapper {
.counter {
font-size: 2rem;
}
span {
font-size: 1rem;
}
}

254
public/style/scss/components/uc/_uc-horizontal-timeline.scss Normal file
View File

@ -0,0 +1,254 @@
.cd-h-timeline {
opacity: 0;
transition: opacity 0.2s;
}
.cd-h-timeline--loaded { // show the timeline after dates position has been set (using JavaScript)
opacity: 1;
}
.cd-h-timeline__container {
position: relative;
height: 100px;
max-width: 800px;
}
.cd-h-timeline__dates {
position: relative;
height: 100%;
margin: 0 40px;
overflow: hidden;
&::after, &::before { // these are used to create a shadow effect at the sides of the timeline
content: '';
position: absolute;
z-index: 2;
top: 0;
height: 100%;
width: 20px;
}
&::before {
left: 0;
background: $primary;
}
&::after {
right: 0;
background: $primary;
}
}
.cd-h-timeline__line { // grey line
position: absolute;
z-index: 1;
left: 0;
top: 49px;
height: 2px; // width will be set using JavaScript
background-color: $primary;
transition: transform 0.4s;
}
.cd-h-timeline__filling-line { // green filling line
position: absolute;
z-index: 1;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: $success;
transform: scaleX(0);
transform-origin: left center;
transition: transform 0.3s;
}
.cd-h-timeline__date {
position: absolute;
bottom: 0; // left position will be set using JavaScript
z-index: 2;
text-align: center;
font-size: 0.8em;
padding-bottom: var(--space-sm);
color: var(--cd-color-1);
user-select: none; // improve swipe
text-decoration: none;
&::after { // this is used to create the event spot
content: '';
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: -5px;
height: 12px;
width: 12px;
border-radius: 50%;
border-width: 2px;
border-style: solid;
border-color: lighten($primary, 0.9);
background-color: $primary;
transition: background-color 0.3s, border-color .3s;
}
&:hover::after {
background-color: $success;
border-color: $success;
}
// @include breakpoint(md) {
// font-size: 0.7em;
// }
}
.cd-h-timeline__date--selected {
pointer-events: none;
&::after {
background-color: $success;
border-color: $success;
}
}
.cd-h-timeline__date--older-event::after {
border-color: $success;
}
.cd-h-timeline__navigation { // arrows to navigate the timeline
position: absolute;
z-index: 1;
top: 50%;
transform: translateY(-50%);
height: 34px;
width: 34px;
border-radius: 50%;
border-width: 2px;
border-style: solid;
border-color: lighten($primary, 0.9);
transition: border-color 0.3s;
&::after { // arrow icon
content: '';
position: absolute;
height: 16px;
width: 16px;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
background: url(../images/svg/cd-arrow.svg) no-repeat 0 0;
}
&:hover {
border-color: $success;
}
}
.cd-h-timeline__navigation--prev {
left: 0;
transform: translateY(-50%) rotate(180deg);
}
.cd-h-timeline__navigation--next {
right: 0;
}
.cd-h-timeline__navigation--inactive {
cursor: not-allowed;
&::after {
background-position: 0 -16px;
}
&:hover {
border-color: lighten($primary, 0.9);
}
}
.cd-h-timeline__events { // container of events info
position: relative;
width: 100%;
overflow: hidden;
transition: height .4s;
}
.cd-h-timeline__event { // single event info
position: absolute;
z-index: 1;
width: 100%;
left: 0;
top: 0;
transform: translateX(-100%);
padding: 1px 5%;
opacity: 0;
animation-duration: 0.4s;
animation-timing-function: ease-in-out;
}
.cd-h-timeline__event--selected { // selected event info
position: relative;
z-index: 2;
opacity: 1;
transform: translateX(0);
}
.cd-h-timeline__event--enter-right,
.cd-h-timeline__event--leave-right { // animate event info
animation-name: cd-enter-right;
}
.cd-h-timeline__event--enter-left,
.cd-h-timeline__event--leave-left { // animate event info
animation-name: cd-enter-left;
}
.cd-h-timeline__event--leave-right,
.cd-h-timeline__event--leave-left {
animation-direction: reverse;
}
.cd-h-timeline__event-content {
max-width: 800px;
}
.cd-h-timeline__event-title {
color: var(--cd-color-1);
font-family: var(--font-secondary);
font-weight: 700;
font-size: var(--text-xxxl);
}
.cd-h-timeline__event-date {
display: block;
font-style: italic;
margin: var(--space-xs) auto;
&::before {
content: '- ';
}
}
@keyframes cd-enter-right {
0% {
opacity: 0;
transform: translateX(100%);
}
100% {
opacity: 1;
transform: translateX(0%);
}
}
@keyframes cd-enter-left {
0% {
opacity: 0;
transform: translateX(-100%);
}
100% {
opacity: 1;
transform: translateX(0%);
}
}

40
public/style/scss/components/uc/_uc-lightgallery.scss Normal file
View File

@ -0,0 +1,40 @@
/* Light Gallery */
.lg-actions .lg-next,
.lg-actions .lg-prev,
.lg-sub-html,
.lg-toolbar{
background-color: rgba(30, 30, 30, .6);
}
.lg-outer{
.lg-toogle-thumb,
.lg-thumb-outer,
.lg-img-wrap,
.lg-item{
background-color: transparent;
}
}
.lg-thumb-outer.lg-grab,
.lg-toogle-thumb.lg-icon{
background-color: rgba(30, 30, 30, .6);
}
.lg-backdrop {
background-color: rgba(30, 30, 30, 0.9);
}
.lg-outer .lg-toogle-thumb,
.lg-actions .lg-next,
.lg-actions .lg-prev,
.lg-toolbar .lg-icon,
#lg-counter{
color: $white;
}
.lg-outer{
.lg-thumb-item{
&.active,
&:hover{
border-color: $primary;
}
}
}
.lightimg{
cursor: pointer;
}

43
public/style/scss/components/uc/_uc-nestable.scss Normal file
View File

@ -0,0 +1,43 @@
// Variable.scss
.nestable-cart {
overflow: hidden;
}
// .dd-item > button {
// height: 2.1rem;
// }
.dd-handle {
color: $white;
background: $primary;
border-radius: 5px;
padding: 8px 15px;
height:auto;
border: 1px solid $border;
}
.dd-handle:hover {
color: $white;
background: $primary;
}
// #nestable2 .dd-handle {
// color: $white;
// border: 1px solid $border;
// background: $primary;
// }
// #nestable2 .dd-handle:hover {
// background: $primary;
// }
// #nestable2 .dd-item>button:before {
// color: $white;
// }
.dd3-content:hover {
color: $white;
background: $primary;
}
.dd3-content {
color: $white;
}
.dd-item>button{
line-height:28px;
color:$white;
}

112
public/style/scss/components/uc/_uc-noui-slider.scss Normal file
View File

@ -0,0 +1,112 @@
@import "../../abstracts/variable";
.noUi-target {
border-color: transparent;
border-radius: 0;
}
.noUi-connect {
background-color: $primary;
&s {
background-color: $grey;
}
&.c-1-color {
background-color: $success;
}
&.c-2-color {
background-color: $info;
}
&.c-3-color {
background-color: $primary;
}
&.c-4-color {
background-color: $warning;
}
}
.noUi-vertical {
width: 0.375rem;
}
.noUi-horizontal {
height: 0.375rem;
margin-bottom: 10px;
}
.noUi-horizontal .noUi-handle, .noUi-vertical .noUi-handle {
height: 12px;
width: 12px;
border-radius: 50px;
box-shadow: none;
border: none;
background-color: $primary;
&::after, &::before {
display: none;
}
}
.noUi-vertical .noUi-handle {
left: -4px;
top: -6px;
}
.noUi-horizontal .noUi-handle {
top: -4px;
}
html:not([dir=rtl]) .noUi-horizontal .noUi-handle {
right: -6px;
}
#slider-toggle {
height: 50px;
}
#slider-toggle.off .noUi-handle {
border-color: $primary;
}
.colorpicker-slider {
.sliders.noUi-target {
&#red, &#green, &#blue {
margin: 10px;
display: inline-block;
height: 200px;
}
&#red .noUi-connect {
background: #c0392b;
}
&#green .noUi-connect {
background: #27ae60;
}
&#blue .noUi-connect {
background: #2980b9;
}
}
#result {
margin: 60px 26px;
height: 100px;
width: 100px;
display: inline-block;
vertical-align: top;
color: rgb(127, 127, 127);
background: rgb(127, 127, 127);
border: 1px solid #fff;
box-shadow: 0 0 10px;
}
}
.slider-vertical {
height: 18rem;
}

32
public/style/scss/components/uc/_uc-pignose-calender.scss Normal file
View File

@ -0,0 +1,32 @@
.pignose-calendar {
box-shadow: none;
width: 100%;
max-width: none;
border-color: $primary;
.pignose-calendar-top-date {
background-color: $primary;
.pignose-calendar-top-month {
color: $white;
}
}
}
.pignose-calendar.pignose-calendar-blue .pignose-calendar-body .pignose-calendar-row .pignose-calendar-unit.pignose-calendar-unit-active a {
background-color: $primary;
box-shadow: none;
}
.pignose-calendar .pignose-calendar-top {
box-shadow: none;
border-bottom: 0;
}
.pignose-calendar.pignose-calendar-blue {
background-color: rgba(0, 0, 0, 0.15);
}
.pignose-calendar .pignose-calendar-unit {
height: 4.8em;
}

32
public/style/scss/components/uc/_uc-tagsinput.scss Normal file
View File

@ -0,0 +1,32 @@
@import "../../abstracts/variable";
.bootstrap-tagsinput {
flex: 1;
padding: 0;
padding-left: .5rem;
border-radius: 0;
border-color: $border;
background-color: $white;
width: 100%;
.tag {
font-size: 0.875rem;
background-color: $primary;
// color: $white;
border-radius: 0;
align-items: center;
border: 1px solid $border;
}
input[type="text"] {
flex: 1;
height: 2.1rem;
border-radius: 0;
border-color: $border;
// max-width: 105px;
}
label{
margin-bottom: .5rem;
}
}

35
public/style/scss/components/uc/_uc-ticker.scss Normal file
View File

@ -0,0 +1,35 @@
.crypto-ticker{
background: rgba(0, 0, 0, 0.5);
margin-top: 20px;
padding: 10px 20px;
border-radius: 3px;
box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.15);
@at-root [data-theme-version="dark"] & {
background: $dark-card;
}
}
#webticker-big {
font: inherit !important;
font-size: inherit !important;
font-weight: normal !important;
li{
i{
font-size: 18px;
margin-right: 7px;
}
p{
margin-bottom: 0px;
font-size: 12px;
font-weight: 700;
// margin-left: 30px;
}
}
}

63
public/style/scss/components/uc/_uc-toastr.scss Normal file
View File

@ -0,0 +1,63 @@
.toast {
&-success {
background-color: $primary;
}
&-info {
background-color: $info;
}
&-warning {
background-color: $warning;
}
&-error {
background-color: $danger;
}
}
#toast-container {
&>div {
box-shadow: none;
border-radius: 0;
width: auto;
max-width: 250px;
opacity: 1;
@at-root [direction="rtl"] & {
padding: 15px 50px 15px 15px;
background-position: calc(100% - 15px);
text-align: right;
}
&:hover {
box-shadow: none;
}
}
.toast-title {
margin-bottom: 5px;
font-weight: 600;
}
.toast-message {
font-size: 12px;
}
.toast-close-button {
opacity: 1;
font-size: 20px;
font-weight: normal;
text-shadow: none;
}
}
[direction="rtl"] {
.toast-top-right.demo_rtl_class {
left: 12px;
right: auto;
}
}

29
public/style/scss/components/uc/_uc-typeahead.scss Normal file
View File

@ -0,0 +1,29 @@
@import "../../abstracts/variable";
.twitter-typeahead {
width: 100%;
// .form-control {
// background-color: $l-bg !important;
// }
.tt-dataset.tt-dataset-states {
border: 1px solid $border;
}
.tt-menu {
width: 100%;
background-color: $white;
.tt-suggestion {
padding: 0.625rem;
cursor: pointer;
&:hover {
background-color: $primary;
color: $white;
}
}
}
}

33
public/style/scss/components/uc/_uc-weather.scss Normal file
View File

@ -0,0 +1,33 @@
// Variable.scss
.weather-one {
i {
font-size: 8rem;
position : relative;
top : .5rem;
}
h2 {
display : inline-block;
float : right;
font-size: 4.8rem;
}
.city {
position : relative;
text-align: right;
top : -2.5rem;
}
.currently {
font-size : 1.6rem;
font-weight: 400;
position : relative;
top : 2.5rem;
}
.celcious {
text-align: right;
font-size : 2rem;
}
}