diff --git a/css/columns/name-size-date.css b/css/columns/name-size-date.css index 196a2b7f..45c65c64 100644 --- a/css/columns/name-size-date.css +++ b/css/columns/name-size-date.css @@ -18,4 +18,3 @@ float: right; width: 19%; } - diff --git a/css/config.css b/css/config.css index fc4d4196..ba6a1e3c 100644 --- a/css/config.css +++ b/css/config.css @@ -1,7 +1,7 @@ .config { white-space: normal; overflow: hidden; - width : 250px; + width: 250px; } .list li { @@ -23,10 +23,18 @@ -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 7.5%); -moz-box-shadow: inset 0 1px 1px rgb(0 0 0 / 7.5%); box-shadow: inset 0 1px 1px rgb(0 0 0 / 7.5%); - -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; - -moz-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; - -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; - transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; + -webkit-transition: + border-color ease-in-out 0.15s, + box-shadow ease-in-out 0.15s; + -moz-transition: + border-color ease-in-out 0.15s, + box-shadow ease-in-out 0.15s; + -o-transition: + border-color ease-in-out 0.15s, + box-shadow ease-in-out 0.15s; + transition: + border-color ease-in-out 0.15s, + box-shadow ease-in-out 0.15s; } .config .form-control::-moz-placeholder { @@ -44,9 +52,15 @@ .config .form-control:focus { border-color: #66afe9; outline: 0; - -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 7.5%), 0 0 1px rgb(102 175 233 / 60%); - -moz-box-shadow: inset 0 1px 1px rgb(0 0 0 / 7.5%), 0 0 1px rgb(102 175 233 / 60%); - box-shadow: inset 0 1px 1px rgb(0 0 0 / 7.5%), 0 0 1px rgb(102 175 233 / 60%); + -webkit-box-shadow: + inset 0 1px 1px rgb(0 0 0 / 7.5%), + 0 0 1px rgb(102 175 233 / 60%); + -moz-box-shadow: + inset 0 1px 1px rgb(0 0 0 / 7.5%), + 0 0 1px rgb(102 175 233 / 60%); + box-shadow: + inset 0 1px 1px rgb(0 0 0 / 7.5%), + 0 0 1px rgb(102 175 233 / 60%); } .config .form-control:focus:invalid:focus { @@ -57,8 +71,8 @@ } .config .list { - padding : 0; - margin : 5%; + padding: 0; + margin: 5%; } .config .full-width { diff --git a/css/help.css b/css/help.css index 42602618..6728c589 100644 --- a/css/help.css +++ b/css/help.css @@ -1,12 +1,12 @@ .help { - margin : 25px; - white-space : normal; + margin: 25px; + white-space: normal; } .help li { - list-style-type : disc; + list-style-type: disc; } .help img { - max-width : 100%; + max-width: 100%; } diff --git a/css/icons.css b/css/icons.css index eda3c688..bd749fe1 100644 --- a/css/icons.css +++ b/css/icons.css @@ -1,140 +1,139 @@ .icon-help::before { - font-family : 'Fontello'; - content : '\e801 '; + font-family: 'Fontello'; + content: '\e801 '; } .icon-rename::before { - font-family : 'Fontello'; - content : '\e802 '; + font-family: 'Fontello'; + content: '\e802 '; } .icon-view::before { - font-family : 'Fontello'; - content : '\e803 '; + font-family: 'Fontello'; + content: '\e803 '; } .icon-edit::before { - font-family : 'Fontello'; - content : '\e804 '; + font-family: 'Fontello'; + content: '\e804 '; } .icon-copy::before { - font-family : 'Fontello'; - content : '\e805 '; + font-family: 'Fontello'; + content: '\e805 '; } .icon-move::before { - font-family : 'Fontello'; - content : '\e806 '; + font-family: 'Fontello'; + content: '\e806 '; } .icon-directory::before { - font-family : 'Fontello'; - content : '\e807 '; + font-family: 'Fontello'; + content: '\e807 '; } .icon-delete::before { - font-family : 'Fontello'; - content : '\e808 '; + font-family: 'Fontello'; + content: '\e808 '; } .icon-menu::before { - font-family : 'Fontello'; - content : '\e809 '; + font-family: 'Fontello'; + content: '\e809 '; } .icon-config::before { - font-family : 'Fontello'; - content : '\e80a '; + font-family: 'Fontello'; + content: '\e80a '; } .icon-console::before { - font-family : 'Fontello'; - content : '\e80b '; + font-family: 'Fontello'; + content: '\e80b '; } .icon-contact::before { - font-family : 'Fontello'; - content : '\e80c '; + font-family: 'Fontello'; + content: '\e80c '; } -.icon-file::before, { - font-family : 'Fontello'; - content : '\e80d '; +.icon-file::before { + font-family: 'Fontello'; + content: '\e80d '; } .icon-upload-to-cloud::before { - font-family : 'Fontello'; - content : '\e80e '; + font-family: 'Fontello'; + content: '\e80e '; } .icon-upload-from-cloud::before { - font-family : 'Fontello'; - content : '\e80f '; + font-family: 'Fontello'; + content: '\e80f '; } .icon-download::before { - font-family : 'Fontello'; - content : '\e810 '; + font-family: 'Fontello'; + content: '\e810 '; } .icon-new::before { - font-family : 'Fontello'; - content : '\e811 '; + font-family: 'Fontello'; + content: '\e811 '; } .icon-unselect-all::before { - font-family : 'Fontello'; - content : '\e812 '; + font-family: 'Fontello'; + content: '\e812 '; } .icon-pack::before { - font-family : 'Fontello'; - content : '\e813 '; + font-family: 'Fontello'; + content: '\e813 '; } .icon-extract::before { - font-family : 'Fontello'; - content : '\e814 '; + font-family: 'Fontello'; + content: '\e814 '; } .icon-copy-to-clipboard::before { - font-family : 'Fontello'; - content : '\e815 '; + font-family: 'Fontello'; + content: '\e815 '; } .icon-refresh::before { - font-family : 'Fontello'; - content : '\e816 '; + font-family: 'Fontello'; + content: '\e816 '; } .icon-cut::before { - font-family : 'Fontello'; - content : '\e817 '; + font-family: 'Fontello'; + content: '\e817 '; } .icon-paste::before { - font-family : 'Fontello'; - content : '\e818 '; + font-family: 'Fontello'; + content: '\e818 '; } .icon-upload::before { - font-family : 'Fontello'; - content : '\e819 '; + font-family: 'Fontello'; + content: '\e819 '; } .icon-log-out::before { - font-family : 'Fontello'; - content : '\e81a '; + font-family: 'Fontello'; + content: '\e81a '; } .icon-terminal::before { - font-family : 'Fontello'; - content : '\e81b '; + font-family: 'Fontello'; + content: '\e81b '; } .icon-user-menu::before { - font-family : 'Fontello'; - content : '\e81c '; + font-family: 'Fontello'; + content: '\e81c '; } - diff --git a/css/main.css b/css/main.css index 7c9cc640..b30c0ed3 100644 --- a/css/main.css +++ b/css/main.css @@ -5,4 +5,3 @@ @import url(./help.css); @import url(./query.css); @import url(./supports.css); - diff --git a/css/nojs.css b/css/nojs.css index 1df4bd12..350ac4e6 100644 --- a/css/nojs.css +++ b/css/nojs.css @@ -1,4 +1,5 @@ -.path-icon, .keyspanel { +.path-icon, +.keyspanel { display: none; } diff --git a/css/query.css b/css/query.css index 645558e6..e78d4b56 100644 --- a/css/query.css +++ b/css/query.css @@ -2,19 +2,19 @@ .name { width: 40%; } - + .size { width: 10%; } - + .date { width: 15%; } - + .owner { width: 12%; } - + .mode { width: 15%; } @@ -24,7 +24,7 @@ .fm { height: 85%; } - + .files { height: 90%; } @@ -34,7 +34,7 @@ .fm { height: 80%; } - + .files { height: 90%; } @@ -80,7 +80,7 @@ .fm { height: 85%; } - + .files { height: 90%; } @@ -96,29 +96,31 @@ .fm { height: 75%; } - + .files { height: 90%; } } +/* stylelint-disable */ /* iphone 6 landscape */ @media only screen and (device-width >= 375px) and (device-width <= 667px) and (orientation: landscape), @media only screen and (max-height: 360px) and (max-width: 640px) { .fm { height: 55%; } - + .files { height: 60%; } } +/* stylelint-enable*/ @media only screen and (width <= 600px) { .panel { font-size: 26px; } - + /* текущий файл под курсором */ .current-file { background-color: var(--color-transparent); @@ -128,55 +130,64 @@ .current-file a { color: white; } - - .file::before, .file-link::before { + + .file::before, + .file-link::before { color: rgb(26 224 124 / 56%); content: '\e80d'; } - - .current-file .file::before, .file-link::before { + + .current-file .file::before, + .file-link::before { color: white; } - + /* меняем иконки на шрифтовые */ .mini-icon { - color : rgb(246 224 124 / 56%); - font : 16px 'Fontello'; + color: rgb(246 224 124 / 56%); + font: 16px 'Fontello'; background-image: none; - padding : 1%; + padding: 1%; } - - .size, .date, .owner, .mode { + + .size, + .date, + .owner, + .mode { display: none; } - + .name { width: 90%; display: inline-block; } - - .directory::before, .directory-link::before { + + .directory::before, + .directory-link::before { content: '\e807'; } - - .file, .file-link { + + .file, + .file-link { background-image: none; } - - .archive, .archive-link { + + .archive, + .archive-link { background-image: none; } - - .archive::before, .archive-link { + + .archive::before, + .archive-link { color: rgb(26 224 124 / 56%); content: '\e81d'; } - + /* убираем заголовок */ .fm-header { display: none; } - + /* выводим заголовки рядом с полями */ .cmd-button { width: 20%; @@ -200,7 +211,9 @@ width: 98%; } /* если правая панель не помещаеться - прячем её */ - .panel-right, .cmd-button#f5, .cmd-button#f6 { + .panel-right, + .cmd-button#f5, + .cmd-button#f6 { display: none; } } @@ -212,23 +225,24 @@ padding: 0; border: none; } - - .keyspanel, .panel-right { + + .keyspanel, + .panel-right { display: none; } - + .files { overflow-y: visible; } - + .current-file { box-shadow: 0 0; } - + .path-icon { display: none; } - + .mini-icon { display: none; } diff --git a/css/style.css b/css/style.css index 8044b300..5836ec95 100644 --- a/css/style.css +++ b/css/style.css @@ -4,19 +4,21 @@ } html { - height : 94%; + height: 94%; } body { - width : 100%; - height : 95%; - overflow : hidden; - background-color : white; + width: 100%; + height: 95%; + overflow: hidden; + background-color: white; } -body, pre, code { - font-family : 'Droid Sans Mono', 'Ubuntu Mono', 'Consolas', monospace; - font-size : 16px; +body, +pre, +code { + font-family: 'Droid Sans Mono', 'Ubuntu Mono', 'Consolas', monospace; + font-size: 16px; } .hidden { @@ -27,31 +29,33 @@ body, pre, code { display: none; } -.fm, .keyspanel { - cursor : default; +.fm, +.keyspanel { + cursor: default; -webkit-tap-highlight-color: rgb(0 0 0 / 0%); - -webkit-user-select : none; - -moz-user-select : none; - -ms-user-select : none; - -o-user-select : none; - user-select : none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + -o-user-select: none; + user-select: none; } .links { - -webkit-user-select : initial; - -moz-user-select : initial; - -ms-user-select : initial; - -o-user-select : initial; - user-select : text; + -webkit-user-select: initial; + -moz-user-select: initial; + -ms-user-select: initial; + -o-user-select: initial; + user-select: text; } -.panel, .cmd-button { +.panel, +.cmd-button { border: 1px solid; border-color: var(--color-transparent); } .icon { - margin-left : 0.5%; + margin-left: 0.5%; cursor: default; } @@ -69,33 +73,33 @@ body, pre, code { } .path-icon:hover { - color : #06e; + color: #06e; cursor: pointer; } .error::before { - font-family : 'Fontello'; - font-size : 14px; - color : rgb(222 41 41); - cursor : default; - content : '\e800'; + font-family: 'Fontello'; + font-size: 14px; + color: rgb(222 41 41); + cursor: default; + content: '\e800'; } .loading { - position : relative; - display : inline-block; - width : 16px; - height : 16px; - vertical-align : middle; + position: relative; + display: inline-block; + width: 16px; + height: 16px; + vertical-align: middle; } .loading::after { - position : relative; - bottom : 5px; - left : 16px; - font-size : 10px; - color : var(--color); - content : attr(data-progress); + position: relative; + bottom: 5px; + left: 16px; + font-size: 10px; + color: var(--color); + content: attr(data-progress); } .cmd-button { @@ -126,7 +130,8 @@ a { text-decoration: none; } -a:hover, a:active { +a:hover, +a:active { color: #06e; text-decoration: none; } @@ -150,7 +155,7 @@ a:hover, a:active { } .fm { - width : 98%; + width: 98%; height: 90%; margin: 26px auto 0; } @@ -171,7 +176,8 @@ a:hover, a:active { opacity: 0.7; } -.selected-file, .selected-file .name > a { +.selected-file, +.selected-file .name > a { color: rgb(254 159 224); } @@ -219,14 +225,14 @@ a:hover, a:active { } .owner { - display : inline-block; - width : 13%; + display: inline-block; + width: 13%; /* when inline-block * vertical align should be * set top to prevent additional * spaces behind lines */ - vertical-align : top; + vertical-align: top; } .mode { @@ -235,9 +241,9 @@ a:hover, a:active { } .reduce-text { - overflow : hidden; - text-overflow : ellipsis; - white-space : nowrap; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } .files { @@ -252,4 +258,3 @@ a:hover, a:active { .files li { overflow: hidden; } - diff --git a/css/supports.css b/css/supports.css index bf470c2d..cfb8cbf6 100644 --- a/css/supports.css +++ b/css/supports.css @@ -2,7 +2,7 @@ .files { overflow-y: overlay; } - + .fm-header { overflow-y: hidden; } diff --git a/css/terminal.css b/css/terminal.css index 20cf94b4..e7b1fea6 100644 --- a/css/terminal.css +++ b/css/terminal.css @@ -1,4 +1,3 @@ .terminal { height: 100%; } - diff --git a/css/urls.css b/css/urls.css index 7291d6a9..be90e235 100644 --- a/css/urls.css +++ b/css/urls.css @@ -17,20 +17,23 @@ } @font-face { - font-family : 'Droid Sans Mono'; - src : url(https://themes.googleusercontent.com/static/fonts/droidsansmono/v5/ns-m2xQYezAtqh7ai59hJTwtzT4qNq-faudv5qbO9-U.eot); - src : + font-family: 'Droid Sans Mono'; + src: url(https://themes.googleusercontent.com/static/fonts/droidsansmono/v5/ns-m2xQYezAtqh7ai59hJTwtzT4qNq-faudv5qbO9-U.eot); + src: local('Droid Sans Mono'), local('DroidSansMono'), url(../font/DroidSansMono.eot) format('embedded-opentype'), - url(https://themes.googleusercontent.com/static/fonts/droidsansmono/v5/ns-m2xQYezAtqh7ai59hJTwtzT4qNq-faudv5qbO9-U.eot?#iefix) format('embedded-opentype'), - url(https://themes.googleusercontent.com/static/fonts/droidsansmono/v5/ns-m2xQYezAtqh7ai59hJTwtzT4qNq-faudv5qbO9-U.eot) format('embedded-opentype'), + url(https://themes.googleusercontent.com/static/fonts/droidsansmono/v5/ns-m2xQYezAtqh7ai59hJTwtzT4qNq-faudv5qbO9-U.eot?#iefix) + format('embedded-opentype'), + url(https://themes.googleusercontent.com/static/fonts/droidsansmono/v5/ns-m2xQYezAtqh7ai59hJTwtzT4qNq-faudv5qbO9-U.eot) + format('embedded-opentype'), url(../font/DroidSansMono.woff2) format('woff2'), url(../font/DroidSansMono.woff) format('woff'), - url(https://themes.googleusercontent.com/static/fonts/droidsansmono/v5/ns-m2xQYezAtqh7ai59hJUYuTAAIFFn5GTWtryCmBQ4.woff) format('woff'), + url(https://themes.googleusercontent.com/static/fonts/droidsansmono/v5/ns-m2xQYezAtqh7ai59hJUYuTAAIFFn5GTWtryCmBQ4.woff) + format('woff'), local('Consolas'); - font-style : normal; - font-weight : 400; + font-style: normal; + font-weight: 400; } .directory { @@ -64,4 +67,3 @@ .loading-gif { background: url(../img/spinner.gif); } - diff --git a/css/user-menu.css b/css/user-menu.css index 9407cdab..9b8fe7bb 100644 --- a/css/user-menu.css +++ b/css/user-menu.css @@ -21,4 +21,3 @@ border: 0; overflow: auto; } - diff --git a/css/view.css b/css/view.css index 61463ca6..b6fb20ed 100644 --- a/css/view.css +++ b/css/view.css @@ -15,11 +15,12 @@ } .view-overlay { - display : block; - background : rgb(255 255 255 / 10%); + display: block; + background: rgb(255 255 255 / 10%); } -.media, video { +.media, +video { width: 100%; }