Y-SLD/assets/playkit/examples/css/dashboards/dashboard.v1.css

314 lines
25 KiB
CSS
Raw Normal View History

2024-03-01 11:23:55 +00:00
#dash1-widget-performance .circle {
border: 2px solid #fff;
box-shadow: 0 0 0 1px transparent;
box-sizing: content-box; }
#dash1-widget-performance .circle.circle.bg-primary {
box-shadow: 0 0 0 1px #39527b;
background: #39527b; }
#dash1-widget-performance .circle.circle.bg-success {
box-shadow: 0 0 0 1px #60c84c;
background: #60c84c; }
#dash1-widget-performance .circle.circle.bg-danger {
box-shadow: 0 0 0 1px #ff7473;
background: #ff7473; }
/* timeline widget */
#dash1-widget-timeline .tl-item {
position: relative;
padding-left: 1.5rem;
padding-bottom: 1.5rem; }
#dash1-widget-timeline .tl-item::before {
border-left-width: 1px;
border-left-style: solid;
content: '';
height: calc(100% - 13px);
top: 13px;
left: 0;
bottom: 0;
position: absolute; }
#dash1-widget-timeline .tl-item::after {
content: '';
width: 13px;
height: 13px;
top: 0;
left: -6px;
position: absolute;
border-width: 1px;
border-style: solid;
border-radius: 100%; }
#dash1-widget-timeline .tl-item .tl-date {
font-size: 12px;
color: #636c72; }
#dash1-widget-timeline .tl-item .tl-text {
margin: 0; }
#dash1-widget-timeline .tl-item.tl-item:nth-child(4n+1)::before {
border-left-color: #39527b; }
#dash1-widget-timeline .tl-item.tl-item:nth-child(4n+1)::after {
border-color: #39527b; }
#dash1-widget-timeline .tl-item.tl-item:nth-child(4n+2)::before {
border-left-color: #60c84c; }
#dash1-widget-timeline .tl-item.tl-item:nth-child(4n+2)::after {
border-color: #60c84c; }
#dash1-widget-timeline .tl-item.tl-item:nth-child(4n+3)::before {
border-left-color: #ffc952; }
#dash1-widget-timeline .tl-item.tl-item:nth-child(4n+3)::after {
border-color: #ffc952; }
#dash1-widget-timeline .tl-item.tl-item:nth-child(4n+4)::before {
border-left-color: #ff7473; }
#dash1-widget-timeline .tl-item.tl-item:nth-child(4n+4)::after {
border-color: #ff7473; }
/* Tasks widget */
#dash1-widget-tasks .list-group-item {
padding-top: 1rem;
padding-bottom: 1rem; }
#dash1-widget-tasks [type="checkbox"]:checked + label {
font-style: italic;
text-decoration: line-through;
color: #636c72; }
#dash1-widget-tasks #new-task-form {
padding: 1.5rem;
position: relative; }
#dash1-widget-tasks #new-task-form #new-task-field,
#dash1-widget-tasks #new-task-form #new-task-submit {
border: none;
box-shadow: none;
outline: none; }
#dash1-widget-tasks #new-task-form #new-task-field {
width: 100%;
padding: .5rem;
padding-left: 2.5rem;
color: #636c72; }
#dash1-widget-tasks #new-task-form #new-task-submit {
background: transparent;
position: absolute;
top: 1.5rem;
left: 1.5rem;
padding: .5rem 0;
display: inline-block; }
/* Quick Actions widget */
#dash1-widget-quick-actions .list-group-item {
padding: .75rem 0; }
@media (min-width: 576px) {
#dash1-widget-quick-actions .section-2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 50%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; } }
/* Stats Widgets */
.dash1-widget-stats .progress {
border-radius: 0;
margin-right: -1px;
margin-left: -1px;
width: calc(100% + 2px); }
.dash1-widget-stats .progress-bar {
border-right: 4px solid rgba(0, 0, 0, 0.09); }
/* Chat widget */
#dash1-widget-chat .input-group .form-control, #dash1-widget-chat .input-group .btn {
height: 64px;
background-color: #fbfbfb;
border-color: #eceeef;
border-bottom: none; }
#dash1-widget-chat .input-group .form-control, #dash1-widget-chat .input-group .form-control:focus, #dash1-widget-chat .input-group .form-control:active, #dash1-widget-chat .input-group .btn, #dash1-widget-chat .input-group .btn:focus, #dash1-widget-chat .input-group .btn:active {
outline: none;
box-shadow: none; }
#dash1-widget-chat .input-group .form-control {
color: #39527b;
font-style: italic;
font-size: .875rem; }
#dash1-widget-chat .input-group .input-group-btn:first-child .btn {
border-left: none; }
#dash1-widget-chat .input-group .input-group-btn:last-child .btn {
border-right: none; }
#dash1-widget-chat .input-group .btn {
border-radius: 0; }
#dash1-widget-chat .chat-entries {
overflow-y: auto;
height: 280px; }
#dash1-widget-chat .typing-indicator {
width: 80px;
height: 24px;
border: 1px solid #ddd;
border-radius: 0.25rem;
text-align: center;
float: right; }
#dash1-widget-chat .typing-indicator span {
width: 8px;
height: 8px;
display: inline-block;
background-color: #818a91;
border-radius: 100%;
opacity: .1;
-webkit-animation: typing 1500ms infinite;
animation: typing 1500ms infinite; }
#dash1-widget-chat .typing-indicator span:nth-child(2) {
-webkit-animation-delay: 500ms;
animation-delay: 500ms; }
#dash1-widget-chat .typing-indicator span:nth-child(3) {
-webkit-animation-delay: 1000ms;
animation-delay: 1000ms; }
@-webkit-keyframes typing {
100% {
opacity: 1; } }
@keyframes typing {
100% {
opacity: 1; } }
#dash1-widget-chat .chat-entry {
position: relative;
margin-bottom: 1rem; }
#dash1-widget-chat .chat-entry::after {
display: block;
content: "";
clear: both; }
#dash1-widget-chat .chat-entry:last-of-type {
margin-bottom: 0; }
#dash1-widget-chat .chat-entry .chat-entry-bubble {
padding: .5rem;
position: relative;
display: inline-block;
background: #f7f7f9;
border-radius: 0.25rem;
margin-bottom: .5rem; }
#dash1-widget-chat .chat-entry .chat-entry-bubble p:last-child {
margin-bottom: 0; }
#dash1-widget-chat .chat-entry .chat-entry-bubble:first-of-type::after {
content: '';
position: absolute;
top: 8px; }
#dash1-widget-chat .chat-entry .chat-entry-avatar {
position: absolute;
margin-right: 0;
top: 0; }
#dash1-widget-chat .chat-entry.entry-left {
padding-left: 60px; }
#dash1-widget-chat .chat-entry.entry-left .chat-entry-bubble {
float: left;
box-shadow: 1px 1px 2px #eceeef;
margin-right: 2px; }
#dash1-widget-chat .chat-entry.entry-left .chat-entry-avatar {
left: 0; }
#dash1-widget-chat .chat-entry.entry-left .chat-entry-bubble:first-of-type::after {
left: -10px;
border-right: 10px solid #f7f7f9;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent; }
#dash1-widget-chat .chat-entry.entry-right {
padding-right: 60px; }
#dash1-widget-chat .chat-entry.entry-right .chat-entry-bubble {
float: right;
box-shadow: -1px 1px 2px #eceeef;
margin-left: 2px; }
#dash1-widget-chat .chat-entry.entry-right .chat-entry-avatar {
right: 0; }
#dash1-widget-chat .chat-entry.entry-right .chat-entry-bubble:first-of-type::after {
right: -10px;
border-left: 10px solid #f7f7f9;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent; }
/* Activities widget */
#dash1-widget-activities .chart {
position: relative; }
#dash1-widget-activities #dash1-easypiechart-1 {
display: inline-block;
width: 80px;
height: 80px;
text-align: center; }
#dash1-widget-activities #dash1-easypiechart-1 canvas {
position: absolute;
top: 0;
left: 0; }
#dash1-widget-activities #dash1-easypiechart-1 .center-icon {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
@media (max-width: 575px) {
#dash1-widget-activities .activity-counters {
width: 100%;
margin-top: 1.5rem; }
#dash1-widget-activities .media-list.left-list .media:last-child {
border-bottom: 1px solid #eceeef; } }
/* Products-widget */
#dash1-widget-products .item {
position: relative;
text-align: center; }
#dash1-widget-products .item img {
max-width: 100%;
height: 200px; }
#dash1-widget-products .item .price-badge {
width: 60px;
height: 60px;
border-radius: 500px;
background: #60c84c;
border: 2px solid #fff;
color: #fff;
font-weight: 500;
font-size: 1rem;
text-align: center;
line-height: 56px;
position: absolute;
top: 0;
left: 50%; }
#dash1-widget-products .owl-controls {
width: 54px;
margin: 0 auto;
margin-top: 2rem; }
#dash1-widget-products .owl-controls .owl-page {
display: inline-block;
margin-right: 6px;
width: 12px;
height: 12px;
border-radius: 50%;
background: #bbb;
cursor: pointer; }
#dash1-widget-products .owl-controls .owl-page.active {
background: #ddd; }
.flotTip-with-arrow {
background: #60c84c;
border-radius: 0.25rem;
padding: .5rem 1rem;
color: #fff;
border: none; }
.flotTip-with-arrow::after {
content: '';
position: absolute;
left: 50%;
top: 100%;
-webkit-transform: translate(-50%);
-ms-transform: translate(-50%);
transform: translate(-50%);
border-left: 6px solid transparent;
border-top: 6px solid #60c84c;
border-right: 6px solid transparent; }
/*# sourceMappingURL=data:application/json;charset=utf8;base64,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