Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Newer
Older
100644 320 lines (305 sloc) 6.279 kB
a5022ab @n1k0 fixed responsive stuff wasn't responding anymore
authored
1 /**
2 * CasperJS documentation styles, based on Twitter Bootstrap 2
3 *
4 */
b7c5183 @n1k0 moved less files to dedicated folder
authored
5 @import "load.less";
750caf4 @n1k0 responsive response to responsive feedback is responsive
authored
6
b779b5d @n1k0 fixed some styling issues
authored
7 // mixins
8 .alphabg (@amount: .5) {
9 background-color: rgb(75, 75, 75);
10 background-color: rgba(75, 75, 75, @amount);
11 }
12
13 .monospace {
14 font-family: Consolas, Inconsolata, Monaco, monospace;
15 }
16
4bd92d2 @n1k0 upgraded bootstrap
authored
17 // bootstrap overrides
18 .table tbody tr:hover td,
19 .table tbody tr:hover th {
2967365 @n1k0 added API subnavigation
authored
20 background-color: #222;
4bd92d2 @n1k0 upgraded bootstrap
authored
21 }
22
b779b5d @n1k0 fixed some styling issues
authored
23 // tags
3390100 @n1k0 lessification
authored
24 html, body {
25 background: #000 url("../images/bg.png");
26 }
27 a code {
28 text-decoration: underline
29 }
30 code {
31 font-size: 14px;
32 color: #f66;
33 background-color: #444;
34 border: none;
35 }
36 h1 small {
37 color: #ccc;
38 }
39 h3 code {
40 .monospace;
41 font-weight: bold;
42 font-size: 20px;
43 background: none;
44 margin-left: -4px;
45 color: #fff;
46 border: none;
47 }
4bd92d2 @n1k0 upgraded bootstrap
authored
48
3390100 @n1k0 lessification
authored
49 pre, pre.prettyprint {
50 .monospace;
51 .alphabg;
52 color: #eee;
53 font-size: 15px;
54 line-height: 21px;
55 white-space: pre;
56 overflow: auto;
57 border: none;
cfe6cbb @n1k0 casper documentation website's now generated by casperjs
authored
58
59 code {
60 color: #fff;
61 }
3390100 @n1k0 lessification
authored
62 }
63 section {
356e19d @n1k0 polished API navigation, fixed some urls
authored
64 padding-top: 80px;
3390100 @n1k0 lessification
authored
65 }
66 section h2[id], section h3[id], section h4[id] {
67 padding-top: 50px;
68 }
69 td code {
70 background: none;
71 }
750caf4 @n1k0 responsive response to responsive feedback is responsive
authored
72
b779b5d @n1k0 fixed some styling issues
authored
73 // specifics
53192a2 @n1k0 added quote from Ariya on the homepage :D
authored
74 #about {
75 .page-header h1 {
76 margin-top: 20px;
77 }
78 blockquote {
79 border: none;
80 padding: 0;
81 text-align: center;
82 q {
83 font-family: Palatino, Georgia, serif;
84 font-style: italic;
85 font-size: 24px;
86 line-height: 36px;
87 }
88 cite {
89 display: block;
90 }
91 }
3390100 @n1k0 lessification
authored
92 }
93 #apidoc h3, #colorizer h3, #client-side-utils h3 {
94 margin-bottom: 10px;
95 }
96 #commits-master a {
97 color: #eee;
98 }
356e19d @n1k0 polished API navigation, fixed some urls
authored
99 #intro .nav-pills {
100 // COLORS?
101 }
3390100 @n1k0 lessification
authored
102 .alert {
103 .alphabg;
104 text-shadow: none;
105 }
4bd92d2 @n1k0 upgraded bootstrap
authored
106 .apinav {
107 margin-top: 135px;
108 text-align: right;
109 }
3390100 @n1k0 lessification
authored
110 .apitoc {
a20e105 @n1k0 better apitoc navigation system
authored
111 .alphabg;
112 .border-radius(5px);
113 .wrapper {
114 padding: 1em;
115 }
116 a.hashactive code {
117 color: #f66;
118 background-color: #444;
119 }
3390100 @n1k0 lessification
authored
120 code {
121 background: none;
122 font-size: 14px;
123 color: #eee;
124 }
125 ul {
126 margin: 0;
127 list-style-type: none;
128 }
129 }
130 .bottom {
131 margin-bottom: 0;
132 padding-bottom: 0;
133 }
134 .center {
135 text-align: center;
136 }
8fc5d1b @n1k0 fully working page generation system
authored
137 .container > footer {
138 padding: 1em 0 .3em;
139 hr {
140 display: block;
141 width: 50%;
142 margin: 0 auto;
143 border-top: 1px solid #aaa;
144 border-bottom: none;
145 }
146 p {
147 padding-top: 1em;
148 text-align: center;
149 }
3390100 @n1k0 lessification
authored
150 }
151 .contribute img {
152 position: fixed;
153 top: 40px;
154 right: 0;
155 border: 0;
156 z-index: 9999;
157 }
158 .demo img {
159 padding-top: 15px;
160 }
161 .dl-links {
162 margin-top: 20px;
163 a {
164 width: 220px; color: #fff;
165 }
166 }
167 .download {
31cb49f @n1k0 added inevitable Tweet button
authored
168 padding-top: 1.5em;
3390100 @n1k0 lessification
authored
169 text-align: center;
170 p { margin-top: 20px }
31cb49f @n1k0 added inevitable Tweet button
authored
171 p.social {
172 text-indent: 42px;
173 }
3390100 @n1k0 lessification
authored
174 }
175 .just-informative {
176 color: #fff;
177 }
2e7ad92 @n1k0 added new CasperJS logo, by Jeremy Forveille (http://www.forveillejer…
authored
178 .casper-intro {
179 background: #333 url(../images/casperjs-logo.png) no-repeat right 100px;
180 }
3390100 @n1k0 lessification
authored
181 .navbar {
182 .brand { color: #ccc; }
183 .nav > li > a { text-shadow: none; color: #888; font-size: 14px; }
184 .nav > li > a:hover { color: #fff; }
185 .nav .active > a, .nav .active > a:hover { color: #fff; background: none; }
186 }
187 .page-header {
188 padding: 20px 20px 10px;
189 margin: -20px -20px 20px;
190 border: none;
191 h1 {
192 color: #fff; font-size: 3em;
193 }
194 }
195 .row h2 {
196 margin-bottom: 10px
197 }
198 .table {
199 th, td { border-top: 1px solid #333; }
200 }
201 .table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th {
202 .alphabg;
203 }
e441af7 @n1k0 attempt to fix inoperant navigation menu for mobile browsers
authored
204
b779b5d @n1k0 fixed some styling issues
authored
205 // responsive tricks
e441af7 @n1k0 attempt to fix inoperant navigation menu for mobile browsers
authored
206 @media (max-width: 480px) {
207 .contribute img { display: none; }
208 section:first-child { padding-top: 0; }
2e7ad92 @n1k0 added new CasperJS logo, by Jeremy Forveille (http://www.forveillejer…
authored
209 .casper-intro {
0e445c9 @n1k0 updated styles
authored
210 background: #333;
2e7ad92 @n1k0 added new CasperJS logo, by Jeremy Forveille (http://www.forveillejer…
authored
211 }
e441af7 @n1k0 attempt to fix inoperant navigation menu for mobile browsers
authored
212 }
213
214 @media (max-width: 768px) {
215 .contribute img { display: none; }
216 section:first-child { padding-top: 0; }
2ee7afe @n1k0 headings font-size for mobile view
authored
217 .page-header h1 {
0e445c9 @n1k0 updated styles
authored
218 font-size: 2.4em;
2ee7afe @n1k0 headings font-size for mobile view
authored
219 small {
220 font-size: 16px;
221 }
222 }
0e445c9 @n1k0 updated styles
authored
223 #about .page-header h1 {
224 background: transparent url(../images/casperjs-logo-xsmall.png) no-repeat;
225 padding-left: 60px;
226 small {
227 display: block;
228 line-height: 1.3em;
229 margin: .5em 0;
230 display: block;
231 text-indent: none;
232 }
233 }
2e7ad92 @n1k0 added new CasperJS logo, by Jeremy Forveille (http://www.forveillejer…
authored
234 .casper-intro {
235 background: #333;
236 }
e441af7 @n1k0 attempt to fix inoperant navigation menu for mobile browsers
authored
237 }
238
239 @media (min-width: 768px) and (max-width: 980px) {
961e5a7 @n1k0 typo
authored
240 .contribute img { display: none; }
e441af7 @n1k0 attempt to fix inoperant navigation menu for mobile browsers
authored
241 section:first-child { padding-top: 0; }
0e445c9 @n1k0 updated styles
authored
242 #about .page-header h1 {
243 background: transparent url(../images/casperjs-logo-xsmall.png) no-repeat;
244 text-indent: 58px;
245 small {
246 margin: .5em 0;
247 display: block;
248 }
249 }
2e7ad92 @n1k0 added new CasperJS logo, by Jeremy Forveille (http://www.forveillejer…
authored
250 .casper-intro {
251 background: #333;
252 }
253 }
254
255 @media (min-width: 980px) and (max-width: 1200px) {
a37ca57 @n1k0 fixed styles
authored
256 .navbar .nav > li > a {
257 font-size: 13px;
258 padding-left: 0;
259 }
356e19d @n1k0 polished API navigation, fixed some urls
authored
260 // stolen from twitter bootstrap page :)
261 .subnav-fixed {
262 position: fixed;
263 top: 40px;
264 left: 0;
265 right: 0;
266 z-index: 1020; /* 10 less than .navbar-fixed to prevent any overlap */
267 background: #000 url("../images/bg.png");
268 .nav {
269 width: 938px;
270 margin: 0 auto;
271 padding: 0 1px;
272 }
273 }
2e7ad92 @n1k0 added new CasperJS logo, by Jeremy Forveille (http://www.forveillejer…
authored
274 .casper-intro {
275 background: #333 url(../images/casperjs-logo-medium.png) no-repeat right 220px;
276 }
e441af7 @n1k0 attempt to fix inoperant navigation menu for mobile browsers
authored
277 }
278
279 @media (min-width: 1200px) {
280 }
281
b779b5d @n1k0 fixed some styling issues
authored
282 // prettify dark theme
750caf4 @n1k0 responsive response to responsive feedback is responsive
authored
283 .tag { color: #4169E1; }
284 .str { color: #93c763; }
285 .kwd { color: #85adf5; }
286 .com { color: #aaa; }
287 .typ { color: #678cb1; }
288 .lit { color: #facd22; }
289 .pun { color: #f1f2f3; }
290 .pln { color: #fff; }
291 .tag { color: #8ac763; }
292 .atn { color: #e0e2e4; }
293 .atv { color: #ec7600; }
294 .dec { color: purple; }
3f10f66 @n1k0 scrollbars
authored
295
296 // scrollbars
297 // webkit-only, ya ya ya... where are FF, Op. & IE equivalents?
298 ::-webkit-scrollbar {
299 width: 13px;
300 }
301 ::-webkit-scrollbar-track {
302 }
303 ::-webkit-scrollbar-track-piece {
304 background: #333;
305 -webkit-border-radius: 2px;
306 }
307 ::-webkit-scrollbar-thumb {
308 height: 50px;
309 background: #bbb;
310 -webkit-border-radius: 8px;
311 outline: 2px solid #333;
312 outline-offset:-2px;
313 border: 2px solid #333;
314 }
315 ::-webkit-scrollbar-thumb:hover {
316 height: 50px;
317 background-color: #ddd;
318 -webkit-border-radius: 8px;
31cb49f @n1k0 added inevitable Tweet button
authored
319 }
Something went wrong with that request. Please try again.