diff --git a/css/style.css b/css/style.css index 6b771701d..104fa6f35 100644 --- a/css/style.css +++ b/css/style.css @@ -1,7 +1,27 @@ * { -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0,0,0,1.0); } html, body {border: 0; margin: 0; padding: 0; cursor: default; overflow: hidden; background-color: #F5F5F5; height: 100%;} html, body, input,select,button,textarea{font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px;} -input[type=file] {border: solid 1px #676774; border-radius: 3px; width: 100%;} +div { + box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; +} +fieldset { + border: 1px solid #D0D0D0; + border-radius:6px; + margin: 0.25rem 0; + padding: 0.25rem 0.5rem; +} +select, input[type=file], input[type=text] { + border: 1px solid #B0B0B0; + border-radius: 3px; + margin: 0.25rem 0; + padding: 0.25rem; + width: 100%; + box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; +} .light-theme { color-scheme: light; } .dark-theme { color-scheme: dark; } :root { @@ -97,18 +117,16 @@ div#t div#plugins {background: transparent url(../images/plugin.png) no-repeat 0 div#t a#mnu_go {margin: 3px 0 0 0; padding: 3px} div#t #ind {margin-top: 2px; background: transparent url(../images/ajax-loader.gif) no-repeat 0px center; width: 32px; margin-right: 2px; line-height: 26px; cursor: default; } -input.Textbox, button, input.Button, select {border: 1px solid #B0B0B0; font-size: 11px; padding: 2px} +input.Textbox, button, input.Button {border: 1px solid #B0B0B0; font-size: 11px; padding: 2px} Input.TextboxShort {border: 1px solid #B0B0B0; font-size: 11px; padding: 2px; width: 50px} Input.TextboxMid {border: 1px solid #B0B0B0; font-size: 11px; padding: 2px; width: 110px} Input.TextboxLarge {border: 1px solid #B0B0B0; font-size: 11px; padding: 2px; width: 220px} -Input.TextboxVShort {border: 1px solid #B0B0B0; font-size: 11px; padding: 2px; width: 30px} button, input.Button {padding: 1px 10px; background: #F0F0F0 url(../images/h.gif) repeat-x center bottom; width: 80px; height: 19px; border: 1px solid #A0A0A0; cursor: pointer } button[disabled],input.Button[disabled] { opacity: 0.3; cursor: default } button:not([disabled]):hover, input.Button:not([disabled]):hover { background-color: #F5F5F5; } button:not([disabled]):hover:active, input.Button:not([disabled]):hover:active { background-color: #FAFAFA; } #pview_save_view_button { align-self: center; width: 38px; height: 19px; padding: 0px; line-height: 2px; font-size: 19px; } -select {margin-top: 5px} a {font-size: 11px; color: #686868} table#maincont {margin: 5px 0 0 0; min-width: 600px;} table#maincont td.uicell {vertical-align: top; padding: 0 } @@ -164,8 +182,6 @@ div.algnright {text-align: right; clear: right} .ie .lm li a {margin: 0 0 0 -5px; padding: 0} .stg_con { display: none; float: right; position: relative; width: 450px; height: 500px; margin: 4px; background-color: var(--settings-background-color); } .ie9 .stg_con {position: static} -fieldset {margin: 4px} -* > fieldset {border: 1px solid #D0D0D0; -moz-border-radius: 6px; -webkit-border-radius:6px; border-radius:6px;} .stg_con table {width: 100%} .stg_con td {font-weight: normal; height: 19px} .stg_con td.alr {text-align: right} @@ -362,11 +378,13 @@ div.space {flex-grow: 1;} /* No media query for `xs` since this is the default in Bootstrap */ /* Custom rules for medium devices */ div#tadd {max-width: 95vw;} -div#tadd .buttons-list { +div.dlg-window .buttons-list { margin: 0.5rem; gap: 0.25rem; display: flex; - flex-direction: column; + flex-direction: row; + justify-content: start; + flex-wrap: wrap; } div.status-row:not(:first-of-type) { border-bottom: dotted 1px #A0A0A0; @@ -381,12 +399,13 @@ div.status-row:not(:first-of-type) { @media (min-width: 768px) { /* Custom rules for medium devices */ div#tadd {min-width: 600px;} - div#tadd .buttons-list { + div.dlg-window .buttons-list { margin: 1rem 0.5rem; gap: 0.25rem; display: flex; flex-direction: row; justify-content: end; + flex-wrap: nowrap; } div.status-row:not(:first-of-type) { border-bottom: none; diff --git a/plugins/create/create.css b/plugins/create/create.css index 66738eee4..2c7455bb7 100644 --- a/plugins/create/create.css +++ b/plugins/create/create.css @@ -14,25 +14,12 @@ div#tcreate textarea {resize: none; height: 8rem;} /* No media query for `xs` since this is the default in Bootstrap */ /* Custom rules for medium devices */ div#tcreate {min-width: 90vw;} -div#tcreate .buttons-list { - margin: 0.5rem; - gap: 0.25rem; - display: flex; - flex-direction: column; -} /* Small devices (landscape phones, 576px and up) */ @media (min-width: 576px) { /* Custom rules for small devices */ div#tcreate {min-width: 518px;} div#tcreate textarea {resize: none; height: 16rem;} - div#tcreate .buttons-list { - margin: 1rem 0.5rem; - gap: 0.25rem; - display: flex; - flex-direction: row; - justify-content: end; - } } /* Medium devices (tablets, 768px and up) */ diff --git a/plugins/extratio/extratio.css b/plugins/extratio/extratio.css index 8eb14023d..382cb2695 100644 --- a/plugins/extratio/extratio.css +++ b/plugins/extratio/extratio.css @@ -3,7 +3,6 @@ div#dlgEditRatioRules div.dlg-header {background-image: url(../../images/setting div#dlgEditRatioRules .container {margin: 0.25rem; padding: 0; width: auto;} div#dlgEditRatioRules .row {margin: 0 0 0.25rem 0; padding: 0;} div#dlgEditRatioRules .row > div {padding: 0 0.25rem; margin-bottom: 0.1rem;} -div#dlgEditRatioRules fieldset {margin: 0 0 0.25rem 0; padding: 0.25rem 0.5rem;} ul#rlsul {margin: 0.25rem; padding: 0.25rem; list-style: none; white-space: nowrap;} ul#rlsul > li {margin: 0.2rem 0; display: flex; flex-direction: row;} @@ -19,12 +18,6 @@ ul#rlsul > li input.TextboxNormal {background-color: #FFFFFF } /* No media query for `xs` since this is the default in Bootstrap */ /* Custom rules for medium devices */ div#dlgEditRatioRules {max-width: 95vw;} -div#dlgEditRatioRules .buttons-list { - margin: 0.5rem 0.25rem; - gap: 0.25rem; - display: flex; - flex-direction: column; -} div#ratioRuleList {border: solid 1px #A0A0A0; border-radius: 3px; height: 120px; overflow-y: auto;} /* Small devices (landscape phones, 576px and up) */ @@ -36,13 +29,6 @@ div#ratioRuleList {border: solid 1px #A0A0A0; border-radius: 3px; height: 120px; @media (min-width: 768px) { /* Custom rules for medium devices */ div#dlgEditRatioRules {min-width: 600px;} - div#dlgEditRatioRules .buttons-list { - margin: 1rem 0.5rem; - gap: 0.25rem; - display: flex; - flex-direction: row; - justify-content: end; - } div#ratioRuleList {border: solid 1px #A0A0A0; border-radius: 3px; height: 260px; overflow-y: auto;} } diff --git a/plugins/extsearch/extsearch.css b/plugins/extsearch/extsearch.css index 14868e22e..15758b1e8 100644 --- a/plugins/extsearch/extsearch.css +++ b/plugins/extsearch/extsearch.css @@ -4,7 +4,7 @@ div#tegLoadTorrents div.dlg-header {background-image: url(../../images/world.gif div#tegLoadTorrents div.content {margin: 5px; padding: 5px; line-height: 16px} div#tegLoadTorrents div.content input {margin-top: 0px} div#tegLoadTorrents label {width: 75px; display: block; float: left; margin-top: 0px; margin-bottom: 5px; margin-left: 5px; } -div#tegLoadTorrents input, select {margin-top: 2px; margin-bottom: 2px;} +div#tegLoadTorrents input, div#tegLoadTorrents select {margin-top: 2px; margin-bottom: 2px;} div#tegLoadTorrents br {clear: left; line-height: 0} #st_extsearch { overflow: auto } diff --git a/plugins/rss/rss.css b/plugins/rss/rss.css index dfe609381..85d29ecd9 100644 --- a/plugins/rss/rss.css +++ b/plugins/rss/rss.css @@ -6,7 +6,7 @@ div#dlgAddRSS div.content {width: 330px; margin: 5px; padding: 5px; line-height: div#dlgAddRSS div.content input {margin-top: 5px} div#dlgAddRSS label {width: 70px; display: block; float: left; margin-top: 5px; margin-bottom: 5px; margin-left: 10px; } div#dlgAddRSS label#nomargin { margin-top: 0px; margin-bottom: 0px; } -div#dlgAddRSS input, select {margin-top: 5px; margin-bottom: 5px;} +div#dlgAddRSS input, div#dlgAddRSS select {margin-top: 5px; margin-bottom: 5px;} div#dlgAddRSS br {clear: left; line-height: 0} div#dlgEditRSS {width: 355px; height: 132px} @@ -15,7 +15,7 @@ div#dlgEditRSS div.content {width: 330px; margin: 5px; padding: 5px; line-height div#dlgEditRSS div.content input {margin-top: 5px} div#dlgEditRSS label {width: 70px; display: block; float: left; margin-top: 5px; margin-bottom: 5px; margin-left: 10px; } div#dlgEditRSS label#nomargin { margin-top: 0px; margin-bottom: 0px; } -div#dlgEditRSS input, select {margin-top: 5px; margin-bottom: 5px;} +div#dlgEditRSS input, div#dlgEditRSS select {margin-top: 5px; margin-bottom: 5px;} div#dlgEditRSS br {clear: left; line-height: 0} div#dlgLoadTorrents #RSSBtn {width: 30px;} @@ -24,7 +24,7 @@ div#dlgLoadTorrents div.dlg-header {background-image: url(../../images/world.gif div#dlgLoadTorrents div.content {margin: 5px; padding: 5px; line-height: 16px} div#dlgLoadTorrents div.content input {margin-top: 0px} div#dlgLoadTorrents label {width: 75px; display: block; float: left; margin-top: 0px; margin-bottom: 5px; margin-left: 5px; } -div#dlgLoadTorrents input, select {margin-top: 2px; margin-bottom: 2px;} +div#dlgLoadTorrents input, div#dlgLoadTorrents select {margin-top: 2px; margin-bottom: 2px;} div#dlgLoadTorrents br {clear: left; line-height: 0} div#dlgEditFilters {width: 690px; height: 360px; font-size: 11px; font-family: Tahoma, Arial, Helvetica, sans-serif; overflow: visible} diff --git a/plugins/rssurlrewrite/init.js b/plugins/rssurlrewrite/init.js index 1ab79b75c..be4da70dc 100644 --- a/plugins/rssurlrewrite/init.js +++ b/plugins/rssurlrewrite/init.js @@ -260,43 +260,73 @@ plugin.onLangLoaded = function() { this.registerTopMenu(5); theDialogManager.make( "dlgEditRules", theUILang.rssRulesManager, - "