diff --git a/CSS/themes/duplicacy/duplicacy-base.css b/CSS/themes/duplicacy/duplicacy-base.css index 7497d902..e9cc78ab 100644 --- a/CSS/themes/duplicacy/duplicacy-base.css +++ b/CSS/themes/duplicacy/duplicacy-base.css @@ -83,35 +83,41 @@ body, .content .card { box-shadow: none; } + .text-danger { color: #f05050; } + .text-danger:hover { color: #ec2626; } + .text-primary { color: var(--accent-color); } + .text-primary:hover { color: var(--accent-color-hover); } + .status-success { color: var(--link-color); } + /* PLACEHOLDER TEXT */ ::placeholder { color: var(--text) !important; - opacity: .5!important; + opacity: .5 !important; } :-moz-placeholder { color: var(--text) !important; - opacity: .5!important; + opacity: .5 !important; } :-ms-input-placeholder { color: var(--text) !important; - opacity: .5!important; + opacity: .5 !important; } ::-webkit-input-placeholder { @@ -122,17 +128,43 @@ body, /* CARDS */ .card { background: transparent - } - .col-sm-6 .card, .col-md-12 .card { +} + +.col-sm-6 .card, +.col-md-12 .card { background: transparent !important; - } - .card-container,.col-xs-4 .card, .col-xs-12 .card, .col-xs-8 .card { +} + +.card-container, +.col-xs-4 .card, +.col-xs-12 .card, +.col-xs-8 .card { background: rgb(255 255 255 / 8%) !important; - } - - div[id='schedule-0'],div[id='schedule-1'],div[id='schedule-2'],div[id='schedule-3'],div[id='schedule-4'],div[id='schedule-5'],div[id='schedule-6'],div[id='schedule-7'],div[id='schedule-8'],div[id='schedule-9'],div[id='schedule-10'],div[id='schedule-11'],div[id='schedule-12'],div[id='schedule-13'],div[id='schedule-14'],div[id='schedule-15'],div[id='schedule-16'],div[id='schedule-17'],div[id='schedule-18'],div[id='schedule-19'],div[id='schedule-20']{ - background-color: rgb(255 255 255 / 8%); - } +} + +div[id='schedule-0'], +div[id='schedule-1'], +div[id='schedule-2'], +div[id='schedule-3'], +div[id='schedule-4'], +div[id='schedule-5'], +div[id='schedule-6'], +div[id='schedule-7'], +div[id='schedule-8'], +div[id='schedule-9'], +div[id='schedule-10'], +div[id='schedule-11'], +div[id='schedule-12'], +div[id='schedule-13'], +div[id='schedule-14'], +div[id='schedule-15'], +div[id='schedule-16'], +div[id='schedule-17'], +div[id='schedule-18'], +div[id='schedule-19'], +div[id='schedule-20'] { + background-color: rgb(255 255 255 / 8%); +} /* TIMELINE */ .vis-timeline { @@ -156,8 +188,11 @@ body, .vis-labelset .vis-label .vis-inner { color: var(--text); } + /* STORAGE PAGE */ -.card .nav-tabs>li.active>a,.card .nav-tabs>li.active>a:focus,.card .nav-tabs>li.active>a:hover { +.card .nav-tabs>li.active>a, +.card .nav-tabs>li.active>a:focus, +.card .nav-tabs>li.active>a:hover { color: var(--text); cursor: default; background-color: rgba(0, 0, 0, .25); @@ -166,7 +201,8 @@ body, border-radius: 6px 6px 0 0; } -.card .nav > li > a:hover,.card .nav > li > a:focus { +.card .nav>li>a:hover, +.card .nav>li>a:focus { background-color: rgba(255, 255, 255, .07); border: 1px solid transparent; } @@ -195,6 +231,7 @@ body, } @media (min-width: 992px) { + .off-canvas-sidebar .nav li.active>a:before, .off-canvas-sidebar .nav li.active>a:after { border-right: 17px solid var(--accent-color); @@ -292,7 +329,9 @@ textarea { background-color: rgb(0 0 0 / 50%); } -.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{ +.form-control[disabled], +.form-control[readonly], +fieldset[disabled] .form-control { background-color: rgba(0, 0, 0, .15); } @@ -305,7 +344,7 @@ textarea { color: black; } -.form-check-label{ +.form-check-label { word-break: break-word; } @@ -315,7 +354,9 @@ textarea { border-width: 1px; border-radius: 4px; } -.main-panel .btn:hover,.main-panel .btn:focus { + +.main-panel .btn:hover, +.main-panel .btn:focus { background: transparent; } @@ -386,7 +427,8 @@ div>div>div.modal-footer>button.btn.btn-default.pull-left { } div>div>div.modal-footer>button.btn.btn-default.pull-left:hover, -.navbar .navbar-nav > li > a.btn-danger.btn-fill, .btn-danger.btn-fill { +.navbar .navbar-nav>li>a.btn-danger.btn-fill, +.btn-danger.btn-fill { border-color: #ec2626; color: var(--text-hover); background-color: #ec2626; @@ -413,7 +455,7 @@ div>div>div.modal-footer>button.btn.btn-default.pull-left:hover, border-color: var(--button-color-hover); } -.radio-box input:checked ~ .radio-button { +.radio-box input:checked~.radio-button { background-color: var(--button-color); } @@ -448,11 +490,13 @@ hr { border-top: 1px solid rgb(255 255 255 / 20%); } -.list-group-item{ +.list-group-item { background-color: transparent; } -.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover { +.list-group-item.active, +.list-group-item.active:focus, +.list-group-item.active:hover { background-color: var(--accent-color); border-color: var(--accent-color); } @@ -461,11 +505,13 @@ hr { .progress { background-color: rgba(0, 0, 0, 0.25); } + .progress-bar { background-color: var(--accent-color); } + .progress span { -color: var(--text); + color: var(--text); } /* FOOTER */ @@ -479,8 +525,9 @@ color: var(--text); box-shadow: 0 0 10px 0px #000000; background: var(--modal-bg-color); } + .off-canvas-sidebar .nav li.active>a:before, - .off-canvas-sidebar .nav > li.active > a:after { + .off-canvas-sidebar .nav>li.active>a:after { border-left: 17px solid var(--accent-color); } -} +} \ No newline at end of file