1 /* ==========================================================================
11 ========================================================================== */
33 box-shadow: 0 1px 8px rgba
(0,0,0,0.9);
48 /* ==========================================================================
50 ========================================================================== */
69 font-family: 'PT Sans', sans-serif
;
70 text-transform: uppercase
;
83 text-decoration: none
;
92 form input
[type
="text"], select
, form input
[type
="password"], form input
[type
="url"] {
93 border: 1px solid
#999;
99 @media screen and
(-webkit-min-device-pixel-ratio:0){
101 -webkit-appearance: none
;
103 background: #FFF url
(../img
/bg-select
.png
) no-repeat right center
;
112 display: inline-block
;
121 display: inline-block
;
127 margin-bottom: 0.5em;
130 form button
, input
[type
="submit"] {
136 display: inline-block
;
137 border:1px solid
#000;
140 form
button:hover
, form
button:focus
, input
[type
="submit"]:hover
, input
[type
="submit"]:focus
{
143 -webkit-transition: all
0.5s ease
;
144 -moz-transition: all
0.5s ease
;
145 -ms-transition: all
0.5s ease
;
146 -o-transition: all
0.5s ease
;
147 transition: all
0.5s ease
;
182 box-shadow:inset
-4px 0 20px rgba
(0,0,0,0.6);
196 padding: 0.5em 2em 0.5em 1em;
199 text-transform: uppercase
;
200 text-decoration: none
;
202 font-family: 'PT Sans', sans-serif
;
203 -webkit-transition: all
0.5s ease
;
204 -moz-transition: all
0.5s ease
;
205 -ms-transition: all
0.5s ease
;
206 -o-transition: all
0.5s ease
;
207 transition: all
0.5s ease
;
210 #links a:hover
, #links
a:focus
{
215 #links .current:after
{
222 border-color: transparent
#EEE transparent transparent
;
228 #links li:last-child
{
234 #links li:last-child
a:before
{
243 list-style-type: none
;
245 display: inline-block
;
259 vertical-align: middle
;
263 vertical-align: baseline
;
271 vertical-align: middle
;
278 display: inline-block
;
279 text-decoration: none
;
285 background-image: url
("../img/baggy/table.png");
286 background-repeat: no-repeat
;
287 background-position: bottom
;
290 background-image: url
("../img/baggy/list.png");
291 background-repeat: no-repeat
;
292 background-position: bottom
;
296 /* ==========================================================================
298 ========================================================================== */
326 width: 100%!important
;
327 margin-left: 0!important
;
330 .listmode .entrie p {
334 .list-entries + .results {
345 .estimatedTime small {
352 letter-spacing:normal
;
353 box-shadow: 0 3px 7px rgba
(0,0,0,0.3);
354 display: inline-block
;
356 margin-bottom: 1.5em;
361 padding: 1.5em 1.5em 3em 1.5em;
362 -webkit-transition: all
0.5s ease
;
363 -moz-transition: all
0.5s ease
;
364 -ms-transition: all
0.5s ease
;
365 -o-transition: all
0.5s ease
;
366 transition: all
0.5s ease
;
374 border-color: transparent transparent
#000 transparent
;
380 -webkit-transition: all
0.5s ease
;
381 -moz-transition: all
0.5s ease
;
382 -ms-transition: all
0.5s ease
;
383 -o-transition: all
0.5s ease
;
384 transition: all
0.5s ease
;
395 -webkit-transition: all
0.5s ease
;
396 -moz-transition: all
0.5s ease
;
397 -ms-transition: all
0.5s ease
;
398 -o-transition: all
0.5s ease
;
399 transition: all
0.5s ease
;
403 box-shadow: 0 3px 10px rgba
(0,0,0,1);
406 .entrie:hover:after {
410 .entrie:hover:before {
419 text-transform: none
;
430 text-decoration: none
;
432 word-wrap: break-word
;
433 -webkit-transition: all
0.5s ease
;
434 -moz-transition: all
0.5s ease
;
435 -ms-transition: all
0.5s ease
;
436 -o-transition: all
0.5s ease
;
437 transition: all
0.5s ease
;
456 .entrie h2 a:first-letter {
457 text-transform: uppercase
;
460 .entrie:hover .tools {
470 padding-right: 0.5em;
472 -webkit-transition: all
0.5s ease
;
473 -moz-transition: all
0.5s ease
;
474 -ms-transition: all
0.5s ease
;
475 -o-transition: all
0.5s ease
;
476 transition: all
0.5s ease
;
481 text-decoration: none
;
486 .entrie .tools a:hover {
491 display: inline-block
;
494 .entrie:nth-child(3n+1) {
499 letter-spacing: -5px;
504 display: inline-block
;
506 letter-spacing: normal
;
522 display: inline-block
;
528 text-decoration: none
;
531 .pagination a:hover, .pagination a:focus {
532 text-decoration: underline
;
535 .pagination .disabled {
539 /* ==========================================================================
540 2.1 = "save a link" related styles
541 ========================================================================== */
543 #bagit-form, #search-form
{
544 background: rgba
(0,0,0,0.5);
555 border-left: 1px #EEE solid
;
558 #bagit-form form
, #search-form form
{
564 border: 10px solid
#000;
567 /* margin: -150px 0 0 -300px; */
571 a#bagit-form-close
, a#search-form-close
{
574 padding: 0.2em 0.5em;
575 text-decoration: none
;
576 display: inline-block
;
580 a#
bagit-form-close:hover
, a#
search-form-close:hover
{
586 background-color: #999;
589 .active-current:after {
596 border-color: transparent
#EEE transparent transparent
;
606 .add-to-wallabag-link-after {
607 background-color: #000;
609 padding: 0 3px 2px 3px;
612 a
.add-to-wallabag-link-after
{
616 transition-duration: 2s;
617 transition-timing-function: ease-out
;
620 #article article
a:hover
+ a
.add-to-wallabag-link-after
, a
.add-to-wallabag-link-after:hover
{
623 transition-duration: .3s;
624 transition-timing-function: ease-in
;
627 a
.add-to-wallabag-link-after:after
{
636 /* ==========================================================================
637 2.2 = "search for articles" popup div related styles
638 ========================================================================== */
640 background: rgba
(0,0,0,0.5);
651 border-left: 1px #EEE solid
;
660 border: 10px solid
#000;
663 /* margin: -150px 0 0 -300px; */
667 a#search-form-close
{
670 padding: 0.2em 0.5em;
671 text-decoration: none
;
672 display: inline-block
;
676 a#
search-form-close:hover
{
686 /* ==========================================================================
688 ========================================================================== */
691 font-family: 'icomoon';
692 src:url
('../fonts/icomoon.eot?-s0mcsx');
693 src:url
('../fonts/icomoon.eot?#iefix-s0mcsx') format
('embedded-opentype'),
694 url
('../fonts/icomoon.woff?-s0mcsx') format
('woff'),
695 url
('../fonts/icomoon.ttf?-s0mcsx') format
('truetype'),
696 url
('../fonts/icomoon.svg?-s0mcsx#icomoon') format
('svg');
706 [class^
="icon-"]:before
, [class
*=" icon-"]:before
{
707 font-family: 'icomoon';
711 font-variant: normal
;
712 text-transform: none
;
715 /* Better Font Rendering =========== */
716 -webkit-font-smoothing: antialiased
;
717 -moz-osx-font-smoothing: grayscale
;
720 .icon-flattr:before {
726 .icon-up-open:before {
747 .icon-twitter:before {
750 .icon-down-open:before {
756 .icon-delete:before {
762 .icon-arrow-up-thick:before {
772 /* ==========================================================================
774 ========================================================================== */
776 .icon-star.fav:before {
780 /* ==========================================================================
782 ========================================================================== */
789 .messages > * { display: inline-block
;}
794 padding: 0.2em 0.5em;
795 text-decoration: none
;
798 .closeMessage:hover, .closeMessage:focus {
819 /* ==========================================================================
821 ========================================================================== */
838 border:1px solid
#999;
844 #article h2
, #article h3
, #article h4
{
845 text-transform: none
;
863 #article_toolbar li
{
864 display: inline-block
;
869 padding: 0.3em 0.5em 0.2em;
871 text-decoration: none
;
874 #article_toolbar a:hover
, #article_toolbar
a:focus
{
883 text-decoration: none
;
900 padding: 0.2em 0.5em;
909 margin-bottom: 0.5em;
912 .list-tags .icon-rss:hover, .list-tags .icon-rss:focus {
915 text-decoration: none
;
919 text-decoration: none
;
922 .list-tags a:hover, .list-tags a:focus {
923 text-decoration: underline
;
926 /* ==========================================================================
928 ========================================================================== */
930 @media screen and
(max-width: 1050px) {
934 .entrie:nth-child(3n+1) {
937 .entrie:nth-child(2n+1) {
942 @media screen and
(max-width: 900px) {
951 @media screen and
(max-width: 700px) {
961 @media screen and
(max-width: 500px) {
974 #links li:last-child
{
978 #links li:last-child
a:before
{
1001 margin-left: -37.5px;
1016 .desktopHide:hover, .desktopHide:focus {
1031 padding-right: 1.5em;
1035 #article_toolbar .topPosF
{
1046 #article_toolbar a
{
1047 padding: 0.3em 0.4em 0.2em;
1054 #bagit-form, #search-form
{