aboutsummaryrefslogtreecommitdiffhomepage
path: root/themes/baggy/css
diff options
context:
space:
mode:
Diffstat (limited to 'themes/baggy/css')
-rwxr-xr-xthemes/baggy/css/main.css90
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
17body { 17body {
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
130form button, input[type="submit"] { 130form 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
806blockquote { 841blockquote {
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