Skip to content

Commit 7e0d2b7

Browse files
mrdoobmrdoob
authored
Merge pull request #11078 from jostschmithals/docsIndexRefactoring
Docs: index.html refactored
2 parents 95728fb + 015734c commit 7e0d2b7

File tree

5 files changed

+941
-723
lines changed

5 files changed

+941
-723
lines changed

‎docs/index.css

Lines changed: 205 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,205 @@
1+
@font-face {
2+
font-family: 'inconsolata';
3+
src: url('files/inconsolata.woff') format('woff');
4+
font-weight: normal;
5+
font-style: normal;
6+
}
7+
8+
*{
9+
box-sizing: border-box;
10+
}
11+
12+
html {
13+
height: 100%;
14+
}
15+
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;
25+
}
26+
27+
h1 {
28+
margin-top: 30px;
29+
margin-bottom: 40px;
30+
margin-left: 20px;
31+
font-size: 25px;
32+
font-weight: normal;
33+
}
34+
35+
h2 {
36+
color: #454545;
37+
font-size: 18px;
38+
font-weight: normal;
39+
40+
margin-top: 20px;
41+
margin-left: 20px;
42+
}
43+
44+
h3 {
45+
color: #666;
46+
font-size: 16px;
47+
font-weight: normal;
48+
49+
margin-top: 20px;
50+
margin-left: 20px;
51+
}
52+
53+
a {
54+
color: #2194CE;
55+
text-decoration: none;
56+
}
57+
58+
#panel {
59+
position: fixed;
60+
left: 0px;
61+
width: 260px;
62+
height: 100%;
63+
overflow: auto;
64+
background: #fafafa;
65+
}
66+
67+
#panel ul {
68+
list-style-type: none;
69+
padding: 0px;
70+
margin-left: 20px;
71+
}
72+
73+
iframe {
74+
position: absolute;
75+
border: 0px;
76+
left: 260px;
77+
width: calc(100% - 260px);
78+
height: 100%;
79+
overflow: auto;
80+
}
81+
82+
.filterBlock{
83+
margin: 20px;
84+
position: relative;
85+
}
86+
87+
.filterBlock p {
88+
margin: 0;
89+
}
90+
91+
#filterInput {
92+
width: 100%;
93+
padding: 5px;
94+
font-family: inherit;
95+
font-size: 15px;
96+
outline: none;
97+
border: 1px solid #dedede;
98+
}
99+
100+
#filterInput:focus{
101+
border: 1px solid #2194CE;
102+
}
103+
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;
117+
}
118+
119+
#clearFilterButton:hover {
120+
opacity: 1;
121+
}
122+
123+
.hidden {
124+
display: none;
125+
}
126+
127+
#panel li b {
128+
font-weight: bold;
129+
}
130+
131+
/* mobile */
132+
133+
#expandButton {
134+
display: none;
135+
position: absolute;
136+
right: 20px;
137+
top: 12px;
138+
width: 32px;
139+
height: 32px;
140+
}
141+
142+
#expandButton span {
143+
height: 2px;
144+
background-color: #2194CE;
145+
width: 16px;
146+
position: absolute;
147+
left: 8px;
148+
top: 10px;
149+
}
150+
151+
#expandButton span:nth-child(1) {
152+
top: 16px;
153+
}
154+
155+
#expandButton span:nth-child(2) {
156+
top: 22px;
157+
}
158+
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+
205+
}

0 commit comments

Comments
 (0)