aboutsummaryrefslogtreecommitdiffhomepage
path: root/app/Resources
diff options
context:
space:
mode:
authorNicolas LÅ“uillet <nicolas@loeuillet.org>2016-11-25 17:11:07 +0100
committerGitHub <noreply@github.com>2016-11-25 17:11:07 +0100
commitebe50a85fbf3ce6b83efa7da191e10cd30edb07c (patch)
tree116b104bd6c1793009071dc82c38f38dc3a0ea57 /app/Resources
parentb5e0bbeb85b741413867c6179158a28e7a5bddc8 (diff)
parent60abe8c274bd6ae8181b2f69137a241c1eb9f14f (diff)
downloadwallabag-ebe50a85fbf3ce6b83efa7da191e10cd30edb07c.tar.gz
wallabag-ebe50a85fbf3ce6b83efa7da191e10cd30edb07c.tar.zst
wallabag-ebe50a85fbf3ce6b83efa7da191e10cd30edb07c.zip
Merge pull request #2622 from Kdecherf/ui-changes
Material UI Changes
Diffstat (limited to 'app/Resources')
-rwxr-xr-xapp/Resources/static/themes/material/css/main.css92
1 files changed, 90 insertions, 2 deletions
diff --git a/app/Resources/static/themes/material/css/main.css b/app/Resources/static/themes/material/css/main.css
index 1af30777..82a74c23 100755
--- a/app/Resources/static/themes/material/css/main.css
+++ b/app/Resources/static/themes/material/css/main.css
@@ -164,7 +164,7 @@ body {
164 display: flex; 164 display: flex;
165 min-height: 100vh; 165 min-height: 100vh;
166 flex-direction: column; 166 flex-direction: column;
167 background: #f0f0f0; 167 background: #fafafa;
168} 168}
169 169
170body.login main { 170body.login main {
@@ -600,7 +600,55 @@ a.original {
600#article { 600#article {
601 font-size: 20px; 601 font-size: 20px;
602 margin: 0 auto; 602 margin: 0 auto;
603 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;
604} 652}
605 653
606#article img, 654#article img,
@@ -609,6 +657,46 @@ a.original {
609 height: auto; 657 height: auto;
610} 658}
611 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
612#article > header > h1 { 700#article > header > h1 {
613 font-size: 2em; 701 font-size: 2em;
614 margin: 2.1rem 0 0.68rem; 702 margin: 2.1rem 0 0.68rem;