File tree 5 files changed +771
-771
lines changed
5 files changed +771
-771
lines changed Original file line number Diff line number Diff line change 1
1
@font-face {
2
- font-family : 'inconsolata' ;
3
- src : url ('files/inconsolata.woff' ) format ('woff' );
4
- font-weight : normal;
5
- font-style : normal;
2
+ font-family : 'inconsolata' ;
3
+ src : url ('files/inconsolata.woff' ) format ('woff' );
4
+ font-weight : normal;
5
+ font-style : normal;
6
6
}
7
7
8
8
* {
9
- box-sizing : border-box;
9
+ box-sizing : border-box;
10
10
}
11
11
12
12
html {
13
- height : 100% ;
13
+ height : 100% ;
14
14
}
15
15
16
16
body {
17
- background-color : # ffffff ;
18
- margin : 0px ;
19
- height : 100% ;
20
- color : # 555 ;
21
- font-family : 'inconsolata' ;
22
- font-size : 15px ;
23
- line-height : 18px ;
24
- overflow : hidden;
17
+ background-color : # ffffff ;
18
+ margin : 0px ;
19
+ height : 100% ;
20
+ color : # 555 ;
21
+ font-family : 'inconsolata' ;
22
+ font-size : 15px ;
23
+ line-height : 18px ;
24
+ overflow : hidden;
25
25
}
26
26
27
27
h1 {
28
- margin-top : 30px ;
29
- margin-bottom : 40px ;
30
- margin-left : 20px ;
31
- font-size : 25px ;
32
- font-weight : normal;
28
+ margin-top : 30px ;
29
+ margin-bottom : 40px ;
30
+ margin-left : 20px ;
31
+ font-size : 25px ;
32
+ font-weight : normal;
33
33
}
34
34
35
35
h2 {
36
- color : # 454545 ;
37
- font-size : 18px ;
38
- font-weight : normal;
36
+ color : # 454545 ;
37
+ font-size : 18px ;
38
+ font-weight : normal;
39
39
40
- margin-top : 20px ;
41
- margin-left : 20px ;
40
+ margin-top : 20px ;
41
+ margin-left : 20px ;
42
42
}
43
43
44
44
h3 {
45
- color : # 666 ;
46
- font-size : 16px ;
47
- font-weight : normal;
45
+ color : # 666 ;
46
+ font-size : 16px ;
47
+ font-weight : normal;
48
48
49
- margin-top : 20px ;
50
- margin-left : 20px ;
49
+ margin-top : 20px ;
50
+ margin-left : 20px ;
51
51
}
52
52
53
53
a {
54
- color : # 2194CE ;
55
- text-decoration : none;
54
+ color : # 2194CE ;
55
+ text-decoration : none;
56
56
}
57
57
58
58
# panel {
59
- position : fixed;
60
- left : 0px ;
61
- width : 260px ;
62
- height : 100% ;
63
- overflow : auto;
64
- background : # fafafa ;
59
+ position : fixed;
60
+ left : 0px ;
61
+ width : 260px ;
62
+ height : 100% ;
63
+ overflow : auto;
64
+ background : # fafafa ;
65
65
}
66
66
67
67
# panel ul {
68
- list-style-type : none;
69
- padding : 0px ;
70
- margin-left : 20px ;
68
+ list-style-type : none;
69
+ padding : 0px ;
70
+ margin-left : 20px ;
71
71
}
72
72
73
73
iframe {
74
- position : absolute;
75
- border : 0px ;
76
- left : 260px ;
77
- width : calc (100% - 260px );
78
- height : 100% ;
79
- overflow : auto;
74
+ position : absolute;
75
+ border : 0px ;
76
+ left : 260px ;
77
+ width : calc (100% - 260px );
78
+ height : 100% ;
79
+ overflow : auto;
80
80
}
81
81
82
82
.filterBlock {
83
- margin : 20px ;
84
- position : relative;
83
+ margin : 20px ;
84
+ position : relative;
85
85
}
86
86
87
87
.filterBlock p {
88
- margin : 0 ;
88
+ margin : 0 ;
89
89
}
90
90
91
91
# filterInput {
92
- width : 100% ;
93
- padding : 5px ;
94
- font-family : inherit;
95
- font-size : 15px ;
96
- outline : none;
97
- border : 1px solid # dedede ;
92
+ width : 100% ;
93
+ padding : 5px ;
94
+ font-family : inherit;
95
+ font-size : 15px ;
96
+ outline : none;
97
+ border : 1px solid # dedede ;
98
98
}
99
99
100
100
# filterInput : focus {
101
- border : 1px solid # 2194CE ;
101
+ border : 1px solid # 2194CE ;
102
102
}
103
103
104
104
# clearFilterButton {
105
- position : absolute;
106
- right : 6px ;
107
- top : 50% ;
108
- margin-top : -8px ;
109
- width : 16px ;
110
- height : 16px ;
111
- font-size : 14px ;
112
- color : grey;
113
- text-align : center;
114
- line-height : 0 ;
115
- padding-top : 7px ;
116
- opacity : .5 ;
105
+ position : absolute;
106
+ right : 6px ;
107
+ top : 50% ;
108
+ margin-top : -8px ;
109
+ width : 16px ;
110
+ height : 16px ;
111
+ font-size : 14px ;
112
+ color : grey;
113
+ text-align : center;
114
+ line-height : 0 ;
115
+ padding-top : 7px ;
116
+ opacity : .5 ;
117
117
}
118
118
119
119
# clearFilterButton : hover {
120
- opacity : 1 ;
120
+ opacity : 1 ;
121
121
}
122
122
123
123
.hidden {
124
- display : none;
124
+ display : none;
125
125
}
126
126
127
127
# panel li b {
128
- font-weight : bold;
128
+ font-weight : bold;
129
129
}
130
130
131
131
/* mobile */
132
132
133
133
# expandButton {
134
- display : none;
135
- position : absolute;
136
- right : 20px ;
137
- top : 12px ;
138
- width : 32px ;
139
- height : 32px ;
134
+ display : none;
135
+ position : absolute;
136
+ right : 20px ;
137
+ top : 12px ;
138
+ width : 32px ;
139
+ height : 32px ;
140
140
}
141
141
142
142
# expandButton span {
143
- height : 2px ;
144
- background-color : # 2194CE ;
145
- width : 16px ;
146
- position : absolute;
147
- left : 8px ;
148
- top : 10px ;
143
+ height : 2px ;
144
+ background-color : # 2194CE ;
145
+ width : 16px ;
146
+ position : absolute;
147
+ left : 8px ;
148
+ top : 10px ;
149
149
}
150
150
151
151
# expandButton span : nth-child (1 ) {
152
- top : 16px ;
152
+ top : 16px ;
153
153
}
154
154
155
155
# expandButton span : nth-child (2 ) {
156
- top : 22px ;
156
+ top : 22px ;
157
157
}
158
158
159
159
@media all and ( max-width : 640px ) {
160
-
161
- h1 {
162
- margin-top : 20px ;
163
- margin-bottom : 20px ;
164
- }
165
-
166
- # panel {
167
- position : absolute;
168
- left : 0 ;
169
- top : 0 ;
170
- height : 480px ;
171
- width : 100% ;
172
- right : 0 ;
173
- z-index : 100 ;
174
- overflow : hidden;
175
- border-bottom : 1px solid # dedede ;
176
- }
177
-
178
- # navigation {
179
- position : absolute;
180
- left : 0 ;
181
- top : 90px ;
182
- right : 0 ;
183
- bottom : 0 ;
184
- font-size : 17px ;
185
- line-height : 22px ;
186
- overflow : auto;
187
- }
188
-
189
- iframe {
190
- position : absolute;
191
- left : 0 ;
192
- top : 56px ;
193
- width : 100% ;
194
- height : calc (100% - 56px );
195
- }
196
-
197
- # expandButton {
198
- display : block;
199
- }
200
-
201
- # panel .collapsed {
202
- height : 56px ;
203
- }
204
-
160
+
161
+ h1 {
162
+ margin-top : 20px ;
163
+ margin-bottom : 20px ;
164
+ }
165
+
166
+ # panel {
167
+ position : absolute;
168
+ left : 0 ;
169
+ top : 0 ;
170
+ height : 480px ;
171
+ width : 100% ;
172
+ right : 0 ;
173
+ z-index : 100 ;
174
+ overflow : hidden;
175
+ border-bottom : 1px solid # dedede ;
176
+ }
177
+
178
+ # navigation {
179
+ position : absolute;
180
+ left : 0 ;
181
+ top : 90px ;
182
+ right : 0 ;
183
+ bottom : 0 ;
184
+ font-size : 17px ;
185
+ line-height : 22px ;
186
+ overflow : auto;
187
+ }
188
+
189
+ iframe {
190
+ position : absolute;
191
+ left : 0 ;
192
+ top : 56px ;
193
+ width : 100% ;
194
+ height : calc (100% - 56px );
195
+ }
196
+
197
+ # expandButton {
198
+ display : block;
199
+ }
200
+
201
+ # panel .collapsed {
202
+ height : 56px ;
203
+ }
204
+
205
205
}
You can’t perform that action at this time.
0 commit comments