diff options
Diffstat (limited to 'src/Wallabag/CoreBundle/Resources/views/themes/material/public/css')
-rwxr-xr-x | src/Wallabag/CoreBundle/Resources/views/themes/material/public/css/main.css | 79 |
1 files changed, 76 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..b3bd07e7 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; |
@@ -86,6 +112,15 @@ nav, main, footer { | |||
86 | display: none; | 112 | display: none; |
87 | } | 113 | } |
88 | 114 | ||
115 | footer.page-footer { | ||
116 | margin-top: 10px; | ||
117 | padding-top: 10px; | ||
118 | } | ||
119 | |||
120 | footer .row { | ||
121 | margin-bottom: 10px; | ||
122 | } | ||
123 | |||
89 | /* ========================================================================== | 124 | /* ========================================================================== |
90 | 1 = Nav | 125 | 1 = Nav |
91 | ========================================================================== */ | 126 | ========================================================================== */ |
@@ -409,11 +444,49 @@ main ul.row { | |||
409 | display: none; | 444 | display: none; |
410 | } | 445 | } |
411 | } | 446 | } |
447 | |||
448 | /* ========================================================================== | ||
449 | 7 = Font | ||
450 | ========================================================================== */ | ||
451 | |||
452 | .icon-google-plus2:before { | ||
453 | content: "\e800"; | ||
454 | } | ||
455 | .icon-facebook2:before { | ||
456 | content: "\e801"; | ||
457 | } | ||
458 | .icon-twitter:before { | ||
459 | content: "\e802"; | ||
460 | } | ||
461 | .icon-apple:before { | ||
462 | content: "\e803"; | ||
463 | } | ||
464 | .icon-android:before { | ||
465 | content: "\e804"; | ||
466 | } | ||
467 | .icon-chrome:before { | ||
468 | content: "\e805"; | ||
469 | } | ||
470 | .icon-firefox:before { | ||
471 | content: "\e806"; | ||
472 | } | ||
473 | |||
474 | footer [class^="icon-"], footer [class*=" icon-"] { | ||
475 | font-size: 2em; | ||
476 | transition: text-shadow 0.2s ease; | ||
477 | padding-right: 10px; | ||
478 | } | ||
479 | |||
480 | footer [class^="icon-"]:hover, footer [class*=" icon-"]:hover { | ||
481 | text-shadow: 0 0 10px rgba(0,0,0,0.3); | ||
482 | } | ||
483 | |||
484 | |||
412 | /* ========================================================================== | 485 | /* ========================================================================== |
413 | 7 = Others | 486 | 8 = Others |
414 | ========================================================================== */ | 487 | ========================================================================== */ |
415 | 488 | ||
416 | /* force height on non-input field in the settings page */ | 489 | /* force height on non-input field in the settings page */ |
417 | div.settings div.input-field div, div.settings div.input-field ul { | 490 | div.settings div.input-field div, div.settings div.input-field ul { |
418 | margin-top: 40px; | 491 | margin-top: 40px; |
419 | } | 492 | } \ No newline at end of file |