diff --git a/src/content/themes/default/print.css b/src/content/themes/default/print.css index 6e917aa..017bf6d 100644 --- a/src/content/themes/default/print.css +++ b/src/content/themes/default/print.css @@ -1,41 +1,41 @@ @media print { -html { height:0; } -body { height:0; min-height:0; margin:0; } -h2{ display: none; } -h3 { border-bottom:2px solid #777777; } -#toolbar { display: none; } + html { height:0; } + body { height:0; min-height:0; margin:0; } + h2 { display: none; } + h3 { border-bottom:2px solid #777777; } + #toolbar { display: none; } -.topblock { display:none; } -.mtt-tab { display:none; } -.mtt-tab.mtt-tabs-selected { display:block; border:none; background:none; margin:0; } -.mtt-tab.mtt-tabs-selected a { padding:0; display:inline-block; height:auto; } -.mtt-tab.mtt-tabs-selected .list-action { display:none; } -.mtt-tab a span { text-align:left; padding:0; max-width:none; font-size:1.3rem; color:#000; } + .topblock { display:none; } + .mtt-tab { display:none; } + .mtt-tab.mtt-tabs-selected { display:block; border:none; background:none; margin:0; } + .mtt-tab.mtt-tabs-selected a { padding:0; display:inline-block; height:auto; } + .mtt-tab.mtt-tabs-selected .list-action { display:none; } + .mtt-tab a span { text-align:left; padding:0; max-width:none; font-size:1.3rem; color:#000; } -.mtt-tabs-add-button { display:none; } -#tabs_buttons { display:none; } -#taskview { padding-left:0; font-weight:normal; } -#taskview .arrdown { display:none; } + .mtt-tabs-add-button { display:none; } + #tabs_buttons { display:none; } + #taskview { padding-left:0; font-weight:normal; } + #taskview .arrdown { display:none; } -#tasklist { list-style-type: decimal; list-style-position: outside; } -#tasklist li { border-bottom:none; margin-left:2.5rem; /*border-bottom:1px solid #f0f0f0;*/ } + #tasklist { list-style-type: decimal; list-style-position: outside; } + #tasklist li { border-bottom:none; margin-left:2.5rem; /*border-bottom:1px solid #f0f0f0;*/ } -div.task-note-block { border-left:1px solid #777777; background:none; padding-left:5px; margin-top:5px; padding-top:0px; font-size:9pt; color:#333333; } -.task-middle { margin-left:0px; margin-right:3px; } -.task-left { display:none; } -.task-actions { display:none; } -.task-date { white-space:nowrap; margin-left:10px; } -#tasklist li.today, #tasklist li.past { background-color:#ffffff; border-color:#dedede; } -.task-prio { font-weight:bold; } + div.task-note-block { border-left:1px solid #777777; background:none; padding-left:5px; margin-top:5px; padding-top:0px; font-size:9pt; color:#333333; } + .task-middle { margin-left:0px; margin-right:3px; } + .task-left { display:none; } + .task-actions { display:none; } + .task-date { white-space:nowrap; margin-left:10px; } + #tasklist li.today, #tasklist li.past { background-color:#ffffff; border-color:#dedede; } + .task-prio { font-weight:bold; } -li.task-completed { opacity:1; } + li.task-completed { opacity:1; } -#footer_content { border-top:1px solid #777777; background:none; } -#footer_content a { text-decoration:none; color:#000000; } + #footer_content { border-top:1px solid #777777; background:none; } + #footer_content a { text-decoration:none; color:#000000; } -#tagcloudbtn { display:none; } -.mtt-notes-showhide { display:none; } -#taskview img { display:none; } + #tagcloudbtn { display:none; } + .mtt-notes-showhide { display:none; } + #taskview img { display:none; } } diff --git a/src/content/themes/default/style.css b/src/content/themes/default/style.css index 7f0795f..ce169cd 100644 --- a/src/content/themes/default/style.css +++ b/src/content/themes/default/style.css @@ -1,6 +1,6 @@ /* - This file is a part of myTinyTodo. - Copyright 2009-2010,2020 Max Pozdeev + This file is a part of myTinyTodo. + Copyright 2009-2010,2020 Max Pozdeev */ /* default style */ @@ -69,9 +69,9 @@ a { color:#0000ff; cursor:pointer; text-decoration:underline; } .mtt-tab-sort-placeholder { background-color:#ddd; border-color:#aaa; } #tabs_buttons { - padding-left:2px; padding-right:2px; - border-top:1px solid transparent; - margin-top:1px; + padding-left:2px; padding-right:2px; + border-top:1px solid transparent; + margin-top:1px; } .mtt-tabs-add-button { display:inline-block; margin-top:1px; border:1px solid #ededed; border-bottom:none; border-top-right-radius: 8px; background-color:#fbfbfb; @@ -217,7 +217,7 @@ li.task-row.task-completed .task-title a { color:#777777; } } .taskactionbtn { height:1rem; width:1rem; background:url(images/task-menu2.svg) center no-repeat; background-size:1rem; visibility:hidden; /* allocate space */ - opacity:0.45; transition:opacity .1s ease-in; } + opacity:0.45; transition:opacity .1s ease-in; } .taskactionbtn::after { content:'0'; color:transparent; } /* for baseline */ li.task-row:hover .taskactionbtn { visibility:visible; } .taskactionbtn:hover, .taskactionbtn.mtt-menu-button-active { opacity:0.7; cursor:pointer; visibility:visible; } @@ -243,7 +243,7 @@ li.task-row:hover .taskactionbtn { visibility:visible; } color:#444; background:url(images/note.svg) left 0px no-repeat; background-size:16px 16px; - padding-left:19px; + padding-left:19px; min-height:16px; margin-top:6px; display:none; @@ -307,9 +307,9 @@ a.mtt-back-button { font-size:1rem; } #mtt_body.show-all-tasks #tagcloudbtn { display:none; } #tagcloudload { display:none; height:24px; background:url(images/loading48.gif) center no-repeat; background-size:24px 24px; } #tagcloud { - overflow: hidden; z-index:100; background-color:#fff; border:1px solid #cccccc; padding:5px; - width:100%; max-width:450px; text-align:center; - box-shadow:1px 2px 5px rgba(0,0,0,0.5); + overflow: hidden; z-index:100; background-color:#fff; border:1px solid #cccccc; padding:5px; + width:100%; max-width:450px; text-align:center; + box-shadow:1px 2px 5px rgba(0,0,0,0.5); } #tagcloud.mtt-left-adjusted { margin-left:5px; } #tagcloud.mtt-right-adjusted { margin-right:5px; } @@ -348,23 +348,23 @@ a.mtt-back-button { font-size:1rem; } .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 { - user-select: none; - cursor:pointer; - padding:4px; - transition:background-color 0.1s ease-in; + user-select: none; + cursor:pointer; + padding:4px; + transition:background-color 0.1s ease-in; } .mtt-menu-button:hover, .mtt-menu-button.mtt-menu-button-active { - background-color:#efefef; border-radius:4px; + background-color:#efefef; border-radius:4px; } .mtt-menu-container { overflow:hidden; max-width:100vw; z-index:100; - background-color:#f9f9f9; border:1px solid #cccccc; padding:2px 0px; - box-shadow:1px 2px 5px rgba(0,0,0,0.5); - border-radius:5px; - user-select:none; + background-color:#f9f9f9; border:1px solid #cccccc; padding:2px 0px; + box-shadow:1px 2px 5px rgba(0,0,0,0.5); + border-radius:5px; + user-select:none; } .mtt-menu-container.mtt-left-adjusted { margin-left:5px; } .mtt-menu-container.mtt-right-adjusted { margin-right:5px; } @@ -397,8 +397,8 @@ a.mtt-back-button { font-size:1rem; } .mtt-menu-container .menu-icon { width:16px; height:16px; position:absolute; left:6px; top:50%; margin-top:-8px; } li.mtt-item-checked .menu-icon { background:url(images/checkmark.svg) no-repeat; } li.mtt-menu-indicator .submenu-icon { - position:absolute; right:6px; top:50%; margin-top:-8px; - width:16px; height:16px; background:url(images/arr-right.svg) no-repeat; + position:absolute; right:6px; top:50%; margin-top:-8px; + width:16px; height:16px; background:url(images/arr-right.svg) no-repeat; } li.mtt-item-hidden { display:none; } @@ -410,8 +410,12 @@ li.mtt-item-hidden { display:none; } #btnRssFeed.mtt-item-disabled .menu-icon { background:url(images/rss-disabled.svg) no-repeat; } #task, #search, #page_taskedit .form-input, #page_taskedit .form-bottom-buttons input { transition: box-shadow .15s ease-in-out; } -#task:focus, #search:focus, #page_taskedit .form-input:focus, - #page_taskedit .form-bottom-buttons input:focus { outline:none; border-color:#5a8df0; box-shadow:0 0 0 2px rgba(90,141,240,0.7); } +#task:focus, +#search:focus, +#page_taskedit .form-input:focus, +#page_taskedit .form-bottom-buttons input:focus { + outline:none; border-color:#5a8df0; box-shadow:0 0 0 2px rgba(90,141,240,0.7); +} .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; } @@ -436,12 +440,12 @@ li.mtt-item-hidden { display:none; } /* narrow screens */ @media only screen and (max-width: 600px) { - h2 { font-size:1rem; } + h2 { font-size:1rem; } - #bar_login, #bar_logout { padding-right:1px; } + #bar_login, #bar_logout { padding-right:1px; } - .mtt-img-button { padding:4px; } - .mtt-menu-button { padding:4px; } + .mtt-img-button { padding:4px; } + .mtt-menu-button { padding:4px; } .mtt-tabs-add-button { padding-left:0.4rem; padding-right:0.4rem; } /* make thiсker */ @@ -449,44 +453,44 @@ li.mtt-item-hidden { display:none; } .mtt-tabs li { display:none; } .mtt-tabs li.mtt-tabs-selected { display:block; } - #task { padding:5px; padding-right:18px; margin-left:-22px; } - #task_placeholder span { padding:6px; } + #task { padding:5px; padding-right:18px; margin-left:-22px; } + #task_placeholder span { padding:6px; } - .searchbox-c { width:30%; max-width:190px; } - #toolbar.mtt-intask .searchbox-c { display:none; } - #toolbar.mtt-insearch .taskbox-c { display:none; } - #toolbar.mtt-insearch .searchbox-c { width:100%; max-width:100%; } - #search { padding:5px 20px; border-radius:15px; } + .searchbox-c { width:30%; max-width:190px; } + #toolbar.mtt-intask .searchbox-c { display:none; } + #toolbar.mtt-insearch .taskbox-c { display:none; } + #toolbar.mtt-insearch .searchbox-c { width:100%; max-width:100%; } + #search { padding:5px 20px; border-radius:15px; } - #tasklist li.task-row { padding:0px 3px; } + #tasklist li.task-row { padding:0px 3px; } .task-actions { display:none; } - .task-date { display:none; } - .task-note-actions { display:block; padding-top:8px; } + .task-date { display:none; } + .task-note-actions { display:block; padding-top:8px; } .task-note-block { margin-left:0px; background:none; display:none; padding-left:0px; padding-right:0px; border-top:1px solid #f0f0f0; } - .task-note-area textarea { width:95%; } + .task-note-area textarea { width:95%; } - #tasklist li.task-row .task-through { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } - #tasklist li.task-row:hover { background-color:#ffffff; } - #tasklist li.task-row.task-expanded .task-note-block { display:none; } + #tasklist li.task-row .task-through { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } + #tasklist li.task-row:hover { background-color:#ffffff; } + #tasklist li.task-row.task-expanded .task-note-block { display:none; } #tasklist li.task-row.clicked { border:1px solid #DEDEDE; border-radius: 3px; } - #tasklist li.task-row.clicked .task-actions { display:block; } - #tasklist li.task-row.clicked .task-through { white-space:normal; display:inline; } - #tasklist li.task-row.clicked.task-has-note .task-note-block { display:block; } - /*#tasklist li.task-row.clicked.doubleclicked.task-has-note .task-note-block { display:none; }*/ - .task-toggle { display:none; } - #tasklist .mtt-task-placeholder { line-height:1rem; padding-top:0.6rem; padding-bottom:0.6rem; } - #tasklist .ui-sortable-helper { box-shadow:0px 0px 3px #333; } + #tasklist li.task-row.clicked .task-actions { display:block; } + #tasklist li.task-row.clicked .task-through { white-space:normal; display:inline; } + #tasklist li.task-row.clicked.task-has-note .task-note-block { display:block; } + /*#tasklist li.task-row.clicked.doubleclicked.task-has-note .task-note-block { display:none; }*/ + .task-toggle { display:none; } + #tasklist .mtt-task-placeholder { line-height:1rem; padding-top:0.6rem; padding-bottom:0.6rem; } + #tasklist .ui-sortable-helper { box-shadow:0px 0px 3px #333; } - #page_taskedit { max-width:99.5%; border:none; position:static; padding:0; } - #page_taskedit .form-table { width:100%; } - #page_taskedit .form-row .in500 { color:#444444; } - #page_taskedit .form-row textarea { height: 70px; } + #page_taskedit { max-width:99.5%; border:none; position:static; padding:0; } + #page_taskedit .form-table { width:100%; } + #page_taskedit .form-row .in500 { color:#444444; } + #page_taskedit .form-row textarea { height: 70px; } - #loading { padding:0px; padding-top:1px; padding-right:1px; height:16px; overflow:hidden; } + #loading { padding:0px; padding-top:1px; padding-right:1px; height:16px; overflow:hidden; } - #tagcloud { max-width:100%; margin:0px 5px 5px 5px; } - .mtt-settings-table .in350 { min-width:50px; } - .mtt-notes-showhide { display:none; } + #tagcloud { max-width:100%; margin:0px 5px 5px 5px; } + .mtt-settings-table .in350 { min-width:50px; } + .mtt-notes-showhide { display:none; } .mtt-menu-container li { padding-top:0.3rem; padding-bottom:0.3rem; }