hmw1001
81 lines
2.1 KiB
CSS
81 lines
2.1 KiB
CSS
.notbox { border:1px solid #e9e9e9; background:#f7f7f7; padding:10px; text-align:center; margin-bottom:10px; }
|
|
.srchb { border:1px solid #e9e9e9; margin-bottom:10px; }
|
|
.srchb table { width:100%; }
|
|
.srchb td { padding:5px; }
|
|
.srchb .ctlt { background:#f7f7f7; text-align:center; font-weight:bold; }
|
|
.srchb .wbg { background:#fff; }
|
|
|
|
/* 💡 [핵심 수정] 통계 분류 탭 메뉴 스타일 복원 */
|
|
.srchb .List {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
display: flex;
|
|
gap: 5px;
|
|
flex-wrap: wrap;
|
|
}
|
|
.srchb .List li a {
|
|
display: block;
|
|
padding: 5px 10px;
|
|
border: 1px solid #ddd;
|
|
background: #f8f9fa;
|
|
color: #333;
|
|
text-decoration: none;
|
|
}
|
|
.srchb .List li a:hover {
|
|
background: #e9ecef;
|
|
}
|
|
.srchb .List li a.btn_ov01 {
|
|
background: #333;
|
|
color: #fff;
|
|
border-color: #000;
|
|
font-weight: bold;
|
|
}
|
|
|
|
/* 날짜 설정 및 차트 종류 버튼 스타일 */
|
|
.set_day,
|
|
#chart-type-selector .btn_03 {
|
|
cursor: pointer !important;
|
|
border: 1px solid #ccc;
|
|
padding: 5px 10px;
|
|
background: #f8f9fa;
|
|
border-radius: 4px;
|
|
text-decoration: none;
|
|
color: #333;
|
|
display: inline-block;
|
|
}
|
|
.set_day:hover,
|
|
#chart-type-selector .btn_03:hover {
|
|
background: #e9ecef;
|
|
}
|
|
.set_day.active,
|
|
#chart-type-selector .btn_03.active {
|
|
background: #333;
|
|
color: #fff;
|
|
border-color: #000;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.ntlt { font-weight:bold; margin:15px 0 5px; }
|
|
|
|
.ttlt { width:100%; border-collapse:collapse; border-top:2px solid #999; }
|
|
.ttlt th, .ttlt td { padding:8px; border:1px solid #e9e9e9; }
|
|
.ttlt thead tr { background:#f7f7f7; }
|
|
.ttlt .rt { text-align:right; }
|
|
.ttlt .ct { text-align:center; }
|
|
|
|
.graph { background:#eee; width:100%; height:15px; border-radius: 3px; overflow: hidden;}
|
|
.graph .bar { display:block; background:#627ab8; height:100%; text-align:right; color:#fff; padding-right:5px; }
|
|
|
|
.chart-container {
|
|
width: 100%;
|
|
max-width: 1000px;
|
|
margin: 30px auto;
|
|
padding: 20px;
|
|
background: #fff;
|
|
border: 1px solid #ddd;
|
|
border-radius: 8px;
|
|
box-shadow: 0 2px 5px rgba(0,0,0,0.05);
|
|
}
|
|
.empty-chart { text-align:center; padding: 50px; }
|