diff options
Diffstat (limited to 'app/Resources/static/themes/material/css/main.css')
-rwxr-xr-x | app/Resources/static/themes/material/css/main.css | 111 |
1 files changed, 106 insertions, 5 deletions
diff --git a/app/Resources/static/themes/material/css/main.css b/app/Resources/static/themes/material/css/main.css index 408fe14c..82a74c23 100755 --- a/app/Resources/static/themes/material/css/main.css +++ b/app/Resources/static/themes/material/css/main.css | |||
@@ -150,6 +150,11 @@ | |||
150 | background-image: url("../../_global/img/icons/diaspora-icon--black.png"); | 150 | background-image: url("../../_global/img/icons/diaspora-icon--black.png"); |
151 | } | 151 | } |
152 | 152 | ||
153 | /* Unmark.it */ | ||
154 | .icon-image--unmark { | ||
155 | background-image: url("../../_global/img/icons/unmark-icon--black.png"); | ||
156 | } | ||
157 | |||
153 | /* Shaarli */ | 158 | /* Shaarli */ |
154 | .icon-image--shaarli { | 159 | .icon-image--shaarli { |
155 | background-image: url("../../_global/img/icons/shaarli.png"); | 160 | background-image: url("../../_global/img/icons/shaarli.png"); |
@@ -159,7 +164,7 @@ body { | |||
159 | display: flex; | 164 | display: flex; |
160 | min-height: 100vh; | 165 | min-height: 100vh; |
161 | flex-direction: column; | 166 | flex-direction: column; |
162 | background: #f0f0f0; | 167 | background: #fafafa; |
163 | } | 168 | } |
164 | 169 | ||
165 | body.login main { | 170 | body.login main { |
@@ -317,11 +322,13 @@ nav input { | |||
317 | color: #444; | 322 | color: #444; |
318 | } | 323 | } |
319 | 324 | ||
320 | .input-field.nav-panel-add label { | 325 | .input-field.nav-panel-add label, |
326 | .input-field.nav-panel-search label { | ||
321 | left: 1rem; | 327 | left: 1rem; |
322 | } | 328 | } |
323 | 329 | ||
324 | .input-field.nav-panel-add .close { | 330 | .input-field.nav-panel-add .close, |
331 | .input-field.nav-panel-search .close { | ||
325 | position: absolute; | 332 | position: absolute; |
326 | top: 0; | 333 | top: 0; |
327 | right: 1rem; | 334 | right: 1rem; |
@@ -340,7 +347,9 @@ nav input { | |||
340 | } | 347 | } |
341 | 348 | ||
342 | .input-field.nav-panel-add, | 349 | .input-field.nav-panel-add, |
343 | .input-field.nav-panel-add form { | 350 | .input-field.nav-panel-add form, |
351 | .input-field.nav-panel-search, | ||
352 | .input-field.nav-panel-search form { | ||
344 | height: 100%; | 353 | height: 100%; |
345 | } | 354 | } |
346 | 355 | ||
@@ -535,6 +544,10 @@ a.original { | |||
535 | line-height: 24px; | 544 | line-height: 24px; |
536 | } | 545 | } |
537 | 546 | ||
547 | .card .card-action ul.tools li a.tool { | ||
548 | margin-right: 5px !important; | ||
549 | } | ||
550 | |||
538 | .card .card-action a { | 551 | .card .card-action a { |
539 | color: #fff; | 552 | color: #fff; |
540 | margin: 0; | 553 | margin: 0; |
@@ -587,7 +600,55 @@ a.original { | |||
587 | #article { | 600 | #article { |
588 | font-size: 20px; | 601 | font-size: 20px; |
589 | margin: 0 auto; | 602 | margin: 0 auto; |
590 | max-width: 40em; | 603 | max-width: 45em; |
604 | } | ||
605 | |||
606 | #article article { | ||
607 | color: #424242; | ||
608 | font-size: 18px; | ||
609 | line-height: 1.7em; | ||
610 | } | ||
611 | |||
612 | #article article h1, | ||
613 | #article article h2, | ||
614 | #article article h3, | ||
615 | #article article h4, | ||
616 | #article article h5, | ||
617 | #article article h6 { | ||
618 | color: #212121; | ||
619 | } | ||
620 | |||
621 | #article article h1 strong, | ||
622 | #article article h2 strong, | ||
623 | #article article h3 strong, | ||
624 | #article article h4 strong, | ||
625 | #article article h5 strong, | ||
626 | #article article h6 strong { | ||
627 | font-weight: 500; | ||
628 | } | ||
629 | |||
630 | #article article h6 { | ||
631 | font-size: 1.2rem; | ||
632 | } | ||
633 | |||
634 | #article article h5 { | ||
635 | font-size: 1.6rem; | ||
636 | } | ||
637 | |||
638 | #article article h4 { | ||
639 | font-size: 1.9rem; | ||
640 | } | ||
641 | |||
642 | #article article h3 { | ||
643 | font-size: 2.2rem; | ||
644 | } | ||
645 | |||
646 | #article article h2 { | ||
647 | font-size: 2.5rem; | ||
648 | } | ||
649 | |||
650 | #article article h1 { | ||
651 | font-size: 2.7rem; | ||
591 | } | 652 | } |
592 | 653 | ||
593 | #article img, | 654 | #article img, |
@@ -596,6 +657,46 @@ a.original { | |||
596 | height: auto; | 657 | height: auto; |
597 | } | 658 | } |
598 | 659 | ||
660 | #article article a { | ||
661 | border-bottom: 1px dotted #03a9f4; | ||
662 | text-decoration: none; | ||
663 | } | ||
664 | |||
665 | #article article a:hover { | ||
666 | border-bottom-style: solid; | ||
667 | } | ||
668 | |||
669 | #article article ul { | ||
670 | padding-left: 30px; | ||
671 | } | ||
672 | |||
673 | #article article ul, | ||
674 | #article article ul li { | ||
675 | list-style-type: disc; | ||
676 | } | ||
677 | |||
678 | #article article blockquote { | ||
679 | font-style: italic; | ||
680 | } | ||
681 | |||
682 | #article article strong { | ||
683 | font-weight: bold; | ||
684 | } | ||
685 | |||
686 | #article article pre { | ||
687 | box-sizing: border-box; | ||
688 | margin: 0 0 1.75em; | ||
689 | border: #e3f2fd 1px solid; | ||
690 | width: 100%; | ||
691 | padding: 10px; | ||
692 | font-family: monospace; | ||
693 | font-size: 0.8em; | ||
694 | white-space: pre; | ||
695 | overflow: auto; | ||
696 | background: #f5f5f5; | ||
697 | border-radius: 3px; | ||
698 | } | ||
699 | |||
599 | #article > header > h1 { | 700 | #article > header > h1 { |
600 | font-size: 2em; | 701 | font-size: 2em; |
601 | margin: 2.1rem 0 0.68rem; | 702 | margin: 2.1rem 0 0.68rem; |