Skip to content

Commit ac9a6ec

Browse files
carlbennettcarlbennett
committed
Merge branch 'phoenix-mobile' into phoenix
2 parents 25f8a21 + 92c3b76 commit ac9a6ec

File tree

5 files changed

+393
-29
lines changed

5 files changed

+393
-29
lines changed

‎config.sample.json

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@
44
false,
55
"BNETDocs has to take a brief moment to do some system maintenance. We'll be back shortly."
66
],
7+
"mobile_site_enabled": false,
78
"user_login_disabled": false,
89
"user_password_pepper": "bnetdocs-INSERTRANDOMVALUEHERE",
910
"user_register_disabled": false,

‎static/a/main-mobile.css

Lines changed: 357 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,357 @@
1+
/**
2+
* BNETDocs (C) 2016 Creative Commons CC-BY-NC-SA 4.0 License
3+
*/
4+
5+
body {
6+
background: #272727 url("/a/main_bg.png") repeat fixed center;
7+
color: #ddd;
8+
font: 13pt source sans pro, verdana, arial, sans-serif;
9+
margin: 48px 0px 0px 0px;
10+
padding: 0px;
11+
}
12+
a,
13+
a:focus {
14+
outline: none;
15+
}
16+
a:hover {
17+
text-decoration: underline;
18+
}
19+
a:link {
20+
color: #00c0ff;
21+
text-decoration: none;
22+
}
23+
a:visited {
24+
color: #00a0cf;
25+
}
26+
header.main-page {
27+
background-color: rgba(64,64,64,0.8);
28+
-moz-box-sizing: border-box;
29+
box-sizing: border-box;
30+
cursor: default;
31+
color: rgba(0,222,180,0.9);
32+
font: 20pt source sans pro, verdana, arial, sans-serif;
33+
left: 0px;
34+
line-height: 32px;
35+
padding: 8px 12px;
36+
position: fixed;
37+
right: 0px;
38+
top: 0px;
39+
-webkit-touch-callout: none;
40+
-webkit-user-select: none;
41+
-khtml-user-select: none;
42+
-moz-user-select: none;
43+
-ms-user-select: none;
44+
user-select: none;
45+
}
46+
nav {
47+
/* TODO
48+
* JAVASCRIPT INTEGRATION
49+
* AUTO-SHOW/HIDE
50+
*/
51+
background-color: rgba(64,64,64,1);
52+
cursor: default;
53+
display: none; // FIXME
54+
font: 16pt source sans pro, verdana, arial, sans-serif;
55+
line-height: 28px;
56+
overflow: auto;
57+
padding: 4px;
58+
position: fixed;
59+
right: 0px;
60+
left: 0px;
61+
top: 48px;
62+
width: 80%;
63+
-webkit-touch-callout: none;
64+
-webkit-user-select: none;
65+
-khtml-user-select: none;
66+
-moz-user-select: none;
67+
-ms-user-select: none;
68+
user-select: none;
69+
}
70+
nav > a {
71+
color: inherit;
72+
cursor: default;
73+
display: block;
74+
font-size: 14pt;
75+
font-weight: bold;
76+
}
77+
nav > a:hover {
78+
text-decoration: none;
79+
}
80+
nav > a[href] {
81+
border: 1px solid rgba(128,128,128,0.15);
82+
cursor: pointer;
83+
display: inline-block;
84+
font-family: source sans pro, verdana, arial, sans-serif;
85+
font-size: 13pt;
86+
font-weight: inherit;
87+
padding-top: 0px;
88+
}
89+
nav > a[href]:hover {
90+
background-color: rgba(128,128,128,0.15);
91+
text-decoration: none;
92+
}
93+
nav > a#nav-current {
94+
background-image: url("/a/nav_arrow.png");
95+
background-position: left center;
96+
background-repeat: no-repeat;
97+
}
98+
main {
99+
overflow: hidden;
100+
width: 100%;
101+
}
102+
main > article,
103+
main.slim > article {
104+
margin: 10px 0px;
105+
overflow: hidden;
106+
}
107+
main > article:first-of-type,
108+
main.slim > article:first-of-type {
109+
margin-top: 0px;
110+
}
111+
main > article:last-of-type,
112+
main.slim > article:last-of-type {
113+
margin-bottom: 0px;
114+
}
115+
main > article > header {
116+
background-color: rgba(64,64,64,0.6);
117+
display: block;
118+
font: 14pt source sans pro;
119+
padding: 10px;
120+
}
121+
main > article > header.no-select {
122+
cursor: default;
123+
-webkit-touch-callout: none;
124+
-webkit-user-select: none;
125+
-khtml-user-select: none;
126+
-moz-user-select: none;
127+
-ms-user-select: none;
128+
user-select: none;
129+
}
130+
main > article header.green {
131+
background-color: rgba(64,128,64,0.6);
132+
}
133+
main > article header.red {
134+
background-color: rgba(128,64,64,0.6);
135+
}
136+
main > article .social-btn {
137+
display: inline-block;
138+
border-radius: 4px;
139+
box-shadow: inset 0 0 10px rgba(0,0,0,0.5);
140+
margin: 4px 4px 4px 0px;
141+
padding: 6px;
142+
-webkit-touch-callout: none;
143+
-webkit-user-select: none;
144+
-khtml-user-select: none;
145+
-moz-user-select: none;
146+
-ms-user-select: none;
147+
user-select: none;
148+
vertical-align: top;
149+
}
150+
main > article section {
151+
background-color: rgba(64,64,64,0.4);
152+
padding: 10px;
153+
}
154+
main > article section.green {
155+
background-color: rgba(64,128,64,0.4);
156+
}
157+
main > article section.red {
158+
background-color: rgba(128,64,64,0.4);
159+
}
160+
main > article section.fixed-width-text {
161+
font-family: source code pro, courier new, monospace;
162+
font-size: 85%;
163+
white-space: pre-wrap;
164+
}
165+
main > article section > p:first-of-type {
166+
margin-top: 0px;
167+
}
168+
main > article section > p:last-of-type {
169+
margin-bottom: 0px;
170+
}
171+
main > article section img {
172+
max-width: 100%;
173+
}
174+
main > article > footer {
175+
background-color: rgba(64, 64, 64, 0.6);
176+
display: block;
177+
font: 12pt source sans pro;
178+
margin: 0px;
179+
min-height: 20px;
180+
padding: 10px;
181+
}
182+
main > p.pagination {
183+
text-align: center;
184+
}
185+
p.pagination > a {
186+
background-color: rgba(128,128,128,0.4);
187+
border: 0px;
188+
-moz-box-sizing: border-box;
189+
box-sizing: border-box;
190+
display: inline-block;
191+
color: inherit;
192+
cursor: pointer;
193+
margin: 1px 0px;
194+
outline: none;
195+
padding: 4px 8px;
196+
text-align: center;
197+
}
198+
p.pagination > a.active {
199+
background-color: rgba(128,128,128,0.8);
200+
}
201+
footer.main-page,
202+
footer.main-page.slim {
203+
box-sizing: border-box;
204+
color: rgba(224,224,224,0.3);
205+
font: 8pt source code pro, monospace;
206+
margin: 0px;
207+
overflow: hidden;
208+
padding: 20px;
209+
text-align: center;
210+
width: 100%;
211+
}
212+
::-webkit-scrollbar {
213+
height: 0.6em;
214+
width: 0.6em;
215+
}
216+
::-webkit-scrollbar-track,
217+
::-webkit-scrollbar-corner {
218+
background: rgba(255,255,255,0.25);
219+
}
220+
::-webkit-scrollbar-thumb {
221+
background: rgba(255,255,255,0.3);
222+
}
223+
.float-left {
224+
float: left;
225+
}
226+
.float-right {
227+
float: right;
228+
}
229+
p.left,
230+
span.left,
231+
th.left,
232+
td.left {
233+
text-align: left;
234+
}
235+
p.center,
236+
span.center,
237+
th.center,
238+
td.center {
239+
text-align: center;
240+
}
241+
p.justify,
242+
span.justify,
243+
th.justify,
244+
td.justify {
245+
text-align: justify;
246+
}
247+
p.right,
248+
span.right,
249+
th.right,
250+
td.right {
251+
text-align: right;
252+
}
253+
p.red,
254+
span.red,
255+
th.red,
256+
td.red {
257+
color: #d74747;
258+
}
259+
p.green,
260+
span.green,
261+
th.green,
262+
td.green {
263+
color: #47d747;
264+
}
265+
p.blue,
266+
span.blue
267+
th.blue,
268+
td.blue {
269+
color: #4747d7;
270+
}
271+
.monospace {
272+
font-family: source code pro, courier new, monospace;
273+
}
274+
code {
275+
background-color: rgba(255,255,255,0.1);
276+
border-radius: 3px;
277+
font-family: source code pro, courier new, monospace;
278+
font-size: 85%;
279+
line-height: 16pt;
280+
margin: 0px;
281+
padding: 0.1em 0px 0.1em 0px;
282+
}
283+
code:before,
284+
code:after {
285+
content: "\00a0";
286+
letter-spacing: -0.3em;
287+
}
288+
pre > code {
289+
background-color: rgba(255,255,255,0.05);
290+
border-radius: 5px;
291+
box-sizing: border-box;
292+
clear: both;
293+
display: block;
294+
line-height: 11pt;
295+
margin: 0px;
296+
overflow: auto;
297+
padding: 16px;
298+
white-space: pre;
299+
word-break: normal;
300+
word-wrap: normal;
301+
}
302+
pre > code:before,
303+
pre > code:after {
304+
content: initial;
305+
letter-spacing: initial;
306+
}
307+
ol.decimal {
308+
list-style-type: decimal;
309+
}
310+
ol.lower-alpha {
311+
list-style-type: lower-alpha;
312+
}
313+
ol.lower-latin {
314+
list-style-type: lower-latin;
315+
}
316+
blockquote {
317+
background-image: url("/a/quote-symbol.png");
318+
background-position: 0px -12px;
319+
background-repeat: no-repeat;
320+
margin: 0px;
321+
padding: 0px 0px 0px 48px;
322+
}
323+
table {
324+
border-collapse: collapse;
325+
border-width: 0px;
326+
width: 100%;
327+
}
328+
table th,
329+
table td {
330+
border: 1px solid rgba(255,255,255,0.05);
331+
line-height: 22px;
332+
padding: 4px 6px;
333+
}
334+
table thead tr:first-child th,
335+
table tbody tr:first-child th,
336+
table tbody tr:first-child td {
337+
border-top: 0px;
338+
}
339+
table tbody tr:last-child th,
340+
table tbody tr:last-child td {
341+
border-bottom: 0px;
342+
}
343+
table tr th:first-child,
344+
table tr td:first-child {
345+
border-left: 0px;
346+
}
347+
table tr th:last-child,
348+
table tr td:last-child {
349+
border-right: 0px;
350+
}
351+
table img.avatar {
352+
border-radius: 3px;
353+
float: left;
354+
max-height: 22px;
355+
max-width: 22px;
356+
margin: 0px 8px 0px 0px;
357+
}

0 commit comments

Comments
 (0)