mirror of
https://github.com/maxpozdeev/mytinytodo.git
synced 2026-03-11 08:55:27 +00:00
convert tabs to spaces in css
This commit is contained in:
Max Pozdeev
parent
42d8b72b1b
commit
7df139f4a1
2 changed files with 90 additions and 86 deletions
|
|
@ -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; }
|
||||
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
/*
|
||||
This file is a part of myTinyTodo.
|
||||
Copyright 2009-2010,2020 Max Pozdeev <maxpozdeev@gmail.com>
|
||||
This file is a part of myTinyTodo.
|
||||
Copyright 2009-2010,2020 Max Pozdeev <maxpozdeev@gmail.com>
|
||||
*/
|
||||
|
||||
/* 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; }
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue