diff options
Diffstat (limited to 'src/Wallabag/CoreBundle/Resources/views/themes/material/public/css/main.css')
-rwxr-xr-x | src/Wallabag/CoreBundle/Resources/views/themes/material/public/css/main.css | 87 |
1 files changed, 84 insertions, 3 deletions
diff --git a/src/Wallabag/CoreBundle/Resources/views/themes/material/public/css/main.css b/src/Wallabag/CoreBundle/Resources/views/themes/material/public/css/main.css index 1fe4a533..d6031530 100755 --- a/src/Wallabag/CoreBundle/Resources/views/themes/material/public/css/main.css +++ b/src/Wallabag/CoreBundle/Resources/views/themes/material/public/css/main.css | |||
@@ -8,7 +8,8 @@ | |||
8 | 4 = Cards | 8 | 4 = Cards |
9 | 5 = Article | 9 | 5 = Article |
10 | 6 = Media queries | 10 | 6 = Media queries |
11 | 7 = Others | 11 | 7 = Font |
12 | 8 = Others | ||
12 | 13 | ||
13 | ========================================================================== */ | 14 | ========================================================================== */ |
14 | 15 | ||
@@ -17,6 +18,31 @@ | |||
17 | 0 = Common | 18 | 0 = Common |
18 | ========================================================================== */ | 19 | ========================================================================== */ |
19 | 20 | ||
21 | @font-face { | ||
22 | font-family: 'icomoon'; | ||
23 | src:url('../font/icomoon/icomoon.eot?yw303w'); | ||
24 | src:url('../font/icomoon/icomoon.eot?yw303w#iefix') format('embedded-opentype'), | ||
25 | url('../font/icomoon/icomoon.ttf?yw303w') format('truetype'), | ||
26 | url('../font/icomoon/icomoon.woff?yw303w') format('woff'), | ||
27 | url('../font/icomoon/icomoon.svg?yw303w#icomoon') format('svg'); | ||
28 | font-weight: normal; | ||
29 | font-style: normal; | ||
30 | } | ||
31 | |||
32 | [class^="icon-"], [class*=" icon-"] { | ||
33 | font-family: 'icomoon'; | ||
34 | speak: none; | ||
35 | font-style: normal; | ||
36 | font-weight: normal; | ||
37 | font-variant: normal; | ||
38 | text-transform: none; | ||
39 | line-height: 1; | ||
40 | |||
41 | /* Better Font Rendering =========== */ | ||
42 | -webkit-font-smoothing: antialiased; | ||
43 | -moz-osx-font-smoothing: grayscale; | ||
44 | } | ||
45 | |||
20 | body { | 46 | body { |
21 | display: flex; | 47 | display: flex; |
22 | min-height: 100vh; | 48 | min-height: 100vh; |
@@ -50,6 +76,10 @@ nav, main, footer { | |||
50 | padding-left: 240px; | 76 | padding-left: 240px; |
51 | } | 77 | } |
52 | 78 | ||
79 | main, #content, .valign-wrapper { | ||
80 | height: 100%; | ||
81 | } | ||
82 | |||
53 | #main { | 83 | #main { |
54 | flex: 1 0 auto; | 84 | flex: 1 0 auto; |
55 | } | 85 | } |
@@ -86,6 +116,15 @@ nav, main, footer { | |||
86 | display: none; | 116 | display: none; |
87 | } | 117 | } |
88 | 118 | ||
119 | footer.page-footer { | ||
120 | margin-top: 10px; | ||
121 | padding-top: 10px; | ||
122 | } | ||
123 | |||
124 | footer .row { | ||
125 | margin-bottom: 10px; | ||
126 | } | ||
127 | |||
89 | /* ========================================================================== | 128 | /* ========================================================================== |
90 | 1 = Nav | 129 | 1 = Nav |
91 | ========================================================================== */ | 130 | ========================================================================== */ |
@@ -190,6 +229,10 @@ nav input { | |||
190 | width: 100pt; | 229 | width: 100pt; |
191 | } | 230 | } |
192 | 231 | ||
232 | #main .logo:hover { | ||
233 | background: transparent; | ||
234 | } | ||
235 | |||
193 | .side-nav li { | 236 | .side-nav li { |
194 | padding: 0px; | 237 | padding: 0px; |
195 | } | 238 | } |
@@ -409,11 +452,49 @@ main ul.row { | |||
409 | display: none; | 452 | display: none; |
410 | } | 453 | } |
411 | } | 454 | } |
455 | |||
456 | /* ========================================================================== | ||
457 | 7 = Font | ||
458 | ========================================================================== */ | ||
459 | |||
460 | .icon-google-plus2:before { | ||
461 | content: "\e800"; | ||
462 | } | ||
463 | .icon-facebook2:before { | ||
464 | content: "\e801"; | ||
465 | } | ||
466 | .icon-twitter:before { | ||
467 | content: "\e802"; | ||
468 | } | ||
469 | .icon-apple:before { | ||
470 | content: "\e803"; | ||
471 | } | ||
472 | .icon-android:before { | ||
473 | content: "\e804"; | ||
474 | } | ||
475 | .icon-chrome:before { | ||
476 | content: "\e805"; | ||
477 | } | ||
478 | .icon-firefox:before { | ||
479 | content: "\e806"; | ||
480 | } | ||
481 | |||
482 | footer [class^="icon-"], footer [class*=" icon-"] { | ||
483 | font-size: 2em; | ||
484 | transition: text-shadow 0.2s ease; | ||
485 | padding-right: 10px; | ||
486 | } | ||
487 | |||
488 | footer [class^="icon-"]:hover, footer [class*=" icon-"]:hover { | ||
489 | text-shadow: 0 0 10px rgba(0,0,0,0.3); | ||
490 | } | ||
491 | |||
492 | |||
412 | /* ========================================================================== | 493 | /* ========================================================================== |
413 | 7 = Others | 494 | 8 = Others |
414 | ========================================================================== */ | 495 | ========================================================================== */ |
415 | 496 | ||
416 | /* force height on non-input field in the settings page */ | 497 | /* force height on non-input field in the settings page */ |
417 | div.settings div.input-field div, div.settings div.input-field ul { | 498 | div.settings div.input-field div, div.settings div.input-field ul { |
418 | margin-top: 40px; | 499 | margin-top: 40px; |
419 | } | 500 | } \ No newline at end of file |