Commit beb52f0c24bd35d14d6f83d88b1f2ca56f437f53
Exists in
staging
and in
29 other branches
Merge branch 'remove-cube-responsive-theme' into 'master'
Remove cube-responsive theme as it doesn't work See merge request !904
Showing
92 changed files
with
0 additions
and
3638 deletions
Show diff stats
public/designs/themes/cube-responsive/bootstrap/_variables.scss
... | ... | @@ -1,864 +0,0 @@ |
1 | -// When true, asset path helpers are used, otherwise the regular CSS `url()` is used. | |
2 | -// When there no function is defined, `fn('')` is parsed as string that equals the right hand side | |
3 | -// NB: in Sass 3.3 there is a native function: function-exists(twbs-font-path) | |
4 | -$bootstrap-sass-asset-helper: (twbs-font-path("") != unquote('twbs-font-path("")')) !default; | |
5 | - | |
6 | -// | |
7 | -// Variables | |
8 | -// -------------------------------------------------- | |
9 | - | |
10 | - | |
11 | -//== Colors | |
12 | -// | |
13 | -//## Gray and brand colors for use across Bootstrap. | |
14 | - | |
15 | -$gray-base: #000 !default; | |
16 | -$gray-darker: lighten($gray-base, 13.5%) !default; // #222 | |
17 | -$gray-dark: lighten($gray-base, 20%) !default; // #333 | |
18 | -$gray: lighten($gray-base, 33.5%) !default; // #555 | |
19 | -$gray-light: lighten($gray-base, 46.7%) !default; // #777 | |
20 | -$gray-lighter: lighten($gray-base, 93.5%) !default; // #eee | |
21 | - | |
22 | -$brand-primary: darken(#428bca, 6.5%) !default; | |
23 | -$brand-success: #5cb85c !default; | |
24 | -$brand-info: #5bc0de !default; | |
25 | -$brand-warning: #f0ad4e !default; | |
26 | -$brand-danger: #d9534f !default; | |
27 | - | |
28 | - | |
29 | -//== Scaffolding | |
30 | -// | |
31 | -//## Settings for some of the most global styles. | |
32 | - | |
33 | -//** Background color for `<body>`. | |
34 | -$body-bg: #fff !default; | |
35 | -//** Global text color on `<body>`. | |
36 | -$text-color: $gray-dark !default; | |
37 | - | |
38 | -//** Global textual link color. | |
39 | -$link-color: $brand-primary !default; | |
40 | -//** Link hover color set via `darken()` function. | |
41 | -$link-hover-color: darken($link-color, 15%) !default; | |
42 | -//** Link hover decoration. | |
43 | -$link-hover-decoration: underline !default; | |
44 | - | |
45 | - | |
46 | -//== Typography | |
47 | -// | |
48 | -//## Font, line-height, and color for body text, headings, and more. | |
49 | - | |
50 | -$font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif !default; | |
51 | -$font-family-serif: Georgia, "Times New Roman", Times, serif !default; | |
52 | -//** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. | |
53 | -$font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace !default; | |
54 | -$font-family-base: $font-family-sans-serif !default; | |
55 | - | |
56 | -$font-size-base: 14px !default; | |
57 | -$font-size-large: ceil(($font-size-base * 1.25)) !default; // ~18px | |
58 | -$font-size-small: ceil(($font-size-base * 0.85)) !default; // ~12px | |
59 | - | |
60 | -$font-size-h1: floor(($font-size-base * 2.6)) !default; // ~36px | |
61 | -$font-size-h2: floor(($font-size-base * 2.15)) !default; // ~30px | |
62 | -$font-size-h3: ceil(($font-size-base * 1.7)) !default; // ~24px | |
63 | -$font-size-h4: ceil(($font-size-base * 1.25)) !default; // ~18px | |
64 | -$font-size-h5: $font-size-base !default; | |
65 | -$font-size-h6: ceil(($font-size-base * 0.85)) !default; // ~12px | |
66 | - | |
67 | -//** Unit-less `line-height` for use in components like buttons. | |
68 | -$line-height-base: 1.428571429 !default; // 20/14 | |
69 | -//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc. | |
70 | -$line-height-computed: floor(($font-size-base * $line-height-base)) !default; // ~20px | |
71 | - | |
72 | -//** By default, this inherits from the `<body>`. | |
73 | -$headings-font-family: inherit !default; | |
74 | -$headings-font-weight: 500 !default; | |
75 | -$headings-line-height: 1.1 !default; | |
76 | -$headings-color: inherit !default; | |
77 | - | |
78 | - | |
79 | -//== Iconography | |
80 | -// | |
81 | -//## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower. | |
82 | - | |
83 | -//** Load fonts from this directory. | |
84 | - | |
85 | -// [converter] Asset helpers such as Sprockets and Node.js Mincer do not resolve relative paths | |
86 | -$icon-font-path: if($bootstrap-sass-asset-helper, "bootstrap/", "../fonts/bootstrap/") !default; | |
87 | - | |
88 | -//** File name for all font files. | |
89 | -$icon-font-name: "glyphicons-halflings-regular" !default; | |
90 | -//** Element ID within SVG icon file. | |
91 | -$icon-font-svg-id: "glyphicons_halflingsregular" !default; | |
92 | - | |
93 | - | |
94 | -//== Components | |
95 | -// | |
96 | -//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start). | |
97 | - | |
98 | -$padding-base-vertical: 6px !default; | |
99 | -$padding-base-horizontal: 12px !default; | |
100 | - | |
101 | -$padding-large-vertical: 10px !default; | |
102 | -$padding-large-horizontal: 16px !default; | |
103 | - | |
104 | -$padding-small-vertical: 5px !default; | |
105 | -$padding-small-horizontal: 10px !default; | |
106 | - | |
107 | -$padding-xs-vertical: 1px !default; | |
108 | -$padding-xs-horizontal: 5px !default; | |
109 | - | |
110 | -$line-height-large: 1.33 !default; | |
111 | -$line-height-small: 1.5 !default; | |
112 | - | |
113 | -$border-radius-base: 4px !default; | |
114 | -$border-radius-large: 6px !default; | |
115 | -$border-radius-small: 3px !default; | |
116 | - | |
117 | -//** Global color for active items (e.g., navs or dropdowns). | |
118 | -$component-active-color: #fff !default; | |
119 | -//** Global background color for active items (e.g., navs or dropdowns). | |
120 | -$component-active-bg: $brand-primary !default; | |
121 | - | |
122 | -//** Width of the `border` for generating carets that indicator dropdowns. | |
123 | -$caret-width-base: 4px !default; | |
124 | -//** Carets increase slightly in size for larger components. | |
125 | -$caret-width-large: 5px !default; | |
126 | - | |
127 | - | |
128 | -//== Tables | |
129 | -// | |
130 | -//## Customizes the `.table` component with basic values, each used across all table variations. | |
131 | - | |
132 | -//** Padding for `<th>`s and `<td>`s. | |
133 | -$table-cell-padding: 8px !default; | |
134 | -//** Padding for cells in `.table-condensed`. | |
135 | -$table-condensed-cell-padding: 5px !default; | |
136 | - | |
137 | -//** Default background color used for all tables. | |
138 | -$table-bg: transparent !default; | |
139 | -//** Background color used for `.table-striped`. | |
140 | -$table-bg-accent: #f9f9f9 !default; | |
141 | -//** Background color used for `.table-hover`. | |
142 | -$table-bg-hover: #f5f5f5 !default; | |
143 | -$table-bg-active: $table-bg-hover !default; | |
144 | - | |
145 | -//** Border color for table and cell borders. | |
146 | -$table-border-color: #ddd !default; | |
147 | - | |
148 | - | |
149 | -//== Buttons | |
150 | -// | |
151 | -//## For each of Bootstrap's buttons, define text, background and border color. | |
152 | - | |
153 | -$btn-font-weight: normal; | |
154 | - | |
155 | -$btn-default-color: #fff; | |
156 | -$btn-default-bg: $gray-light; | |
157 | -$btn-default-border: $btn-default-bg; | |
158 | - | |
159 | -$btn-primary-color: $btn-default-color; | |
160 | -$btn-primary-bg: $brand-primary; | |
161 | -$btn-primary-border: $btn-primary-bg; | |
162 | - | |
163 | -$btn-success-color: $btn-default-color; | |
164 | -$btn-success-bg: $brand-success; | |
165 | -$btn-success-border: $btn-success-bg; | |
166 | - | |
167 | -$btn-info-color: $btn-default-color; | |
168 | -$btn-info-bg: $brand-info; | |
169 | -$btn-info-border: $btn-info-bg; | |
170 | - | |
171 | -$btn-warning-color: $btn-default-color; | |
172 | -$btn-warning-bg: $brand-warning; | |
173 | -$btn-warning-border: $btn-warning-bg; | |
174 | - | |
175 | -$btn-danger-color: $btn-default-color; | |
176 | -$btn-danger-bg: $brand-danger; | |
177 | -$btn-danger-border: $btn-danger-bg; | |
178 | - | |
179 | -$btn-link-disabled-color: $gray-light; | |
180 | - | |
181 | - | |
182 | -//== Forms | |
183 | -// | |
184 | -//## | |
185 | - | |
186 | -//** `<input>` background color | |
187 | -$input-bg: #fff !default; | |
188 | -//** `<input disabled>` background color | |
189 | -$input-bg-disabled: $gray-lighter !default; | |
190 | - | |
191 | -//** Text color for `<input>`s | |
192 | -$input-color: $gray !default; | |
193 | -//** `<input>` border color | |
194 | -$input-border: #ccc !default; | |
195 | - | |
196 | -// TODO: Rename `$input-border-radius` to `$input-border-radius-base` in v4 | |
197 | -//** Default `.form-control` border radius | |
198 | -$input-border-radius: $border-radius-base !default; | |
199 | -//** Large `.form-control` border radius | |
200 | -$input-border-radius-large: $border-radius-large !default; | |
201 | -//** Small `.form-control` border radius | |
202 | -$input-border-radius-small: $border-radius-small !default; | |
203 | - | |
204 | -//** Border color for inputs on focus | |
205 | -$input-border-focus: #66afe9 !default; | |
206 | - | |
207 | -//** Placeholder text color | |
208 | -$input-color-placeholder: #999 !default; | |
209 | - | |
210 | -//** Default `.form-control` height | |
211 | -$input-height-base: ($line-height-computed + ($padding-base-vertical * 2) + 2) !default; | |
212 | -//** Large `.form-control` height | |
213 | -$input-height-large: (ceil($font-size-large * $line-height-large) + ($padding-large-vertical * 2) + 2) !default; | |
214 | -//** Small `.form-control` height | |
215 | -$input-height-small: (floor($font-size-small * $line-height-small) + ($padding-small-vertical * 2) + 2) !default; | |
216 | - | |
217 | -$legend-color: $gray-dark !default; | |
218 | -$legend-border-color: #e5e5e5 !default; | |
219 | - | |
220 | -//** Background color for textual input addons | |
221 | -$input-group-addon-bg: $gray-lighter !default; | |
222 | -//** Border color for textual input addons | |
223 | -$input-group-addon-border-color: $input-border !default; | |
224 | - | |
225 | -//** Disabled cursor for form controls and buttons. | |
226 | -$cursor-disabled: not-allowed !default; | |
227 | - | |
228 | - | |
229 | -//== Dropdowns | |
230 | -// | |
231 | -//## Dropdown menu container and contents. | |
232 | - | |
233 | -//** Background for the dropdown menu. | |
234 | -$dropdown-bg: #fff !default; | |
235 | -//** Dropdown menu `border-color`. | |
236 | -$dropdown-border: rgba(0,0,0,.15) !default; | |
237 | -//** Dropdown menu `border-color` **for IE8**. | |
238 | -$dropdown-fallback-border: #ccc !default; | |
239 | -//** Divider color for between dropdown items. | |
240 | -$dropdown-divider-bg: #e5e5e5 !default; | |
241 | - | |
242 | -//** Dropdown link text color. | |
243 | -$dropdown-link-color: $gray-dark !default; | |
244 | -//** Hover color for dropdown links. | |
245 | -$dropdown-link-hover-color: darken($gray-dark, 5%) !default; | |
246 | -//** Hover background for dropdown links. | |
247 | -$dropdown-link-hover-bg: #f5f5f5 !default; | |
248 | - | |
249 | -//** Active dropdown menu item text color. | |
250 | -$dropdown-link-active-color: $component-active-color !default; | |
251 | -//** Active dropdown menu item background color. | |
252 | -$dropdown-link-active-bg: $component-active-bg !default; | |
253 | - | |
254 | -//** Disabled dropdown menu item background color. | |
255 | -$dropdown-link-disabled-color: $gray-light !default; | |
256 | - | |
257 | -//** Text color for headers within dropdown menus. | |
258 | -$dropdown-header-color: $gray-light !default; | |
259 | - | |
260 | -//** Deprecated `$dropdown-caret-color` as of v3.1.0 | |
261 | -$dropdown-caret-color: #000 !default; | |
262 | - | |
263 | - | |
264 | -//-- Z-index master list | |
265 | -// | |
266 | -// Warning: Avoid customizing these values. They're used for a bird's eye view | |
267 | -// of components dependent on the z-axis and are designed to all work together. | |
268 | -// | |
269 | -// Note: These variables are not generated into the Customizer. | |
270 | - | |
271 | -$zindex-navbar: 1000 !default; | |
272 | -$zindex-dropdown: 1000 !default; | |
273 | -$zindex-popover: 1060 !default; | |
274 | -$zindex-tooltip: 1070 !default; | |
275 | -$zindex-navbar-fixed: 1030 !default; | |
276 | -$zindex-modal: 1040 !default; | |
277 | - | |
278 | - | |
279 | -//== Media queries breakpoints | |
280 | -// | |
281 | -//## Define the breakpoints at which your layout will change, adapting to different screen sizes. | |
282 | - | |
283 | -// Extra small screen / phone | |
284 | -//** Deprecated `$screen-xs` as of v3.0.1 | |
285 | -$screen-xs: 480px !default; | |
286 | -//** Deprecated `$screen-xs-min` as of v3.2.0 | |
287 | -$screen-xs-min: $screen-xs !default; | |
288 | -//** Deprecated `$screen-phone` as of v3.0.1 | |
289 | -$screen-phone: $screen-xs-min !default; | |
290 | - | |
291 | -// Small screen / tablet | |
292 | -//** Deprecated `$screen-sm` as of v3.0.1 | |
293 | -$screen-sm: 768px !default; | |
294 | -$screen-sm-min: $screen-sm !default; | |
295 | -//** Deprecated `$screen-tablet` as of v3.0.1 | |
296 | -$screen-tablet: $screen-sm-min !default; | |
297 | - | |
298 | -// Medium screen / desktop | |
299 | -//** Deprecated `$screen-md` as of v3.0.1 | |
300 | -$screen-md: 992px !default; | |
301 | -$screen-md-min: $screen-md !default; | |
302 | -//** Deprecated `$screen-desktop` as of v3.0.1 | |
303 | -$screen-desktop: $screen-md-min !default; | |
304 | - | |
305 | -// Large screen / wide desktop | |
306 | -//** Deprecated `$screen-lg` as of v3.0.1 | |
307 | -$screen-lg: 1200px !default; | |
308 | -$screen-lg-min: $screen-lg !default; | |
309 | -//** Deprecated `$screen-lg-desktop` as of v3.0.1 | |
310 | -$screen-lg-desktop: $screen-lg-min !default; | |
311 | - | |
312 | -// So media queries don't overlap when required, provide a maximum | |
313 | -$screen-xs-max: ($screen-sm-min - 1) !default; | |
314 | -$screen-sm-max: ($screen-md-min - 1) !default; | |
315 | -$screen-md-max: ($screen-lg-min - 1) !default; | |
316 | - | |
317 | - | |
318 | -//== Grid system | |
319 | -// | |
320 | -//## Define your custom responsive grid. | |
321 | - | |
322 | -//** Number of columns in the grid. | |
323 | -$grid-columns: 12 !default; | |
324 | -//** Padding between columns. Gets divided in half for the left and right. | |
325 | -$grid-gutter-width: 30px !default; | |
326 | -// Navbar collapse | |
327 | -//** Point at which the navbar becomes uncollapsed. | |
328 | -$grid-float-breakpoint: $screen-sm-min !default; | |
329 | -//** Point at which the navbar begins collapsing. | |
330 | -$grid-float-breakpoint-max: ($grid-float-breakpoint - 1) !default; | |
331 | - | |
332 | - | |
333 | -//== Container sizes | |
334 | -// | |
335 | -//## Define the maximum width of `.container` for different screen sizes. | |
336 | - | |
337 | -// Small screen / tablet | |
338 | -$container-tablet: (720px + $grid-gutter-width) !default; | |
339 | -//** For `$screen-sm-min` and up. | |
340 | -$container-sm: $container-tablet !default; | |
341 | - | |
342 | -// Medium screen / desktop | |
343 | -$container-desktop: (940px + $grid-gutter-width) !default; | |
344 | -//** For `$screen-md-min` and up. | |
345 | -$container-md: $container-desktop !default; | |
346 | - | |
347 | -// Large screen / wide desktop | |
348 | -$container-large-desktop: (1140px + $grid-gutter-width) !default; | |
349 | -//** For `$screen-lg-min` and up. | |
350 | -$container-lg: $container-large-desktop !default; | |
351 | - | |
352 | - | |
353 | -//== Navbar | |
354 | -// | |
355 | -//## | |
356 | - | |
357 | -// Basics of a navbar | |
358 | -$navbar-height: 50px !default; | |
359 | -$navbar-margin-bottom: $line-height-computed !default; | |
360 | -$navbar-border-radius: $border-radius-base !default; | |
361 | -$navbar-padding-horizontal: floor(($grid-gutter-width / 2)) !default; | |
362 | -$navbar-padding-vertical: (($navbar-height - $line-height-computed) / 2) !default; | |
363 | -$navbar-collapse-max-height: 340px !default; | |
364 | - | |
365 | -$navbar-default-color: white !default; | |
366 | -$navbar-default-bg: #2c3e50 !default; | |
367 | -$navbar-default-border: lighten($navbar-default-bg, 6.5%) !default; | |
368 | - | |
369 | -// Navbar links | |
370 | -$navbar-default-link-color: white !default; | |
371 | -$navbar-default-link-hover-color: #333 !default; | |
372 | -$navbar-default-link-hover-bg: transparent !default; | |
373 | -$navbar-default-link-active-color: #555 !default; | |
374 | -$navbar-default-link-active-bg: darken($navbar-default-bg, 6.5%) !default; | |
375 | -$navbar-default-link-disabled-color: #ccc !default; | |
376 | -$navbar-default-link-disabled-bg: transparent !default; | |
377 | - | |
378 | -// Navbar brand label | |
379 | -$navbar-default-brand-color: $navbar-default-link-color !default; | |
380 | -$navbar-default-brand-hover-color: darken($navbar-default-brand-color, 10%) !default; | |
381 | -$navbar-default-brand-hover-bg: transparent !default; | |
382 | - | |
383 | -// Navbar toggle | |
384 | -$navbar-default-toggle-hover-bg: #ddd !default; | |
385 | -$navbar-default-toggle-icon-bar-bg: #888 !default; | |
386 | -$navbar-default-toggle-border-color: #ddd !default; | |
387 | - | |
388 | - | |
389 | -// Inverted navbar | |
390 | -// Reset inverted navbar basics | |
391 | -$navbar-inverse-color: lighten($gray-light, 15%) !default; | |
392 | -$navbar-inverse-bg: #222 !default; | |
393 | -$navbar-inverse-border: darken($navbar-inverse-bg, 10%) !default; | |
394 | - | |
395 | -// Inverted navbar links | |
396 | -$navbar-inverse-link-color: lighten($gray-light, 15%) !default; | |
397 | -$navbar-inverse-link-hover-color: #fff !default; | |
398 | -$navbar-inverse-link-hover-bg: transparent !default; | |
399 | -$navbar-inverse-link-active-color: $navbar-inverse-link-hover-color !default; | |
400 | -$navbar-inverse-link-active-bg: darken($navbar-inverse-bg, 10%) !default; | |
401 | -$navbar-inverse-link-disabled-color: #444 !default; | |
402 | -$navbar-inverse-link-disabled-bg: transparent !default; | |
403 | - | |
404 | -// Inverted navbar brand label | |
405 | -$navbar-inverse-brand-color: $navbar-inverse-link-color !default; | |
406 | -$navbar-inverse-brand-hover-color: #fff !default; | |
407 | -$navbar-inverse-brand-hover-bg: transparent !default; | |
408 | - | |
409 | -// Inverted navbar toggle | |
410 | -$navbar-inverse-toggle-hover-bg: #333 !default; | |
411 | -$navbar-inverse-toggle-icon-bar-bg: #fff !default; | |
412 | -$navbar-inverse-toggle-border-color: #333 !default; | |
413 | - | |
414 | - | |
415 | -//== Navs | |
416 | -// | |
417 | -//## | |
418 | - | |
419 | -//=== Shared nav styles | |
420 | -$nav-link-padding: 10px 15px !default; | |
421 | -$nav-link-hover-bg: $gray-lighter !default; | |
422 | - | |
423 | -$nav-disabled-link-color: $gray-light !default; | |
424 | -$nav-disabled-link-hover-color: $gray-light !default; | |
425 | - | |
426 | -//== Tabs | |
427 | -$nav-tabs-border-color: #ddd !default; | |
428 | - | |
429 | -$nav-tabs-link-hover-border-color: $gray-lighter !default; | |
430 | - | |
431 | -$nav-tabs-active-link-hover-bg: $body-bg !default; | |
432 | -$nav-tabs-active-link-hover-color: $gray !default; | |
433 | -$nav-tabs-active-link-hover-border-color: #ddd !default; | |
434 | - | |
435 | -$nav-tabs-justified-link-border-color: #ddd !default; | |
436 | -$nav-tabs-justified-active-link-border-color: $body-bg !default; | |
437 | - | |
438 | -//== Pills | |
439 | -$nav-pills-border-radius: $border-radius-base !default; | |
440 | -$nav-pills-active-link-hover-bg: $component-active-bg !default; | |
441 | -$nav-pills-active-link-hover-color: $component-active-color !default; | |
442 | - | |
443 | - | |
444 | -//== Pagination | |
445 | -// | |
446 | -//## | |
447 | - | |
448 | -$pagination-color: $link-color !default; | |
449 | -$pagination-bg: #fff !default; | |
450 | -$pagination-border: #ddd !default; | |
451 | - | |
452 | -$pagination-hover-color: $link-hover-color !default; | |
453 | -$pagination-hover-bg: $gray-lighter !default; | |
454 | -$pagination-hover-border: #ddd !default; | |
455 | - | |
456 | -$pagination-active-color: #fff !default; | |
457 | -$pagination-active-bg: $brand-primary !default; | |
458 | -$pagination-active-border: $brand-primary !default; | |
459 | - | |
460 | -$pagination-disabled-color: $gray-light !default; | |
461 | -$pagination-disabled-bg: #fff !default; | |
462 | -$pagination-disabled-border: #ddd !default; | |
463 | - | |
464 | - | |
465 | -//== Pager | |
466 | -// | |
467 | -//## | |
468 | - | |
469 | -$pager-bg: $pagination-bg !default; | |
470 | -$pager-border: $pagination-border !default; | |
471 | -$pager-border-radius: 15px !default; | |
472 | - | |
473 | -$pager-hover-bg: $pagination-hover-bg !default; | |
474 | - | |
475 | -$pager-active-bg: $pagination-active-bg !default; | |
476 | -$pager-active-color: $pagination-active-color !default; | |
477 | - | |
478 | -$pager-disabled-color: $pagination-disabled-color !default; | |
479 | - | |
480 | - | |
481 | -//== Jumbotron | |
482 | -// | |
483 | -//## | |
484 | - | |
485 | -$jumbotron-padding: 30px !default; | |
486 | -$jumbotron-color: inherit !default; | |
487 | -$jumbotron-bg: $gray-lighter !default; | |
488 | -$jumbotron-heading-color: inherit !default; | |
489 | -$jumbotron-font-size: ceil(($font-size-base * 1.5)) !default; | |
490 | - | |
491 | - | |
492 | -//== Form states and alerts | |
493 | -// | |
494 | -//## Define colors for form feedback states and, by default, alerts. | |
495 | - | |
496 | -$state-success-text: #3c763d !default; | |
497 | -$state-success-bg: #dff0d8 !default; | |
498 | -$state-success-border: darken(adjust-hue($state-success-bg, -10), 5%) !default; | |
499 | - | |
500 | -$state-info-text: #31708f !default; | |
501 | -$state-info-bg: #d9edf7 !default; | |
502 | -$state-info-border: darken(adjust-hue($state-info-bg, -10), 7%) !default; | |
503 | - | |
504 | -$state-warning-text: #8a6d3b !default; | |
505 | -$state-warning-bg: #fcf8e3 !default; | |
506 | -$state-warning-border: darken(adjust-hue($state-warning-bg, -10), 5%) !default; | |
507 | - | |
508 | -$state-danger-text: #a94442 !default; | |
509 | -$state-danger-bg: #f2dede !default; | |
510 | -$state-danger-border: darken(adjust-hue($state-danger-bg, -10), 5%) !default; | |
511 | - | |
512 | - | |
513 | -//== Tooltips | |
514 | -// | |
515 | -//## | |
516 | - | |
517 | -//** Tooltip max width | |
518 | -$tooltip-max-width: 200px !default; | |
519 | -//** Tooltip text color | |
520 | -$tooltip-color: #fff !default; | |
521 | -//** Tooltip background color | |
522 | -$tooltip-bg: #000 !default; | |
523 | -$tooltip-opacity: .9 !default; | |
524 | - | |
525 | -//** Tooltip arrow width | |
526 | -$tooltip-arrow-width: 5px !default; | |
527 | -//** Tooltip arrow color | |
528 | -$tooltip-arrow-color: $tooltip-bg !default; | |
529 | - | |
530 | - | |
531 | -//== Popovers | |
532 | -// | |
533 | -//## | |
534 | - | |
535 | -//** Popover body background color | |
536 | -$popover-bg: #fff !default; | |
537 | -//** Popover maximum width | |
538 | -$popover-max-width: 276px !default; | |
539 | -//** Popover border color | |
540 | -$popover-border-color: rgba(0,0,0,.2) !default; | |
541 | -//** Popover fallback border color | |
542 | -$popover-fallback-border-color: #ccc !default; | |
543 | - | |
544 | -//** Popover title background color | |
545 | -$popover-title-bg: darken($popover-bg, 3%) !default; | |
546 | - | |
547 | -//** Popover arrow width | |
548 | -$popover-arrow-width: 10px !default; | |
549 | -//** Popover arrow color | |
550 | -$popover-arrow-color: $popover-bg !default; | |
551 | - | |
552 | -//** Popover outer arrow width | |
553 | -$popover-arrow-outer-width: ($popover-arrow-width + 1) !default; | |
554 | -//** Popover outer arrow color | |
555 | -$popover-arrow-outer-color: fade_in($popover-border-color, 0.05) !default; | |
556 | -//** Popover outer arrow fallback color | |
557 | -$popover-arrow-outer-fallback-color: darken($popover-fallback-border-color, 20%) !default; | |
558 | - | |
559 | - | |
560 | -//== Labels | |
561 | -// | |
562 | -//## | |
563 | - | |
564 | -//** Default label background color | |
565 | -$label-default-bg: $gray-light !default; | |
566 | -//** Primary label background color | |
567 | -$label-primary-bg: $brand-primary !default; | |
568 | -//** Success label background color | |
569 | -$label-success-bg: $brand-success !default; | |
570 | -//** Info label background color | |
571 | -$label-info-bg: $brand-info !default; | |
572 | -//** Warning label background color | |
573 | -$label-warning-bg: $brand-warning !default; | |
574 | -//** Danger label background color | |
575 | -$label-danger-bg: $brand-danger !default; | |
576 | - | |
577 | -//** Default label text color | |
578 | -$label-color: #fff !default; | |
579 | -//** Default text color of a linked label | |
580 | -$label-link-hover-color: #fff !default; | |
581 | - | |
582 | - | |
583 | -//== Modals | |
584 | -// | |
585 | -//## | |
586 | - | |
587 | -//** Padding applied to the modal body | |
588 | -$modal-inner-padding: 15px !default; | |
589 | - | |
590 | -//** Padding applied to the modal title | |
591 | -$modal-title-padding: 15px !default; | |
592 | -//** Modal title line-height | |
593 | -$modal-title-line-height: $line-height-base !default; | |
594 | - | |
595 | -//** Background color of modal content area | |
596 | -$modal-content-bg: #fff !default; | |
597 | -//** Modal content border color | |
598 | -$modal-content-border-color: rgba(0,0,0,.2) !default; | |
599 | -//** Modal content border color **for IE8** | |
600 | -$modal-content-fallback-border-color: #999 !default; | |
601 | - | |
602 | -//** Modal backdrop background color | |
603 | -$modal-backdrop-bg: #000 !default; | |
604 | -//** Modal backdrop opacity | |
605 | -$modal-backdrop-opacity: .5 !default; | |
606 | -//** Modal header border color | |
607 | -$modal-header-border-color: #e5e5e5 !default; | |
608 | -//** Modal footer border color | |
609 | -$modal-footer-border-color: $modal-header-border-color !default; | |
610 | - | |
611 | -$modal-lg: 900px !default; | |
612 | -$modal-md: 600px !default; | |
613 | -$modal-sm: 300px !default; | |
614 | - | |
615 | - | |
616 | -//== Alerts | |
617 | -// | |
618 | -//## Define alert colors, border radius, and padding. | |
619 | - | |
620 | -$alert-padding: 15px !default; | |
621 | -$alert-border-radius: $border-radius-base !default; | |
622 | -$alert-link-font-weight: bold !default; | |
623 | - | |
624 | -$alert-success-bg: $state-success-bg !default; | |
625 | -$alert-success-text: $state-success-text !default; | |
626 | -$alert-success-border: $state-success-border !default; | |
627 | - | |
628 | -$alert-info-bg: $state-info-bg !default; | |
629 | -$alert-info-text: $state-info-text !default; | |
630 | -$alert-info-border: $state-info-border !default; | |
631 | - | |
632 | -$alert-warning-bg: $state-warning-bg !default; | |
633 | -$alert-warning-text: $state-warning-text !default; | |
634 | -$alert-warning-border: $state-warning-border !default; | |
635 | - | |
636 | -$alert-danger-bg: $state-danger-bg !default; | |
637 | -$alert-danger-text: $state-danger-text !default; | |
638 | -$alert-danger-border: $state-danger-border !default; | |
639 | - | |
640 | - | |
641 | -//== Progress bars | |
642 | -// | |
643 | -//## | |
644 | - | |
645 | -//** Background color of the whole progress component | |
646 | -$progress-bg: #f5f5f5 !default; | |
647 | -//** Progress bar text color | |
648 | -$progress-bar-color: #fff !default; | |
649 | -//** Variable for setting rounded corners on progress bar. | |
650 | -$progress-border-radius: $border-radius-base !default; | |
651 | - | |
652 | -//** Default progress bar color | |
653 | -$progress-bar-bg: $brand-primary !default; | |
654 | -//** Success progress bar color | |
655 | -$progress-bar-success-bg: $brand-success !default; | |
656 | -//** Warning progress bar color | |
657 | -$progress-bar-warning-bg: $brand-warning !default; | |
658 | -//** Danger progress bar color | |
659 | -$progress-bar-danger-bg: $brand-danger !default; | |
660 | -//** Info progress bar color | |
661 | -$progress-bar-info-bg: $brand-info !default; | |
662 | - | |
663 | - | |
664 | -//== List group | |
665 | -// | |
666 | -//## | |
667 | - | |
668 | -//** Background color on `.list-group-item` | |
669 | -$list-group-bg: #fff !default; | |
670 | -//** `.list-group-item` border color | |
671 | -$list-group-border: #ddd !default; | |
672 | -//** List group border radius | |
673 | -$list-group-border-radius: $border-radius-base !default; | |
674 | - | |
675 | -//** Background color of single list items on hover | |
676 | -$list-group-hover-bg: #f5f5f5 !default; | |
677 | -//** Text color of active list items | |
678 | -$list-group-active-color: $component-active-color !default; | |
679 | -//** Background color of active list items | |
680 | -$list-group-active-bg: $component-active-bg !default; | |
681 | -//** Border color of active list elements | |
682 | -$list-group-active-border: $list-group-active-bg !default; | |
683 | -//** Text color for content within active list items | |
684 | -$list-group-active-text-color: lighten($list-group-active-bg, 40%) !default; | |
685 | - | |
686 | -//** Text color of disabled list items | |
687 | -$list-group-disabled-color: $gray-light !default; | |
688 | -//** Background color of disabled list items | |
689 | -$list-group-disabled-bg: $gray-lighter !default; | |
690 | -//** Text color for content within disabled list items | |
691 | -$list-group-disabled-text-color: $list-group-disabled-color !default; | |
692 | - | |
693 | -$list-group-link-color: #555 !default; | |
694 | -$list-group-link-hover-color: $list-group-link-color !default; | |
695 | -$list-group-link-heading-color: #333 !default; | |
696 | - | |
697 | - | |
698 | -//== Panels | |
699 | -// | |
700 | -//## | |
701 | - | |
702 | -$panel-bg: #fff !default; | |
703 | -$panel-body-padding: 15px !default; | |
704 | -$panel-heading-padding: 10px 15px !default; | |
705 | -$panel-footer-padding: $panel-heading-padding !default; | |
706 | -$panel-border-radius: $border-radius-base !default; | |
707 | - | |
708 | -//** Border color for elements within panels | |
709 | -$panel-inner-border: #ddd !default; | |
710 | -$panel-footer-bg: #f5f5f5 !default; | |
711 | - | |
712 | -$panel-default-text: $gray-dark !default; | |
713 | -$panel-default-border: #ddd !default; | |
714 | -$panel-default-heading-bg: #f5f5f5 !default; | |
715 | - | |
716 | -$panel-primary-text: #fff !default; | |
717 | -$panel-primary-border: $brand-primary !default; | |
718 | -$panel-primary-heading-bg: $brand-primary !default; | |
719 | - | |
720 | -$panel-success-text: $state-success-text !default; | |
721 | -$panel-success-border: $state-success-border !default; | |
722 | -$panel-success-heading-bg: $state-success-bg !default; | |
723 | - | |
724 | -$panel-info-text: $state-info-text !default; | |
725 | -$panel-info-border: $state-info-border !default; | |
726 | -$panel-info-heading-bg: $state-info-bg !default; | |
727 | - | |
728 | -$panel-warning-text: $state-warning-text !default; | |
729 | -$panel-warning-border: $state-warning-border !default; | |
730 | -$panel-warning-heading-bg: $state-warning-bg !default; | |
731 | - | |
732 | -$panel-danger-text: $state-danger-text !default; | |
733 | -$panel-danger-border: $state-danger-border !default; | |
734 | -$panel-danger-heading-bg: $state-danger-bg !default; | |
735 | - | |
736 | - | |
737 | -//== Thumbnails | |
738 | -// | |
739 | -//## | |
740 | - | |
741 | -//** Padding around the thumbnail image | |
742 | -$thumbnail-padding: 4px !default; | |
743 | -//** Thumbnail background color | |
744 | -$thumbnail-bg: $body-bg !default; | |
745 | -//** Thumbnail border color | |
746 | -$thumbnail-border: #ddd !default; | |
747 | -//** Thumbnail border radius | |
748 | -$thumbnail-border-radius: $border-radius-base !default; | |
749 | - | |
750 | -//** Custom text color for thumbnail captions | |
751 | -$thumbnail-caption-color: $text-color !default; | |
752 | -//** Padding around the thumbnail caption | |
753 | -$thumbnail-caption-padding: 9px !default; | |
754 | - | |
755 | - | |
756 | -//== Wells | |
757 | -// | |
758 | -//## | |
759 | - | |
760 | -$well-bg: #f5f5f5 !default; | |
761 | -$well-border: darken($well-bg, 7%) !default; | |
762 | - | |
763 | - | |
764 | -//== Badges | |
765 | -// | |
766 | -//## | |
767 | - | |
768 | -$badge-color: #fff !default; | |
769 | -//** Linked badge text color on hover | |
770 | -$badge-link-hover-color: #fff !default; | |
771 | -$badge-bg: $gray-light !default; | |
772 | - | |
773 | -//** Badge text color in active nav link | |
774 | -$badge-active-color: $link-color !default; | |
775 | -//** Badge background color in active nav link | |
776 | -$badge-active-bg: #fff !default; | |
777 | - | |
778 | -$badge-font-weight: bold !default; | |
779 | -$badge-line-height: 1 !default; | |
780 | -$badge-border-radius: 10px !default; | |
781 | - | |
782 | - | |
783 | -//== Breadcrumbs | |
784 | -// | |
785 | -//## | |
786 | - | |
787 | -$breadcrumb-padding-vertical: 8px !default; | |
788 | -$breadcrumb-padding-horizontal: 15px !default; | |
789 | -//** Breadcrumb background color | |
790 | -$breadcrumb-bg: #f5f5f5 !default; | |
791 | -//** Breadcrumb text color | |
792 | -$breadcrumb-color: #ccc !default; | |
793 | -//** Text color of current page in the breadcrumb | |
794 | -$breadcrumb-active-color: $gray-light !default; | |
795 | -//** Textual separator for between breadcrumb elements | |
796 | -$breadcrumb-separator: "/" !default; | |
797 | - | |
798 | - | |
799 | -//== Carousel | |
800 | -// | |
801 | -//## | |
802 | - | |
803 | -$carousel-text-shadow: 0 1px 2px rgba(0,0,0,.6) !default; | |
804 | - | |
805 | -$carousel-control-color: #fff !default; | |
806 | -$carousel-control-width: 15% !default; | |
807 | -$carousel-control-opacity: .5 !default; | |
808 | -$carousel-control-font-size: 20px !default; | |
809 | - | |
810 | -$carousel-indicator-active-bg: #fff !default; | |
811 | -$carousel-indicator-border-color: #fff !default; | |
812 | - | |
813 | -$carousel-caption-color: #fff !default; | |
814 | - | |
815 | - | |
816 | -//== Close | |
817 | -// | |
818 | -//## | |
819 | - | |
820 | -$close-font-weight: bold !default; | |
821 | -$close-color: #000 !default; | |
822 | -$close-text-shadow: 0 1px 0 #fff !default; | |
823 | - | |
824 | - | |
825 | -//== Code | |
826 | -// | |
827 | -//## | |
828 | - | |
829 | -$code-color: #c7254e !default; | |
830 | -$code-bg: #f9f2f4 !default; | |
831 | - | |
832 | -$kbd-color: #fff !default; | |
833 | -$kbd-bg: #333 !default; | |
834 | - | |
835 | -$pre-bg: #f5f5f5 !default; | |
836 | -$pre-color: $gray-dark !default; | |
837 | -$pre-border-color: #ccc !default; | |
838 | -$pre-scrollable-max-height: 340px !default; | |
839 | - | |
840 | - | |
841 | -//== Type | |
842 | -// | |
843 | -//## | |
844 | - | |
845 | -//** Horizontal offset for forms and lists. | |
846 | -$component-offset-horizontal: 180px !default; | |
847 | -//** Text muted color | |
848 | -$text-muted: $gray-light !default; | |
849 | -//** Abbreviations and acronyms border color | |
850 | -$abbr-border-color: $gray-light !default; | |
851 | -//** Headings small color | |
852 | -$headings-small-color: $gray-light !default; | |
853 | -//** Blockquote small color | |
854 | -$blockquote-small-color: $gray-light !default; | |
855 | -//** Blockquote font size | |
856 | -$blockquote-font-size: ($font-size-base * 1.25) !default; | |
857 | -//** Blockquote border color | |
858 | -$blockquote-border-color: $gray-lighter !default; | |
859 | -//** Page header border color | |
860 | -$page-header-border-color: $gray-lighter !default; | |
861 | -//** Width of horizontal description list titles | |
862 | -$dl-horizontal-offset: $component-offset-horizontal !default; | |
863 | -//** Horizontal line color. | |
864 | -$hr-border: $gray-lighter !default; |
public/designs/themes/cube-responsive/favicon.ico
No preview for this file type
public/designs/themes/cube-responsive/footer.html.erb
... | ... | @@ -1,9 +0,0 @@ |
1 | -<div class="container"> | |
2 | - <div id="footer-links"> | |
3 | - <%= link_to _('Manual'), '/doc', id: "link-to-doc", class: 'icon-help' %> | |
4 | - </div><!-- end id="footer-links" --> | |
5 | - <div id="copyright"> | |
6 | - <p><%= _('This social network uses <a href="http://noosfero.org/">Noosfero</a>, developed by %s and licensed under the <a href="http://www.gnu.org/licenses/agpl.html">GNU Affero General Public License</a> version 3 or any later version.') % link_to('Colivre', 'http://colivre.coop.br/') %></p> | |
7 | - </div><!-- end id="copyright" --> | |
8 | - <%= language_chooser(environment) %> | |
9 | -</div> |
public/designs/themes/cube-responsive/header.html.erb
... | ... | @@ -1,17 +0,0 @@ |
1 | -<header class="navbar" id="header-navbar"> | |
2 | - <div class="container"> | |
3 | - <%= theme_site_title %> | |
4 | - | |
5 | - <div class="clearfix"> | |
6 | - <button class="navbar-toggle" data-target=".navbar-ex1-collapse" data-toggle="collapse" type="button"> | |
7 | - <span class="sr-only">Toggle navigation</span> | |
8 | - <span class="fa fa-bars"></span> | |
9 | - </button> | |
10 | - | |
11 | - <%= theme_header_user_notices %> | |
12 | - | |
13 | - <%= theme_header_user_right_menu %> | |
14 | - <%= theme_header_not_user_right %> | |
15 | - </div> | |
16 | - </div> | |
17 | -</header> |
public/designs/themes/cube-responsive/header_not_user_right.html.erb
... | ... | @@ -1,8 +0,0 @@ |
1 | -<ul class="nav navbar-nav pull-right"> | |
2 | -<li> | |
3 | - <a href="/account/login" class="" id="link_login" onclick="return noosfero.modal.inline('#inlineLoginBox')"><i class="icon-menu-login"></i><strong>Entrar</strong></a> | |
4 | -</li> | |
5 | -<li> | |
6 | - <a href="/account/signup"><strong>Registre-se</strong></a> | |
7 | -</li> | |
8 | -</ul> |
public/designs/themes/cube-responsive/header_user_notices.html.erb
... | ... | @@ -1,181 +0,0 @@ |
1 | -<div class="nav-no-collapse navbar-left pull-left hidden-sm hidden-xs"> | |
2 | - <ul class="nav navbar-nav pull-left"> | |
3 | - <li> | |
4 | - <a class="btn" id="make-small-nav"> | |
5 | - <i><span class="fa fa-bars"></span></i> | |
6 | - </a> | |
7 | - </li> | |
8 | - <li class="dropdown hidden-xs"> | |
9 | - <a class="btn dropdown-toggle" data-target="#" data-toggle="dropdown"> | |
10 | - <i class="fa fa-bell"></i> | |
11 | - <span class="count">8</span> | |
12 | - </a> | |
13 | - <ul class="dropdown-menu notifications-list"> | |
14 | - <li class="pointer"> | |
15 | - <div class="pointer-inner"> | |
16 | - <div class="arrow"></div> | |
17 | - </div> | |
18 | - </li> | |
19 | - <li class="item-header">You have 6 new notifications</li> | |
20 | - <li class="item"> | |
21 | - <a href="#"> | |
22 | - <i class="fa fa-comment"></i> | |
23 | - <span class="content">New comment on ‘Awesome P...</span> | |
24 | - <span class="time"><i class="fa fa-clock-o"></i>13 min.</span> | |
25 | - </a> | |
26 | - </li> | |
27 | - <li class="item"> | |
28 | - <a href="#"> | |
29 | - <i class="fa fa-plus"></i> | |
30 | - <span class="content">New user registration</span> | |
31 | - <span class="time"><i class="fa fa-clock-o"></i>13 min.</span> | |
32 | - </a> | |
33 | - </li> | |
34 | - <li class="item"> | |
35 | - <a href="#"> | |
36 | - <i class="fa fa-envelope"></i> | |
37 | - <span class="content">New Message from George</span> | |
38 | - <span class="time"><i class="fa fa-clock-o"></i>13 min.</span> | |
39 | - </a> | |
40 | - </li> | |
41 | - <li class="item"> | |
42 | - <a href="#"> | |
43 | - <i class="fa fa-shopping-cart"></i> | |
44 | - <span class="content">New purchase</span> | |
45 | - <span class="time"><i class="fa fa-clock-o"></i>13 min.</span> | |
46 | - </a> | |
47 | - </li> | |
48 | - <li class="item"> | |
49 | - <a href="#"> | |
50 | - <i class="fa fa-eye"></i> | |
51 | - <span class="content">New order</span> | |
52 | - <span class="time"><i class="fa fa-clock-o"></i>13 min.</span> | |
53 | - </a> | |
54 | - </li> | |
55 | - <li class="item-footer"> | |
56 | - <a href="#"> | |
57 | - View all notifications | |
58 | - </a> | |
59 | - </li> | |
60 | - </ul> | |
61 | - </li> | |
62 | - <li class="dropdown hidden-xs"> | |
63 | - <a class="btn dropdown-toggle" data-target="#" data-toggle="dropdown"> | |
64 | - <i><span class="fa fa-envelope"></span></i> | |
65 | - <span class="count">16</span> | |
66 | - </a> | |
67 | - <ul class="dropdown-menu notifications-list messages-list"> | |
68 | - <li class="pointer"> | |
69 | - <div class="pointer-inner"> | |
70 | - <div class="arrow"></div> | |
71 | - </div> | |
72 | - </li> | |
73 | - <li class="item first-item"> | |
74 | - <a href="#"> | |
75 | - <img src="/designs/themes/cube-responsive-theme/images/samples/messages-photo-1.png" alt=""/> | |
76 | - <span class="content"> | |
77 | - <span class="content-headline"> | |
78 | - George Clooney | |
79 | - </span> | |
80 | - <span class="content-text"> | |
81 | - Look, just because I don't be givin' no man a foot massage don't make it | |
82 | - right for Marsellus to throw... | |
83 | - </span> | |
84 | - </span> | |
85 | - <span class="time"><i class="fa fa-clock-o"></i>13 min.</span> | |
86 | - </a> | |
87 | - </li> | |
88 | - <li class="item"> | |
89 | - <a href="#"> | |
90 | - <img src="/designs/themes/cube-responsive-theme/images/samples/messages-photo-2.png" alt=""/> | |
91 | - <span class="content"> | |
92 | - <span class="content-headline"> | |
93 | - Emma Watson | |
94 | - </span> | |
95 | - <span class="content-text"> | |
96 | - Look, just because I don't be givin' no man a foot massage don't make it | |
97 | - right for Marsellus to throw... | |
98 | - </span> | |
99 | - </span> | |
100 | - <span class="time"><i class="fa fa-clock-o"></i>13 min.</span> | |
101 | - </a> | |
102 | - </li> | |
103 | - <li class="item"> | |
104 | - <a href="#"> | |
105 | - <img src="/designs/themes/cube-responsive-theme/images/samples/messages-photo-3.png" alt=""/> | |
106 | - <span class="content"> | |
107 | - <span class="content-headline"> | |
108 | - Robert Downey Jr. | |
109 | - </span> | |
110 | - <span class="content-text"> | |
111 | - Look, just because I don't be givin' no man a foot massage don't make it | |
112 | - right for Marsellus to throw... | |
113 | - </span> | |
114 | - </span> | |
115 | - <span class="time"><i class="fa fa-clock-o"></i>13 min.</span> | |
116 | - </a> | |
117 | - </li> | |
118 | - <li class="item-footer"> | |
119 | - <a href="#"> | |
120 | - View all messages | |
121 | - </a> | |
122 | - </li> | |
123 | - </ul> | |
124 | - </li> | |
125 | - <li class="dropdown hidden-xs"> | |
126 | - <a class="btn dropdown-toggle" data-toggle="dropdown"> | |
127 | - New Item | |
128 | - <i class="fa fa-caret-down"></i> | |
129 | - </a> | |
130 | - <ul class="dropdown-menu"> | |
131 | - <li class="item"> | |
132 | - <a href="#"> | |
133 | - <i class="fa fa-archive"></i> | |
134 | - New Product | |
135 | - </a> | |
136 | - </li> | |
137 | - <li class="item"> | |
138 | - <a href="#"> | |
139 | - <i class="fa fa-shopping-cart"></i> | |
140 | - New Order | |
141 | - </a> | |
142 | - </li> | |
143 | - <li class="item"> | |
144 | - <a href="#"> | |
145 | - <i class="fa fa-sitemap"></i> | |
146 | - New Category | |
147 | - </a> | |
148 | - </li> | |
149 | - <li class="item"> | |
150 | - <a href="#"> | |
151 | - <i class="fa fa-file-text"></i> | |
152 | - New Page | |
153 | - </a> | |
154 | - </li> | |
155 | - </ul> | |
156 | - </li> | |
157 | - <li class="dropdown hidden-xs"> | |
158 | - <a class="btn dropdown-toggle" data-toggle="dropdown"> | |
159 | - English | |
160 | - <i class="fa fa-caret-down"></i> | |
161 | - </a> | |
162 | - <ul class="dropdown-menu"> | |
163 | - <li class="item"> | |
164 | - <a href="#"> | |
165 | - Spanish | |
166 | - </a> | |
167 | - </li> | |
168 | - <li class="item"> | |
169 | - <a href="#"> | |
170 | - German | |
171 | - </a> | |
172 | - </li> | |
173 | - <li class="item"> | |
174 | - <a href="#"> | |
175 | - Italian | |
176 | - </a> | |
177 | - </li> | |
178 | - </ul> | |
179 | - </li> | |
180 | - </ul> | |
181 | -</div> |
public/designs/themes/cube-responsive/header_user_right_menu.html.erb
... | ... | @@ -1,36 +0,0 @@ |
1 | -<div class="nav-no-collapse pull-right" id="header-nav"> | |
2 | - <ul class="nav navbar-nav pull-right"> | |
3 | - <li class="mobile-search"> | |
4 | - <a class="btn"> | |
5 | - <i class="fa fa-search"></i> | |
6 | - </a> | |
7 | - | |
8 | - <div class="drowdown-search"> | |
9 | - <form role="search"> | |
10 | - <div class="form-group"> | |
11 | - <input type="text" class="form-control" placeholder="Search..."> | |
12 | - <i class="fa fa-search nav-search-icon"></i> | |
13 | - </div> | |
14 | - </form> | |
15 | - </div> | |
16 | - | |
17 | - </li> | |
18 | - <li class="dropdown profile-dropdown"> | |
19 | - <a class="dropdown-toggle" data-target="#" data-toggle="dropdown"> | |
20 | - <img src="/designs/themes/cube-responsive-theme/images/samples/scarlet-159.png" alt=""/> | |
21 | - <span class="hidden-xs">Scarlett</span> <b class="caret"></b> | |
22 | - </a> | |
23 | - <ul class="dropdown-menu dropdown-menu-right"> | |
24 | - <li><a href="user-profile.html"><i class="fa fa-user"></i>Profile</a></li> | |
25 | - <li><a href="#"><i class="fa fa-cog"></i>Settings</a></li> | |
26 | - <li><a href="#"><i class="fa fa-envelope-o"></i>Messages</a></li> | |
27 | - <li><a href="#"><i class="fa fa-power-off"></i>Logout</a></li> | |
28 | - </ul> | |
29 | - </li> | |
30 | - <li class="hidden-xxs"> | |
31 | - <a class="btn"> | |
32 | - <i class="fa fa-power-off"></i> | |
33 | - </a> | |
34 | - </li> | |
35 | - </ul> | |
36 | -</div> |
public/designs/themes/cube-responsive/icons/16x16/actions/log-in.png
684 Bytes
public/designs/themes/cube-responsive/icons/16x16/actions/log-out.png
484 Bytes
public/designs/themes/cube-responsive/images/.DS_Store
No preview for this file type
public/designs/themes/cube-responsive/images/cube-logo-black.png
3.5 KB
public/designs/themes/cube-responsive/images/logo-black.png
3.5 KB
public/designs/themes/cube-responsive/images/logo-noosfero-header.png
6.21 KB
public/designs/themes/cube-responsive/images/logo-noosfero-no-text.png
9.03 KB
public/designs/themes/cube-responsive/images/logo-noosfero-raw.png
6.21 KB
public/designs/themes/cube-responsive/images/logo-noosfero.png
12.5 KB
public/designs/themes/cube-responsive/images/logo-noosfero.xcf
No preview for this file type
public/designs/themes/cube-responsive/images/logo-noosfero0.xcf
No preview for this file type
public/designs/themes/cube-responsive/images/logo-small.png
1.92 KB
public/designs/themes/cube-responsive/images/logo.png
3.4 KB
public/designs/themes/cube-responsive/images/rails.png
1.75 KB
public/designs/themes/cube-responsive/images/samples/.DS_Store
No preview for this file type
public/designs/themes/cube-responsive/images/samples/messages-photo-1.png
4.52 KB
public/designs/themes/cube-responsive/images/samples/messages-photo-2.png
4.56 KB
public/designs/themes/cube-responsive/images/samples/messages-photo-3.png
4.68 KB
public/designs/themes/cube-responsive/images/samples/scarlet-159.png
52.8 KB
public/designs/themes/cube-responsive/images/samples/scarlett-300.jpg
31.6 KB
public/designs/themes/cube-responsive/images/thin-logo.png
5.96 KB
public/designs/themes/cube-responsive/images/thin-logo.xcf
No preview for this file type
public/designs/themes/cube-responsive/images/thin-logo0.png
5.96 KB
public/designs/themes/cube-responsive/images/thin-logo0.xcf
No preview for this file type
public/designs/themes/cube-responsive/imgs/50x.png
95.6 KB
public/designs/themes/cube-responsive/imgs/arrow-down-p.png
233 Bytes
public/designs/themes/cube-responsive/imgs/arrow-right-p.png
215 Bytes
public/designs/themes/cube-responsive/imgs/blog-sep.png
161 Bytes
public/designs/themes/cube-responsive/imgs/colivre-nascente-cinza.gif
1.57 KB
public/designs/themes/cube-responsive/imgs/comment-bg-L.png
188 Bytes
public/designs/themes/cube-responsive/imgs/comment-bg-N.png
187 Bytes
public/designs/themes/cube-responsive/imgs/comment-bg-NL.png
262 Bytes
public/designs/themes/cube-responsive/imgs/comment-bg-NO.png
391 Bytes
public/designs/themes/cube-responsive/imgs/comment-bg-O.png
192 Bytes
public/designs/themes/cube-responsive/imgs/comment-bg-S.png
224 Bytes
public/designs/themes/cube-responsive/imgs/comment-bg-SL.png
263 Bytes
public/designs/themes/cube-responsive/imgs/comment-bg-SO.png
279 Bytes
public/designs/themes/cube-responsive/imgs/comment-owner-bg-L.png
188 Bytes
public/designs/themes/cube-responsive/imgs/comment-owner-bg-N.png
235 Bytes
public/designs/themes/cube-responsive/imgs/comment-owner-bg-NL.png
261 Bytes
public/designs/themes/cube-responsive/imgs/comment-owner-bg-NO.png
515 Bytes
public/designs/themes/cube-responsive/imgs/comment-owner-bg-O.png
198 Bytes
public/designs/themes/cube-responsive/imgs/comment-owner-bg-S.png
223 Bytes
public/designs/themes/cube-responsive/imgs/comment-owner-bg-SL.png
259 Bytes
public/designs/themes/cube-responsive/imgs/comment-owner-bg-SO.png
273 Bytes
public/designs/themes/cube-responsive/imgs/content-bg-L.png
154 Bytes
public/designs/themes/cube-responsive/imgs/content-bg-N.png
156 Bytes
public/designs/themes/cube-responsive/imgs/content-bg-NL.png
228 Bytes
public/designs/themes/cube-responsive/imgs/content-bg-NO.png
214 Bytes
public/designs/themes/cube-responsive/imgs/content-bg-O.png
153 Bytes
public/designs/themes/cube-responsive/imgs/content-bg-S.png
156 Bytes
public/designs/themes/cube-responsive/imgs/content-bg-SL.png
216 Bytes
public/designs/themes/cube-responsive/imgs/content-bg-SO.png
217 Bytes
public/designs/themes/cube-responsive/imgs/down-arrow-light.png
169 Bytes
public/designs/themes/cube-responsive/imgs/lettering-slbr.png
2.05 KB
public/designs/themes/cube-responsive/imgs/li-blue.gif
88 Bytes
public/designs/themes/cube-responsive/imgs/li-gray.gif
88 Bytes
public/designs/themes/cube-responsive/imgs/li-recent.gif
88 Bytes
public/designs/themes/cube-responsive/imgs/link-list-current-bg.png
192 Bytes
public/designs/themes/cube-responsive/imgs/menu-top-bg-left.png
195 Bytes
public/designs/themes/cube-responsive/imgs/menu-top-bg-right.png
218 Bytes
public/designs/themes/cube-responsive/imgs/menu-top-bg.png
177 Bytes
public/designs/themes/cube-responsive/imgs/menu-top-hilight.png
228 Bytes
public/designs/themes/cube-responsive/js/scripts.js
... | ... | @@ -1,149 +0,0 @@ |
1 | -$(function($) { | |
2 | - | |
3 | - setTimeout(function() { | |
4 | - $('#content-wrapper > .row').css({ | |
5 | - opacity: 1 | |
6 | - }); | |
7 | - }, 200); | |
8 | - | |
9 | - $('#sidebar-nav,#nav-col-submenu').on('click', '.dropdown-toggle', function (e) { | |
10 | - e.preventDefault(); | |
11 | - | |
12 | - var $item = $(this).parent(); | |
13 | - | |
14 | - if (!$item.hasClass('open')) { | |
15 | - $item.parent().find('.open .submenu').slideUp('fast'); | |
16 | - $item.parent().find('.open').toggleClass('open'); | |
17 | - } | |
18 | - | |
19 | - $item.toggleClass('open'); | |
20 | - | |
21 | - if ($item.hasClass('open')) { | |
22 | - $item.children('.submenu').slideDown('fast'); | |
23 | - } | |
24 | - else { | |
25 | - $item.children('.submenu').slideUp('fast'); | |
26 | - } | |
27 | - }); | |
28 | - | |
29 | - $('body').on('mouseenter', '#page-wrapper.nav-small #sidebar-nav .dropdown-toggle', function (e) { | |
30 | - if ($( document ).width() >= 992) { | |
31 | - var $item = $(this).parent(); | |
32 | - | |
33 | - if ($('body').hasClass('fixed-leftmenu')) { | |
34 | - var topPosition = $item.position().top; | |
35 | - | |
36 | - if ((topPosition + 4*$(this).outerHeight()) >= $(window).height()) { | |
37 | - topPosition -= 6*$(this).outerHeight(); | |
38 | - } | |
39 | - | |
40 | - $('#nav-col-submenu').html($item.children('.submenu').clone()); | |
41 | - $('#nav-col-submenu > .submenu').css({'top' : topPosition}); | |
42 | - } | |
43 | - | |
44 | - $item.addClass('open'); | |
45 | - $item.children('.submenu').slideDown('fast'); | |
46 | - } | |
47 | - }); | |
48 | - | |
49 | - $('body').on('mouseleave', '#page-wrapper.nav-small #sidebar-nav > .nav-pills > li', function (e) { | |
50 | - if ($( document ).width() >= 992) { | |
51 | - var $item = $(this); | |
52 | - | |
53 | - if ($item.hasClass('open')) { | |
54 | - $item.find('.open .submenu').slideUp('fast'); | |
55 | - $item.find('.open').removeClass('open'); | |
56 | - $item.children('.submenu').slideUp('fast'); | |
57 | - } | |
58 | - | |
59 | - $item.removeClass('open'); | |
60 | - } | |
61 | - }); | |
62 | - $('body').on('mouseenter', '#page-wrapper.nav-small #sidebar-nav a:not(.dropdown-toggle)', function (e) { | |
63 | - if ($('body').hasClass('fixed-leftmenu')) { | |
64 | - $('#nav-col-submenu').html(''); | |
65 | - } | |
66 | - }); | |
67 | - $('body').on('mouseleave', '#page-wrapper.nav-small #nav-col', function (e) { | |
68 | - if ($('body').hasClass('fixed-leftmenu')) { | |
69 | - $('#nav-col-submenu').html(''); | |
70 | - } | |
71 | - }); | |
72 | - | |
73 | - $('#make-small-nav').click(function (e) { | |
74 | - $('#page-wrapper').toggleClass('nav-small'); | |
75 | - }); | |
76 | - | |
77 | - $(window).smartresize(function(){ | |
78 | - if ($( document ).width() <= 991) { | |
79 | - $('#page-wrapper').removeClass('nav-small'); | |
80 | - } | |
81 | - }); | |
82 | - | |
83 | - $('.mobile-search').click(function(e) { | |
84 | - e.preventDefault(); | |
85 | - | |
86 | - $('.mobile-search').addClass('active'); | |
87 | - $('.mobile-search form input.form-control').focus(); | |
88 | - }); | |
89 | - $(document).mouseup(function (e) { | |
90 | - var container = $('.mobile-search'); | |
91 | - | |
92 | - if (!container.is(e.target) // if the target of the click isn't the container... | |
93 | - && container.has(e.target).length === 0) // ... nor a descendant of the container | |
94 | - { | |
95 | - container.removeClass('active'); | |
96 | - } | |
97 | - }); | |
98 | - | |
99 | - // $('.fixed-leftmenu #col-left').nanoScroller({ | |
100 | - // alwaysVisible: false, | |
101 | - // iOSNativeScrolling: false, | |
102 | - // preventPageScrolling: true, | |
103 | - // contentClass: 'col-left-nano-content' | |
104 | - // }); | |
105 | - | |
106 | - // build all tooltips from data-attributes | |
107 | - $("[data-toggle='tooltip']").each(function (index, el) { | |
108 | - $(el).tooltip({ | |
109 | - placement: $(this).data("placement") || 'top' | |
110 | - }); | |
111 | - }); | |
112 | -}); | |
113 | - | |
114 | -$.fn.removeClassPrefix = function(prefix) { | |
115 | - this.each(function(i, el) { | |
116 | - var classes = el.className.split(" ").filter(function(c) { | |
117 | - return c.lastIndexOf(prefix, 0) !== 0; | |
118 | - }); | |
119 | - el.className = classes.join(" "); | |
120 | - }); | |
121 | - return this; | |
122 | -}; | |
123 | - | |
124 | -(function($,sr){ | |
125 | - // debouncing function from John Hann | |
126 | - // http://unscriptable.com/index.php/2009/03/20/debouncing-javascript-methods/ | |
127 | - var debounce = function (func, threshold, execAsap) { | |
128 | - var timeout; | |
129 | - | |
130 | - return function debounced () { | |
131 | - var obj = this, args = arguments; | |
132 | - function delayed () { | |
133 | - if (!execAsap) | |
134 | - func.apply(obj, args); | |
135 | - timeout = null; | |
136 | - }; | |
137 | - | |
138 | - if (timeout) | |
139 | - clearTimeout(timeout); | |
140 | - else if (execAsap) | |
141 | - func.apply(obj, args); | |
142 | - | |
143 | - timeout = setTimeout(delayed, threshold || 100); | |
144 | - }; | |
145 | - } | |
146 | - // smartresize | |
147 | - $.fn[sr] = function(fn){ return fn ? this.bind('resize', debounce(fn)) : this.trigger(sr); }; | |
148 | - | |
149 | -})($,'smartresize'); |
public/designs/themes/cube-responsive/layouts/application-responsive.html.erb
... | ... | @@ -1,83 +0,0 @@ |
1 | -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | |
2 | -<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<%= html_language %>" lang="<%= html_language %>" class="<%= h html_tag_classes %>"> | |
3 | - <head> | |
4 | - <title><%= h page_title %></title> | |
5 | - <%= yield(:feeds) %> | |
6 | - <!--<meta http-equiv="refresh" content="1"/>--> | |
7 | - <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> | |
8 | - | |
9 | - <% unless defined? MetadataPlugin and environment.enabled_plugins.include? 'MetadataPlugin' %> | |
10 | - <meta name="description" content="<%= @environment.name %>" /> | |
11 | - <% end %> | |
12 | - | |
13 | - <!-- site root --> | |
14 | - <meta property="noosfero:root" content="<%= Noosfero.root %>"/> | |
15 | - | |
16 | - <link rel="shortcut icon" href="<%= image_path(theme_favicon) %>" type="image/x-icon" /> | |
17 | - <%= noosfero_javascript %> | |
18 | - <%= noosfero_stylesheets %> | |
19 | - | |
20 | - <%# Add custom tags/styles/etc via content_for %> | |
21 | - <%= yield :head %> | |
22 | - <%= | |
23 | - @plugins.dispatch(:head_ending).map do |content| | |
24 | - if content.respond_to?(:call) then instance_exec(&content).to_s.html_safe else content.to_s.html_safe end | |
25 | - end.join("\n") | |
26 | - %> | |
27 | - | |
28 | - <script type="text/javascript"> | |
29 | - DEFAULT_LOADING_MESSAGE = <%="'#{ _('loading...') }'" %>; | |
30 | - </script> | |
31 | - | |
32 | - </head> | |
33 | - <body class="<%= h body_classes %>"> | |
34 | - <a href="#content" id="link-go-content"><span><%= _("Go to the content") %></span></a> | |
35 | - | |
36 | - <%= | |
37 | - @plugins.dispatch(:body_beginning).map do |content| | |
38 | - if content.respond_to?(:call) then instance_exec(&content).to_s.html_safe else content.to_s.html_safe end | |
39 | - end.join("\n") | |
40 | - %> | |
41 | - <div id="global-header"> | |
42 | - <%= global_header %> | |
43 | - </div> | |
44 | - | |
45 | - <!-- RESPONSIVE changes !--> | |
46 | - <div id="wrap-1" class="container"> | |
47 | - <div id='theme-header'> | |
48 | - <%= theme_header %> | |
49 | - </div> | |
50 | - <div id="page-wrapper" class="container"> | |
51 | - <div id="wrap-2"> | |
52 | - <div class="row"> | |
53 | - <%= theme_sidebar_user %> | |
54 | - <div id="content-wrapper" class="<%= 'full-content' unless logged_in? %>"> | |
55 | - <div id="content"> | |
56 | - <%= render partial: 'layouts/menu_responsive' %> | |
57 | - <%= render 'layouts/profile_title' if profile %> | |
58 | - <%= insert_boxes yield %> | |
59 | - </div><!-- end id="content" --> | |
60 | - </div> | |
61 | - </div> | |
62 | - </div><!-- end id="wrap-2" --> | |
63 | - </div> | |
64 | - </div><!-- end id="wrap-1" --> | |
65 | - | |
66 | - <%= render_environment_features(:logged_in) if logged_in? %> | |
67 | - <div id="footer"> | |
68 | - <div id="theme-footer"> | |
69 | - <%= theme_footer %> | |
70 | - </div><!-- end id="theme-footer" --> | |
71 | - <div id="global-footer"> | |
72 | - <%= global_footer %> | |
73 | - </div><!-- end id="global-footer" --> | |
74 | - </div><!-- end id="footer" --> | |
75 | - <%= noosfero_layout_features %> | |
76 | - <%= addthis_javascript %> | |
77 | - <%= | |
78 | - @plugins.dispatch(:body_ending).map do |content| | |
79 | - if content.respond_to?(:call) then instance_exec(&content).html_safe else content.html_safe end | |
80 | - end.join("\n") | |
81 | - %> | |
82 | - </body> | |
83 | -</html> |
public/designs/themes/cube-responsive/navigation.html.erb
public/designs/themes/cube-responsive/sass/_theme_styles.scss
... | ... | @@ -1,20 +0,0 @@ |
1 | -// Core variables and mixins | |
2 | -@import "imports/variables"; | |
3 | -@import "imports/mixins"; | |
4 | - | |
5 | -// Core layouts | |
6 | -@import "imports/layouts"; | |
7 | - | |
8 | -// Navigation, header, footer | |
9 | -@import "imports/header"; | |
10 | -@import "imports/sidebar"; | |
11 | -@import "imports/footer"; | |
12 | - | |
13 | -// Layouts | |
14 | -@import "imports/fixed_layouts"; | |
15 | - | |
16 | -// Skin support | |
17 | -@import "imports/skins"; | |
18 | - | |
19 | -//Noosfero and cube overrides/customs | |
20 | -@import "imports/customs"; |
public/designs/themes/cube-responsive/sass/imports/_customs.scss
... | ... | @@ -1,83 +0,0 @@ |
1 | -/* Noosfero core and Cube Bootstrap styles Overrides/Customizations */ | |
2 | - | |
3 | -/* Noosfero Overrides */ | |
4 | -#theme-header { | |
5 | - min-height: 20px !important; | |
6 | - height: 100% !important; | |
7 | -} | |
8 | - | |
9 | -#wrap-2 { | |
10 | - padding: 0px !important; | |
11 | - border: none !important; | |
12 | - background-color: #eee; | |
13 | -} | |
14 | - | |
15 | -#user{ | |
16 | - margin: { | |
17 | - top: 10px; | |
18 | - } | |
19 | -} | |
20 | - | |
21 | -//Bootstrap Overrides | |
22 | -.navbar >.container .navbar-brand { | |
23 | - width: 220px !important; | |
24 | -} | |
25 | - | |
26 | -.row { | |
27 | - margin: { | |
28 | - right: 8px !important; | |
29 | - } | |
30 | -} | |
31 | - | |
32 | -.container { | |
33 | - padding: { | |
34 | - right: 0px !important; | |
35 | - left: 0px !important; | |
36 | - } | |
37 | -} | |
38 | - | |
39 | -//Cube Theme Overrides | |
40 | -#nav-col { | |
41 | - height: 100%; | |
42 | -} | |
43 | - | |
44 | -#content-wrapper { | |
45 | - background: none !important; | |
46 | -} | |
47 | - | |
48 | -#header-navbar { | |
49 | - z-index: 999 !important; | |
50 | -} | |
51 | - | |
52 | -#logo.navbar-brand { | |
53 | - img { | |
54 | - float: left; | |
55 | - width: 60px !important; | |
56 | - height: 60px !important; | |
57 | - margin: 0px { | |
58 | - top: -10px; | |
59 | - } | |
60 | - } | |
61 | - | |
62 | - .logo-title { | |
63 | - float: left; | |
64 | - font: { | |
65 | - family: fantasy; | |
66 | - size: 16pt; | |
67 | - } | |
68 | - } | |
69 | -} | |
70 | - | |
71 | -#content-wrapper { | |
72 | - min-height: 100% !important; | |
73 | -} | |
74 | - | |
75 | -//New Classes and Customizations | |
76 | - | |
77 | -.full-content { | |
78 | - /* | |
79 | - * Inform additional rules here to content | |
80 | - * when the sidebar is hidden (user not logged in). | |
81 | - */ | |
82 | - margin-left: 0px !important; | |
83 | -} |
public/designs/themes/cube-responsive/sass/imports/_fixed_layouts.scss
... | ... | @@ -1,49 +0,0 @@ |
1 | -/* FIXED ELEMENTS */ | |
2 | -.fixed-header { | |
3 | - #header-navbar { | |
4 | - left: 0; | |
5 | - position: fixed; | |
6 | - right: 0; | |
7 | - top: 0; | |
8 | - width: 100%; | |
9 | - z-index: 999; | |
10 | - } | |
11 | - #page-wrapper { | |
12 | - padding-top: 50px; | |
13 | - } | |
14 | -} | |
15 | -.fixed-footer { | |
16 | - #footer-bar { | |
17 | - bottom: 0; | |
18 | - left: 0; | |
19 | - margin: 0; | |
20 | - position: fixed; | |
21 | - right: 0; | |
22 | - width: 100%; | |
23 | - z-index: 999; | |
24 | - } | |
25 | - #content-wrapper { | |
26 | - padding-bottom: 36px | |
27 | - } | |
28 | -} | |
29 | -@media (min-width: $break-sm-min) { | |
30 | - .fixed-leftmenu #nav-col { | |
31 | - position: fixed; | |
32 | - height: 100%; | |
33 | - } | |
34 | - .fixed-leftmenu.fixed-footer #nav-col { | |
35 | - padding-bottom: 36px; | |
36 | - } | |
37 | - .fixed-leftmenu.fixed-header #nav-col { | |
38 | - padding-bottom: 50px; | |
39 | - } | |
40 | - .fixed-leftmenu.fixed-header.fixed-footer #nav-col { | |
41 | - padding-bottom: 86px; | |
42 | - } | |
43 | -} | |
44 | -@media (max-width: $break-sm-max) { | |
45 | - .fixed-header #nav-col { | |
46 | - position: fixed; | |
47 | - width: 100%; | |
48 | - } | |
49 | -} | |
50 | 0 | \ No newline at end of file |
public/designs/themes/cube-responsive/sass/imports/_footer.scss
... | ... | @@ -1,25 +0,0 @@ |
1 | -#footer-bar { | |
2 | - background: #fff; | |
3 | - border-top: 1px solid $main-bg-color; | |
4 | - bottom: 0; | |
5 | - font-size: 0.8em; | |
6 | - height: 37px; | |
7 | - line-height: 36px; | |
8 | - margin-left: -15px; | |
9 | - margin-right: -15px; | |
10 | - position: absolute; | |
11 | - width: 100%; | |
12 | - | |
13 | - @media (max-width: $break-xs-max) { | |
14 | - margin-left: -8px; | |
15 | - margin-right: -8px; | |
16 | - } | |
17 | - @media (max-width: $break-xxs-max) { | |
18 | - margin-left: -5px; | |
19 | - margin-right: -5px; | |
20 | - } | |
21 | -} | |
22 | -#footer-copyright { | |
23 | - text-align: center; | |
24 | - margin: 0; | |
25 | -} | |
26 | 0 | \ No newline at end of file |
public/designs/themes/cube-responsive/sass/imports/_header.scss
... | ... | @@ -1,516 +0,0 @@ |
1 | -.navbar-toggle { | |
2 | - border: medium none; | |
3 | - font-size: 1.4em; | |
4 | - height: 50px; | |
5 | - margin: 0; | |
6 | - text-shadow: none; | |
7 | - width: 50px; | |
8 | - z-index: 100; | |
9 | - @include border-radius(0); | |
10 | - | |
11 | - .icon-bar { | |
12 | - background: none repeat scroll 0 0 white; | |
13 | - } | |
14 | -} | |
15 | -.nav > li { | |
16 | - float: left; | |
17 | -} | |
18 | -.navbar-nav { | |
19 | - margin: 0 0 0 10px; | |
20 | - | |
21 | - > li > a { | |
22 | - padding-bottom: 15px; | |
23 | - padding-top: 15px; | |
24 | - line-height: 24px; | |
25 | - } | |
26 | - > li > .dropdown-menu { | |
27 | - @include border-radius($border-radius-base); | |
28 | - min-width: 223px; | |
29 | - } | |
30 | -} | |
31 | -.dropdown-menu > li > a { | |
32 | - color: #707070; | |
33 | - font-size: 0.875em; | |
34 | - line-height: 1.7; | |
35 | - padding-left: 35px; | |
36 | - @include transition(border-color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s); | |
37 | - | |
38 | - &:hover, | |
39 | - &:focus { | |
40 | - background-color: #f6f6f6; | |
41 | - color: #707070; | |
42 | - } | |
43 | - > i { | |
44 | - position: absolute; | |
45 | - margin-left: -18px; | |
46 | - margin-top: 4px; | |
47 | - } | |
48 | -} | |
49 | -.nav-pills > li { | |
50 | - float: none; | |
51 | - | |
52 | - > a { | |
53 | - @include border-radius(0); | |
54 | - } | |
55 | -} | |
56 | - | |
57 | -.navbar > .container .navbar-brand { | |
58 | - background: #34495e; | |
59 | - color: #fff; | |
60 | - font-family: 'Titillium Web',Geneva,sans-serif; | |
61 | - font-weight: 700; | |
62 | - width: 220px; | |
63 | - margin-left: -8px; | |
64 | - padding: 10px 15px; | |
65 | - | |
66 | - @media (max-width: $break-sm-max) { | |
67 | - background: transparent; | |
68 | - color: #262626; | |
69 | - } | |
70 | - @media (max-width: $break-xs-max) { | |
71 | - padding-top: 12px; | |
72 | - padding-top: 12.5px; | |
73 | - } | |
74 | -} | |
75 | -#logo { | |
76 | - @media (max-width: $break-xs-max) { | |
77 | - width: 150px; | |
78 | - padding-left: 0; | |
79 | - font-size: 1em; | |
80 | - margin-left: 6px; | |
81 | - } | |
82 | - @media (max-width: 400px) { | |
83 | - width: auto; | |
84 | - margin-left: 15px; | |
85 | - } | |
86 | - | |
87 | - img { | |
88 | - @media (max-width: $break-xs-max) { | |
89 | - height: 19px; | |
90 | - } | |
91 | - } | |
92 | - span { | |
93 | - @media (max-width: 400px) { | |
94 | - display: none; | |
95 | - } | |
96 | - } | |
97 | - &.navbar-brand > img { | |
98 | - margin: 0 auto; | |
99 | - padding-right: 4px; | |
100 | - height: 30px; | |
101 | - | |
102 | - @media (max-width: $break-xs-max) { | |
103 | - height: 25px; | |
104 | - } | |
105 | - } | |
106 | - &.navbar-brand > img.normal-logo.logo-white { | |
107 | - @media (min-width: $break-sm-min) { | |
108 | - display: block; | |
109 | - } | |
110 | - @media (max-width: $break-sm-max) { | |
111 | - display: none; | |
112 | - } | |
113 | - } | |
114 | - &.navbar-brand > img.normal-logo.logo-black { | |
115 | - @media (min-width: $break-sm-min) { | |
116 | - display: none; | |
117 | - } | |
118 | - @media (max-width: $break-sm-max) { | |
119 | - display: block; | |
120 | - } | |
121 | - } | |
122 | -} | |
123 | -#header-navbar { | |
124 | - background: #fff; | |
125 | - border: 0 none; | |
126 | - @include border-radius(0); | |
127 | - margin: 0; | |
128 | - min-height: 50px; | |
129 | - color: #262626; | |
130 | - box-shadow: 0px 1px 3px 0 rgba(0,0,0, 0.1); | |
131 | - position: relative; | |
132 | - z-index: 99; | |
133 | - | |
134 | - .navbar-form { | |
135 | - .form-group { | |
136 | - position: relative; | |
137 | - } | |
138 | - .form-control { | |
139 | - background: #131313; | |
140 | - color: #707070; | |
141 | - height: 30px; | |
142 | - line-height: 30px; | |
143 | - margin-top: 2px; | |
144 | - font-size: 0.75em; | |
145 | - } | |
146 | - .nav-search-icon { | |
147 | - position: absolute; | |
148 | - color: #707070; | |
149 | - right: 6px; | |
150 | - top: 8px; | |
151 | - } | |
152 | - } | |
153 | - .nav > li > a { | |
154 | - height: 50px; | |
155 | - } | |
156 | - .nav > li > a > span.count { | |
157 | - background: none repeat scroll 0 0 $red-color; | |
158 | - @include border-radius(50%); | |
159 | - color: #fff; | |
160 | - display: block; | |
161 | - font-size: 9px; | |
162 | - height: 14px; | |
163 | - line-height: 14px; | |
164 | - position: absolute; | |
165 | - right: 10px; | |
166 | - text-align: center; | |
167 | - top: 11px; | |
168 | - width: 14px; | |
169 | - } | |
170 | - .profile-dropdown > a { | |
171 | - padding-top: 8px; | |
172 | - padding-bottom: 7px; | |
173 | - line-height: 35px; | |
174 | - | |
175 | - > img { | |
176 | - @include border-radius(50%); | |
177 | - float: left; | |
178 | - height: 35px; | |
179 | - margin-right: 5px; | |
180 | - width: 35px; | |
181 | - border: 2px solid #fff; | |
182 | - } | |
183 | - > span { | |
184 | - float: left; | |
185 | - display: block; | |
186 | - margin-right: 3px; | |
187 | - font-size: em; | |
188 | - } | |
189 | - } | |
190 | -} | |
191 | -#header-nav .form-control { | |
192 | - @include border-radius(0); | |
193 | - border: 0; | |
194 | -} | |
195 | -#header-navbar .navbar-left .navbar-nav { | |
196 | - margin-left: 0; | |
197 | -} | |
198 | -#header-navbar .nav > li > a { | |
199 | - font-size: 0.875em; | |
200 | - padding-left: 18px; | |
201 | - padding-right: 18px; | |
202 | - color: #484848; | |
203 | - border: none; | |
204 | - @include border-radius(0); | |
205 | - cursor: pointer; | |
206 | -} | |
207 | -#header-navbar .nav > li > a > i, | |
208 | -#sidebar-nav .nav > li > a > i { | |
209 | - font-size: 1.125em; | |
210 | -} | |
211 | -#sidebar-nav .nav > li > a:focus, | |
212 | -#sidebar-nav .nav .open > a, | |
213 | -#sidebar-nav .nav .open > a:focus { | |
214 | - background: inherit; | |
215 | -} | |
216 | -#sidebar-nav .nav > li > a:hover, | |
217 | -#sidebar-nav .nav .open > a:hover { | |
218 | - background: darken(#2c3e50, 4%); | |
219 | - color: #fff; | |
220 | - outline: none; | |
221 | -} | |
222 | -#header-navbar .nav > li > a:hover, | |
223 | -#header-navbar .nav > li > a:focus, | |
224 | -#header-navbar .nav .open > a, | |
225 | -#header-navbar .nav .open > a:hover, | |
226 | -#header-navbar .nav .open > a:focus, | |
227 | -.navbar-toggle:hover, | |
228 | -.navbar-toggle:focus, | |
229 | -.mobile-search.active > .btn { | |
230 | - background: $primary-color; | |
231 | - color: #fff; | |
232 | -} | |
233 | -#header-navbar .nav > li > a:hover, | |
234 | -#header-navbar .nav > li > a:focus, | |
235 | -#header-navbar .nav .open > a, | |
236 | -#header-navbar .nav .open > a:hover, | |
237 | -#header-navbar .nav .open > a:focus { | |
238 | - background-color: $primary-color; | |
239 | -} | |
240 | -.nav-pills > li.active > a, | |
241 | -.nav-pills > li.active > a:hover, | |
242 | -.nav-pills > li.active > a:focus, | |
243 | -#sidebar-nav .nav-pills > li.active > a, | |
244 | -#sidebar-nav .nav-pills > li.active > a:hover, | |
245 | -#sidebar-nav .nav-pills > li.active > a:focus, | |
246 | -.nav-pills > li.open > a, | |
247 | -.nav-pills > li.open > a:hover, | |
248 | -.nav-pills > li.open > a:focus, | |
249 | -#sidebar-nav .nav-pills > li.open > a, | |
250 | -#sidebar-nav .nav-pills > li.open > a:hover, | |
251 | -#sidebar-nav .nav-pills > li.open > a:focus, | |
252 | -.nav-small #nav-col #sidebar-nav .nav-pills > li.open > a { | |
253 | - background-color: darken(#2c3e50, 4%); | |
254 | - color: #fff; | |
255 | - border-left-color: $primary-color; | |
256 | -} | |
257 | -#header-navbar .nav > li .caret { | |
258 | - border-top-color: #fff; | |
259 | - border-bottom-color: #fff; | |
260 | -} | |
261 | -#header-navbar .nav a:hover .caret { | |
262 | - border-top-color: #fff; | |
263 | - border-bottom-color: #fff; | |
264 | -} | |
265 | -.drowdown-search { | |
266 | - background: #FFFFFF; | |
267 | - display: block; | |
268 | - left: 168px; | |
269 | - padding: 4px 0; | |
270 | - position: absolute; | |
271 | - top: 0; | |
272 | - @include transition(left 0.25s ease-out 0s, right 0.25s ease-out 0s); | |
273 | - width: 0; | |
274 | - z-index: 1; | |
275 | - overflow: hidden; | |
276 | - | |
277 | - @media (max-width: $break-sm-max) { | |
278 | - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); | |
279 | - display: block; | |
280 | - left: 0; | |
281 | - padding: 10px 0; | |
282 | - top: 50px; | |
283 | - width: 100%; | |
284 | - display: none; | |
285 | - @include transition(none); | |
286 | - } | |
287 | - | |
288 | - form { | |
289 | - .form-group { | |
290 | - position: relative; | |
291 | - margin: 0 15px; | |
292 | - } | |
293 | - .form-control { | |
294 | - background: none repeat scroll 0 0 #FFFFFF; | |
295 | - box-shadow: none !important; | |
296 | - color: $text-color; | |
297 | - font-size: 1em; | |
298 | - font-weight: 400; | |
299 | - height: 42px; | |
300 | - line-height: 42px; | |
301 | - padding-left: 5px; | |
302 | - padding-right: 26px; | |
303 | - | |
304 | - @media (max-width: $break-sm-max) { | |
305 | - font-size: 1.6em; | |
306 | - font-weight: 600; | |
307 | - } | |
308 | - } | |
309 | - .nav-search-icon { | |
310 | - color: $text-color; | |
311 | - font-size: 1.2em; | |
312 | - position: absolute; | |
313 | - right: 5px; | |
314 | - top: 13px; | |
315 | - cursor: pointer; | |
316 | - | |
317 | - @media (max-width: $break-sm-max) { | |
318 | - font-size: 1.8em; | |
319 | - right: 15px; | |
320 | - top: 8px; | |
321 | - } | |
322 | - } | |
323 | - .form-control::-webkit-input-placeholder { /* WebKit browsers */ | |
324 | - color: $text-color; | |
325 | - } | |
326 | - .form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ | |
327 | - color: $text-color; | |
328 | - } | |
329 | - .form-control::-moz-placeholder { /* Mozilla Firefox 19+ */ | |
330 | - color: $text-color; | |
331 | - } | |
332 | - .form-control:-ms-input-placeholder { /* Internet Explorer 10+ */ | |
333 | - color: $text-color; | |
334 | - } | |
335 | - } | |
336 | -} | |
337 | -.mobile-search { | |
338 | - overflow: hidden; | |
339 | - | |
340 | - @media (max-width: $break-sm-max) { | |
341 | - position: inherit !important; | |
342 | - overflow: visible; | |
343 | - } | |
344 | - | |
345 | - > a.btn { | |
346 | - float: right; | |
347 | - } | |
348 | - &.active { | |
349 | - width: 220px; | |
350 | - | |
351 | - @media (max-width: $break-sm-max) { | |
352 | - width: auto; | |
353 | - } | |
354 | - | |
355 | - .drowdown-search { | |
356 | - width: 220px; | |
357 | - left: 0; | |
358 | - | |
359 | - @media (max-width: $break-sm-max) { | |
360 | - display: block; | |
361 | - width: 100%; | |
362 | - left: 0; | |
363 | - } | |
364 | - } | |
365 | - } | |
366 | -} | |
367 | - | |
368 | -.navbar-nav > li > .dropdown-menu.notifications-list { | |
369 | - min-width: 310px; | |
370 | - padding-bottom: 0; | |
371 | - padding-top: 0; | |
372 | - //margin-top: 8px; | |
373 | - color: #707070; | |
374 | - // margin-left: -258px; | |
375 | -} | |
376 | -.notifications-list { | |
377 | - .item-header { | |
378 | - font-size: 0.875em; | |
379 | - font-weight: bold; | |
380 | - line-height: 40px; | |
381 | - text-align: center; | |
382 | - } | |
383 | - .item { | |
384 | - border-top: 1px solid #f6f6f6; | |
385 | - line-height: 1.4; | |
386 | - padding-bottom: 0; | |
387 | - padding-top: 0; | |
388 | - clear: both; | |
389 | - | |
390 | - > a > i { | |
391 | - color: $red-color; | |
392 | - } | |
393 | - a { | |
394 | - clear: both; | |
395 | - white-space: normal; | |
396 | - padding-bottom: 8px; | |
397 | - padding-top: 8px; | |
398 | - | |
399 | - .content { | |
400 | - | |
401 | - } | |
402 | - .time { | |
403 | - color: $primary-color; | |
404 | - margin-left: 10px; | |
405 | - position: absolute; | |
406 | - right: 13px; | |
407 | - white-space: normal !important; | |
408 | - | |
409 | - i { | |
410 | - margin-right: 3px; | |
411 | - } | |
412 | - } | |
413 | - } | |
414 | - } | |
415 | - .item-footer { | |
416 | - background: $primary-color; | |
417 | - padding-bottom: 0; | |
418 | - padding-top: 0; | |
419 | - @include border-radius(0 0 $border-radius-base $border-radius-base); | |
420 | - | |
421 | - a { | |
422 | - padding: 8px 20px; | |
423 | - text-align: center; | |
424 | - @include transition(border-color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s); | |
425 | - color: #fff; | |
426 | - | |
427 | - &:hover, | |
428 | - &:focus { | |
429 | - background-color: $primary-color-dark; | |
430 | - color: #fff; | |
431 | - } | |
432 | - } | |
433 | - } | |
434 | - .pointer { | |
435 | - height: 12px; | |
436 | - margin: 0; | |
437 | - padding: 0; | |
438 | - position: absolute; | |
439 | - right: 21px; | |
440 | - top: -12px; | |
441 | - width: 12px; | |
442 | - display: none !important; | |
443 | - | |
444 | - .pointer-inner { | |
445 | - position: relative; | |
446 | - } | |
447 | - .arrow { | |
448 | - border-color: transparent transparent #FFFFFF; | |
449 | - border-style: solid; | |
450 | - border-width: 6px; | |
451 | - cursor: pointer; | |
452 | - left: auto; | |
453 | - position: absolute; | |
454 | - right: 0; | |
455 | - top: 0; | |
456 | - z-index: 1002; | |
457 | - } | |
458 | - .arrow-border { | |
459 | - border-color: transparent transparent rgba(0, 0, 0, 0.15); | |
460 | - border-style: solid; | |
461 | - border-width: 7px; | |
462 | - cursor: pointer; | |
463 | - left: -1px; | |
464 | - position: absolute; | |
465 | - top: -2px; | |
466 | - z-index: 1001; | |
467 | - } | |
468 | - } | |
469 | -} | |
470 | -.messages-list { | |
471 | - .item.first-item { | |
472 | - border-top: 0 !important; | |
473 | - } | |
474 | - .item > a { | |
475 | - padding-left: 20px; | |
476 | - padding-right: 20px; | |
477 | - padding-bottom: 25px; | |
478 | - @include transition(border-color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s); | |
479 | - | |
480 | - > img { | |
481 | - position: absolute; | |
482 | - margin-top: 10px; | |
483 | - } | |
484 | - > .content { | |
485 | - display: block; | |
486 | - padding-left: 50px; | |
487 | - padding-top: 5px; | |
488 | - | |
489 | - .content-headline { | |
490 | - color: #605F5F; | |
491 | - display: block; | |
492 | - font-weight: 600; | |
493 | - } | |
494 | - .content-text { | |
495 | - display: block; | |
496 | - line-height: 1.4; | |
497 | - } | |
498 | - } | |
499 | - } | |
500 | -} | |
501 | -#header-navbar .container { | |
502 | - @media (max-width: 400px) { | |
503 | - padding: 0; | |
504 | - } | |
505 | -} | |
506 | -.profile-dropdown .dropdown-toggle { | |
507 | - @media (max-width: 400px) { | |
508 | - padding-left: 5px !important; | |
509 | - padding-right: 5px !important; | |
510 | - } | |
511 | -} | |
512 | -#header-nav .nav { | |
513 | - @media (max-width: 400px) { | |
514 | - margin-left: 0; | |
515 | - } | |
516 | -} | |
517 | 0 | \ No newline at end of file |
public/designs/themes/cube-responsive/sass/imports/_layouts.scss
... | ... | @@ -1,273 +0,0 @@ |
1 | -html, body { | |
2 | - font-family: $font-stack; | |
3 | - -webkit-font-smoothing: antialiased; | |
4 | - | |
5 | - @media (max-width: $break-xxs-max) { | |
6 | - font-size: 12px; | |
7 | - } | |
8 | -} | |
9 | -body { | |
10 | - color: $text-color; | |
11 | - background: url("../../img/whitey.jpg") repeat scroll 0 0 #fff; | |
12 | - background-size: 220px 220px; | |
13 | -} | |
14 | -h1, h2, h3, h4, h5, h6 { | |
15 | - font-family: $heading-font-family; | |
16 | - font-weight: $font-hx-weight; | |
17 | -} | |
18 | -h1 { | |
19 | - clear: both; | |
20 | - color: $primary-color; | |
21 | - margin: 0 0 20px 0; | |
22 | - padding-left: 14px; | |
23 | - font-size: $font-size-h1; | |
24 | -} | |
25 | -h2 { | |
26 | - clear: both; | |
27 | - font-size: $font-size-h2; | |
28 | - margin-bottom: 10px; | |
29 | - padding: 10px 0 10px 30px; | |
30 | -} | |
31 | -h3 { | |
32 | - border-bottom: 2px solid $gray-color-light; | |
33 | - padding-left: 5px; | |
34 | - margin-bottom: 15px; | |
35 | - margin-top: 30px; | |
36 | - font-size: $font-size-h3; | |
37 | - | |
38 | - > span { | |
39 | - border-bottom: 2px solid $gray-color-light; | |
40 | - display: inline-block; | |
41 | - padding: 0 5px 5px; | |
42 | - } | |
43 | -} | |
44 | -h4 { | |
45 | - font-size: $font-size-h4; | |
46 | -} | |
47 | -h5 { | |
48 | - font-size: $font-size-h5; | |
49 | -} | |
50 | -h6 { | |
51 | - font-size: $font-size-h6; | |
52 | -} | |
53 | - | |
54 | -a { | |
55 | - color: $link-color; | |
56 | - outline: none !important; | |
57 | - | |
58 | - &:hover, | |
59 | - &:focus { | |
60 | - color: $link-color-hover; | |
61 | - } | |
62 | -} | |
63 | -.container { | |
64 | - padding-left: 8px; | |
65 | - padding-right: 8px; | |
66 | - | |
67 | - @media (max-width: $break-xs-max) { | |
68 | - padding-left: 5px; | |
69 | - padding-right: 5px; | |
70 | - } | |
71 | -} | |
72 | -.row { | |
73 | - margin-left: -8px; | |
74 | - margin-right: -8px; | |
75 | - | |
76 | - @media (max-width: $break-xs-max) { | |
77 | - margin-left: -5px; | |
78 | - margin-right: -5px; | |
79 | - } | |
80 | -} | |
81 | -.col-xs-1, | |
82 | -.col-sm-1, | |
83 | -.col-md-1, | |
84 | -.col-lg-1, | |
85 | -.col-xs-2, | |
86 | -.col-sm-2, | |
87 | -.col-md-2, | |
88 | -.col-lg-2, | |
89 | -.col-xs-3, | |
90 | -.col-sm-3, | |
91 | -.col-md-3, | |
92 | -.col-lg-3, | |
93 | -.col-xs-4, | |
94 | -.col-sm-4, | |
95 | -.col-md-4, | |
96 | -.col-lg-4, | |
97 | -.col-xs-5, | |
98 | -.col-sm-5, | |
99 | -.col-md-5, | |
100 | -.col-lg-5, | |
101 | -.col-xs-6, | |
102 | -.col-sm-6, | |
103 | -.col-md-6, | |
104 | -.col-lg-6, | |
105 | -.col-xs-7, | |
106 | -.col-sm-7, | |
107 | -.col-md-7, | |
108 | -.col-lg-7, | |
109 | -.col-xs-8, | |
110 | -.col-sm-8, | |
111 | -.col-md-8, | |
112 | -.col-lg-8, | |
113 | -.col-xs-9, | |
114 | -.col-sm-9, | |
115 | -.col-md-9, | |
116 | -.col-lg-9, | |
117 | -.col-xs-10, | |
118 | -.col-sm-10, | |
119 | -.col-md-10, | |
120 | -.col-lg-10, | |
121 | -.col-xs-11, | |
122 | -.col-sm-11, | |
123 | -.col-md-11, | |
124 | -.col-lg-11, | |
125 | -.col-xs-12, | |
126 | -.col-sm-12, | |
127 | -.col-md-12, | |
128 | -.col-lg-12 { | |
129 | - padding-left: 8px; | |
130 | - padding-right: 8px; | |
131 | - | |
132 | - @media (max-width: $break-xs-max) { | |
133 | - padding-left: 5px; | |
134 | - padding-right: 5px; | |
135 | - } | |
136 | -} | |
137 | - | |
138 | -/* new xxs layout for extra small devices */ | |
139 | -@media (max-width: $break-xxs-max) { | |
140 | - h1 { | |
141 | - padding-left: 5px; | |
142 | - font-size: 1.8em; | |
143 | - } | |
144 | - h2 { | |
145 | - font-size: 1.5em; | |
146 | - } | |
147 | - .hidden-xxs { | |
148 | - display: none !important; | |
149 | - } | |
150 | - tr.hidden-xxs { | |
151 | - display: table-row !important; | |
152 | - } | |
153 | - | |
154 | - th.hidden-xxs, | |
155 | - td.hidden-xxs { | |
156 | - display: table-cell !important; | |
157 | - } | |
158 | - | |
159 | - .visible-xxs { | |
160 | - display: block !important; | |
161 | - } | |
162 | - tr.visible-xxs { | |
163 | - display: none !important; | |
164 | - } | |
165 | - | |
166 | - th.visible-xxs, | |
167 | - td.visible-xxs { | |
168 | - display: none !important; | |
169 | - } | |
170 | - .breadcrumb { | |
171 | - padding-left: 6px; | |
172 | - } | |
173 | -} | |
174 | - | |
175 | -#theme-wrapper { | |
176 | - box-shadow: 0 0 53px 0 rgba(0, 0, 0, 0.55); | |
177 | - max-width: $container-max-width; | |
178 | -} | |
179 | -#page-wrapper { | |
180 | - background-color: #2c3e50; | |
181 | -} | |
182 | -.container { | |
183 | - margin: 0; | |
184 | - max-width: $container-max-width; | |
185 | - width: 100%; | |
186 | -} | |
187 | - | |
188 | -#content-wrapper { | |
189 | - background: $main-bg-color; | |
190 | - height: 100%; | |
191 | - margin-top: 0; | |
192 | - margin-bottom: 0; | |
193 | - position: relative; | |
194 | - min-height: 1200px; | |
195 | - padding: 15px 15px 35px 15px; | |
196 | - margin-left: 220px; | |
197 | - | |
198 | - @media (max-width: $break-sm-max) { | |
199 | - margin-left: 0; | |
200 | - border-left: 0 !important; | |
201 | - border-right: 0 !important; | |
202 | - } | |
203 | - @media (max-width: $break-xs-max) { | |
204 | - padding: 10px 8px 0 8px; | |
205 | - } | |
206 | - @media (max-width: $break-xxs-max) { | |
207 | - padding: 5px 5px 0 5px; | |
208 | - } | |
209 | - | |
210 | - > .row { | |
211 | - @include opacity(1); | |
212 | - /*transition: opacity 0.8s ease-in-out 0s;*/ | |
213 | - } | |
214 | -} | |
215 | -#content-header { | |
216 | - background: lighten($main-bg-color, 4%); | |
217 | - margin: -15px -15px 20px -15px; | |
218 | - padding: 15px; | |
219 | - border-bottom: 1px solid darken($main-bg-color, 3%); | |
220 | - | |
221 | - @media (max-width: $break-xs-max) { | |
222 | - margin: -15px -5px 20px -5px; | |
223 | - } | |
224 | -} | |
225 | -#content-header h1 { | |
226 | - margin-bottom: 0; | |
227 | - font-size: 1.8em; | |
228 | -} | |
229 | -.main-box { | |
230 | - background: #FFFFFF; | |
231 | - box-shadow: 0px 1px 1px rgba(0,0,0,0.1); | |
232 | - margin-bottom: 16px; | |
233 | - /* overflow: hidden; */ | |
234 | - @include border-radius($border-radius-base); | |
235 | - | |
236 | - @media (max-width: $break-xs-max) { | |
237 | - margin-bottom: 10px; | |
238 | - } | |
239 | - | |
240 | - h2 { | |
241 | - font-size: 1.3em; | |
242 | - line-height: 29px; | |
243 | - margin: 0; | |
244 | - padding: 0; | |
245 | - | |
246 | - @media (max-width: $break-xxs-max) { | |
247 | - margin-bottom: 5px; | |
248 | - } | |
249 | - } | |
250 | - &.no-header { | |
251 | - padding-top: 20px; | |
252 | - } | |
253 | - .main-box-header { | |
254 | - min-height: 50px; | |
255 | - padding: 10px 20px; | |
256 | - | |
257 | - &.with-border { | |
258 | - border-bottom: 1px solid #ecf0f1; | |
259 | - } | |
260 | - } | |
261 | - .main-box-body { | |
262 | - padding: 0 20px 20px 20px; | |
263 | - } | |
264 | -} | |
265 | - | |
266 | -h1 small, | |
267 | -h2 small, | |
268 | -h3 small, | |
269 | -h1 .small, | |
270 | -h2 .small, | |
271 | -h3 .small { | |
272 | - padding-left: 8px; | |
273 | -} | |
274 | 0 | \ No newline at end of file |
public/designs/themes/cube-responsive/sass/imports/_mixins.scss
... | ... | @@ -1,63 +0,0 @@ |
1 | -// MIXINS | |
2 | -@mixin border-radius($radius) { | |
3 | - border-radius: $radius; | |
4 | - background-clip: padding-box; /* stops bg color from leaking outside the border: */ | |
5 | -} | |
6 | - | |
7 | -@mixin box-sizing($box-model) { | |
8 | - box-sizing: $box-model; | |
9 | -} | |
10 | - | |
11 | -@mixin abs-pos ($top: auto, $right: auto, $bottom: auto, $left: auto) { | |
12 | - top: $top; | |
13 | - right: $right; | |
14 | - bottom: $bottom; | |
15 | - left: $left; | |
16 | - position: absolute; | |
17 | -} | |
18 | - | |
19 | -@mixin font-size($size: 12, $base: 16) { | |
20 | - font-size: $size + px; | |
21 | - font-size: ($size / $base) * 1rem; | |
22 | -} | |
23 | - | |
24 | -@mixin keyframes($animation-name) { | |
25 | - @-webkit-keyframes #{$animation-name} { | |
26 | - @content; | |
27 | - } | |
28 | - @-moz-keyframes #{$animation-name} { | |
29 | - @content; | |
30 | - } | |
31 | - @-ms-keyframes #{$animation-name} { | |
32 | - @content; | |
33 | - } | |
34 | - @-o-keyframes #{$animation-name} { | |
35 | - @content; | |
36 | - } | |
37 | - @keyframes #{$animation-name} { | |
38 | - @content; | |
39 | - } | |
40 | -} | |
41 | - | |
42 | -@mixin animation($str) { | |
43 | - -webkit-animation: #{$str}; | |
44 | - -moz-animation: #{$str}; | |
45 | - -ms-animation: #{$str}; | |
46 | - -o-animation: #{$str}; | |
47 | - animation: #{$str}; | |
48 | -} | |
49 | - | |
50 | -@mixin transition($args...) { | |
51 | - transition: $args; | |
52 | -} | |
53 | - | |
54 | -@mixin opacity($opacity) { | |
55 | - opacity: $opacity; | |
56 | -} | |
57 | - | |
58 | -// PLACEHOLDERS | |
59 | -%text-truncate { | |
60 | - overflow: hidden; | |
61 | - text-overflow: ellipsis; | |
62 | - white-space: nowrap; | |
63 | -} | |
64 | 0 | \ No newline at end of file |
public/designs/themes/cube-responsive/sass/imports/_sidebar.scss
... | ... | @@ -1,274 +0,0 @@ |
1 | -#col-left { | |
2 | - position: relative; | |
3 | - color: #003940; | |
4 | - height: 100%; | |
5 | - | |
6 | - a { | |
7 | - color: #e1e1e1; | |
8 | - } | |
9 | - a:hover, | |
10 | - .nav-active a.nav-link, | |
11 | - a.active { | |
12 | - color: #fff; | |
13 | - } | |
14 | - * { | |
15 | - outline: none; | |
16 | - } | |
17 | -} | |
18 | -#nav-col { | |
19 | - padding: 0; | |
20 | - z-index: 100; | |
21 | - position: absolute; | |
22 | - background: #2c3e50; | |
23 | - width: 220px; | |
24 | - | |
25 | - @media (max-width: $break-sm-max) { | |
26 | - position: relative; | |
27 | - width: auto; | |
28 | - } | |
29 | -} | |
30 | -#sidebar-nav { | |
31 | - max-height: 100%; | |
32 | - padding-left: 0; | |
33 | - padding-right: 0; | |
34 | - | |
35 | - .nav { | |
36 | - > li { | |
37 | - margin: 0; | |
38 | - /* font-size: 0.875em; | |
39 | - font-weight: 600; */ | |
40 | - | |
41 | - &.nav-header { | |
42 | - color: lighten(#2c3e50, 40%); | |
43 | - font-size: 0.8em; | |
44 | - padding: 12px 15px 6px 14px; | |
45 | - border-top: 2px solid darken(#2c3e50, 4%); | |
46 | - | |
47 | - &.nav-header-first { | |
48 | - padding-top: 4px; | |
49 | - border-top: 0; | |
50 | - } | |
51 | - } | |
52 | - | |
53 | - > a { | |
54 | - color: #fff; | |
55 | - height: 44px; | |
56 | - line-height: 28px; | |
57 | - @include transition(border-color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s, box-shadow 0.1s ease-in-out 0s); | |
58 | - overflow: hidden; | |
59 | - padding: 8px 15px 8px 20px; | |
60 | - border-left: 0 solid transparent; | |
61 | - | |
62 | - &:hover { | |
63 | - border-left-color: $primary-color; | |
64 | - } | |
65 | - > i { | |
66 | - position: absolute; | |
67 | - margin-top: 6px; | |
68 | - } | |
69 | - > span { | |
70 | - margin-left: 35px; | |
71 | - font-size: 0.875em; | |
72 | - font-weight: 700; | |
73 | - | |
74 | - &.label { | |
75 | - font-size: 0.75em; | |
76 | - margin: 5px 0 0 0; | |
77 | - padding: 4px 0.6em; | |
78 | - } | |
79 | - &.label.label-circle { | |
80 | - margin-right: 5px; | |
81 | - } | |
82 | - } | |
83 | - } | |
84 | - &.open > a { | |
85 | - border-bottom-color: #252525; | |
86 | - outline: none; | |
87 | - text-decoration: none; | |
88 | - } | |
89 | - &.active > .submenu > li.active > .submenu { | |
90 | - display: block; | |
91 | - } | |
92 | - } | |
93 | - li { | |
94 | - @import "sidebar/submenu"; | |
95 | - | |
96 | - &.active > .submenu { | |
97 | - display: block; | |
98 | - } | |
99 | - } | |
100 | - > .open, | |
101 | - > .active { | |
102 | - @import "sidebar/open_active"; | |
103 | - } | |
104 | - } | |
105 | -} | |
106 | -.navbar-nav .open .dropdown-menu { | |
107 | - background-color: #FFFFFF; | |
108 | - border: none; | |
109 | - box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); | |
110 | - // left: 0; | |
111 | - position: absolute; | |
112 | -} | |
113 | -#user-left-box { | |
114 | - padding: 20px 15px 20px 25px; | |
115 | - | |
116 | - img { | |
117 | - @include border-radius(18%); | |
118 | - border: 3px solid #fff; | |
119 | - float: left; | |
120 | - width: 70px; | |
121 | - } | |
122 | - .user-box { | |
123 | - color: #fff; | |
124 | - float: left; | |
125 | - padding-left: 15px; | |
126 | - padding-top: 18px; | |
127 | - | |
128 | - > .name { | |
129 | - display: block; | |
130 | - font-size: 1em; | |
131 | - font-weight: 600; | |
132 | - line-height: 1.2; | |
133 | - | |
134 | - > a { | |
135 | - color: #fff; | |
136 | - | |
137 | - &:hover, | |
138 | - &:focus { | |
139 | - color: #E1E1E1; | |
140 | - text-decoration: none; | |
141 | - } | |
142 | - } | |
143 | - } | |
144 | - > .status { | |
145 | - display: block; | |
146 | - font-size: 0.75em; | |
147 | - padding-top: 3px; | |
148 | - } | |
149 | - > .status > i { | |
150 | - color: $green-color; | |
151 | - margin-right: 4px; | |
152 | - } | |
153 | - } | |
154 | - &.dropdown { | |
155 | - .dropdown-menu { | |
156 | - top: 55px; | |
157 | - left: 30px; | |
158 | - | |
159 | - a { | |
160 | - color: #707070; | |
161 | - font-size: 0.875em; | |
162 | - | |
163 | - &:hover { | |
164 | - background-color: #f6f6f6; | |
165 | - color: #707070; | |
166 | - } | |
167 | - } | |
168 | - } | |
169 | - } | |
170 | -} | |
171 | -@media (min-width: $break-sm-min) { | |
172 | - .nav-small { | |
173 | - #nav-col { | |
174 | - width: 64px; | |
175 | - } | |
176 | - #content-wrapper { | |
177 | - margin-left: 64px; | |
178 | - } | |
179 | - #nav-col { | |
180 | - #user-left-box { | |
181 | - display: none; | |
182 | - } | |
183 | - #sidebar-nav { | |
184 | - .nav > li > a { | |
185 | - padding-left: 15px !important; | |
186 | - padding-right: 15px; | |
187 | - text-align: center; | |
188 | - | |
189 | - > i { | |
190 | - position: relative; | |
191 | - font-size: 1.25em; | |
192 | - } | |
193 | - > span { | |
194 | - display: none; | |
195 | - } | |
196 | - } | |
197 | - .nav > li.nav-header { | |
198 | - display: none; | |
199 | - } | |
200 | - .nav li > a.dropdown-toggle > .drop-icon { | |
201 | - display: none; | |
202 | - } | |
203 | - .nav .submenu > li > a.dropdown-toggle > .drop-icon { | |
204 | - display: block; | |
205 | - } | |
206 | - .nav li .submenu { | |
207 | - left: 64px; | |
208 | - position: absolute; | |
209 | - top: 0; | |
210 | - width: 210px; | |
211 | - | |
212 | - > li > a { | |
213 | - padding-left: 28px; | |
214 | - } | |
215 | - } | |
216 | - .nav > .open > .submenu > li > .submenu, | |
217 | - .nav > .active > .submenu > li > .submenu { | |
218 | - left: auto; | |
219 | - position: relative; | |
220 | - top: auto; | |
221 | - width: 100%; | |
222 | - | |
223 | - a { | |
224 | - padding-left: 48px | |
225 | - } | |
226 | - } | |
227 | - } | |
228 | - } | |
229 | - #sidebar-nav .nav li.active > .submenu { | |
230 | - display: none; | |
231 | - } | |
232 | - #nav-col-submenu { | |
233 | - @import "sidebar/submenu"; | |
234 | - @import "sidebar/open_active"; | |
235 | - | |
236 | - .submenu { | |
237 | - position: absolute; | |
238 | - top: 60px; | |
239 | - left: 64px; | |
240 | - width: 210px; | |
241 | - | |
242 | - > li > a { | |
243 | - padding-left: 28px; | |
244 | - | |
245 | - &.dropdown-toggle > .drop-icon { | |
246 | - display: block; | |
247 | - } | |
248 | - } | |
249 | - } | |
250 | - > .submenu { | |
251 | - display: block !important; | |
252 | - } | |
253 | - .submenu > li > .submenu, | |
254 | - .submenu > li > .submenu { | |
255 | - left: auto; | |
256 | - position: relative; | |
257 | - top: auto; | |
258 | - width: 100%; | |
259 | - | |
260 | - a { | |
261 | - padding-left: 48px | |
262 | - } | |
263 | - } | |
264 | - } | |
265 | - } | |
266 | -} | |
267 | -@media (max-width: $break-sm-max) { | |
268 | - .navbar-toggle { | |
269 | - display: block; | |
270 | - } | |
271 | - #sidebar-nav.navbar-collapse { | |
272 | - max-height: 336px; | |
273 | - } | |
274 | -} | |
275 | 0 | \ No newline at end of file |
public/designs/themes/cube-responsive/sass/imports/_skins.scss
public/designs/themes/cube-responsive/sass/imports/_variables.scss
... | ... | @@ -1,89 +0,0 @@ |
1 | -//BASICS | |
2 | - | |
3 | -//primary colors | |
4 | -$primary-color: #03a9f4; | |
5 | -$primary-color-dark: #0288d1; | |
6 | - | |
7 | -$red-color: #e84e40; | |
8 | -$red-color-dark: #dd191d; | |
9 | - | |
10 | -$yellow-color: #ffc107; | |
11 | -$yellow-color-dark: #ffa000; | |
12 | - | |
13 | -$green-color: #8bc34a; | |
14 | -$green-color-dark: #689f38; | |
15 | - | |
16 | -$purple-color: #9c27b0; | |
17 | -$purple-color-dark: #7b1fa2; | |
18 | - | |
19 | -$gray-color: #90a4ae; | |
20 | -$gray-color-dark: #607d8b; | |
21 | -$gray-color-light: #b0bec5; | |
22 | - | |
23 | -$cyan-color: #00bcd4; | |
24 | -$cyan-color-dark: #0097a7; | |
25 | - | |
26 | -$teal-color: #009688; | |
27 | -$teal-color-dark: #00796b; | |
28 | - | |
29 | -//global text color | |
30 | -$text-color: #212121; | |
31 | - | |
32 | -//global bg color | |
33 | -$main-bg-color: #e7ebee; | |
34 | - | |
35 | -//global link color | |
36 | -$link-color: $primary-color; | |
37 | -$link-color-hover: $primary-color; | |
38 | - | |
39 | -$default-bg-hover-color: #f8f8f8; | |
40 | - | |
41 | - | |
42 | -//TYPOGRAPHY | |
43 | - | |
44 | -//font families | |
45 | -$font-stack: 'Open Sans', sans-serif; | |
46 | - | |
47 | -//headings typo | |
48 | -$font-size-h1: 2em; | |
49 | -$font-size-h2: 1.8em; | |
50 | -$font-size-h3: 1.4em; | |
51 | -$font-size-h4: 1.2em; | |
52 | -$font-size-h5: 1em; | |
53 | -$font-size-h6: 0.875em; | |
54 | - | |
55 | -$font-hx-weight: 300; | |
56 | - | |
57 | -$line-height-base: 1.428571429 !default; | |
58 | - | |
59 | -$heading-font-family: $font-stack; | |
60 | - | |
61 | - | |
62 | -//GRID - media queries breakpoints | |
63 | -$break-xxs-min: 420px; | |
64 | -$break-xs-min: 768px; | |
65 | -$break-sm-min: 992px; | |
66 | -$break-md-min: 1200px; | |
67 | - | |
68 | -$break-xxs-max: ($break-xxs-min - 1); | |
69 | -$break-xs-max: ($break-xs-min - 1); | |
70 | -$break-sm-max: ($break-sm-min - 1); | |
71 | -$break-md-max: ($break-md-min - 1); | |
72 | - | |
73 | -$container-max-width: 1920px; | |
74 | - | |
75 | - | |
76 | -//BOXED LAYOUT | |
77 | -$boxed-layout-max-width: 1200px; | |
78 | - | |
79 | -$boxed-layout-breakdown2: 1260px; | |
80 | -$boxed-layout-max-width2: 1140px; | |
81 | - | |
82 | -$boxed-layout-breakdown3: $break-md-max; | |
83 | -$boxed-layout-max-width3: 1024px; | |
84 | - | |
85 | - | |
86 | -//OTHER | |
87 | -$border-radius-base: 3px !default; | |
88 | -$border-radius-large: 6px !default; | |
89 | -$border-radius-small: 2px !default; |
public/designs/themes/cube-responsive/sass/imports/sidebar/_open_active.scss
... | ... | @@ -1,46 +0,0 @@ |
1 | -.submenu { | |
2 | - .submenu { | |
3 | - display: none; | |
4 | - } | |
5 | - > .open > a, | |
6 | - > .active > a { | |
7 | - background: inherit; | |
8 | - border-bottom-color: darken(#2c3e50, 7%); | |
9 | - box-shadow: 0 -1px 0 darken(#2c3e50, 7%) inset; | |
10 | - } | |
11 | - > li { | |
12 | - a { | |
13 | - position: relative; | |
14 | - } | |
15 | - > a.dropdown-toggle > .drop-icon { | |
16 | - font-size: 10px; | |
17 | - margin-top: -5px; | |
18 | - } | |
19 | - > .submenu { | |
20 | - background-color: darken(#2c3e50, 7%); | |
21 | - | |
22 | - > li a:hover, | |
23 | - > li a.active { | |
24 | - /* background-color: #232323; */ | |
25 | - color: $primary-color; | |
26 | - } | |
27 | - a { | |
28 | - border-bottom: 0 none; | |
29 | - border-top: 0 none; | |
30 | - padding-left: 85px; | |
31 | - | |
32 | - &:before{ | |
33 | - content: "\f111"; | |
34 | - display: inline; | |
35 | - font-family: FontAwesome; | |
36 | - font-size: 4px; | |
37 | - font-style: normal; | |
38 | - font-weight: normal; | |
39 | - margin-left: -10px; | |
40 | - margin-top: 1px; | |
41 | - position: absolute; | |
42 | - } | |
43 | - } | |
44 | - } | |
45 | - } | |
46 | -} | |
47 | 0 | \ No newline at end of file |
public/designs/themes/cube-responsive/sass/imports/sidebar/_submenu.scss
... | ... | @@ -1,49 +0,0 @@ |
1 | -a.dropdown-toggle > .drop-icon { | |
2 | - color: #868b98; | |
3 | - font-size: 12px; | |
4 | - margin-top: -6px; | |
5 | - position: absolute; | |
6 | - right: 25px; | |
7 | - top: 50%; | |
8 | - @include transition(transform 0.2s ease-in-out 0.1s); | |
9 | -} | |
10 | -&.open > a.dropdown-toggle > .drop-icon, | |
11 | -&.active > a.dropdown-toggle > .drop-icon { | |
12 | - color: #fff; | |
13 | - transform:rotate(90deg); | |
14 | -} | |
15 | - | |
16 | -.submenu { | |
17 | - display: none; | |
18 | - background: darken(#2c3e50, 4%); | |
19 | - padding: 5px 0; | |
20 | - margin: 0; | |
21 | - list-style: none; | |
22 | - | |
23 | - > li { | |
24 | - position: relative; | |
25 | - | |
26 | - > a { | |
27 | - display: block; | |
28 | - font-size: 0.875em; | |
29 | - line-height: 38px; | |
30 | - padding-left: 66px; | |
31 | - color: #fff; | |
32 | - outline: none; | |
33 | - text-decoration: none; | |
34 | - @include transition(border-color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s, box-shadow 0.1s ease-in-out 0s); | |
35 | - } | |
36 | - &:first-of-type > a { | |
37 | - border-top: 0; | |
38 | - } | |
39 | - > a:hover, | |
40 | - > a.active, | |
41 | - &.active > a, | |
42 | - &.open > a { | |
43 | - text-decoration: none; | |
44 | - color: #fff; | |
45 | - background-color: darken(#2c3e50, 7%); | |
46 | - /* box-shadow: 0 -1px 0 0 #8bf2e6 inset; */ | |
47 | - } | |
48 | - } | |
49 | -} | |
50 | 0 | \ No newline at end of file |
public/designs/themes/cube-responsive/sass/imports/skins/_blue.scss
... | ... | @@ -1,102 +0,0 @@ |
1 | -$blue-nav-color: #4c5763; | |
2 | - | |
3 | -.theme-blue { | |
4 | - #header-navbar { | |
5 | - background-color: $primary-color; | |
6 | - } | |
7 | - .navbar > .container .navbar-brand { | |
8 | - background-color: $primary-color; | |
9 | - } | |
10 | - #nav-col, | |
11 | - #page-wrapper { | |
12 | - background-color: $blue-nav-color; | |
13 | - } | |
14 | - #sidebar-nav .nav > .open > .submenu > li > .submenu, | |
15 | - #sidebar-nav .nav > .active > .submenu > li > .submenu, | |
16 | - #sidebar-nav .nav li .submenu > li.open a, | |
17 | - #nav-col-submenu .submenu > li > .submenu, | |
18 | - #nav-col-submenu li .submenu > li.open > a { | |
19 | - background-color: darken($blue-nav-color, 10%); | |
20 | - } | |
21 | - #sidebar-nav .nav > .open > .submenu > .open > a, | |
22 | - #sidebar-nav .nav > .active > .submenu > .open > a, | |
23 | - #sidebar-nav .nav > .active > .submenu > .active > a, | |
24 | - #nav-col-submenu > .submenu > .open > a, | |
25 | - #nav-col-submenu > .submenu > .active > a { | |
26 | - border-bottom-color: transparent; | |
27 | - box-shadow: 0 -1px 0 transparent inset; | |
28 | - } | |
29 | - #sidebar-nav .nav > .open > .submenu > li > .submenu > li a:hover, | |
30 | - #sidebar-nav .nav > .active > .submenu > li > .submenu > li a:hover, | |
31 | - #sidebar-nav .nav > .active > .submenu > li > .submenu > li a.active { | |
32 | - color: $primary-color; | |
33 | - } | |
34 | - .nav-pills > li.active > a, | |
35 | - .nav-pills > li.active > a:hover, | |
36 | - .nav-pills > li.active > a:focus, | |
37 | - #sidebar-nav .nav-pills > li.active > a, | |
38 | - #sidebar-nav .nav-pills > li.active > a:hover, | |
39 | - #sidebar-nav .nav-pills > li.active > a:focus, | |
40 | - .nav-pills > li.open > a, | |
41 | - .nav-pills > li.open > a:hover, | |
42 | - .nav-pills > li.open > a:focus, | |
43 | - #sidebar-nav .nav-pills > li.open > a, | |
44 | - #sidebar-nav .nav-pills > li.open > a:hover, | |
45 | - #sidebar-nav .nav-pills > li.open > a:focus, | |
46 | - .nav-small #nav-col #sidebar-nav .nav-pills > li.open > a, | |
47 | - .nav-small #nav-col-submenu .submenu > .open > a, | |
48 | - .nav-small #nav-col-submenu .submenu > .active > a, | |
49 | - .nav-small #nav-col-submenu .submenu > li > a:hover { | |
50 | - background-color: darken($blue-nav-color, 5%); | |
51 | - } | |
52 | - #sidebar-nav .nav > li > a:hover { | |
53 | - background-color: darken($blue-nav-color, 5%); | |
54 | - } | |
55 | - #header-navbar .nav > li > a { | |
56 | - color: #fff; | |
57 | - } | |
58 | - #header-navbar .nav > li > a:hover, | |
59 | - #header-navbar .nav > li > a:focus, | |
60 | - #header-navbar .nav .open > a, | |
61 | - #header-navbar .nav .open > a:hover, | |
62 | - #header-navbar .nav .open > a:focus { | |
63 | - background-color: #2980b9; | |
64 | - } | |
65 | - #sidebar-nav .nav li .submenu, | |
66 | - #nav-col-submenu .submenu { | |
67 | - background-color: darken($blue-nav-color, 5%); | |
68 | - } | |
69 | - #sidebar-nav .nav li .submenu > li > a:hover, | |
70 | - #sidebar-nav .nav li .submenu > li > a.active, | |
71 | - #sidebar-nav .nav li .submenu > li.active > a, | |
72 | - .nav-small #nav-col-submenu .submenu > .open > a, | |
73 | - .nav-small #nav-col-submenu .submenu > .active > a, | |
74 | - .nav-small #nav-col-submenu .submenu > li > a:hover, | |
75 | - .nav-small #nav-col-submenu .submenu > li > a.active, | |
76 | - .nav-small #nav-col-submenu .submenu > li.active > a { | |
77 | - background-color: darken($blue-nav-color, 10%); | |
78 | - } | |
79 | - #sidebar-nav .nav > li.nav-header { | |
80 | - border-top-color: darken($blue-nav-color, 5%); | |
81 | - color: lighten($blue-nav-color, 30%); | |
82 | - } | |
83 | - .navbar > .container .navbar-brand { | |
84 | - color: #fff; | |
85 | - } | |
86 | - .navbar-toggle { | |
87 | - color: #fff; | |
88 | - } | |
89 | - .pace .pace-progress { | |
90 | - background-color: #fff; | |
91 | - } | |
92 | -} | |
93 | -@media (max-width: $break-sm-max) { | |
94 | - .theme-blue { | |
95 | - #logo.navbar-brand > img.normal-logo.logo-white { | |
96 | - display: block; | |
97 | - } | |
98 | - #logo.navbar-brand > img.normal-logo.logo-black { | |
99 | - display: none; | |
100 | - } | |
101 | - } | |
102 | -} | |
103 | 0 | \ No newline at end of file |
public/designs/themes/cube-responsive/sass/imports/skins/_blue_gradient.scss
... | ... | @@ -1,109 +0,0 @@ |
1 | -.theme-blue-gradient #header-navbar, | |
2 | -#config-tool #skin-colors li a.skin-changer.blue-gradient { | |
3 | - background: $primary-color; /* Old browsers */ | |
4 | - background: -moz-linear-gradient(top, $primary-color 0%, #2980b9 100%); /* FF3.6+ */ | |
5 | - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,$primary-color), color-stop(100%,#2980b9)); /* Chrome,Safari4+ */ | |
6 | - background: -webkit-linear-gradient(top, $primary-color 0%,#2980b9 100%); /* Chrome10+,Safari5.1+ */ | |
7 | - background: -o-linear-gradient(top, $primary-color 0%,#2980b9 100%); /* Opera 11.10+ */ | |
8 | - background: -ms-linear-gradient(top, $primary-color 0%,#2980b9 100%); /* IE10+ */ | |
9 | - background: linear-gradient(to bottom, $primary-color 0%,#2980b9 100%); /* W3C */ | |
10 | - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$primary-color', endColorstr='#2980b9',GradientType=0 ); /* IE6-9 */ | |
11 | -} | |
12 | -.theme-blue-gradient { | |
13 | - .navbar > .container .navbar-brand { | |
14 | - background: transparent; | |
15 | - } | |
16 | - #header-navbar .nav > li > a { | |
17 | - color: #fff; | |
18 | - } | |
19 | - #header-navbar .nav > li > a:hover, | |
20 | - #header-navbar .nav > li > a:focus, | |
21 | - #header-navbar .nav .open > a, | |
22 | - #header-navbar .nav .open > a:hover, | |
23 | - #header-navbar .nav .open > a:focus { | |
24 | - background-color: #005486; | |
25 | - } | |
26 | - .navbar > .container .navbar-brand { | |
27 | - color: #fff; | |
28 | - } | |
29 | - .navbar-toggle { | |
30 | - color: #fff; | |
31 | - } | |
32 | - .red-bg { | |
33 | - background: $red-color !important; /* Old browsers */ | |
34 | - background: -moz-linear-gradient(top, $red-color 0%, $red-color-dark 100%) !important; /* FF3.6+ */ | |
35 | - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,$red-color), color-stop(100%,$red-color-dark)) !important; /* Chrome,Safari4+ */ | |
36 | - background: -webkit-linear-gradient(top, $red-color 0%,$red-color-dark 100%) !important; /* Chrome10+,Safari5.1+ */ | |
37 | - background: -o-linear-gradient(top, $red-color 0%,$red-color-dark 100%) !important; /* Opera 11.10+ */ | |
38 | - background: -ms-linear-gradient(top, $red-color 0%,$red-color-dark 100%) !important; /* IE10+ */ | |
39 | - background: linear-gradient(to bottom, $red-color 0%,$red-color-dark 100%) !important; /* W3C */ | |
40 | - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$red-color', endColorstr='$red-color-dark',GradientType=0 ) !important; /* IE6-9 */ | |
41 | - } | |
42 | - .emerald-bg { | |
43 | - background: $primary-color !important; /* Old browsers */ | |
44 | - background: -moz-linear-gradient(top, $primary-color 0%, #2980b9 100%) !important; /* FF3.6+ */ | |
45 | - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,$primary-color), color-stop(100%,#2980b9)) !important; /* Chrome,Safari4+ */ | |
46 | - background: -webkit-linear-gradient(top, $primary-color 0%,#2980b9 100%) !important; /* Chrome10+,Safari5.1+ */ | |
47 | - background: -o-linear-gradient(top, $primary-color 0%,#2980b9 100%) !important; /* Opera 11.10+ */ | |
48 | - background: -ms-linear-gradient(top, $primary-color 0%,#2980b9 100%) !important; /* IE10+ */ | |
49 | - background: linear-gradient(to bottom, $primary-color 0%,#2980b9 100%) !important; /* W3C */ | |
50 | - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$primary-color', endColorstr='#2980b9',GradientType=0 ) !important; /* IE6-9 */ | |
51 | - } | |
52 | - .yellow-bg { | |
53 | - background: $yellow-color !important; /* Old browsers */ | |
54 | - background: -moz-linear-gradient(top, $yellow-color 0%, $yellow-color-dark 100%) !important; /* FF3.6+ */ | |
55 | - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,$yellow-color), color-stop(100%,$yellow-color-dark)) !important; /* Chrome,Safari4+ */ | |
56 | - background: -webkit-linear-gradient(top, $yellow-color 0%,$yellow-color-dark 100%) !important; /* Chrome10+,Safari5.1+ */ | |
57 | - background: -o-linear-gradient(top, $yellow-color 0%,$yellow-color-dark 100%) !important; /* Opera 11.10+ */ | |
58 | - background: -ms-linear-gradient(top, $yellow-color 0%,$yellow-color-dark 100%) !important; /* IE10+ */ | |
59 | - background: linear-gradient(to bottom, $yellow-color 0%,$yellow-color-dark 100%) !important; /* W3C */ | |
60 | - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$yellow-color', endColorstr='$yellow-color-dark',GradientType=0 ) !important; /* IE6-9 */ | |
61 | - } | |
62 | - .green-bg { | |
63 | - background: $green-color !important; /* Old browsers */ | |
64 | - background: -moz-linear-gradient(top, $green-color 0%, $green-color-dark 100%) !important; /* FF3.6+ */ | |
65 | - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,$green-color), color-stop(100%,$green-color-dark)) !important; /* Chrome,Safari4+ */ | |
66 | - background: -webkit-linear-gradient(top, $green-color 0%,$green-color-dark 100%) !important; /* Chrome10+,Safari5.1+ */ | |
67 | - background: -o-linear-gradient(top, $green-color 0%,$green-color-dark 100%) !important; /* Opera 11.10+ */ | |
68 | - background: -ms-linear-gradient(top, $green-color 0%,$green-color-dark 100%) !important; /* IE10+ */ | |
69 | - background: linear-gradient(to bottom, $green-color 0%,$green-color-dark 100%) !important; /* W3C */ | |
70 | - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$green-color', endColorstr='$green-color-dark',GradientType=0 ) !important; /* IE6-9 */ | |
71 | - } | |
72 | - .purple-bg { | |
73 | - background: $purple-color !important; /* Old browsers */ | |
74 | - background: -moz-linear-gradient(top, $purple-color 0%, $purple-color-dark 100%) !important; /* FF3.6+ */ | |
75 | - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,$purple-color), color-stop(100%,$purple-color-dark)) !important; /* Chrome,Safari4+ */ | |
76 | - background: -webkit-linear-gradient(top, $purple-color 0%,$purple-color-dark 100%) !important; /* Chrome10+,Safari5.1+ */ | |
77 | - background: -o-linear-gradient(top, $purple-color 0%,$purple-color-dark 100%) !important; /* Opera 11.10+ */ | |
78 | - background: -ms-linear-gradient(top, $purple-color 0%,$purple-color-dark 100%) !important; /* IE10+ */ | |
79 | - background: linear-gradient(to bottom, $purple-color 0%,$purple-color-dark 100%) !important; /* W3C */ | |
80 | - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$purple-color', endColorstr='$purple-color-dark',GradientType=0 ) !important; /* IE6-9 */ | |
81 | - } | |
82 | - .gray-bg { | |
83 | - background: $gray-color !important; /* Old browsers */ | |
84 | - background: -moz-linear-gradient(top, $gray-color 0%, $gray-color-dark 100%) !important; /* FF3.6+ */ | |
85 | - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,$gray-color), color-stop(100%,$gray-color-dark)) !important; /* Chrome,Safari4+ */ | |
86 | - background: -webkit-linear-gradient(top, $gray-color 0%,$gray-color-dark 100%) !important; /* Chrome10+,Safari5.1+ */ | |
87 | - background: -o-linear-gradient(top, $gray-color 0%,$gray-color-dark 100%) !important; /* Opera 11.10+ */ | |
88 | - background: -ms-linear-gradient(top, $gray-color 0%,$gray-color-dark 100%) !important; /* IE10+ */ | |
89 | - background: linear-gradient(to bottom, $gray-color 0%,$gray-color-dark 100%) !important; /* W3C */ | |
90 | - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$gray-color', endColorstr='$gray-color-dark',GradientType=0 ) !important; /* IE6-9 */ | |
91 | - } | |
92 | - .pace .pace-progress { | |
93 | - background-color: #fff; | |
94 | - } | |
95 | - #nav-col, | |
96 | - #page-wrapper { | |
97 | - background-color: #2c3e50; | |
98 | - } | |
99 | -} | |
100 | -@media (max-width: $break-sm-max) { | |
101 | - .theme-blue-gradient { | |
102 | - #logo.navbar-brand > img.normal-logo.logo-white { | |
103 | - display: block; | |
104 | - } | |
105 | - #logo.navbar-brand > img.normal-logo.logo-black { | |
106 | - display: none; | |
107 | - } | |
108 | - } | |
109 | -} | |
110 | 0 | \ No newline at end of file |
public/designs/themes/cube-responsive/sidebar_user.html.erb
... | ... | @@ -1,418 +0,0 @@ |
1 | -<div id="nav-col"> | |
2 | - <section id="col-left" class="col-left-nano"> | |
3 | - <div id="col-left-inner" class="col-left-nano-content"> | |
4 | - <div id="user-left-box" class="clearfix hidden-sm hidden-xs dropdown profile2-dropdown"> | |
5 | - <img alt="" src="/designs/themes/cube-responsive-theme/images/samples/scarlet-159.png" /> | |
6 | - <div class="user-box"> | |
7 | - <span class="name"> | |
8 | - <a href="#" class="dropdown-toggle" data-toggle="dropdown"> | |
9 | - Scarlett J. | |
10 | - <i class="fa fa-angle-down"></i> | |
11 | - </a> | |
12 | - <ul class="dropdown-menu"> | |
13 | - <li><a href="user-profile.html"><i class="fa fa-user"></i>Profile</a></li> | |
14 | - <li><a href="#"><i class="fa fa-cog"></i>Settings</a></li> | |
15 | - <li><a href="#"><i class="fa fa-envelope-o"></i>Messages</a></li> | |
16 | - <li><a href="#"><i class="fa fa-power-off"></i>Logout</a></li> | |
17 | - </ul> | |
18 | - </span> | |
19 | - <span class="status"> | |
20 | - <i class="fa fa-circle"></i> Online | |
21 | - </span> | |
22 | - </div> | |
23 | - </div> | |
24 | - <div class="collapse navbar-collapse navbar-ex1-collapse" id="sidebar-nav"> | |
25 | - <ul class="nav nav-pills nav-stacked"> | |
26 | - <li class="nav-header nav-header-first hidden-sm hidden-xs"> | |
27 | - Navigation | |
28 | - </li> | |
29 | - <li class="active"> | |
30 | - <a href="index.html"> | |
31 | - <i class="fa fa-dashboard"></i> | |
32 | - <span>Dashboard</span> | |
33 | - <span class="label label-primary label-circle pull-right">28</span> | |
34 | - </a> | |
35 | - </li> | |
36 | - <li> | |
37 | - <a href="#" class="dropdown-toggle"> | |
38 | - <i class="fa fa-table"></i> | |
39 | - <span>Tables</span> | |
40 | - <i class="fa fa-angle-right drop-icon"></i> | |
41 | - </a> | |
42 | - <ul class="submenu"> | |
43 | - <li> | |
44 | - <a href="tables.html"> | |
45 | - Simple | |
46 | - </a> | |
47 | - </li> | |
48 | - <li> | |
49 | - <a href="tables-advanced.html"> | |
50 | - Advanced | |
51 | - </a> | |
52 | - </li> | |
53 | - <li> | |
54 | - <a href="users.html"> | |
55 | - Users | |
56 | - </a> | |
57 | - </li> | |
58 | - </ul> | |
59 | - </li> | |
60 | - <li> | |
61 | - <a href="#" class="dropdown-toggle"> | |
62 | - <i class="fa fa-envelope"></i> | |
63 | - <span>Email</span> | |
64 | - <i class="fa fa-angle-right drop-icon"></i> | |
65 | - </a> | |
66 | - <ul class="submenu"> | |
67 | - <li> | |
68 | - <a href="email-inbox.html"> | |
69 | - Inbox | |
70 | - </a> | |
71 | - </li> | |
72 | - <li> | |
73 | - <a href="email-detail.html"> | |
74 | - Detail | |
75 | - </a> | |
76 | - </li> | |
77 | - <li> | |
78 | - <a href="email-compose.html"> | |
79 | - Compose | |
80 | - </a> | |
81 | - </li> | |
82 | - </ul> | |
83 | - </li> | |
84 | - <li> | |
85 | - <a href="#" class="dropdown-toggle"> | |
86 | - <i class="fa fa-bar-chart-o"></i> | |
87 | - <span>Graphs</span> | |
88 | - <i class="fa fa-angle-right drop-icon"></i> | |
89 | - </a> | |
90 | - <ul class="submenu"> | |
91 | - <li> | |
92 | - <a href="graphs-morris.html"> | |
93 | - Morris & Mixed | |
94 | - </a> | |
95 | - </li> | |
96 | - <li> | |
97 | - <a href="graphs-flot.html"> | |
98 | - Flot | |
99 | - </a> | |
100 | - </li> | |
101 | - <li> | |
102 | - <a href="graphs-dygraphs.html"> | |
103 | - Dygraphs | |
104 | - </a> | |
105 | - </li> | |
106 | - <li> | |
107 | - <a href="graphs-xcharts.html"> | |
108 | - xCharts | |
109 | - </a> | |
110 | - </li> | |
111 | - </ul> | |
112 | - </li> | |
113 | - <li> | |
114 | - <a href="widgets.html"> | |
115 | - <i class="fa fa-th-large"></i> | |
116 | - <span>Widgets</span> | |
117 | - <span class="label label-success pull-right">New</span> | |
118 | - </a> | |
119 | - </li> | |
120 | - <li> | |
121 | - <a href="#" class="dropdown-toggle"> | |
122 | - <i class="fa fa-copy"></i> | |
123 | - <span>Pages</span> | |
124 | - <i class="fa fa-angle-right drop-icon"></i> | |
125 | - </a> | |
126 | - <ul class="submenu"> | |
127 | - <li> | |
128 | - <a href="calendar.html"> | |
129 | - Calendar | |
130 | - </a> | |
131 | - </li> | |
132 | - <li> | |
133 | - <a href="gallery.html"> | |
134 | - Gallery | |
135 | - </a> | |
136 | - </li> | |
137 | - <li> | |
138 | - <a href="gallery-v2.html"> | |
139 | - Gallery v2 | |
140 | - </a> | |
141 | - </li> | |
142 | - <li> | |
143 | - <a href="pricing.html"> | |
144 | - Pricing | |
145 | - </a> | |
146 | - </li> | |
147 | - <li> | |
148 | - <a href="projects.html"> | |
149 | - Projects | |
150 | - </a> | |
151 | - </li> | |
152 | - <li> | |
153 | - <a href="team-members.html"> | |
154 | - Team Members | |
155 | - </a> | |
156 | - </li> | |
157 | - <li> | |
158 | - <a href="timeline.html"> | |
159 | - Timeline | |
160 | - </a> | |
161 | - </li> | |
162 | - <li> | |
163 | - <a href="timeline-grid.html"> | |
164 | - Timeline Grid | |
165 | - </a> | |
166 | - </li> | |
167 | - <li> | |
168 | - <a href="user-profile.html"> | |
169 | - User Profile | |
170 | - </a> | |
171 | - </li> | |
172 | - <li> | |
173 | - <a href="search.html"> | |
174 | - Search Results | |
175 | - </a> | |
176 | - </li> | |
177 | - <li> | |
178 | - <a href="invoice.html"> | |
179 | - Invoice | |
180 | - </a> | |
181 | - </li> | |
182 | - <li> | |
183 | - <a href="intro.html"> | |
184 | - Tour Layout | |
185 | - </a> | |
186 | - </li> | |
187 | - </ul> | |
188 | - </li> | |
189 | - <li class="nav-header hidden-sm hidden-xs"> | |
190 | - Components | |
191 | - </li> | |
192 | - <li> | |
193 | - <a href="#" class="dropdown-toggle"> | |
194 | - <i class="fa fa-edit"></i> | |
195 | - <span>Forms</span> | |
196 | - <i class="fa fa-angle-right drop-icon"></i> | |
197 | - </a> | |
198 | - <ul class="submenu"> | |
199 | - <li> | |
200 | - <a href="form-elements.html"> | |
201 | - Elements | |
202 | - </a> | |
203 | - </li> | |
204 | - <li> | |
205 | - <a href="x-editable.html"> | |
206 | - X-Editable | |
207 | - </a> | |
208 | - </li> | |
209 | - <li> | |
210 | - <a href="form-wizard.html"> | |
211 | - Wizard | |
212 | - </a> | |
213 | - </li> | |
214 | - <li> | |
215 | - <a href="form-wizard-popup.html"> | |
216 | - Wizard popup | |
217 | - </a> | |
218 | - </li> | |
219 | - <li> | |
220 | - <a href="form-wysiwyg.html"> | |
221 | - WYSIWYG | |
222 | - </a> | |
223 | - </li> | |
224 | - <li> | |
225 | - <a href="form-summernote.html"> | |
226 | - WYSIWYG Summernote | |
227 | - </a> | |
228 | - </li> | |
229 | - <li> | |
230 | - <a href="form-ckeditor.html"> | |
231 | - WYSIWYG CKEditor | |
232 | - </a> | |
233 | - </li> | |
234 | - <li> | |
235 | - <a href="form-dropzone.html"> | |
236 | - Multiple File Upload | |
237 | - </a> | |
238 | - </li> | |
239 | - </ul> | |
240 | - </li> | |
241 | - <li> | |
242 | - <a href="#" class="dropdown-toggle"> | |
243 | - <i class="fa fa-desktop"></i> | |
244 | - <span>UI Kit</span> | |
245 | - <i class="fa fa-angle-right drop-icon"></i> | |
246 | - </a> | |
247 | - <ul class="submenu"> | |
248 | - <li> | |
249 | - <a href="ui-elements.html"> | |
250 | - Elements | |
251 | - </a> | |
252 | - </li> | |
253 | - <li> | |
254 | - <a href="notifications.html"> | |
255 | - Notifications & Alerts | |
256 | - </a> | |
257 | - </li> | |
258 | - <li> | |
259 | - <a href="modals.html"> | |
260 | - Modals | |
261 | - </a> | |
262 | - </li> | |
263 | - <li> | |
264 | - <a href="video.html"> | |
265 | - Video | |
266 | - </a> | |
267 | - </li> | |
268 | - <li> | |
269 | - <a href="#" class="dropdown-toggle"> | |
270 | - Icons | |
271 | - <i class="fa fa-angle-right drop-icon"></i> | |
272 | - </a> | |
273 | - <ul class="submenu"> | |
274 | - <li> | |
275 | - <a href="icons-awesome.html"> | |
276 | - Awesome Icons | |
277 | - </a> | |
278 | - </li> | |
279 | - <li> | |
280 | - <a href="icons-halflings.html"> | |
281 | - Halflings Icons | |
282 | - </a> | |
283 | - </li> | |
284 | - </ul> | |
285 | - </li> | |
286 | - <li> | |
287 | - <a href="ui-nestable.html"> | |
288 | - Nestable List | |
289 | - </a> | |
290 | - </li> | |
291 | - <li> | |
292 | - <a href="typography.html"> | |
293 | - Typography | |
294 | - </a> | |
295 | - </li> | |
296 | - <li> | |
297 | - <a href="#" class="dropdown-toggle"> | |
298 | - 3 Level Menu | |
299 | - <i class="fa fa-angle-right drop-icon"></i> | |
300 | - </a> | |
301 | - <ul class="submenu"> | |
302 | - <li> | |
303 | - <a href="#"> | |
304 | - 3rd Level | |
305 | - </a> | |
306 | - </li> | |
307 | - <li> | |
308 | - <a href="#"> | |
309 | - 3rd Level | |
310 | - </a> | |
311 | - </li> | |
312 | - <li> | |
313 | - <a href="#"> | |
314 | - 3rd Level | |
315 | - </a> | |
316 | - </li> | |
317 | - </ul> | |
318 | - </li> | |
319 | - </ul> | |
320 | - </li> | |
321 | - <li> | |
322 | - <a href="maps.html"> | |
323 | - <i class="fa fa-map-marker"></i> | |
324 | - <span>Google Maps</span> | |
325 | - <span class="label label-danger pull-right">Updated</span> | |
326 | - </a> | |
327 | - </li> | |
328 | - <li> | |
329 | - <a href="#" class="dropdown-toggle"> | |
330 | - <i class="fa fa-file-text-o"></i> | |
331 | - <span>Extra pages</span> | |
332 | - <i class="fa fa-angle-right drop-icon"></i> | |
333 | - </a> | |
334 | - <ul class="submenu"> | |
335 | - <li> | |
336 | - <a href="faq.html"> | |
337 | - FAQ | |
338 | - </a> | |
339 | - </li> | |
340 | - <li> | |
341 | - <a href="emails.html"> | |
342 | - Email Templates | |
343 | - </a> | |
344 | - </li> | |
345 | - <li> | |
346 | - <a href="login.html"> | |
347 | - Login | |
348 | - </a> | |
349 | - </li> | |
350 | - <li> | |
351 | - <a href="login-full.html"> | |
352 | - Login Full | |
353 | - </a> | |
354 | - </li> | |
355 | - <li> | |
356 | - <a href="registration.html"> | |
357 | - Registration | |
358 | - </a> | |
359 | - </li> | |
360 | - <li> | |
361 | - <a href="registration-full.html"> | |
362 | - Registration Full | |
363 | - </a> | |
364 | - </li> | |
365 | - <li> | |
366 | - <a href="forgot-password.html"> | |
367 | - Forgot Password | |
368 | - </a> | |
369 | - </li> | |
370 | - <li> | |
371 | - <a href="forgot-password-full.html"> | |
372 | - Forgot Password Full | |
373 | - </a> | |
374 | - </li> | |
375 | - <li> | |
376 | - <a href="lock-screen.html"> | |
377 | - Lock Screen | |
378 | - </a> | |
379 | - </li> | |
380 | - <li> | |
381 | - <a href="lock-screen-full.html"> | |
382 | - Lock Screen Full | |
383 | - </a> | |
384 | - </li> | |
385 | - <li> | |
386 | - <a href="error-404.html"> | |
387 | - Error 404 | |
388 | - </a> | |
389 | - </li> | |
390 | - <li> | |
391 | - <a href="error-404-v2.html"> | |
392 | - Error 404 Nested | |
393 | - </a> | |
394 | - </li> | |
395 | - <li> | |
396 | - <a href="error-500.html"> | |
397 | - Error 500 | |
398 | - </a> | |
399 | - </li> | |
400 | - <li> | |
401 | - <a href="extra-grid.html"> | |
402 | - Grid | |
403 | - </a> | |
404 | - </li> | |
405 | - </ul> | |
406 | - </li> | |
407 | - <li> | |
408 | - <a href="/angularjs"> | |
409 | - <i class="fa fa-google"></i> | |
410 | - <span>AngularJS Demo</span> | |
411 | - </a> | |
412 | - </li> | |
413 | - </ul> | |
414 | - </div> | |
415 | - </div> | |
416 | - </section> | |
417 | - <div id="nav-col-submenu"></div> | |
418 | -</div> |
public/designs/themes/cube-responsive/site_title.html.erb
... | ... | @@ -1,5 +0,0 @@ |
1 | -<a href="index.html" id="logo" class="navbar-brand"> | |
2 | - <img src="/designs/themes/cube-responsive-theme/images/logo-noosfero-header.png" alt="" class="normal-logo logo-white"/> <span class="logo-title">Noosfero</span> | |
3 | - <img src="/designs/themes/cube-responsive-theme/images/logo-black.png" alt="" class="normal-logo logo-black"/> | |
4 | - <img src="/designs/themes/cube-responsive-theme/images/logo-small.png" alt="" class="small-logo hidden-xs hidden-sm hidden"/> | |
5 | -</a> |
public/designs/themes/cube-responsive/style.scss
... | ... | @@ -1,10 +0,0 @@ |
1 | -// bootstrap customizations, bootstrap | |
2 | -// see also plugins/responsive/public/bootstrap/all.scss | |
3 | -@import 'bootstrap/variables'; | |
4 | -@import 'bootstrap-core'; | |
5 | - | |
6 | -// say to base-responsive that we already took care of boostrap | |
7 | -$bootstrap-loaded: true; | |
8 | - | |
9 | -@import 'sass/theme_styles'; | |
10 | -@import '../base-responsive/style'; |
public/designs/themes/cube-responsive/theme.js
... | ... | @@ -1,149 +0,0 @@ |
1 | -$(function($) { | |
2 | - | |
3 | - setTimeout(function() { | |
4 | - $('#content-wrapper > .row').css({ | |
5 | - opacity: 1 | |
6 | - }); | |
7 | - }, 200); | |
8 | - | |
9 | - $('#sidebar-nav,#nav-col-submenu').on('click', '.dropdown-toggle', function (e) { | |
10 | - e.preventDefault(); | |
11 | - | |
12 | - var $item = $(this).parent(); | |
13 | - | |
14 | - if (!$item.hasClass('open')) { | |
15 | - $item.parent().find('.open .submenu').slideUp('fast'); | |
16 | - $item.parent().find('.open').toggleClass('open'); | |
17 | - } | |
18 | - | |
19 | - $item.toggleClass('open'); | |
20 | - | |
21 | - if ($item.hasClass('open')) { | |
22 | - $item.children('.submenu').slideDown('fast'); | |
23 | - } | |
24 | - else { | |
25 | - $item.children('.submenu').slideUp('fast'); | |
26 | - } | |
27 | - }); | |
28 | - | |
29 | - $('body').on('mouseenter', '#page-wrapper.nav-small #sidebar-nav .dropdown-toggle', function (e) { | |
30 | - if ($( document ).width() >= 992) { | |
31 | - var $item = $(this).parent(); | |
32 | - | |
33 | - if ($('body').hasClass('fixed-leftmenu')) { | |
34 | - var topPosition = $item.position().top; | |
35 | - | |
36 | - if ((topPosition + 4*$(this).outerHeight()) >= $(window).height()) { | |
37 | - topPosition -= 6*$(this).outerHeight(); | |
38 | - } | |
39 | - | |
40 | - $('#nav-col-submenu').html($item.children('.submenu').clone()); | |
41 | - $('#nav-col-submenu > .submenu').css({'top' : topPosition}); | |
42 | - } | |
43 | - | |
44 | - $item.addClass('open'); | |
45 | - $item.children('.submenu').slideDown('fast'); | |
46 | - } | |
47 | - }); | |
48 | - | |
49 | - $('body').on('mouseleave', '#page-wrapper.nav-small #sidebar-nav > .nav-pills > li', function (e) { | |
50 | - if ($( document ).width() >= 992) { | |
51 | - var $item = $(this); | |
52 | - | |
53 | - if ($item.hasClass('open')) { | |
54 | - $item.find('.open .submenu').slideUp('fast'); | |
55 | - $item.find('.open').removeClass('open'); | |
56 | - $item.children('.submenu').slideUp('fast'); | |
57 | - } | |
58 | - | |
59 | - $item.removeClass('open'); | |
60 | - } | |
61 | - }); | |
62 | - $('body').on('mouseenter', '#page-wrapper.nav-small #sidebar-nav a:not(.dropdown-toggle)', function (e) { | |
63 | - if ($('body').hasClass('fixed-leftmenu')) { | |
64 | - $('#nav-col-submenu').html(''); | |
65 | - } | |
66 | - }); | |
67 | - $('body').on('mouseleave', '#page-wrapper.nav-small #nav-col', function (e) { | |
68 | - if ($('body').hasClass('fixed-leftmenu')) { | |
69 | - $('#nav-col-submenu').html(''); | |
70 | - } | |
71 | - }); | |
72 | - | |
73 | - $('#make-small-nav').click(function (e) { | |
74 | - $('#page-wrapper').toggleClass('nav-small'); | |
75 | - }); | |
76 | - | |
77 | - $(window).smartresize(function(){ | |
78 | - if ($( document ).width() <= 991) { | |
79 | - $('#page-wrapper').removeClass('nav-small'); | |
80 | - } | |
81 | - }); | |
82 | - | |
83 | - $('.mobile-search').click(function(e) { | |
84 | - e.preventDefault(); | |
85 | - | |
86 | - $('.mobile-search').addClass('active'); | |
87 | - $('.mobile-search form input.form-control').focus(); | |
88 | - }); | |
89 | - $(document).mouseup(function (e) { | |
90 | - var container = $('.mobile-search'); | |
91 | - | |
92 | - if (!container.is(e.target) // if the target of the click isn't the container... | |
93 | - && container.has(e.target).length === 0) // ... nor a descendant of the container | |
94 | - { | |
95 | - container.removeClass('active'); | |
96 | - } | |
97 | - }); | |
98 | - | |
99 | - // $('.fixed-leftmenu #col-left').nanoScroller({ | |
100 | - // alwaysVisible: false, | |
101 | - // iOSNativeScrolling: false, | |
102 | - // preventPageScrolling: true, | |
103 | - // contentClass: 'col-left-nano-content' | |
104 | - // }); | |
105 | - | |
106 | - // build all tooltips from data-attributes | |
107 | - $("[data-toggle='tooltip']").each(function (index, el) { | |
108 | - $(el).tooltip({ | |
109 | - placement: $(this).data("placement") || 'top' | |
110 | - }); | |
111 | - }); | |
112 | -}); | |
113 | - | |
114 | -$.fn.removeClassPrefix = function(prefix) { | |
115 | - this.each(function(i, el) { | |
116 | - var classes = el.className.split(" ").filter(function(c) { | |
117 | - return c.lastIndexOf(prefix, 0) !== 0; | |
118 | - }); | |
119 | - el.className = classes.join(" "); | |
120 | - }); | |
121 | - return this; | |
122 | -}; | |
123 | - | |
124 | -(function($,sr){ | |
125 | - // debouncing function from John Hann | |
126 | - // http://unscriptable.com/index.php/2009/03/20/debouncing-javascript-methods/ | |
127 | - var debounce = function (func, threshold, execAsap) { | |
128 | - var timeout; | |
129 | - | |
130 | - return function debounced () { | |
131 | - var obj = this, args = arguments; | |
132 | - function delayed () { | |
133 | - if (!execAsap) | |
134 | - func.apply(obj, args); | |
135 | - timeout = null; | |
136 | - }; | |
137 | - | |
138 | - if (timeout) | |
139 | - clearTimeout(timeout); | |
140 | - else if (execAsap) | |
141 | - func.apply(obj, args); | |
142 | - | |
143 | - timeout = setTimeout(delayed, threshold || 100); | |
144 | - }; | |
145 | - } | |
146 | - // smartresize | |
147 | - $.fn[sr] = function(fn){ return fn ? this.bind('resize', debounce(fn)) : this.trigger(sr); }; | |
148 | - | |
149 | -})($,'smartresize'); |