diff options
author | Thomas Citharel <tcit@tcit.fr> | 2015-02-18 19:17:31 +0100 |
---|---|---|
committer | Thomas Citharel <tcit@tcit.fr> | 2015-02-18 19:17:31 +0100 |
commit | 4b1fa4c2febc7abbc6da3d65e4e760949a55843c (patch) | |
tree | a93ec906dbb03ec70e9cdc5dc876392c6d758e97 /themes/baggy/css | |
parent | 364953ede585b75fb29dc94b1c5f853053eaed0b (diff) | |
parent | df89c6f71adebfdb754ec3eb2fd775d8efbdb280 (diff) | |
download | wallabag-4b1fa4c2febc7abbc6da3d65e4e760949a55843c.tar.gz wallabag-4b1fa4c2febc7abbc6da3d65e4e760949a55843c.tar.zst wallabag-4b1fa4c2febc7abbc6da3d65e4e760949a55843c.zip |
Merge pull request #1081 from wallabag/dev1.9
Version 1.9.0
Diffstat (limited to 'themes/baggy/css')
-rwxr-xr-x | themes/baggy/css/main.css | 90 |
1 files changed, 62 insertions, 28 deletions
diff --git a/themes/baggy/css/main.css b/themes/baggy/css/main.css index 028c8b4e..b93a78b8 100755 --- a/themes/baggy/css/main.css +++ b/themes/baggy/css/main.css | |||
@@ -15,11 +15,11 @@ html { | |||
15 | } | 15 | } |
16 | 16 | ||
17 | body { | 17 | body { |
18 | background: #EEE; | 18 | background-color: #EEE; |
19 | } | 19 | } |
20 | 20 | ||
21 | .login { | 21 | .login { |
22 | background: #333; | 22 | background-color: #333; |
23 | } | 23 | } |
24 | 24 | ||
25 | .login #main { | 25 | .login #main { |
@@ -28,7 +28,7 @@ body { | |||
28 | } | 28 | } |
29 | 29 | ||
30 | .login form { | 30 | .login form { |
31 | background: #FFF; | 31 | background-color: #FFF; |
32 | padding: 1.5em; | 32 | padding: 1.5em; |
33 | box-shadow: 0 1px 8px rgba(0,0,0,0.9); | 33 | box-shadow: 0 1px 8px rgba(0,0,0,0.9); |
34 | width: 20em; | 34 | width: 20em; |
@@ -51,7 +51,7 @@ body { | |||
51 | 51 | ||
52 | ::selection { | 52 | ::selection { |
53 | color: #FFF; | 53 | color: #FFF; |
54 | background: #000; | 54 | background-color: #000; |
55 | } | 55 | } |
56 | 56 | ||
57 | .desktopHide { | 57 | .desktopHide { |
@@ -129,7 +129,7 @@ form .row { | |||
129 | 129 | ||
130 | form button, input[type="submit"] { | 130 | form button, input[type="submit"] { |
131 | cursor:pointer; | 131 | cursor:pointer; |
132 | background: #000; | 132 | background-color: #000; |
133 | color: #FFF; | 133 | color: #FFF; |
134 | border:0; | 134 | border:0; |
135 | padding: 0.5em 1em; | 135 | padding: 0.5em 1em; |
@@ -138,7 +138,7 @@ form button, input[type="submit"] { | |||
138 | } | 138 | } |
139 | 139 | ||
140 | form button:hover, form button:focus, input[type="submit"]:hover, input[type="submit"]:focus { | 140 | form button:hover, form button:focus, input[type="submit"]:hover, input[type="submit"]:focus { |
141 | background: #FFF; | 141 | background-color: #FFF; |
142 | color: #000; | 142 | color: #000; |
143 | -webkit-transition: all 0.5s ease; | 143 | -webkit-transition: all 0.5s ease; |
144 | -moz-transition: all 0.5s ease; | 144 | -moz-transition: all 0.5s ease; |
@@ -155,7 +155,7 @@ h2:after { | |||
155 | content: ""; | 155 | content: ""; |
156 | height: 4px; | 156 | height: 4px; |
157 | width: 70px; | 157 | width: 70px; |
158 | background: #000; | 158 | background-color: #000; |
159 | display: block; | 159 | display: block; |
160 | } | 160 | } |
161 | 161 | ||
@@ -176,7 +176,7 @@ h2:after { | |||
176 | width: 10em; | 176 | width: 10em; |
177 | left: 0; | 177 | left: 0; |
178 | text-align: right; | 178 | text-align: right; |
179 | background: #333; | 179 | background-color: #333; |
180 | padding-top: 9.5em; | 180 | padding-top: 9.5em; |
181 | height: 100%; | 181 | height: 100%; |
182 | box-shadow:inset -4px 0 20px rgba(0,0,0,0.6); | 182 | box-shadow:inset -4px 0 20px rgba(0,0,0,0.6); |
@@ -208,7 +208,7 @@ h2:after { | |||
208 | } | 208 | } |
209 | 209 | ||
210 | #links > li > a:hover, #links > li > a:focus { | 210 | #links > li > a:hover, #links > li > a:focus { |
211 | background: #999; | 211 | background-color: #999; |
212 | color: #000; | 212 | color: #000; |
213 | } | 213 | } |
214 | 214 | ||
@@ -344,7 +344,7 @@ footer a { | |||
344 | } | 344 | } |
345 | 345 | ||
346 | .entrie { | 346 | .entrie { |
347 | background: #FFF; | 347 | background-color: #FFF; |
348 | letter-spacing:normal; | 348 | letter-spacing:normal; |
349 | box-shadow: 0 3px 7px rgba(0,0,0,0.3); | 349 | box-shadow: 0 3px 7px rgba(0,0,0,0.3); |
350 | display: inline-block; | 350 | display: inline-block; |
@@ -391,7 +391,7 @@ footer a { | |||
391 | width: 100%; | 391 | width: 100%; |
392 | bottom: 0; | 392 | bottom: 0; |
393 | left: 0; | 393 | left: 0; |
394 | background: #000; | 394 | background-color: #000; |
395 | -webkit-transition: all 0.5s ease; | 395 | -webkit-transition: all 0.5s ease; |
396 | -moz-transition: all 0.5s ease; | 396 | -moz-transition: all 0.5s ease; |
397 | -ms-transition: all 0.5s ease; | 397 | -ms-transition: all 0.5s ease; |
@@ -557,7 +557,7 @@ footer a { | |||
557 | } | 557 | } |
558 | 558 | ||
559 | .popup-form form { | 559 | .popup-form form { |
560 | background: #FFF; | 560 | background-color: #FFF; |
561 | position: absolute; | 561 | position: absolute; |
562 | top: 0; | 562 | top: 0; |
563 | left: 0; | 563 | left: 0; |
@@ -574,7 +574,7 @@ footer a { | |||
574 | 574 | ||
575 | .closeMessage, | 575 | .closeMessage, |
576 | .close-button { | 576 | .close-button { |
577 | background: #000; | 577 | background-color: #000; |
578 | color: #FFF; | 578 | color: #FFF; |
579 | font-size: 1.2em; | 579 | font-size: 1.2em; |
580 | line-height: 1.6; | 580 | line-height: 1.6; |
@@ -587,7 +587,7 @@ footer a { | |||
587 | .closeMessage:focus, | 587 | .closeMessage:focus, |
588 | .close-button:hover, | 588 | .close-button:hover, |
589 | .close-button:focus { | 589 | .close-button:focus { |
590 | background: #999; | 590 | background-color: #999; |
591 | color: #000; | 591 | color: #000; |
592 | } | 592 | } |
593 | 593 | ||
@@ -657,15 +657,16 @@ a.add-to-wallabag-link-after:after { | |||
657 | @font-face { | 657 | @font-face { |
658 | font-family: 'icomoon'; | 658 | font-family: 'icomoon'; |
659 | src:url('../fonts/icomoon.eot?-s0mcsx'); | 659 | src:url('../fonts/icomoon.eot?-s0mcsx'); |
660 | src:url('../fonts/icomoon.eot?#iefix-s0mcsx') format('embedded-opentype'), | 660 | src:url('../fonts/icomoon.eot?#iefix-s0mcsx') format('embedded-opentype'), |
661 | url('../fonts/icomoon.woff?-s0mcsx') format('woff'), | 661 | url('../fonts/icomoon.woff?-s0mcsx') format('woff'), |
662 | url('../fonts/icomoon.ttf?-s0mcsx') format('truetype'), | 662 | url('../fonts/icomoon.ttf?-s0mcsx') format('truetype'), |
663 | url('../fonts/icomoon.svg?-s0mcsx#icomoon') format('svg'); | 663 | url('../fonts/icomoon.svg?-s0mcsx#icomoon') format('svg'); |
664 | font-weight: normal; | 664 | font-weight: normal; |
665 | font-style: normal; | 665 | font-style: normal; |
666 | } | 666 | } |
667 | 667 | ||
668 | .icon span { | 668 | .icon span, |
669 | .icon-image span { | ||
669 | position: absolute; | 670 | position: absolute; |
670 | top: -9999px; | 671 | top: -9999px; |
671 | } | 672 | } |
@@ -735,6 +736,40 @@ a.add-to-wallabag-link-after:after { | |||
735 | .icon-print:before { | 736 | .icon-print:before { |
736 | content: "\e80d"; | 737 | content: "\e80d"; |
737 | } | 738 | } |
739 | .icon-random:before { | ||
740 | content: "\e915"; | ||
741 | } | ||
742 | .icon-reload:before { | ||
743 | content: "\ea2e"; | ||
744 | } | ||
745 | .icon-evernote:before { | ||
746 | content: "\e603"; | ||
747 | } | ||
748 | .icon-tags:before { | ||
749 | content: "\e936"; | ||
750 | } | ||
751 | |||
752 | |||
753 | /* .icon-image class, for image-based icons | ||
754 | ========================================================================== */ | ||
755 | |||
756 | .icon-image { | ||
757 | background-size: 16px 16px; | ||
758 | background-repeat: no-repeat; | ||
759 | background-position: center; | ||
760 | padding-right: 1em !important; | ||
761 | padding-left: 1em !important; | ||
762 | } | ||
763 | |||
764 | /* Carrot (http://carrot.org) */ | ||
765 | .icon-image--carrot { | ||
766 | background-image: url('../../_global/img/icons/carrot-icon--white.png'); | ||
767 | } | ||
768 | |||
769 | /* Diaspora */ | ||
770 | .icon-image--diaspora { | ||
771 | background-image: url('../../_global/img/icons/diaspora-icon--black.png'); | ||
772 | }} | ||
738 | 773 | ||
739 | /* ========================================================================== | 774 | /* ========================================================================== |
740 | Icon selected | 775 | Icon selected |
@@ -805,7 +840,7 @@ a.add-to-wallabag-link-after:after { | |||
805 | 840 | ||
806 | blockquote { | 841 | blockquote { |
807 | border:1px solid #999; | 842 | border:1px solid #999; |
808 | background: #FFF; | 843 | background-color: #FFF; |
809 | padding: 1em; | 844 | padding: 1em; |
810 | margin: 0; | 845 | margin: 0; |
811 | } | 846 | } |
@@ -838,14 +873,14 @@ blockquote { | |||
838 | } | 873 | } |
839 | 874 | ||
840 | #article_toolbar a { | 875 | #article_toolbar a { |
841 | background: #000; | 876 | background-color: #000; |
842 | padding: 0.3em 0.5em 0.2em; | 877 | padding: 0.3em 0.5em 0.2em; |
843 | color: #FFF; | 878 | color: #FFF; |
844 | text-decoration: none; | 879 | text-decoration: none; |
845 | } | 880 | } |
846 | 881 | ||
847 | #article_toolbar a:hover, #article_toolbar a:focus { | 882 | #article_toolbar a:hover, #article_toolbar a:focus { |
848 | background: #999; | 883 | background-color: #999; |
849 | } | 884 | } |
850 | 885 | ||
851 | .shaarli:before { | 886 | .shaarli:before { |
@@ -868,7 +903,7 @@ blockquote { | |||
868 | } | 903 | } |
869 | 904 | ||
870 | .icon-rss { | 905 | .icon-rss { |
871 | background: #000; | 906 | background-color: #000; |
872 | color: #FFF; | 907 | color: #FFF; |
873 | padding: 0.2em 0.5em; | 908 | padding: 0.2em 0.5em; |
874 | } | 909 | } |
@@ -883,7 +918,7 @@ blockquote { | |||
883 | } | 918 | } |
884 | 919 | ||
885 | .list-tags .icon-rss:hover, .list-tags .icon-rss:focus { | 920 | .list-tags .icon-rss:hover, .list-tags .icon-rss:focus { |
886 | background: #FFF; | 921 | background-color: #FFF; |
887 | color: #000; | 922 | color: #000; |
888 | text-decoration: none; | 923 | text-decoration: none; |
889 | } | 924 | } |
@@ -944,7 +979,7 @@ pre code { | |||
944 | margin-left: 0; | 979 | margin-left: 0; |
945 | } | 980 | } |
946 | body > header { | 981 | body > header { |
947 | background: #333; | 982 | background-color: #333; |
948 | position: fixed; | 983 | position: fixed; |
949 | top: 0; | 984 | top: 0; |
950 | width: 100%; | 985 | width: 100%; |
@@ -990,11 +1025,11 @@ pre code { | |||
990 | width: 2.5em; | 1025 | width: 2.5em; |
991 | height: 2.5em; | 1026 | height: 2.5em; |
992 | cursor: pointer; | 1027 | cursor: pointer; |
993 | background: #999; | 1028 | background-color: #999; |
994 | font-size: 1.2em; | 1029 | font-size: 1.2em; |
995 | } | 1030 | } |
996 | .desktopHide:hover, .desktopHide:focus { | 1031 | .desktopHide:hover, .desktopHide:focus { |
997 | background: #FFF; | 1032 | background-color: #FFF; |
998 | } | 1033 | } |
999 | #links { | 1034 | #links { |
1000 | display: none; | 1035 | display: none; |
@@ -1046,4 +1081,3 @@ pre code { | |||
1046 | width: 100%; | 1081 | width: 100%; |
1047 | } | 1082 | } |
1048 | } | 1083 | } |
1049 | |||