HTML2String/kigui_custom.css at master · Lazyig/HTML2String · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
/*page-header-actionbar*/
.kigui-l-h {
    background-color: #3f8eff;
}
/*page-sidebar*/
.kigui-l-s {
    background-color:#303030;
    color:#fafafa;
}
.kigui-l-s-h {
    background-color:#242424;
    color:#fafafa;

}

.kigui-l-s-b-c > ul > li {
    /*카테고리 구분*/
    border-bottom:1px solid #fafafa;
}

.kigui-l-c {
    padding:10px;
}

.kigui-o-b-n {
    /*일반 버튼 배경색*/
    background-color: #4f4f4f;
    /*일반 버튼 상단 여백*/
    margin-top:10px;
}
.kigui-o-b-n:hover {
    /*버튼 위에 마우스 올릴시 배경색*/
    background-color:#303030;
}
/*object-button-float*/
.kigui-o-b-f {
    /*우측 하단 원형 버튼 배경색*/
    background-color:#303030;
    /*우측 하단 원형 버튼 글자색*/
    color:#fafafa;
}
/*object-text*/
.kigui-o-t {
    /*텍스트 박스 하단 줄 색깔*/
    border-bottom:2px solid rgba(0, 0, 0, 0.2);
}
.kigui-o-t:focus {
    /*텍스트 박스 하단 줄 색깔(선택 시)*/
    border-bottom-color:rgba(0, 0, 0, 0.5);
}

/*object-swtich*/
.kigui-o-s-l {
    /*스위치 OFF시 원 부분*/
    background-color: #f1f1f1;
}
.kigui-o-s > input[type="checkbox"]:checked ~ .kigui-o-s-l {
    /*스위치 ON시 원 부분*/
    background-color: #0f9900;
}
.kigui-o-s-b {
    /*스위치 OFF시 바 부분*/
    background-color: #a4a4a4;
}

.kigui-o-s > input[type="checkbox"]:checked ~ .kigui-o-s-b {
    /*스위치 ON시 바 부분*/
    background-color: #2adc71;
}

.kigui-l-h-m {
    /*헤더 메시지 배경색*/
    background-color: #ff8874;
    /*헤더 메시지 글자색*/
    color:#fafafa;
}

.kigui-o-c > input[type="checkbox"]:checked ~ .kigui-o-c-b {
    /*체크 박스 체크시 배경색*/
    background-color:#066de2;
    /*체크 표시 색상*/
    color:#fafafa;
}