참고: 설정을 저장한 후에 바뀐 점을 확인하기 위해서는 브라우저의 캐시를 새로 고쳐야 합니다.
- 파이어폭스 / 사파리: Shift 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5 또는 Ctrl-R을 입력 (Mac에서는 ⌘-R)
- 구글 크롬: Ctrl-Shift-R키를 입력 (Mac에서는 ⌘-Shift-R)
- 인터넷 익스플로러 / 엣지: Ctrl 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5를 입력.
- 오페라: Ctrl-F5를 입력.
.history-event-manager,
.history-event-manager * {
box-sizing:border-box;
}
.history-event-shell,
.history-event-loading {
position:relative;
width:100%;
background:#080808;
border:1px solid #000;
color:#d8d8d8;
font-size:12px;
line-height:1.45;
box-shadow:
inset 0 1px 0 #1a1a1a,
inset 0 -1px 0 #050505;
}
.history-event-loading {
padding:10px;
background:#101010;
}
.history-event-head {
display:flex;
align-items:center;
justify-content:space-between;
gap:8px;
min-height:32px;
padding:0 8px;
background:#111111;
border-bottom:1px solid #000;
}
.history-event-title {
font-weight:700;
letter-spacing:.04em;
color:#e2e2e2;
text-shadow:1px 1px 0 #000;
}
.history-event-summary {
color:#888;
font-size:11px;
white-space:nowrap;
}
.history-event-toolbar {
display:flex;
align-items:center;
gap:5px;
padding:6px;
background:#0b0b0b;
border-bottom:1px solid #000;
}
.history-event-toolbar label {
display:flex;
align-items:center;
gap:5px;
color:#aaa;
white-space:nowrap;
}
.history-event-toolbar select,
.history-event-toolbar input[type="search"],
.history-event-table input[type="text"],
.history-event-year-fields input[type="text"] {
height:25px;
background:#070707;
color:#e2e2e2;
border:1px solid #000;
box-shadow:
inset 1px 1px 0 #020202,
inset -1px -1px 0 #191919;
outline:none;
border-radius:0;
padding:4px 6px;
font:inherit;
}
.history-event-toolbar input[type="search"] {
width:360px;
}
.history-event-toolbar button,
.history-event-add,
.history-event-delete,
.history-event-up,
.history-event-down,
.history-event-year-up,
.history-event-year-down,
.history-event-year-delete {
border:1px solid #000;
background:#171717;
color:#dcdcdc;
border-radius:0;
font:inherit;
cursor:pointer;
box-shadow:
inset 0 1px 0 #333,
inset 0 -1px 0 #080808;
}
.history-event-toolbar button {
height:25px;
padding:0 8px;
}
.history-event-add,
.history-event-delete,
.history-event-up,
.history-event-down,
.history-event-year-up,
.history-event-year-down,
.history-event-year-delete {
height:22px;
padding:0 7px;
font-size:11px;
line-height:20px;
}
.history-event-up,
.history-event-down {
width:24px;
padding:0;
}
.history-event-toolbar button:hover,
.history-event-add:hover,
.history-event-delete:hover,
.history-event-up:hover,
.history-event-down:hover,
.history-event-year-up:hover,
.history-event-year-down:hover,
.history-event-year-delete:hover {
background:#222222;
color:#ffffff;
}
.history-event-status {
margin-left:auto;
color:#9db7c7;
font-size:11px;
white-space:nowrap;
}
.history-event-note {
padding:6px 8px;
background:#080808;
border-bottom:1px solid #000;
color:#8a8a8a;
font-size:11px;
line-height:1.45;
}
.history-event-body {
max-height:calc(100vh - 245px);
overflow:auto;
padding:6px;
}
.history-event-year {
margin:0 0 7px;
border:1px solid #000;
background:#0b0b0b;
box-shadow:
inset 0 1px 0 #191919,
inset 0 -1px 0 #050505;
}
.history-event-year:last-child {
margin-bottom:0;
}
.history-event-year-head {
display:flex;
align-items:center;
justify-content:space-between;
gap:8px;
min-height:32px;
padding:3px 6px;
background:#111111;
border-bottom:1px solid #000;
}
.history-event-year-fields,
.history-event-year-actions {
display:flex;
align-items:center;
gap:5px;
min-width:0;
}
.history-event-year-value {
width:70px;
font-weight:700;
}
.history-event-year-label {
width:120px;
}
.history-event-year-count {
color:#777;
font-size:11px;
white-space:nowrap;
}
.history-event-table-wrap {
overflow:auto;
}
.history-event-table {
width:100%;
border-collapse:collapse;
table-layout:fixed;
}
.history-event-table th,
.history-event-table td {
border:1px solid #000;
padding:4px;
vertical-align:middle;
background:#0d0d0d;
}
.history-event-table th {
background:#151515;
color:#aaa;
font-size:11px;
font-weight:600;
}
.history-event-table tr:hover td {
background:#141414;
}
.history-event-table input[type="text"] {
width:100%;
}
.history-event-order-col {
width:64px;
text-align:center;
}
.history-event-period-col {
width:170px;
}
.history-event-title-col {
width:220px;
}
.history-event-page-col,
.history-event-url-col {
width:220px;
}
.history-event-check-col {
width:58px;
text-align:center;
}
.history-event-note-col {
width:180px;
}
.history-event-action-col {
width:70px;
text-align:center;
}
.history-event-empty,
.history-event-empty-cell {
padding:12px;
color:#777;
text-align:center;
font-size:11px;
}