From 293f120426d2e287d4adecf62fac594cb4699cd2 Mon Sep 17 00:00:00 2001 From: Max Pozdeev Date: Tue, 18 Aug 2020 19:25:46 +0300 Subject: [PATCH] * Facelifting: replace png and gif icons with svg --- src/themes/default/images/COPYRIGHT | 12 +--- src/themes/default/images/add.svg | 3 + src/themes/default/images/arr-left.svg | 3 + src/themes/default/images/arr-right.svg | 3 + src/themes/default/images/arrdown-hover.svg | 5 ++ src/themes/default/images/arrdown.gif | Bin 110 -> 0 bytes src/themes/default/images/arrdown.svg | 3 + src/themes/default/images/arrdown2.gif | Bin 52 -> 0 bytes src/themes/default/images/arrdown2.svg | 3 + src/themes/default/images/buttons.png | Bin 3819 -> 0 bytes src/themes/default/images/checkmark.svg | 3 + src/themes/default/images/closetag.gif | Bin 67 -> 0 bytes src/themes/default/images/closetag.svg | 6 ++ src/themes/default/images/icons.gif | Bin 330 -> 0 bytes src/themes/default/images/mzl.png | Bin 1061 -> 0 bytes src/themes/default/images/newtask-ext.svg | 6 ++ src/themes/default/images/note-toggle.svg | 4 ++ src/themes/default/images/note-toggled.svg | 4 ++ src/themes/default/images/note.svg | 19 ++++++ src/themes/default/images/page_white_text.png | Bin 342 -> 0 bytes src/themes/default/images/plus.svg | 3 + src/themes/default/images/rss-disabled.svg | 14 ++++ src/themes/default/images/rss.svg | 14 ++++ src/themes/default/images/search-cancel.svg | 7 ++ src/themes/default/images/search.svg | 6 ++ src/themes/default/images/selectlist.svg | 5 ++ src/themes/default/images/tagcloud-close.svg | 6 ++ src/themes/default/style.css | 64 +++++++++--------- 28 files changed, 151 insertions(+), 42 deletions(-) create mode 100644 src/themes/default/images/add.svg create mode 100644 src/themes/default/images/arr-left.svg create mode 100644 src/themes/default/images/arr-right.svg create mode 100644 src/themes/default/images/arrdown-hover.svg delete mode 100644 src/themes/default/images/arrdown.gif create mode 100644 src/themes/default/images/arrdown.svg delete mode 100644 src/themes/default/images/arrdown2.gif create mode 100644 src/themes/default/images/arrdown2.svg delete mode 100755 src/themes/default/images/buttons.png create mode 100644 src/themes/default/images/checkmark.svg delete mode 100644 src/themes/default/images/closetag.gif create mode 100644 src/themes/default/images/closetag.svg delete mode 100644 src/themes/default/images/icons.gif delete mode 100755 src/themes/default/images/mzl.png create mode 100644 src/themes/default/images/newtask-ext.svg create mode 100644 src/themes/default/images/note-toggle.svg create mode 100644 src/themes/default/images/note-toggled.svg create mode 100644 src/themes/default/images/note.svg delete mode 100644 src/themes/default/images/page_white_text.png create mode 100644 src/themes/default/images/plus.svg create mode 100644 src/themes/default/images/rss-disabled.svg create mode 100644 src/themes/default/images/rss.svg create mode 100644 src/themes/default/images/search-cancel.svg create mode 100644 src/themes/default/images/search.svg create mode 100644 src/themes/default/images/selectlist.svg create mode 100644 src/themes/default/images/tagcloud-close.svg diff --git a/src/themes/default/images/COPYRIGHT b/src/themes/default/images/COPYRIGHT index 0e134e5..a9ea3a4 100644 --- a/src/themes/default/images/COPYRIGHT +++ b/src/themes/default/images/COPYRIGHT @@ -1,13 +1,7 @@ -Image files page_white_text.png and calendar.png and some icons in buttons.png -are (or based on) icons from Silk Icons set by Mark James (http://www.famfamfam.com/lab/icons/silk/), -licensed under the Creative Commons Attribution 2.5 License (http://creativecommons.org/licenses/by/2.5/). +newtask-ext.svg - ... -Some icons in buttons.png are based on "Silk Companion 1" icons set by Damien Guard -(http://damieng.com/creative/icons/silk-companion-1-icons), licensed under the - Creative Commons Attribution 2.5 License (http://creativecommons.org/licenses/by/2.5/). +rss.svg, rss-disabled.svg - ... -Icons in mzl.png are (or based on) icons from Mozilla Source Code, -(http://www.mozilla.org/MPL/#source-code), licensed under the terms -of tri-license (MPL 1.1/GPL 2.0/LGPL 2.1). +calendar.svg - ... Other images in this directory were made by Max Pozdeev and licensed under the terms of GNU GPL v2+. \ No newline at end of file diff --git a/src/themes/default/images/add.svg b/src/themes/default/images/add.svg new file mode 100644 index 0000000..bce703d --- /dev/null +++ b/src/themes/default/images/add.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/src/themes/default/images/arr-left.svg b/src/themes/default/images/arr-left.svg new file mode 100644 index 0000000..db75bbd --- /dev/null +++ b/src/themes/default/images/arr-left.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/src/themes/default/images/arr-right.svg b/src/themes/default/images/arr-right.svg new file mode 100644 index 0000000..10a128c --- /dev/null +++ b/src/themes/default/images/arr-right.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/src/themes/default/images/arrdown-hover.svg b/src/themes/default/images/arrdown-hover.svg new file mode 100644 index 0000000..71753e8 --- /dev/null +++ b/src/themes/default/images/arrdown-hover.svg @@ -0,0 +1,5 @@ + + + + + \ No newline at end of file diff --git a/src/themes/default/images/arrdown.gif b/src/themes/default/images/arrdown.gif deleted file mode 100644 index 8ea51d98421d45cb4dab99cb402dff0b6536b930..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 110 zcmZ?wbhEHb|EM30vZPJ9eFAUZIz`rCo diff --git a/src/themes/default/images/arrdown.svg b/src/themes/default/images/arrdown.svg new file mode 100644 index 0000000..86aa28e --- /dev/null +++ b/src/themes/default/images/arrdown.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/src/themes/default/images/arrdown2.gif b/src/themes/default/images/arrdown2.gif deleted file mode 100644 index 5934ee402d0580d9437d4cd1b9ffc4427dcb7d7d..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 52 zcmZ?wbhEHbWM^P!XkY+={|x^Xf3h$#FfcOcfcPL81}5&FevZ=uZ+W~8=Q1%^0|5On B3F!a; diff --git a/src/themes/default/images/arrdown2.svg b/src/themes/default/images/arrdown2.svg new file mode 100644 index 0000000..e5de20e --- /dev/null +++ b/src/themes/default/images/arrdown2.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/src/themes/default/images/buttons.png b/src/themes/default/images/buttons.png deleted file mode 100755 index 68763d4c73cea892e7139637a3b65c92dc01555f..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 3819 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 diff --git a/src/themes/default/images/checkmark.svg b/src/themes/default/images/checkmark.svg new file mode 100644 index 0000000..88da80d --- /dev/null +++ b/src/themes/default/images/checkmark.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/src/themes/default/images/closetag.gif b/src/themes/default/images/closetag.gif deleted file mode 100644 index bfea142f79da07d68e1439ab6e759da5b24ad95b..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 67 zcmZ?wbhEHbgya9I@tO0^s6H)*G diff --git a/src/themes/default/images/closetag.svg b/src/themes/default/images/closetag.svg new file mode 100644 index 0000000..7777551 --- /dev/null +++ b/src/themes/default/images/closetag.svg @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/src/themes/default/images/icons.gif b/src/themes/default/images/icons.gif deleted file mode 100644 index 84e18e03c1bd285317f1b0f206bf7c4a2ded13f3..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 330 zcmV-Q0k!@|Nk%w1VPF6t0HOc@000300RMo1fQX2Q|Ns900000000000A^8LW00031 zEC2ui0AK(h00IO57`oj4Fv>}*y*TU5yZ_)bjAZ!;XevZ%8oo>^lZ`;!II%i*e($i* zY*xboa6m@Sms|`-4}f$!g*+W29}cQCB2QYKl?b6$Bjg52OY54&Ji@yfGfB)8J9fQo zFP29?U|Mu_0~Kd^hhuy)MK^(Pk4zJbh%Zli3QIYKoL@mgnOsUOg`1|KFr%uiuCK7M zva__cwzs&sy1N;cycPf&!Ii$M#S>By$rsBKexb*A%?^pk(~QvpquEZ{z}F2_6yn6s zhG|ybWy1m0QRM6HB98O)Xx`aX^3?m`{pZ}YX%c}?+CK&d5rW%83Qa?ThXN`{xL~0& cb`B+W3xyF6nJ`7aerXIzvZTqACKKQQJJiaIp8x;= diff --git a/src/themes/default/images/mzl.png b/src/themes/default/images/mzl.png deleted file mode 100755 index 2707c976bd44dad0830b4e5558920c23913fb717..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1061 zcmV+=1ls$FP)Px#1ZP1_K>z@;j|==^1poj5AY({UO#lFTCIA3{ga82g0001h=l}q9FaQARU;qF* zm;eA5aGbhPJOBUyA9O`nbW?9;ba!ELWdKlNX>N2bPDNB8KR-V|KR+NdE;TMS=gI?N z000AcNklt6F6?%@(-b2PaYZ6BnateS*m&Uac+!lqh0Dv!t&Wb40E7bP=jU(1XOp+1XhV_VfMy{b#5o0#1^+A_0X$k(SHl zAt0<&Dz`$RP&bKCaw?TFz{gRHIK&kRsMYF(N~Q7wzV`O^)ba80Yb0w4CnqPbIy*ae zAmS$uDoKh21_lOV8jZ$lFc@gheA)4MyxZ&bQWZTH7Z(Ym(HJC-*=&x91h%)g-(mkj z?4P6L-Q8US$XOuAaU8#$WHQNt6C$oi;QIRdWnW)k0_DX_CX-dK*K5XatZ=K8l%2iXiw!SXs2voytC!6Sxutl>d|9R|>JKhYI|tbqfxmg0fqn+5G(cABfnhss=YO!-dL@j*eI^mt*uD?*q(k zw==8Nnjan>HkK8l(zDqt!+QYBWHKzBPBUDtyokf$U{h05Y;<%qi%Yopwl+34STq`C zkw}CEgF!yg=kxK6#ajz6g1(SQp=c#bOG|8RZLK6$S6AtTvJ(>%#Vf!Ju$7e+5ol%f zA&-WZ?*Y!9R`>_Pa8-8-I4(9fH^*akc9xoUzd1m2=(yPU_;}u8vD|+W@!nGy85ybl fw@}rzJqGD7+Qt)Lgg%7600000NkvXXu0mjfAy3kE diff --git a/src/themes/default/images/newtask-ext.svg b/src/themes/default/images/newtask-ext.svg new file mode 100644 index 0000000..57e9404 --- /dev/null +++ b/src/themes/default/images/newtask-ext.svg @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/src/themes/default/images/note-toggle.svg b/src/themes/default/images/note-toggle.svg new file mode 100644 index 0000000..9c6720f --- /dev/null +++ b/src/themes/default/images/note-toggle.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/src/themes/default/images/note-toggled.svg b/src/themes/default/images/note-toggled.svg new file mode 100644 index 0000000..7648959 --- /dev/null +++ b/src/themes/default/images/note-toggled.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/src/themes/default/images/note.svg b/src/themes/default/images/note.svg new file mode 100644 index 0000000..f03e4a3 --- /dev/null +++ b/src/themes/default/images/note.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/themes/default/images/page_white_text.png b/src/themes/default/images/page_white_text.png deleted file mode 100644 index 813f712f726c935f9adf8d2f2dd0d7683791ef11..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 342 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!60wlNoGJgf6SkfJR9T^zbpD<_bdI{u9mbgZg z1m~xflqVLYGB~E>C#5QQ<|d}62BjvZR2H60wE-%6;pyTSA|c6o&@eC9QG)Hj&ExYL zO&oVL^)+cM^qd@ApywS>pwx0H@RDN}hq;7mU-SKczYQ-hnrr=;iDAQMZQ+*g=YOM= z!QlMQEn7FbaD->uKAYgo_j9)W&$$zS*W9}m(ey0q$&7l-XEWO0Y(9M=SnhLbwy;d>@~SY$Ku*0xPvIOQeV1x7u_z-2-X>_74(yfh7C znXL|3GZ+d2`3re2hs?MK + + \ No newline at end of file diff --git a/src/themes/default/images/rss-disabled.svg b/src/themes/default/images/rss-disabled.svg new file mode 100644 index 0000000..0090ce9 --- /dev/null +++ b/src/themes/default/images/rss-disabled.svg @@ -0,0 +1,14 @@ + + + RSS feed icon + + + + + + + + \ No newline at end of file diff --git a/src/themes/default/images/rss.svg b/src/themes/default/images/rss.svg new file mode 100644 index 0000000..58c4719 --- /dev/null +++ b/src/themes/default/images/rss.svg @@ -0,0 +1,14 @@ + + + RSS feed icon + + + + + + + + \ No newline at end of file diff --git a/src/themes/default/images/search-cancel.svg b/src/themes/default/images/search-cancel.svg new file mode 100644 index 0000000..8e204ec --- /dev/null +++ b/src/themes/default/images/search-cancel.svg @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/src/themes/default/images/search.svg b/src/themes/default/images/search.svg new file mode 100644 index 0000000..ce245f6 --- /dev/null +++ b/src/themes/default/images/search.svg @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/src/themes/default/images/selectlist.svg b/src/themes/default/images/selectlist.svg new file mode 100644 index 0000000..288bea2 --- /dev/null +++ b/src/themes/default/images/selectlist.svg @@ -0,0 +1,5 @@ + + + + + \ No newline at end of file diff --git a/src/themes/default/images/tagcloud-close.svg b/src/themes/default/images/tagcloud-close.svg new file mode 100644 index 0000000..c9c2a87 --- /dev/null +++ b/src/themes/default/images/tagcloud-close.svg @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/src/themes/default/style.css b/src/themes/default/style.css index 6c7ca5f..eaf07eb 100644 --- a/src/themes/default/style.css +++ b/src/themes/default/style.css @@ -1,6 +1,6 @@ /* This file is a part of myTinyTodo. - Copyright 2009-2010 Max Pozdeev + Copyright 2009-2010,2020 Max Pozdeev */ /* default style */ @@ -48,8 +48,8 @@ a { color:#0000ff; cursor:pointer; text-decoration:underline; } .mtt-tab { background-color:#fbfbfb; border:1px solid #ededed; border-bottom:none; border-top-right-radius:8px; } .mtt-tab a { position:relative; margin:0; font-size:0.9em; text-decoration:none; text-align:center; white-space:nowrap; color:#333333; display:block; height:20px; padding:6px 6px 0px 2px; outline:none; vertical-align:top; } .mtt-tab a span { display:inline-block; min-width:75px; max-width:195px; cursor:pointer; padding:0; overflow:hidden; } -.mtt-tab .list-action { display:none; float:left; position:absolute; top:6px; right:5px; width:15px; height:15px; background:transparent url(images/icons.gif) 0 0 no-repeat; cursor:pointer; } -.mtt-tab .list-action:hover, .mtt-tab .list-action.mtt-menu-button-active { background-position:-16px 0; } +.mtt-tab .list-action { display:none; float:left; position:absolute; top:6px; right:5px; width:16px; height:16px; background:transparent url(images/arrdown.svg) no-repeat; cursor:pointer; } +.mtt-tab .list-action:hover, .mtt-tab .list-action.mtt-menu-button-active { background-image:url(images/arrdown-hover.svg); } .mtt-tab.mtt-tabs-selected span { margin-right:16px; } .mtt-tab.mtt-tabs-selected .list-action { display:block; } .mtt-tab.mtt-tabs-selected { border-color:transparent; background-color:#ededed; } @@ -96,13 +96,12 @@ a { color:#0000ff; cursor:pointer; text-decoration:underline; } } .mtt-tabs-add-button { float:left; margin-top:1px; padding:6px 2px 0px 2px; font-size:0.9em; height:20px; background-color:#fbfbfb; border:1px solid #ededed; border-bottom:none; border-top-right-radius: 8px; } -.mtt-tabs-add-button:hover { cursor:pointer; } -.mtt-tabs-add-button>span { display:block; width:16px; height:16px; background:url(images/buttons.png) 0 0 no-repeat; } -.mtt-tabs-add-button:hover>span { background-position:-16px 0; } +.mtt-tabs-add-button>span { display:block; width:16px; height:16px; background:url(images/plus.svg) no-repeat; } +.mtt-tabs-add-button:hover { cursor:pointer; background-color:#ddd; } #mtt_body.readonly .mtt-tabs-add-button { display:none; } -.mtt-tabs-select-button>span { background:url(images/icons.gif) -64px 0 no-repeat; } -.mtt-tabs-select-button:hover>span, .mtt-tabs-select-button.mtt-menu-button-active>span { background-position:-80px 0; } +.mtt-tabs-select-button>span { background:url(images/selectlist.svg) no-repeat; } +/*.mtt-tabs-select-button:hover>span, .mtt-tabs-select-button.mtt-menu-button-active>span { background:url(images/selectlist.svg) no-repeat; }*/ #mtt_body.no-lists #toolbar > * { visibility:hidden; } @@ -112,8 +111,8 @@ a { color:#0000ff; cursor:pointer; text-decoration:underline; } .mtt-img-button:hover { border:1px solid #ccc; border-radius:3px; } .mtt-img-button span { display:inline-block; width:16px; height:16px; } -.arrdown { display:inline-block; height:7px; width:9px; background:url(images/arrdown.gif); } -.arrdown2 { display:inline-block; height:7px; width:7px; background:url(images/arrdown2.gif); } +.arrdown { display:inline-block; height:9px; width:9px; background:url(images/arrdown2.svg) no-repeat; } +.arrdown2 { display:inline-block; height:7px; width:7px; background:url(images/arrdown2.svg) no-repeat; } /* Quick Task Add */ @@ -125,27 +124,26 @@ a { color:#0000ff; cursor:pointer; text-decoration:underline; } #task_placeholder.placeholding span { display:inline-block; } .mtt-taskbox-icon { width:16px; height:16px; position:absolute; top:50%; margin-top:-8px; } -.mtt-taskbox-icon.mtt-icon-submittask { background:url(images/mzl.png) 0px -32px no-repeat; right:4px; } +.mtt-taskbox-icon.mtt-icon-submittask { background:url(images/add.svg) no-repeat; right:4px; } -#newtask_adv span { background:url(images/buttons.png) 0 -48px no-repeat; } -#newtask_adv:hover span { background-position:-16px -48px; } +#newtask_adv span { background:url(images/newtask-ext.svg) no-repeat; } #mtt_body.show-all-tasks #htab_newtask, #mtt_body.readonly #htab_newtask { display:none; } /* Live Search */ #htab_search { float:right; } #search { - color:#444444; background:#fff; height:1.35em; padding:2px 18px; width:100%; margin-left:-38px; /*padding+border*/ + color:#444444; background:#fff; height:1.35em; padding:2px 20px; width:100%; margin-left:-42px; /*padding+border*/ border:1px solid #ccc; border-radius:10px; } #search_close { display:none; } .mtt-searchbox td { padding:0px; width:180px; } -.mtt-searchbox-c { position:relative; padding-left:38px; /*input padding+border*/ } +.mtt-searchbox-c { position:relative; padding-left:42px; /*input padding+border*/ } .mtt-searchbox-icon { width:16px; height:16px; position:absolute; top:50%; margin-top:-8px; } -.mtt-searchbox-icon.mtt-icon-search { background:url(images/mzl.png) 0px -16px no-repeat; left:4px; top:55%; } -.mtt-searchbox-icon.mtt-icon-cancelsearch { background:url(images/mzl.png) 0px 0px no-repeat; right:4px; } +.mtt-searchbox-icon.mtt-icon-search { background:url(images/search.svg) no-repeat; left:4px; top:50%; } +.mtt-searchbox-icon.mtt-icon-cancelsearch { background:url(images/search-cancel.svg) no-repeat; right:4px; } #searchbar { font-size:1em; font-weight:normal; display:none; margin-top:5px; } #searchbarkeyword { font-weight:bold; } @@ -160,17 +158,17 @@ a { color:#0000ff; cursor:pointer; text-decoration:underline; } .tag-filter { margin-left:3px; margin-right:3px; } .tag-filter-exclude { text-decoration:line-through; } .mtt-filter-header { font-weight:bold; margin-right:.33em; } -.mtt-filter-close { cursor:pointer; position:relative; top:2px; margin-left:3px; display:inline-block; width:10px; height:10px; background:url(images/closetag.gif) 0 0 no-repeat; } +.mtt-filter-close { cursor:pointer; position:relative; top:2px; margin-left:3px; display:inline-block; width:10px; height:10px; background:url(images/closetag.svg) no-repeat; } .task-left { float:left; } -.task-toggle { visibility:hidden; margin-top:2px; cursor:pointer; width:15px; height:15px; float:left; background:url(images/icons.gif) -64px -16px no-repeat; } +.task-toggle { visibility:hidden; margin-top:1px; cursor:pointer; width:16px; height:16px; float:left; background:url(images/note-toggle.svg) no-repeat; } li.task-has-note .task-toggle { visibility:visible; } -li.task-expanded .task-toggle { background-position:-80px -16px; } +li.task-expanded .task-toggle { background-image:url(images/note-toggled.svg); } .task-middle { margin-left:40px; margin-right:20px; } #tasklist { list-style-type: none; margin: 0; padding: 0;} #tasklist li { padding:6px 2px 6px 6px; border-bottom:1px solid #DEDEDE; min-height:18px; margin-bottom:1px; background-color:#fff; } #tasklist li:hover { background-color:#f6f6f6; } -.task-actions { float:right; width:20px; text-align:right; } +.task-actions { float:right; width:20px; min-height:18px; padding-top:1px; text-align:right; } .task-date { color:#999999; font-size:0.8em; margin-left:4px; display:none; } .task-date-completed { color:#999999; display:none; margin-left:5px; } .show-inline-date .task-date { display:inline; } @@ -202,14 +200,14 @@ li.task-completed .task-title a { color:#777777; } border-radius:5px; } -a.taskactionbtn { display:block; float:right; height:15px; width:15px; text-decoration:none; background:url(images/icons.gif) 0 0 no-repeat; display:none; } -li:hover a.taskactionbtn, a.taskactionbtn.mtt-menu-button-active { background-position:-16px 0; display:block;} +a.taskactionbtn { display:block; float:right; height:16px; width:16px; text-decoration:none; background:url(images/arrdown.svg) no-repeat; display:none; } +li:hover a.taskactionbtn, a.taskactionbtn.mtt-menu-button-active { background-image:url(images/arrdown-hover.svg); display:block;} #tasklist.filter-past li, #tasklist.filter-today li, #tasklist.filter-soon li { display:none; } #tasklist.filter-past li.past, #tasklist.filter-today li.today, #tasklist.filter-soon li.soon { display:block; } #tasklist.filter-past li.task-completed, #tasklist.filter-today li.task-completed, #tasklist.filter-soon li.task-completed { display:none; } -.task-note-block { margin-left:2px; color:#777777; background:url(images/page_white_text.png) left 2px no-repeat; padding-left:19px; padding-top:2px; min-height:16px; margin-top:2px; display:none; } +.task-note-block { margin-left:2px; color:#777777; background:url(images/note.svg) left 2px no-repeat; padding-left:19px; padding-top:2px; min-height:16px; margin-top:2px; display:none; } li.task-expanded .task-note-block { display:block; } li.task-completed .task-note-block .task-note { text-decoration:line-through; } .task-note-area { display:none; margin-bottom:5px; } @@ -267,7 +265,7 @@ a.mtt-back-button { font-size:0.8em; } #tagcloud { overflow: hidden; z-index:100; background-color:#f9f9f9; border:1px solid #cccccc; padding:5px; width:100%; max-width:450px; margin:0px 7px 7px 7px; text-align:center; - -moz-box-shadow:1px 2px 5px rgba(0,0,0,0.5); -webkit-box-shadow:1px 2px 5px rgba(0,0,0,0.5); + box-shadow:1px 2px 5px rgba(0,0,0,0.5); } #tagcloud .tag { margin:1px 0px; padding:2px; line-height:140%; color:black; } #tagcloud .tag:hover { background-color:#999988; color:white; } @@ -283,8 +281,8 @@ a.mtt-back-button { font-size:0.8em; } #tagcloud .w9 { font-size:170%; } #tagcloudcancel { float:right; } -#tagcloudcancel span { background:url(images/buttons.png) 0 -32px no-repeat; } -#tagcloudcancel span:hover { background-position:-16px -32px; } +#tagcloudcancel span { background:url(images/tagcloud-close.svg) no-repeat; } +/*#tagcloudcancel span:hover { background:url(images/tagcloud-close.svg) no-repeat; }*/ #taskview { padding:2px; } @@ -302,8 +300,8 @@ a.mtt-back-button { font-size:0.8em; } .ui-datepicker-next { position:absolute; right:2px; height:20px; text-decoration:none; } .ui-datepicker-title { text-align:center; line-height:20px; } .ui-icon { width:16px; height:16px; text-indent:-99999px; overflow:hidden; } -.ui-datepicker .ui-icon-circle-triangle-w { display:block; position:absolute; top:50%; margin-top:-8px; left:50%; background:url(images/icons.gif) -48px -16px no-repeat; } -.ui-datepicker .ui-icon-circle-triangle-e { display:block; position:absolute; top:50%; margin-top:-8px; right:50%; background:url(images/icons.gif) -32px -16px no-repeat; } +.ui-datepicker .ui-icon-circle-triangle-w { display:block; position:absolute; top:50%; margin-top:-8px; left:50%; background:url(images/arr-left.svg) no-repeat; } +.ui-datepicker .ui-icon-circle-triangle-e { display:block; position:absolute; top:50%; margin-top:-8px; right:50%; background:url(images/arr-right.svg) no-repeat; } .mtt-menu-button { -moz-user-select:none; -webkit-user-select: none; @@ -334,18 +332,18 @@ a.mtt-back-button { font-size:0.8em; } .mtt-menu-container li:hover a { color:white; } .mtt-menu-container li.mtt-menu-delimiter { height:0px; line-height:0; border-bottom:1px solid #cccccc; margin:2px -1px; padding:0px; font-size:0px; } .mtt-menu-container .menu-icon { width:16px; height:16px; position:absolute; left:4px; top:50%; margin-top:-8px; } -li.mtt-item-checked .menu-icon { background:url(images/icons.gif) -16px -16px; } +li.mtt-item-checked .menu-icon { background:url(images/checkmark.svg) no-repeat; } li.mtt-menu-indicator .submenu-icon { position:absolute; right:2px; top:50%; margin-top:-8px; - width:16px; height:16px; background:url(images/icons.gif) -32px -16px no-repeat; + width:16px; height:16px; background:url(images/arr-right.svg) no-repeat; } li.mtt-item-hidden { display:none; } #slmenucontainer li.mtt-list-hidden a { font-style:italic; } #cmenulistscontainer li.mtt-list-hidden { font-style:italic; } -#btnRssFeed .menu-icon { background:url(images/buttons.png) -16px -64px no-repeat; } -#btnRssFeed.mtt-item-disabled .menu-icon { background:url(images/buttons.png) 0px -64px no-repeat; } +#btnRssFeed .menu-icon { background:url(images/rss.svg) no-repeat; } +#btnRssFeed.mtt-item-disabled .menu-icon { background:url(images/rss-disabled.svg) no-repeat; } .mtt-settings-table { width:100%; border-collapse:collapse; } .mtt-settings-table th, .mtt-settings-table td { border-bottom:1px solid #dedede; padding:8px; vertical-align:top; }