diff options
author | Nicolas LÅ“uillet <nicolas@loeuillet.org> | 2015-08-03 13:21:11 +0200 |
---|---|---|
committer | Nicolas LÅ“uillet <nicolas@loeuillet.org> | 2015-08-03 13:21:11 +0200 |
commit | c766284d522206578e7ec154961e0fce456f70c8 (patch) | |
tree | a5246151bf8278a0e8053b9dd1ce9d770073c50b /themes/baggy/css/main.css | |
parent | c0cb52c07439c974075c302a190a034a8cce4f92 (diff) | |
parent | e968ec6c2244aee600358b3c87648b2409c97945 (diff) | |
download | wallabag-c766284d522206578e7ec154961e0fce456f70c8.tar.gz wallabag-c766284d522206578e7ec154961e0fce456f70c8.tar.zst wallabag-c766284d522206578e7ec154961e0fce456f70c8.zip |
Merge pull request #1267 from wallabag/dev1.9.1
1.9.1
Diffstat (limited to 'themes/baggy/css/main.css')
-rwxr-xr-x | themes/baggy/css/main.css | 137 |
1 files changed, 97 insertions, 40 deletions
diff --git a/themes/baggy/css/main.css b/themes/baggy/css/main.css index b93a78b8..9ca58fbe 100755 --- a/themes/baggy/css/main.css +++ b/themes/baggy/css/main.css | |||
@@ -399,19 +399,19 @@ footer a { | |||
399 | transition: all 0.5s ease; | 399 | transition: all 0.5s ease; |
400 | } | 400 | } |
401 | 401 | ||
402 | .entrie:hover { | 402 | .entrie:hover, .eselected { |
403 | box-shadow: 0 3px 10px rgba(0,0,0,1); | 403 | box-shadow: 0 3px 10px rgba(0,0,0,1); |
404 | } | 404 | } |
405 | 405 | ||
406 | .entrie:hover:after { | 406 | .entrie:hover:after, .eselected:after { |
407 | height: 40px; | 407 | height: 40px; |
408 | } | 408 | } |
409 | 409 | ||
410 | .entrie:hover:before { | 410 | .entrie:hover:before, .eselected:before { |
411 | bottom: 2.4em; | 411 | bottom: 2.4em; |
412 | } | 412 | } |
413 | 413 | ||
414 | .entrie:hover h2 a { | 414 | .entrie:hover h2 a, .eselected h2 a { |
415 | color: #666; | 415 | color: #666; |
416 | } | 416 | } |
417 | 417 | ||
@@ -421,9 +421,9 @@ footer a { | |||
421 | line-height: 1.2; | 421 | line-height: 1.2; |
422 | } | 422 | } |
423 | 423 | ||
424 | .entrie h2:after { | 424 | .entrie h2:after { |
425 | content: none; | 425 | content: none; |
426 | } | 426 | } |
427 | 427 | ||
428 | 428 | ||
429 | .entrie h2 a { | 429 | .entrie h2 a { |
@@ -437,16 +437,6 @@ footer a { | |||
437 | -o-transition: all 0.5s ease; | 437 | -o-transition: all 0.5s ease; |
438 | transition: all 0.5s ease; | 438 | transition: all 0.5s ease; |
439 | } | 439 | } |
440 | /* | ||
441 | .entrie h2 a:after { | ||
442 | content: ""; | ||
443 | position: absolute; | ||
444 | top: 0; | ||
445 | width: 100%; | ||
446 | height: 100%; | ||
447 | left: 0; | ||
448 | } | ||
449 | */ | ||
450 | 440 | ||
451 | .entrie p { | 441 | .entrie p { |
452 | color: #666; | 442 | color: #666; |
@@ -454,12 +444,8 @@ footer a { | |||
454 | line-height: 1.7; | 444 | line-height: 1.7; |
455 | } | 445 | } |
456 | 446 | ||
457 | .entrie h2 a:first-letter { | 447 | .entrie h2 a:first-letter { |
458 | text-transform: uppercase; | 448 | text-transform: uppercase; |
459 | } | ||
460 | |||
461 | .entrie:hover .tools { | ||
462 | bottom: 0; | ||
463 | } | 449 | } |
464 | 450 | ||
465 | .entrie .tools { | 451 | .entrie .tools { |
@@ -477,20 +463,25 @@ footer a { | |||
477 | transition: all 0.5s ease; | 463 | transition: all 0.5s ease; |
478 | } | 464 | } |
479 | 465 | ||
480 | .entrie .tools a { | 466 | .entrie:hover .tools, .eselected .tools { |
481 | color: #666; | 467 | bottom: 0; |
482 | text-decoration: none; | 468 | } |
483 | display: block; | ||
484 | padding: 0.4em; | ||
485 | } | ||
486 | 469 | ||
487 | .entrie .tools a:hover { | ||
488 | color: #FFF; | ||
489 | } | ||
490 | 470 | ||
491 | .entrie .tools li { | 471 | .entrie .tools a { |
492 | display: inline-block; | 472 | color: #666; |
493 | } | 473 | text-decoration: none; |
474 | display: block; | ||
475 | padding: 0.4em; | ||
476 | } | ||
477 | |||
478 | .entrie .tools a:hover { | ||
479 | color: #FFF; | ||
480 | } | ||
481 | |||
482 | .entrie .tools li { | ||
483 | display: inline-block; | ||
484 | } | ||
494 | 485 | ||
495 | .entrie:nth-child(3n+1) { | 486 | .entrie:nth-child(3n+1) { |
496 | margin-left: 0; | 487 | margin-left: 0; |
@@ -748,6 +739,15 @@ a.add-to-wallabag-link-after:after { | |||
748 | .icon-tags:before { | 739 | .icon-tags:before { |
749 | content: "\e936"; | 740 | content: "\e936"; |
750 | } | 741 | } |
742 | .icon-previous:before { | ||
743 | content: "\e606"; | ||
744 | } | ||
745 | .icon-next:before { | ||
746 | content: "\e605"; | ||
747 | } | ||
748 | .icon-archiveandnext:before { | ||
749 | content: "\e607"; | ||
750 | } | ||
751 | 751 | ||
752 | 752 | ||
753 | /* .icon-image class, for image-based icons | 753 | /* .icon-image class, for image-based icons |
@@ -766,10 +766,14 @@ a.add-to-wallabag-link-after:after { | |||
766 | background-image: url('../../_global/img/icons/carrot-icon--white.png'); | 766 | background-image: url('../../_global/img/icons/carrot-icon--white.png'); |
767 | } | 767 | } |
768 | 768 | ||
769 | .icon-image--shaarli { | ||
770 | background-image: url('../../_global/img/icons/shaarli.png'); | ||
771 | } | ||
772 | |||
769 | /* Diaspora */ | 773 | /* Diaspora */ |
770 | .icon-image--diaspora { | 774 | .icon-image--diaspora { |
771 | background-image: url('../../_global/img/icons/diaspora-icon--black.png'); | 775 | background-image: url('../../_global/img/icons/diaspora-icon--black.png'); |
772 | }} | 776 | } |
773 | 777 | ||
774 | /* ========================================================================== | 778 | /* ========================================================================== |
775 | Icon selected | 779 | Icon selected |
@@ -864,6 +868,20 @@ blockquote { | |||
864 | font-size: 1.5em; | 868 | font-size: 1.5em; |
865 | } | 869 | } |
866 | 870 | ||
871 | .leftPosF { | ||
872 | position: fixed; | ||
873 | right: 24%; | ||
874 | bottom: 2em; | ||
875 | font-size: 1.5em; | ||
876 | } | ||
877 | |||
878 | .rightPosF { | ||
879 | position: fixed; | ||
880 | right: 16%; | ||
881 | bottom: 2em; | ||
882 | font-size: 1.5em; | ||
883 | } | ||
884 | |||
867 | #article_toolbar { | 885 | #article_toolbar { |
868 | margin-bottom: 1em; | 886 | margin-bottom: 1em; |
869 | } | 887 | } |
@@ -883,10 +901,6 @@ blockquote { | |||
883 | background-color: #999; | 901 | background-color: #999; |
884 | } | 902 | } |
885 | 903 | ||
886 | .shaarli:before { | ||
887 | content: "*"; | ||
888 | } | ||
889 | |||
890 | .return { | 904 | .return { |
891 | text-decoration: none; | 905 | text-decoration: none; |
892 | margin-top: 1em; | 906 | margin-top: 1em; |
@@ -937,6 +951,35 @@ pre code { | |||
937 | font-size: 0.96em; | 951 | font-size: 0.96em; |
938 | } | 952 | } |
939 | 953 | ||
954 | /* ========================================================================== | ||
955 | 5.1 = Tags-related styles | ||
956 | ========================================================================== */ | ||
957 | |||
958 | .suggestedtag { | ||
959 | padding: 4px; | ||
960 | cursor: pointer; | ||
961 | display: inline-block; | ||
962 | } | ||
963 | |||
964 | #tagcloud .smallesttag { | ||
965 | font-size: x-small; | ||
966 | } | ||
967 | |||
968 | #tagcloud .smalltag { | ||
969 | font-size: small; | ||
970 | } | ||
971 | |||
972 | #tagcloud .mediumtag { | ||
973 | font-size:medium; | ||
974 | } | ||
975 | |||
976 | #tagcloud .largetag { | ||
977 | font-size:large; | ||
978 | } | ||
979 | |||
980 | #tagcloud .largesttag { | ||
981 | font-size:larger; | ||
982 | } | ||
940 | 983 | ||
941 | /* ========================================================================== | 984 | /* ========================================================================== |
942 | 6 = Media Queries | 985 | 6 = Media Queries |
@@ -961,6 +1004,12 @@ pre code { | |||
961 | .topPosF { | 1004 | .topPosF { |
962 | right: 2.5em; | 1005 | right: 2.5em; |
963 | } | 1006 | } |
1007 | .leftPosF { | ||
1008 | right: 4.5em; | ||
1009 | } | ||
1010 | .rightPosF { | ||
1011 | right: 0.5em; | ||
1012 | } | ||
964 | } | 1013 | } |
965 | 1014 | ||
966 | @media screen and (max-width: 700px) { | 1015 | @media screen and (max-width: 700px) { |
@@ -1054,6 +1103,14 @@ pre code { | |||
1054 | display: none; | 1103 | display: none; |
1055 | } | 1104 | } |
1056 | 1105 | ||
1106 | #article_toolbar .leftPosF { | ||
1107 | display: none; | ||
1108 | } | ||
1109 | |||
1110 | #article_toolbar .rightPosF { | ||
1111 | display: none; | ||
1112 | } | ||
1113 | |||
1057 | #article { | 1114 | #article { |
1058 | width: 100%; | 1115 | width: 100%; |
1059 | } | 1116 | } |