1 /* ==========================================================================
11 ========================================================================== */
18 background-color: #eee;
22 background-color: #333;
31 background-color: #fff;
33 box-shadow: 0 1px 8px rgba
(0, 0, 0, 0.9);
48 /* ==========================================================================
50 ========================================================================== */
54 background-color: #000;
71 font-family: "PT Sans", sans-serif
;
72 text-transform: uppercase
;
87 text-decoration: none
;
92 text-decoration: none
;
101 form input
[type
="text"],
102 form input
[type
="number"],
104 form input
[type
="password"],
105 form input
[type
="url"],
106 form input
[type
="email"] {
107 border: 1px solid
#999;
113 @media screen and
(-webkit-min-device-pixel-ratio: 0) {
115 -webkit-appearance: none
;
117 background: #fff url
("../../_global/img/bg-select.png") no-repeat right center
;
122 display: inline-block
;
131 display: inline-block
;
141 margin-bottom: 0.5em;
145 input
[type
="submit"] {
147 background-color: #000;
151 display: inline-block
;
152 border: 1px solid
#000;
157 input
[type
="submit"]:hover
,
158 input
[type
="submit"]:focus
{
159 background-color: #fff;
161 -webkit-transition: all
0.5s ease
;
162 -moz-transition: all
0.5s ease
;
163 -ms-transition: all
0.5s ease
;
164 -o-transition: all
0.5s ease
;
165 transition: all
0.5s ease
;
176 background-color: #000;
197 background-color: #333;
200 box-shadow: inset
-4px 0 20px rgba
(0, 0, 0, 0.6);
214 padding: 0.5em 2em 0.5em 1em;
217 text-transform: uppercase
;
218 text-decoration: none
;
220 font-family: "PT Sans", sans-serif
;
221 -webkit-transition: all
0.5s ease
;
222 -moz-transition: all
0.5s ease
;
223 -ms-transition: all
0.5s ease
;
224 -o-transition: all
0.5s ease
;
225 transition: all
0.5s ease
;
228 #links > li
> a:hover
,
229 #links > li
> a:focus
{
230 background-color: #999;
234 #links .current::after
{
241 border-color: transparent
#eee transparent transparent
;
247 #links li:last-child
{
253 #links li:last-child
a::before
{
261 list-style-type: none
;
263 display: inline-block
;
277 vertical-align: middle
;
281 vertical-align: baseline
;
290 vertical-align: middle
;
298 display: inline-block
;
299 text-decoration: none
;
306 #listmode.tablemode
{
307 background-image: url
("../img/baggy/table.png");
308 background-repeat: no-repeat
;
309 background-position: bottom
;
313 background-image: url
("../img/baggy/list.png");
314 background-repeat: no-repeat
;
315 background-position: bottom
;
320 background-color: #ff6347;
328 /* ==========================================================================
330 ========================================================================== */
354 letter-spacing: -5px;
358 width: 100% !important
;
359 margin-left: 0 !important
;
362 .list-entries + .results {
366 .estimatedTime .reading-time {
373 .estimatedTime small {
379 background-color: #fff;
380 letter-spacing: normal
;
381 box-shadow: 0 3px 7px rgba
(0, 0, 0, 0.3);
382 display: inline-block
;
384 margin-bottom: 1.5em;
389 padding: 1.5em 1.5em 3em 1.5em;
397 border-color: transparent transparent
#000 transparent
;
403 -webkit-transition: all
0.5s ease
;
404 -moz-transition: all
0.5s ease
;
405 -ms-transition: all
0.5s ease
;
406 -o-transition: all
0.5s ease
;
407 transition: all
0.5s ease
;
417 background-color: #000;
418 -webkit-transition: all
0.5s ease
;
419 -moz-transition: all
0.5s ease
;
420 -ms-transition: all
0.5s ease
;
421 -o-transition: all
0.5s ease
;
422 transition: all
0.5s ease
;
426 box-shadow: 0 3px 10px rgba
(0, 0, 0, 1);
429 .entry:hover::after {
433 .entry:hover::before {
442 text-transform: none
;
453 text-decoration: none
;
455 word-wrap: break-word
;
456 -webkit-transition: all
0.5s ease
;
457 -moz-transition: all
0.5s ease
;
458 -ms-transition: all
0.5s ease
;
459 -o-transition: all
0.5s ease
;
460 transition: all
0.5s ease
;
473 .entry h2 a::first-letter {
474 text-transform: uppercase
;
477 .entry:hover .tools {
487 padding-right: 0.5em;
489 -webkit-transition: all
0.5s ease
;
490 -moz-transition: all
0.5s ease
;
491 -ms-transition: all
0.5s ease
;
492 -o-transition: all
0.5s ease
;
493 transition: all
0.5s ease
;
498 text-decoration: none
;
503 .entry .tools a:hover {
508 display: inline-block
;
511 .entry:nth-child(3n+1) {
516 letter-spacing: -5px;
521 display: inline-block
;
523 letter-spacing: normal
;
539 div
.pagination ul
> * {
540 display: inline-block
;
544 div
.pagination ul a
{
546 text-decoration: none
;
549 div
.pagination ul
a:hover
,
550 div
.pagination ul
a:focus
{
551 text-decoration: underline
;
554 div
.pagination ul
.prev
.disabled
,
555 div
.pagination ul
.next
.disabled
{
559 div
.pagination ul
.current
{
562 border: 1px solid
#d5d5d5;
563 text-decoration: none
;
566 background-color: #ccc;
569 /* ==========================================================================
570 2.1 = "save a link" related styles
571 ========================================================================== */
574 background: rgba
(0, 0, 0, 0.5);
582 margin-top: -30% !important
;
585 border-left: 1px #eee solid
;
589 background-color: #fff;
594 border: 10px solid
#000;
600 #bagit-form-form .addurl
{
606 background-color: #000;
613 text-decoration: none
;
619 .close-button:focus {
620 background-color: #999;
624 .close-button--popup {
625 display: inline-block
;
633 background-color: #999;
636 .active-current::after {
643 border-color: transparent
#eee transparent transparent
;
653 .add-to-wallabag-link-after {
654 background-color: #000;
656 padding: 0 3px 2px 3px;
659 a
.add-to-wallabag-link-after
{
663 transition-duration: 2s;
664 transition-timing-function: ease-out
;
667 #article article
a:hover
+ a
.add-to-wallabag-link-after
,
668 a
.add-to-wallabag-link-after:hover
{
671 transition-duration: 0.3s;
672 transition-timing-function: ease-in
;
675 a
.add-to-wallabag-link-after::after
{
688 /* ==========================================================================
690 ========================================================================== */
693 font-family: icomoon
;
694 src: url
("../fonts/icomoon.eot?-s0mcsx");
696 url
("../fonts/icomoon.eot?#iefix-s0mcsx") format
("embedded-opentype"),
697 url
("../fonts/icomoon.woff?-s0mcsx") format
("woff"),
698 url
("../fonts/icomoon.ttf?-s0mcsx") format
("truetype"),
699 url
("../fonts/icomoon.svg?-s0mcsx#icomoon") format
("svg");
705 font-family: 'Material Icons';
708 src: url
(../fonts
/MaterialIcons-Regular
.eot
);
710 src: local
("Material Icons"), local
("MaterialIcons-Regular"), url
(../fonts
/MaterialIcons-Regular
.woff2
) format
("woff2"), url
(../fonts
/MaterialIcons-Regular
.woff
) format
("woff"), url
(../fonts
/MaterialIcons-Regular
.ttf
) format
("truetype");
714 font-family: 'Material Icons';
717 font-size: 1em; /* Preferred icon size */
720 display: inline-block
;
722 text-transform: none
;
723 letter-spacing: normal
;
728 /* Support for all WebKit browsers. */
729 -webkit-font-smoothing: antialiased
;
730 /* Support for Safari and Chrome. */
731 text-rendering: optimizeLegibility
;
733 /* Support for Firefox. */
734 -moz-osx-font-smoothing: grayscale
;
736 /* Support for IE. */
737 font-feature-settings: 'liga';
740 .material-icons.md-18 { font-size: 18px; }
741 .material-icons.md-24 { font-size: 24px; }
742 .material-icons.md-36 { font-size: 36px; }
743 .material-icons.md-48 { font-size: 48px; }
751 [class^
="icon-"]::before
,
752 [class
*=" icon-"]::before
{
753 font-family: icomoon
;
757 font-variant: normal
;
758 text-transform: none
;
761 /* Better Font Rendering =========== */
762 -webkit-font-smoothing: antialiased
;
763 -moz-osx-font-smoothing: grayscale
;
766 .icon-flattr::before {
774 .icon-up-open::before {
782 .icon-check::before {
790 .icon-reply::before {
798 .icon-clock::before {
802 .icon-twitter::before {
806 .icon-down-open::before {
810 .icon-trash::before {
814 .icon-delete::before {
818 .icon-power::before {
822 .icon-arrow-up-thick::before {
830 .icon-print::before {
834 .icon-reload::before {
838 .icon-price-tags::before {
842 /* .icon-image class, for image-based icons
843 ========================================================================== */
846 background-size: 16px 16px;
847 background-repeat: no-repeat
;
848 background-position: center
;
849 padding-right: 1em !important
;
850 padding-left: 1em !important
;
853 /* Carrot (http://carrot.org) */
854 .icon-image--carrot {
855 background-image: url
("../../_global/img/icons/carrot-icon--white.png");
859 .icon-image--diaspora {
860 background-image: url
("../../_global/img/icons/diaspora-icon--black.png");
863 /* ==========================================================================
865 ========================================================================== */
867 .icon-star.fav::before {
871 .icon-check.archive::before {
875 /* ==========================================================================
877 ========================================================================== */
885 display: inline-block
;
904 /* ==========================================================================
906 ========================================================================== */
923 border: 1px solid
#999;
924 background-color: #fff;
936 text-transform: none
;
954 #article_toolbar li
{
955 display: inline-block
;
959 background-color: #000;
960 padding: 0.3em 0.5em 0.2em;
962 text-decoration: none
;
965 #article_toolbar a:hover
,
966 #article_toolbar a:focus
{
967 background-color: #999;
979 text-decoration: none
;
994 background-color: #000;
996 padding: 0.2em 0.5em;
1005 margin-bottom: 0.5em;
1008 .list-tags
.icon-rss:hover
,
1009 .list-tags .icon-rss:focus {
1010 background-color: #fff;
1012 text-decoration: none
;
1016 text-decoration: none
;
1020 .list-tags a:focus {
1021 text-decoration: underline
;
1025 font-family: "Courier New", Courier
, monospace
;
1034 background-color: #fff;
1036 padding-right: 30px;
1038 border-left: 1px #333 solid
;
1043 #filter-form form
.filter-group
{
1053 background-color: #fff;
1055 padding-right: 30px;
1057 border-left: 1px #333 solid
;
1064 padding: .5em 2em .5em 1em;
1067 text-transform: uppercase
;
1068 text-decoration: none
;
1070 font-family: PT Sans
,sans-serif
;
1071 transition: all
.5s ease
;
1074 /* ==========================================================================
1076 ========================================================================== */
1078 @media screen and
(max-width: 1050px) {
1082 .entry:nth-child(3n+1) {
1085 .entry:nth-child(2n+1) {
1090 @media screen and
(max-width: 900px) {
1099 @media screen and
(max-width: 700px) {
1109 @media screen and
(max-width: 500px) {
1116 background-color: #333;
1124 #links li:last-child
{
1129 #links li:last-child
a::before
{
1156 margin-left: -37.5px;
1169 background-color: #999;
1173 .desktopHide:focus {
1174 background-color: #fff;
1195 padding-right: 1.5em;
1200 #article_toolbar .topPosF
{
1212 #article_toolbar a
{
1213 padding: 0.3em 0.4em 0.2em;