23 lines
2.0 KiB
CSS
23 lines
2.0 KiB
CSS
/* Cards Page Specific Styles */
|
|
.ck-card { transition: all .25s ease; }
|
|
.ck-card:hover { transform: translateY(-4px); box-shadow: 0 8px 25px rgba(0,0,0,.1); cursor: pointer; }
|
|
.ck-avatar-stack { display: flex; }
|
|
.ck-avatar-stack .ck-avatar-item { width: 28px; height: 28px; border-radius: 9999px; border: 2px solid #fff; display: flex; align-items: center; justify-content: center; font-size: 10px; font-weight: 700; color: #fff; margin-right: -8px; }
|
|
.ck-avatar-stack .ck-avatar-item:last-child { margin-right: 0; }
|
|
.ck-star-rating svg { width: 14px; height: 14px; }
|
|
.ck-dropdown { display: none; position: absolute; right: 0; top: 100%; margin-top: 4px; min-width: 180px; background: #fff; border: 1px solid #e2e8f0; border-radius: 10px; box-shadow: 0 8px 25px rgba(0,0,0,.08); z-index: 40; padding: 6px; }
|
|
.ck-dropdown.open { display: block; }
|
|
.ck-dropdown a { display: block; padding: 8px 12px; font-size: 13px; color: #334155; border-radius: 6px; transition: background .15s; }
|
|
.ck-dropdown a:hover { background: #f1f5f9; }
|
|
.ck-img-placeholder { height: 180px; background: linear-gradient(135deg, #e2e8f0, #f1f5f9); display: flex; align-items: center; justify-content: center; }
|
|
.ck-chart-placeholder { height: 180px; background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%); border-radius: 8px; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; }
|
|
.ck-chart-placeholder .ck-bar-set { display: flex; align-items: flex-end; gap: 8px; height: 120px; }
|
|
.ck-chart-placeholder .ck-bar { width: 24px; border-radius: 4px 4px 0 0; background: #3b82f6; opacity: .3; }
|
|
.ck-chart-placeholder .ck-bar:nth-child(1) { height: 60px; }
|
|
.ck-chart-placeholder .ck-bar:nth-child(2) { height: 90px; }
|
|
.ck-chart-placeholder .ck-bar:nth-child(3) { height: 50px; }
|
|
.ck-chart-placeholder .ck-bar:nth-child(4) { height: 110px; }
|
|
.ck-chart-placeholder .ck-bar:nth-child(5) { height: 70px; }
|
|
.ck-chart-placeholder .ck-bar:nth-child(6) { height: 100px; }
|
|
.ck-chart-placeholder .ck-bar:nth-child(7) { height: 45px; }
|