Show More
@@ -1,301 +1,301 b'' | |||
|
1 | 1 | // |
|
2 | 2 | // Variables |
|
3 | 3 | // -------------------------------------------------- |
|
4 | 4 | |
|
5 | 5 | |
|
6 | 6 | // Global values |
|
7 | 7 | // -------------------------------------------------- |
|
8 | 8 | |
|
9 | 9 | |
|
10 | 10 | // Grays |
|
11 | 11 | // ------------------------- |
|
12 | 12 | @black: #000; |
|
13 | 13 | @grayDarker: #222; |
|
14 | 14 | @grayDark: #333; |
|
15 | 15 | @gray: #555; |
|
16 | 16 | @grayLight: #999; |
|
17 | 17 | @grayLighter: #eee; |
|
18 | 18 | @white: #fff; |
|
19 | 19 | |
|
20 | 20 | |
|
21 | 21 | // Accent colors |
|
22 | 22 | // ------------------------- |
|
23 | 23 | @blue: #049cdb; |
|
24 | 24 | @blueDark: #0064cd; |
|
25 | 25 | @green: #46a546; |
|
26 | 26 | @red: #9d261d; |
|
27 | 27 | @yellow: #ffc40d; |
|
28 | 28 | @orange: #f89406; |
|
29 | 29 | @pink: #c3325f; |
|
30 | 30 | @purple: #7a43b6; |
|
31 | 31 | |
|
32 | 32 | |
|
33 | 33 | // Scaffolding |
|
34 | 34 | // ------------------------- |
|
35 | 35 | @bodyBackground: @white; |
|
36 |
@textColor: @ |
|
|
36 | @textColor: @black; | |
|
37 | 37 | |
|
38 | 38 | |
|
39 | 39 | // Links |
|
40 | 40 | // ------------------------- |
|
41 | 41 | @linkColor: #08c; |
|
42 | 42 | @linkColorHover: darken(@linkColor, 15%); |
|
43 | 43 | |
|
44 | 44 | |
|
45 | 45 | // Typography |
|
46 | 46 | // ------------------------- |
|
47 | 47 | @sansFontFamily: "Helvetica Neue", Helvetica, Arial, sans-serif; |
|
48 | 48 | @serifFontFamily: Georgia, "Times New Roman", Times, serif; |
|
49 | 49 | @monoFontFamily: Monaco, Menlo, Consolas, "Courier New", monospace; |
|
50 | 50 | |
|
51 | 51 | @baseFontSize: 13px; |
|
52 | 52 | @baseFontFamily: @sansFontFamily; |
|
53 | 53 | @baseLineHeight: 20px; |
|
54 | 54 | @altFontFamily: @serifFontFamily; |
|
55 | 55 | |
|
56 | 56 | @headingsFontFamily: inherit; // empty to use BS default, @baseFontFamily |
|
57 | 57 | @headingsFontWeight: bold; // instead of browser default, bold |
|
58 | 58 | @headingsColor: inherit; // empty to use BS default, @textColor |
|
59 | 59 | |
|
60 | 60 | |
|
61 | 61 | // Component sizing |
|
62 | 62 | // ------------------------- |
|
63 | 63 | // Based on 14px font-size and 20px line-height |
|
64 | 64 | |
|
65 | 65 | @fontSizeLarge: @baseFontSize * 1.25; // ~18px |
|
66 | 66 | @fontSizeSmall: @baseFontSize * 0.85; // ~12px |
|
67 | 67 | @fontSizeMini: @baseFontSize * 0.75; // ~11px |
|
68 | 68 | |
|
69 | 69 | @paddingLarge: 11px 19px; // 44px |
|
70 | 70 | @paddingSmall: 2px 10px; // 26px |
|
71 | 71 | @paddingMini: 0 6px; // 22px |
|
72 | 72 | |
|
73 | 73 | @baseBorderRadius: 4px; |
|
74 | 74 | @borderRadiusLarge: 6px; |
|
75 | 75 | @borderRadiusSmall: 3px; |
|
76 | 76 | |
|
77 | 77 | |
|
78 | 78 | // Tables |
|
79 | 79 | // ------------------------- |
|
80 | 80 | @tableBackground: transparent; // overall background-color |
|
81 | 81 | @tableBackgroundAccent: #f9f9f9; // for striping |
|
82 | 82 | @tableBackgroundHover: #f5f5f5; // for hover |
|
83 | 83 | @tableBorder: #ddd; // table and cell border |
|
84 | 84 | |
|
85 | 85 | // Buttons |
|
86 | 86 | // ------------------------- |
|
87 | 87 | @btnBackground: @white; |
|
88 | 88 | @btnBackgroundHighlight: darken(@white, 10%); |
|
89 | 89 | @btnBorder: #bbb; |
|
90 | 90 | |
|
91 | 91 | @btnPrimaryBackground: @linkColor; |
|
92 | 92 | @btnPrimaryBackgroundHighlight: spin(@btnPrimaryBackground, 20%); |
|
93 | 93 | |
|
94 | 94 | @btnInfoBackground: #5bc0de; |
|
95 | 95 | @btnInfoBackgroundHighlight: #2f96b4; |
|
96 | 96 | |
|
97 | 97 | @btnSuccessBackground: #62c462; |
|
98 | 98 | @btnSuccessBackgroundHighlight: #51a351; |
|
99 | 99 | |
|
100 | 100 | @btnWarningBackground: lighten(@orange, 15%); |
|
101 | 101 | @btnWarningBackgroundHighlight: @orange; |
|
102 | 102 | |
|
103 | 103 | @btnDangerBackground: #ee5f5b; |
|
104 | 104 | @btnDangerBackgroundHighlight: #bd362f; |
|
105 | 105 | |
|
106 | 106 | @btnInverseBackground: #444; |
|
107 | 107 | @btnInverseBackgroundHighlight: @grayDarker; |
|
108 | 108 | |
|
109 | 109 | |
|
110 | 110 | // Forms |
|
111 | 111 | // ------------------------- |
|
112 | 112 | @inputBackground: @white; |
|
113 | 113 | @inputBorder: #ccc; |
|
114 | 114 | @inputBorderRadius: @baseBorderRadius; |
|
115 | 115 | @inputDisabledBackground: @grayLighter; |
|
116 | 116 | @formActionsBackground: #f5f5f5; |
|
117 | 117 | @inputHeight: @baseLineHeight + 10px; // base line-height + 8px vertical padding + 2px top/bottom border |
|
118 | 118 | |
|
119 | 119 | |
|
120 | 120 | // Dropdowns |
|
121 | 121 | // ------------------------- |
|
122 | 122 | @dropdownBackground: @white; |
|
123 | 123 | @dropdownBorder: rgba(0,0,0,.2); |
|
124 | 124 | @dropdownDividerTop: #e5e5e5; |
|
125 | 125 | @dropdownDividerBottom: @white; |
|
126 | 126 | |
|
127 | 127 | @dropdownLinkColor: @grayDark; |
|
128 | 128 | @dropdownLinkColorHover: @white; |
|
129 | 129 | @dropdownLinkColorActive: @white; |
|
130 | 130 | |
|
131 | 131 | @dropdownLinkBackgroundActive: @linkColor; |
|
132 | 132 | @dropdownLinkBackgroundHover: @dropdownLinkBackgroundActive; |
|
133 | 133 | |
|
134 | 134 | |
|
135 | 135 | |
|
136 | 136 | // COMPONENT VARIABLES |
|
137 | 137 | // -------------------------------------------------- |
|
138 | 138 | |
|
139 | 139 | |
|
140 | 140 | // Z-index master list |
|
141 | 141 | // ------------------------- |
|
142 | 142 | // Used for a bird's eye view of components dependent on the z-axis |
|
143 | 143 | // Try to avoid customizing these :) |
|
144 | 144 | @zindexDropdown: 1000; |
|
145 | 145 | @zindexPopover: 1010; |
|
146 | 146 | @zindexTooltip: 1030; |
|
147 | 147 | @zindexFixedNavbar: 1030; |
|
148 | 148 | @zindexModalBackdrop: 1040; |
|
149 | 149 | @zindexModal: 1050; |
|
150 | 150 | |
|
151 | 151 | |
|
152 | 152 | // Sprite icons path |
|
153 | 153 | // ------------------------- |
|
154 | 154 | @iconSpritePath: "../img/glyphicons-halflings.png"; |
|
155 | 155 | @iconWhiteSpritePath: "../img/glyphicons-halflings-white.png"; |
|
156 | 156 | |
|
157 | 157 | |
|
158 | 158 | // Input placeholder text color |
|
159 | 159 | // ------------------------- |
|
160 | 160 | @placeholderText: @grayLight; |
|
161 | 161 | |
|
162 | 162 | |
|
163 | 163 | // Hr border color |
|
164 | 164 | // ------------------------- |
|
165 | 165 | @hrBorder: @grayLighter; |
|
166 | 166 | |
|
167 | 167 | |
|
168 | 168 | // Horizontal forms & lists |
|
169 | 169 | // ------------------------- |
|
170 | 170 | @horizontalComponentOffset: 180px; |
|
171 | 171 | |
|
172 | 172 | |
|
173 | 173 | // Wells |
|
174 | 174 | // ------------------------- |
|
175 | 175 | @wellBackground: #f5f5f5; |
|
176 | 176 | |
|
177 | 177 | |
|
178 | 178 | // Navbar |
|
179 | 179 | // ------------------------- |
|
180 | 180 | @navbarCollapseWidth: 979px; |
|
181 | 181 | @navbarCollapseDesktopWidth: @navbarCollapseWidth + 1; |
|
182 | 182 | |
|
183 | 183 | @navbarHeight: 40px; |
|
184 | 184 | @navbarBackgroundHighlight: #ffffff; |
|
185 | 185 | @navbarBackground: darken(@navbarBackgroundHighlight, 5%); |
|
186 | 186 | @navbarBorder: darken(@navbarBackground, 12%); |
|
187 | 187 | |
|
188 | 188 | @navbarText: #777; |
|
189 | 189 | @navbarLinkColor: #777; |
|
190 | 190 | @navbarLinkColorHover: @grayDark; |
|
191 | 191 | @navbarLinkColorActive: @gray; |
|
192 | 192 | @navbarLinkBackgroundHover: transparent; |
|
193 | 193 | @navbarLinkBackgroundActive: darken(@navbarBackground, 5%); |
|
194 | 194 | |
|
195 | 195 | @navbarBrandColor: @navbarLinkColor; |
|
196 | 196 | |
|
197 | 197 | // Inverted navbar |
|
198 | 198 | @navbarInverseBackground: #111111; |
|
199 | 199 | @navbarInverseBackgroundHighlight: #222222; |
|
200 | 200 | @navbarInverseBorder: #252525; |
|
201 | 201 | |
|
202 | 202 | @navbarInverseText: @grayLight; |
|
203 | 203 | @navbarInverseLinkColor: @grayLight; |
|
204 | 204 | @navbarInverseLinkColorHover: @white; |
|
205 | 205 | @navbarInverseLinkColorActive: @navbarInverseLinkColorHover; |
|
206 | 206 | @navbarInverseLinkBackgroundHover: transparent; |
|
207 | 207 | @navbarInverseLinkBackgroundActive: @navbarInverseBackground; |
|
208 | 208 | |
|
209 | 209 | @navbarInverseSearchBackground: lighten(@navbarInverseBackground, 25%); |
|
210 | 210 | @navbarInverseSearchBackgroundFocus: @white; |
|
211 | 211 | @navbarInverseSearchBorder: @navbarInverseBackground; |
|
212 | 212 | @navbarInverseSearchPlaceholderColor: #ccc; |
|
213 | 213 | |
|
214 | 214 | @navbarInverseBrandColor: @navbarInverseLinkColor; |
|
215 | 215 | |
|
216 | 216 | |
|
217 | 217 | // Pagination |
|
218 | 218 | // ------------------------- |
|
219 | 219 | @paginationBackground: #fff; |
|
220 | 220 | @paginationBorder: #ddd; |
|
221 | 221 | @paginationActiveBackground: #f5f5f5; |
|
222 | 222 | |
|
223 | 223 | |
|
224 | 224 | // Hero unit |
|
225 | 225 | // ------------------------- |
|
226 | 226 | @heroUnitBackground: @grayLighter; |
|
227 | 227 | @heroUnitHeadingColor: inherit; |
|
228 | 228 | @heroUnitLeadColor: inherit; |
|
229 | 229 | |
|
230 | 230 | |
|
231 | 231 | // Form states and alerts |
|
232 | 232 | // ------------------------- |
|
233 | 233 | @warningText: #c09853; |
|
234 | 234 | @warningBackground: #fcf8e3; |
|
235 | 235 | @warningBorder: darken(spin(@warningBackground, -10), 3%); |
|
236 | 236 | |
|
237 | 237 | @errorText: #b94a48; |
|
238 | 238 | @errorBackground: #f2dede; |
|
239 | 239 | @errorBorder: darken(spin(@errorBackground, -10), 3%); |
|
240 | 240 | |
|
241 | 241 | @successText: #468847; |
|
242 | 242 | @successBackground: #dff0d8; |
|
243 | 243 | @successBorder: darken(spin(@successBackground, -10), 5%); |
|
244 | 244 | |
|
245 | 245 | @infoText: #3a87ad; |
|
246 | 246 | @infoBackground: #d9edf7; |
|
247 | 247 | @infoBorder: darken(spin(@infoBackground, -10), 7%); |
|
248 | 248 | |
|
249 | 249 | |
|
250 | 250 | // Tooltips and popovers |
|
251 | 251 | // ------------------------- |
|
252 | 252 | @tooltipColor: #fff; |
|
253 | 253 | @tooltipBackground: #000; |
|
254 | 254 | @tooltipArrowWidth: 5px; |
|
255 | 255 | @tooltipArrowColor: @tooltipBackground; |
|
256 | 256 | |
|
257 | 257 | @popoverBackground: #fff; |
|
258 | 258 | @popoverArrowWidth: 10px; |
|
259 | 259 | @popoverArrowColor: #fff; |
|
260 | 260 | @popoverTitleBackground: darken(@popoverBackground, 3%); |
|
261 | 261 | |
|
262 | 262 | // Special enhancement for popovers |
|
263 | 263 | @popoverArrowOuterWidth: @popoverArrowWidth + 1; |
|
264 | 264 | @popoverArrowOuterColor: rgba(0,0,0,.25); |
|
265 | 265 | |
|
266 | 266 | |
|
267 | 267 | |
|
268 | 268 | // GRID |
|
269 | 269 | // -------------------------------------------------- |
|
270 | 270 | |
|
271 | 271 | |
|
272 | 272 | // Default 940px grid |
|
273 | 273 | // ------------------------- |
|
274 | 274 | @gridColumns: 12; |
|
275 | 275 | @gridColumnWidth: 60px; |
|
276 | 276 | @gridGutterWidth: 20px; |
|
277 | 277 | @gridRowWidth: (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1)); |
|
278 | 278 | |
|
279 | 279 | // 1200px min |
|
280 | 280 | @gridColumnWidth1200: 70px; |
|
281 | 281 | @gridGutterWidth1200: 30px; |
|
282 | 282 | @gridRowWidth1200: (@gridColumns * @gridColumnWidth1200) + (@gridGutterWidth1200 * (@gridColumns - 1)); |
|
283 | 283 | |
|
284 | 284 | // 768px-979px |
|
285 | 285 | @gridColumnWidth768: 42px; |
|
286 | 286 | @gridGutterWidth768: 20px; |
|
287 | 287 | @gridRowWidth768: (@gridColumns * @gridColumnWidth768) + (@gridGutterWidth768 * (@gridColumns - 1)); |
|
288 | 288 | |
|
289 | 289 | |
|
290 | 290 | // Fluid grid |
|
291 | 291 | // ------------------------- |
|
292 | 292 | @fluidGridColumnWidth: percentage(@gridColumnWidth/@gridRowWidth); |
|
293 | 293 | @fluidGridGutterWidth: percentage(@gridGutterWidth/@gridRowWidth); |
|
294 | 294 | |
|
295 | 295 | // 1200px min |
|
296 | 296 | @fluidGridColumnWidth1200: percentage(@gridColumnWidth1200/@gridRowWidth1200); |
|
297 | 297 | @fluidGridGutterWidth1200: percentage(@gridGutterWidth1200/@gridRowWidth1200); |
|
298 | 298 | |
|
299 | 299 | // 768px-979px |
|
300 | 300 | @fluidGridColumnWidth768: percentage(@gridColumnWidth768/@gridRowWidth768); |
|
301 | 301 | @fluidGridGutterWidth768: percentage(@gridGutterWidth768/@gridRowWidth768); |
|
1 | NO CONTENT: file renamed from IPython/testing/css_reference_notebook.ipynb to examples/tests/CSS Reference.ipynb |
General Comments 0
You need to be logged in to leave comments.
Login now