From 2d87f05b99091011a83d131724e9714f9c07f976 Mon Sep 17 00:00:00 2001 From: Andreas Gohr Date: Fri, 9 Aug 2013 15:40:05 +0200 Subject: moved CSS to LESS file, removed angua compatibility --- lib/plugins/extension/style.less | 345 +++++++++++++++++++++++++++++++++++++++ 1 file changed, 345 insertions(+) create mode 100644 lib/plugins/extension/style.less (limited to 'lib/plugins/extension/style.less') diff --git a/lib/plugins/extension/style.less b/lib/plugins/extension/style.less new file mode 100644 index 000000000..40fdb6075 --- /dev/null +++ b/lib/plugins/extension/style.less @@ -0,0 +1,345 @@ +/* + * Extension plugin styles + * + * @author Christopher Smith + * @author Piyush Mishra + * @author Håkan Sandell + * @author Anika Henke + */ + + +/* + * general layout + */ +#extension__manager h2 { + margin-left: 0; +} + +#extension__manager a.taglink { + padding: 1px 4px; + background-color: @ini_background_neu; + border-radius: 3px; +} +[dir=rtl] #extension__manager a.taglink { + display: inline-block; + line-height: 1.2; +} + +#extension__manager .panelHeader div.error { + margin-top: 0; + float: left; +} +[dir=rtl] #extension__manager .panelHeader div.error { + float: right; +} + +/* + * search & url download forms + */ +#extension__manager form.search, +#extension__manager form.btn_reload { + float: right; +} +[dir=rtl] #extension__manager form.search, +[dir=rtl] #extension__manager form.btn_reload { + float: left; +} + +#extension__manager div.search form.search { + float: none; +} + +#extension__manager .tagcloud { + width: 55%; + float: left; + margin: 0 0.5em 1em 0; +} +[dir=rtl] #extension__manager .tagcloud { + float: right; + margin: 0 0 1em .5em; +} + +#extension__manager .tagcloud a.taglink { + background-color: inherit; +} + +#extension__manager div.search { + width: 44%; + float: left; +} +[dir=rtl] #extension__manager div.search { + float: right; +} + +#extension__manager fieldset { + margin-top: 0.5em; + width: auto; +} + +#extension__manager fieldset p { + margin: 0.5em; + text-align: justify; + font-size: 85%; +} + +/* tag cloud */ +#extension__manager a.cl0 { font-size: 0.7em; } +#extension__manager a.cl1 { font-size: 0.9em; } +#extension__manager a.cl2 { font-size: 1em; } +#extension__manager a.cl3 { font-size: 1.3em; } +#extension__manager a.cl4 { font-size: 1.6em; } +#extension__manager a.cl5 { font-size: 1.9em; } + + +#extension__manager .extensionList input.button { + margin: 0 .3em .3em 0; +} +[dir=rtl] #extension__manager .extensionList input.button { + margin: 0 0 .3em .3em; +} + +/* + * extensions table + */ +#extension__manager .extensionList { + margin-left: 0; + margin-right: 0; + padding: 0; + list-style: none; +} + +#extension__manager .extensionList li { + margin: 0 0 .5em; + padding: 0 0 .5em; + color: @ini_text; + border-bottom: 1px solid @ini_border; + overflow: hidden; +} + +#extension__manager .legend { + position: relative; + width: 75%; + float: left; +} +[dir=rtl] #extension__manager .legend { + float: right; +} + +#extension__manager .legend > div { + padding: 0 .5em 0 132px; + border-right: 1px solid @ini_background_alt; + overflow: hidden; +} +[dir=rtl] #extension__manager .legend > div { + padding: 0 132px 0 .5em; + border-left: 1px solid @ini_background_alt; + border-right-width: 0; +} + +#extension__manager .enabled div.screenshot span { + background: transparent url(images/enabled.png) no-repeat 2px 2px; +} + +#extension__manager .disabled div.screenshot span { + background: transparent url(images/disabled.png) no-repeat 2px 2px; +} + +#extension__manager div.screenshot img { + width: 120px; + height: 70px; +} + +#extension__manager .legend div.screenshot { + margin-top: 4px; + margin-left: -132px; + max-width: 120px; + float: left; +} +[dir=rtl] #extension__manager .legend div.screenshot { + margin-left: 0; + margin-right: -132px; + float: right; +} + +#extension__manager .legend div.screenshot span { + min-height: 24px; + min-width: 24px; + position: absolute; + left: 0; +} +[dir=rtl] #extension__manager .legend div.screenshot span { + left: auto; + right: 0; +} + +#extension__manager .legend h2 { + width: 100%; + float: right; + margin: 0.2em 0 0.5em; + font-size: 100%; + font-weight: normal; + border: none; +} +[dir=rtl] #extension__manager .legend h2 { + float: left; +} + +#extension__manager .legend h2 strong { + font-size: 120%; + font-weight: bold; + vertical-align: baseline; +} + +#extension__manager .legend p { + margin: 0 0 0.6em 0; +} + +#extension__manager .legend span.linkbar { + font-size: 85%; +} + +#extension__manager .legend span.linkbar a.urlextern + a.taglink, +#extension__manager .legend span.linkbar a.interwiki + a.taglink { + margin-left: 0.4em; +} +[dir=rtl] #extension__manager .legend span.linkbar a.urlextern + a.taglink, +[dir=rtl] #extension__manager .legend span.linkbar a.interwiki + a.taglink { + margin-left: 0; +} +[dir=rtl] #extension__manager .legend span.linkbar a.urlextern, +[dir=rtl] #extension__manager .legend span.linkbar a.interwiki { + margin-left: .4em; +} + +#extension__manager .legend input.button { + background: transparent url(images/up.png) no-repeat 0 0; + box-shadow: none; + border-width: 0; + height: 14px; + text-indent: -99999px; + float: right; + margin: .5em 0 0; +} +[dir=rtl] #extension__manager .legend input.button { + float: left; + margin: .5em 0 0; +} + +#extension__manager .legend input.button.close { + background: transparent url(images/down.png) no-repeat 0 0; +} + +#extension__manager .legend div.popularity { + background-color: @ini_background; + border: 1px solid silver; + height: .4em; + margin: 0 auto; + padding: 1px; + width: 5.5em; + position: absolute; + right: .5em; + top: 0.2em; +} +[dir=rtl] #extension__manager .legend div.popularity { + right: auto; + left: .5em; +} + +#extension__manager .legend div.popularity div { + background-color: @ini_border; + height: 100%; +} + +#extension__manager .legend div.popularity div span { + display: none;/* @todo: hide accessibly */ +} + +#extension__manager .actions { + padding: 0; + font-size: 95%; + width: 25%; + float: right; + text-align: right; +} +[dir=rtl] #extension__manager .actions { + float: left; + text-align: left; +} + +#extension__manager .actions .version { + display: block; +} + +#extension__manager .actions p { + margin: 0.2em 0; + text-align: center; +} + +/* + * extensions table, detailed info box + */ +#extension__manager dl.details { + margin: 0.4em 0 0 0; + font-size: 85%; + border-top: 1px solid @ini_background_alt; + clear: both; +} + +#extension__manager dl.details dt { + clear: left; + float: left; + width: 25%; + margin: 0; + text-align: right; + font-weight: normal; + padding: 0.2em 5px 0 0; +} +[dir=rtl] #extension__manager dl.details dt { + clear: right; + float: right; + text-align: left; + padding: 0.2em 0 0 5px; +} + +#extension__manager dl.details dd { + margin-left: 25%; + font-weight: bold; + padding: 0.2em 0 0 5px; +} +[dir=rtl] #extension__manager dl.details dd { + margin-left: 0; + margin-right: 25%; + padding: 0.2em 5px 0 0 ; +} + +#extension__manager dl.details dd a { + font-weight: normal; +} + +#extension__manager #info__popup { + z-index: 20; + overflow: hidden; + opacity: 0.9; + border: 1px solid @ini_border; + background-color: @ini_border; /*background_other__;*/ + text-align: left; + padding: 0.2em; +} +[dir=rtl] #extension__manager #info__popup { + text-align: right; +} + +#extension__manager div.msg { + margin: 0.4em 0 0 0; +} + +#extension__manager ul.tabs div.msg { + display: inline; + margin-left: 0.4em; +} +[dir=rtl] #extension__manager ul.tabs div.msg { + margin-left: 0; + margin-right: 0.4em; +} + +/* end admin plugin styles */ -- cgit v1.2.3 From 61746d5540723d7463a0c1d666decb9c164c6678 Mon Sep 17 00:00:00 2001 From: Andreas Gohr Date: Fri, 9 Aug 2013 16:07:21 +0200 Subject: added a very simplistic lightbox --- lib/plugins/extension/style.less | 29 +++++++++++++++++++++++++++++ 1 file changed, 29 insertions(+) (limited to 'lib/plugins/extension/style.less') diff --git a/lib/plugins/extension/style.less b/lib/plugins/extension/style.less index 40fdb6075..cd9eeaa74 100644 --- a/lib/plugins/extension/style.less +++ b/lib/plugins/extension/style.less @@ -7,6 +7,35 @@ * @author Anika Henke */ +/** + * very simple lightbox + * @link http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/super-simple-lightbox-with-css-and-jquery/ + */ +#plugin__extensionlightbox { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: url(images/overlay.png) repeat; + text-align: center; + cursor: pointer; + + p { + text-align: right; + color: #fff; + margin-right: 20px; + font-size: 12px; + } + + img { + box-shadow: 0 0 25px #111; + -webkit-box-shadow: 0 0 25px #111; + -moz-box-shadow: 0 0 25px #111; + max-width: 90%; + max-height: 90%; + } +} /* * general layout -- cgit v1.2.3 From 8251e9612a372ea2e25e0d896fb0c3b8e4c3af73 Mon Sep 17 00:00:00 2001 From: Andreas Gohr Date: Fri, 9 Aug 2013 21:54:37 +0200 Subject: some style changes --- lib/plugins/extension/style.less | 30 +++++++++--------------------- 1 file changed, 9 insertions(+), 21 deletions(-) (limited to 'lib/plugins/extension/style.less') diff --git a/lib/plugins/extension/style.less b/lib/plugins/extension/style.less index cd9eeaa74..53c260f8d 100644 --- a/lib/plugins/extension/style.less +++ b/lib/plugins/extension/style.less @@ -20,6 +20,7 @@ background: url(images/overlay.png) repeat; text-align: center; cursor: pointer; + z-index: 9999; p { text-align: right; @@ -44,16 +45,6 @@ margin-left: 0; } -#extension__manager a.taglink { - padding: 1px 4px; - background-color: @ini_background_neu; - border-radius: 3px; -} -[dir=rtl] #extension__manager a.taglink { - display: inline-block; - line-height: 1.2; -} - #extension__manager .panelHeader div.error { margin-top: 0; float: left; @@ -173,6 +164,10 @@ background: transparent url(images/disabled.png) no-repeat 2px 2px; } +#extension__manager .disabled .legend { + opacity: 0.7; +} + #extension__manager div.screenshot img { width: 120px; height: 70px; @@ -227,19 +222,12 @@ font-size: 85%; } -#extension__manager .legend span.linkbar a.urlextern + a.taglink, -#extension__manager .legend span.linkbar a.interwiki + a.taglink { - margin-left: 0.4em; -} -[dir=rtl] #extension__manager .legend span.linkbar a.urlextern + a.taglink, -[dir=rtl] #extension__manager .legend span.linkbar a.interwiki + a.taglink { - margin-left: 0; -} -[dir=rtl] #extension__manager .legend span.linkbar a.urlextern, -[dir=rtl] #extension__manager .legend span.linkbar a.interwiki { - margin-left: .4em; +#extension__manager .legend span.linkbar span.tags { + padding-left: 18px; + background: transparent url(images/tag.png) no-repeat 0 0; } + #extension__manager .legend input.button { background: transparent url(images/up.png) no-repeat 0 0; box-shadow: none; -- cgit v1.2.3 From 75e063084d865a011e074c29c5edb8569fe2cfe1 Mon Sep 17 00:00:00 2001 From: Andreas Gohr Date: Fri, 9 Aug 2013 22:58:01 +0200 Subject: made info mechanism work again --- lib/plugins/extension/style.less | 11 ++++++----- 1 file changed, 6 insertions(+), 5 deletions(-) (limited to 'lib/plugins/extension/style.less') diff --git a/lib/plugins/extension/style.less b/lib/plugins/extension/style.less index 53c260f8d..fc5613044 100644 --- a/lib/plugins/extension/style.less +++ b/lib/plugins/extension/style.less @@ -228,21 +228,22 @@ } -#extension__manager .legend input.button { +#extension__manager .legend a.info { background: transparent url(images/up.png) no-repeat 0 0; - box-shadow: none; border-width: 0; - height: 14px; + height: 13px; + width: 13px; text-indent: -99999px; float: right; margin: .5em 0 0; + overflow: hidden; } -[dir=rtl] #extension__manager .legend input.button { +[dir=rtl] #extension__manager .legend a.info { float: left; margin: .5em 0 0; } -#extension__manager .legend input.button.close { +#extension__manager .legend a.info.close { background: transparent url(images/down.png) no-repeat 0 0; } -- cgit v1.2.3 From df7751c6c456e0107b11d547c159266b470470d9 Mon Sep 17 00:00:00 2001 From: Andreas Gohr Date: Sat, 10 Aug 2013 10:45:29 +0200 Subject: nicer tabs --- lib/plugins/extension/style.less | 20 ++++++++++++++++++++ 1 file changed, 20 insertions(+) (limited to 'lib/plugins/extension/style.less') diff --git a/lib/plugins/extension/style.less b/lib/plugins/extension/style.less index fc5613044..8c85bec46 100644 --- a/lib/plugins/extension/style.less +++ b/lib/plugins/extension/style.less @@ -38,6 +38,26 @@ } } +#extension__manager { + /* tab layout - most of it is in the main template */ + ul.tabs li.active a { + background-color: @ini_background_alt; + border-bottom: solid 1px @ini_background_alt; + z-index: 2; + } + .panelHeader { + background-color: @ini_background_alt; + margin: 0 0 10px 0; + padding: 10px 10px 8px; + text-align: left; + overflow: hidden; + } +} + +/* ------- FIXME everything below needs to be checked for usage ---------- */ + + + /* * general layout */ -- cgit v1.2.3 From 8d295da079a559bf0f254f0db383e0b3188f9985 Mon Sep 17 00:00:00 2001 From: Andreas Gohr Date: Sat, 10 Aug 2013 11:46:09 +0200 Subject: language cleanup removed all unused strings --- lib/plugins/extension/style.less | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) (limited to 'lib/plugins/extension/style.less') diff --git a/lib/plugins/extension/style.less b/lib/plugins/extension/style.less index 8c85bec46..4a036f067 100644 --- a/lib/plugins/extension/style.less +++ b/lib/plugins/extension/style.less @@ -191,6 +191,8 @@ #extension__manager div.screenshot img { width: 120px; height: 70px; + border-radius: 12px; + box-shadow: 2px 2px 2px #ccc; } #extension__manager .legend div.screenshot { @@ -198,6 +200,7 @@ margin-left: -132px; max-width: 120px; float: left; + position: relative; } [dir=rtl] #extension__manager .legend div.screenshot { margin-left: 0; @@ -209,7 +212,8 @@ min-height: 24px; min-width: 24px; position: absolute; - left: 0; + left: 0px; + top: 0px; } [dir=rtl] #extension__manager .legend div.screenshot span { left: auto; -- cgit v1.2.3 From f910b299e4bbc59cfbe4e68af5d34ea2e5815574 Mon Sep 17 00:00:00 2001 From: Andreas Gohr Date: Sat, 10 Aug 2013 14:29:40 +0200 Subject: updated styles RTL styles need to be readded --- lib/plugins/extension/style.less | 477 +++++++++++++++------------------------ 1 file changed, 188 insertions(+), 289 deletions(-) (limited to 'lib/plugins/extension/style.less') diff --git a/lib/plugins/extension/style.less b/lib/plugins/extension/style.less index 4a036f067..e1a7a1d7b 100644 --- a/lib/plugins/extension/style.less +++ b/lib/plugins/extension/style.less @@ -38,8 +38,11 @@ } } +/** + * general styles + */ #extension__manager { - /* tab layout - most of it is in the main template */ + // tab layout - most of it is in the main template ul.tabs li.active a { background-color: @ini_background_alt; border-bottom: solid 1px @ini_background_alt; @@ -52,336 +55,232 @@ text-align: left; overflow: hidden; } -} - -/* ------- FIXME everything below needs to be checked for usage ---------- */ - - - -/* - * general layout - */ -#extension__manager h2 { - margin-left: 0; -} -#extension__manager .panelHeader div.error { - margin-top: 0; - float: left; -} -[dir=rtl] #extension__manager .panelHeader div.error { - float: right; + // message spacing + div.msg { + margin: 0.4em 0 0 0; + } } /* - * search & url download forms + * extensions table */ -#extension__manager form.search, -#extension__manager form.btn_reload { - float: right; -} -[dir=rtl] #extension__manager form.search, -[dir=rtl] #extension__manager form.btn_reload { - float: left; -} - -#extension__manager div.search form.search { - float: none; -} - -#extension__manager .tagcloud { - width: 55%; - float: left; - margin: 0 0.5em 1em 0; -} -[dir=rtl] #extension__manager .tagcloud { - float: right; - margin: 0 0 1em .5em; -} - -#extension__manager .tagcloud a.taglink { - background-color: inherit; -} - -#extension__manager div.search { - width: 44%; - float: left; -} -[dir=rtl] #extension__manager div.search { - float: right; -} - -#extension__manager fieldset { - margin-top: 0.5em; - width: auto; -} - -#extension__manager fieldset p { - margin: 0.5em; - text-align: justify; - font-size: 85%; -} - -/* tag cloud */ -#extension__manager a.cl0 { font-size: 0.7em; } -#extension__manager a.cl1 { font-size: 0.9em; } -#extension__manager a.cl2 { font-size: 1em; } -#extension__manager a.cl3 { font-size: 1.3em; } -#extension__manager a.cl4 { font-size: 1.6em; } -#extension__manager a.cl5 { font-size: 1.9em; } +#extension__list { + ul.extensionList { + margin-left: 0; + margin-right: 0; + padding: 0; + list-style: none; + } + ul.extensionList li { + margin: 0 0 .5em; + padding: 0 0 .5em; + color: @ini_text; + border-bottom: 1px solid @ini_border; + overflow: hidden; + } -#extension__manager .extensionList input.button { - margin: 0 .3em .3em 0; -} -[dir=rtl] #extension__manager .extensionList input.button { - margin: 0 0 .3em .3em; + input.button { + margin: 0 .3em .3em 0; + } } -/* - * extensions table +/** + * extension table left column */ -#extension__manager .extensionList { - margin-left: 0; - margin-right: 0; - padding: 0; - list-style: none; -} - -#extension__manager .extensionList li { - margin: 0 0 .5em; - padding: 0 0 .5em; - color: @ini_text; - border-bottom: 1px solid @ini_border; - overflow: hidden; -} - -#extension__manager .legend { +#extension__list .legend { position: relative; width: 75%; float: left; -} -[dir=rtl] #extension__manager .legend { - float: right; -} -#extension__manager .legend > div { - padding: 0 .5em 0 132px; - border-right: 1px solid @ini_background_alt; - overflow: hidden; -} -[dir=rtl] #extension__manager .legend > div { - padding: 0 132px 0 .5em; - border-left: 1px solid @ini_background_alt; - border-right-width: 0; -} - -#extension__manager .enabled div.screenshot span { - background: transparent url(images/enabled.png) no-repeat 2px 2px; -} - -#extension__manager .disabled div.screenshot span { - background: transparent url(images/disabled.png) no-repeat 2px 2px; -} - -#extension__manager .disabled .legend { - opacity: 0.7; -} - -#extension__manager div.screenshot img { - width: 120px; - height: 70px; - border-radius: 12px; - box-shadow: 2px 2px 2px #ccc; -} - -#extension__manager .legend div.screenshot { - margin-top: 4px; - margin-left: -132px; - max-width: 120px; - float: left; - position: relative; -} -[dir=rtl] #extension__manager .legend div.screenshot { - margin-left: 0; - margin-right: -132px; - float: right; -} + // padding + > div { + padding: 0 .5em 0 132px; + border-right: 1px solid @ini_background_alt; + overflow: hidden; + } -#extension__manager .legend div.screenshot span { - min-height: 24px; - min-width: 24px; - position: absolute; - left: 0px; - top: 0px; -} -[dir=rtl] #extension__manager .legend div.screenshot span { - left: auto; - right: 0; -} + // screenshot + div.screenshot { + margin-top: 4px; + margin-left: -132px; + max-width: 120px; + float: left; + position: relative; + + img { + width: 120px; + height: 70px; + border-radius: 5px; + box-shadow: 2px 2px 2px #666; + } + + span { + min-height: 24px; + min-width: 24px; + position: absolute; + left: 0px; + top: 0px; + } + } -#extension__manager .legend h2 { - width: 100%; - float: right; - margin: 0.2em 0 0.5em; - font-size: 100%; - font-weight: normal; - border: none; -} -[dir=rtl] #extension__manager .legend h2 { - float: left; -} + // plugin headline + h2 { + width: 100%; + float: right; + margin: 0.2em 0 0.5em; + font-size: 100%; + font-weight: normal; + border: none; + + strong { + font-size: 120%; + font-weight: bold; + vertical-align: baseline; + } + } -#extension__manager .legend h2 strong { - font-size: 120%; - font-weight: bold; - vertical-align: baseline; -} + // description + p { + margin: 0 0 0.6em 0; + } -#extension__manager .legend p { - margin: 0 0 0.6em 0; -} + // popularity bar + div.popularity { + background-color: @ini_background; + border: 1px solid silver; + height: .4em; + margin: 0 auto; + padding: 1px; + width: 5.5em; + position: absolute; + right: .5em; + top: 0.2em; + + div { + background-color: @ini_border; + height: 100%; + + span { + display: none;// @todo: hide accessibly + } + } + } -#extension__manager .legend span.linkbar { - font-size: 85%; -} + // Docs, Bugs, Tags + span.linkbar { + font-size: 85%; -#extension__manager .legend span.linkbar span.tags { - padding-left: 18px; - background: transparent url(images/tag.png) no-repeat 0 0; -} + span.tags { + padding-left: 18px; + background: transparent url(images/tag.png) no-repeat 0 0; + } + } + // more info button + a.info { + background: transparent url(images/up.png) no-repeat 0 0; + border-width: 0; + height: 13px; + width: 13px; + text-indent: -9999px; + float: right; + margin: .5em 0 0; + overflow: hidden; -#extension__manager .legend a.info { - background: transparent url(images/up.png) no-repeat 0 0; - border-width: 0; - height: 13px; - width: 13px; - text-indent: -99999px; - float: right; - margin: .5em 0 0; - overflow: hidden; -} -[dir=rtl] #extension__manager .legend a.info { - float: left; - margin: .5em 0 0; -} + &.close { + background: transparent url(images/down.png) no-repeat 0 0; + } + } -#extension__manager .legend a.info.close { - background: transparent url(images/down.png) no-repeat 0 0; + // detailed info box + dl.details { + margin: 0.4em 0 0 0; + font-size: 85%; + border-top: 1px solid @ini_background_alt; + clear: both; + + dt { + clear: left; + float: left; + width: 25%; + margin: 0; + text-align: right; + font-weight: normal; + padding: 0.2em 5px 0 0; + } + + dd { + margin-left: 25%; + font-weight: bold; + padding: 0.2em 0 0 5px; + + a { + font-weight: normal; + } + } + } } -#extension__manager .legend div.popularity { - background-color: @ini_background; - border: 1px solid silver; - height: .4em; - margin: 0 auto; - padding: 1px; - width: 5.5em; - position: absolute; - right: .5em; - top: 0.2em; -} -[dir=rtl] #extension__manager .legend div.popularity { - right: auto; - left: .5em; -} +/* + * Enabled/Disabled overrides + */ +#extension__list { + .enabled div.screenshot span { + background: transparent url(images/enabled.png) no-repeat 2px 2px; + } -#extension__manager .legend div.popularity div { - background-color: @ini_border; - height: 100%; -} + .disabled div.screenshot span { + background: transparent url(images/disabled.png) no-repeat 2px 2px; + } -#extension__manager .legend div.popularity div span { - display: none;/* @todo: hide accessibly */ + .disabled .legend { + opacity: 0.7; + } } +/** + * extension table right column + */ #extension__manager .actions { padding: 0; font-size: 95%; width: 25%; float: right; text-align: right; -} -[dir=rtl] #extension__manager .actions { - float: left; - text-align: left; -} -#extension__manager .actions .version { - display: block; -} + .version { + display: block; + } -#extension__manager .actions p { - margin: 0.2em 0; - text-align: center; + p { + margin: 0.2em 0; + text-align: center; + } } -/* - * extensions table, detailed info box +/** + * Search form */ -#extension__manager dl.details { - margin: 0.4em 0 0 0; - font-size: 85%; - border-top: 1px solid @ini_background_alt; - clear: both; -} - -#extension__manager dl.details dt { - clear: left; - float: left; - width: 25%; - margin: 0; - text-align: right; - font-weight: normal; - padding: 0.2em 5px 0 0; -} -[dir=rtl] #extension__manager dl.details dt { - clear: right; - float: right; - text-align: left; - padding: 0.2em 0 0 5px; -} - -#extension__manager dl.details dd { - margin-left: 25%; - font-weight: bold; - padding: 0.2em 0 0 5px; -} -[dir=rtl] #extension__manager dl.details dd { - margin-left: 0; - margin-right: 25%; - padding: 0.2em 5px 0 0 ; -} - -#extension__manager dl.details dd a { - font-weight: normal; -} +#extension__manager form.search { + display: block; + margin-bottom: 2em; -#extension__manager #info__popup { - z-index: 20; - overflow: hidden; - opacity: 0.9; - border: 1px solid @ini_border; - background-color: @ini_border; /*background_other__;*/ - text-align: left; - padding: 0.2em; -} -[dir=rtl] #extension__manager #info__popup { - text-align: right; -} + span { + font-weight: bold; + } -#extension__manager div.msg { - margin: 0.4em 0 0 0; + input.edit { + width: 25em; + } } -#extension__manager ul.tabs div.msg { - display: inline; - margin-left: 0.4em; -} -[dir=rtl] #extension__manager ul.tabs div.msg { - margin-left: 0; - margin-right: 0.4em; +/** + * Install form + */ +#extension__manager form.install { + text-align: center; + display: block; + width: 60%; } - -/* end admin plugin styles */ -- cgit v1.2.3 From e445eeb3b675b350b4cebeeea610d4f7cd2e8f19 Mon Sep 17 00:00:00 2001 From: Andreas Gohr Date: Sun, 11 Aug 2013 11:19:34 +0200 Subject: fixed button logic --- lib/plugins/extension/style.less | 9 +++++++++ 1 file changed, 9 insertions(+) (limited to 'lib/plugins/extension/style.less') diff --git a/lib/plugins/extension/style.less b/lib/plugins/extension/style.less index e1a7a1d7b..762968611 100644 --- a/lib/plugins/extension/style.less +++ b/lib/plugins/extension/style.less @@ -258,6 +258,15 @@ margin: 0.2em 0; text-align: center; } + + p.permerror { + margin-left: 0.4em; + text-align: left; + padding-left: 19px; + background: transparent url(images/warning.png) center left no-repeat; + line-height: 18px; + font-size: 12px; + } } /** -- cgit v1.2.3 From 7ca0915cf61dd8ff297bf1d3ebd6aafcab88a618 Mon Sep 17 00:00:00 2001 From: Andreas Gohr Date: Sun, 11 Aug 2013 11:52:47 +0200 Subject: fixed donation link --- lib/plugins/extension/style.less | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) (limited to 'lib/plugins/extension/style.less') diff --git a/lib/plugins/extension/style.less b/lib/plugins/extension/style.less index 762968611..0d86f5419 100644 --- a/lib/plugins/extension/style.less +++ b/lib/plugins/extension/style.less @@ -209,15 +209,16 @@ text-align: right; font-weight: normal; padding: 0.2em 5px 0 0; + font-weight: bold; } dd { margin-left: 25%; - font-weight: bold; padding: 0.2em 0 0 5px; - a { - font-weight: normal; + a.donate { + padding-left: 18px; + background: transparent url(images/donate.png) left center no-repeat; } } } -- cgit v1.2.3 From 47559c79fedce97add92eb193fb379b8795fc612 Mon Sep 17 00:00:00 2001 From: Anika Henke Date: Sun, 5 Jan 2014 20:22:40 +0000 Subject: fixed and improved some HTML in extension manager --- lib/plugins/extension/style.less | 10 +++------- 1 file changed, 3 insertions(+), 7 deletions(-) (limited to 'lib/plugins/extension/style.less') diff --git a/lib/plugins/extension/style.less b/lib/plugins/extension/style.less index 0d86f5419..a60aac8bf 100644 --- a/lib/plugins/extension/style.less +++ b/lib/plugins/extension/style.less @@ -161,15 +161,11 @@ div { background-color: @ini_border; height: 100%; - - span { - display: none;// @todo: hide accessibly - } } } // Docs, Bugs, Tags - span.linkbar { + div.linkbar { font-size: 85%; span.tags { @@ -180,7 +176,7 @@ // more info button a.info { - background: transparent url(images/up.png) no-repeat 0 0; + background: transparent url(images/down.png) no-repeat 0 0; border-width: 0; height: 13px; width: 13px; @@ -190,7 +186,7 @@ overflow: hidden; &.close { - background: transparent url(images/down.png) no-repeat 0 0; + background: transparent url(images/up.png) no-repeat 0 0; } } -- cgit v1.2.3 From 77da6d6ca677e783f5e104226a179b5f09ab121d Mon Sep 17 00:00:00 2001 From: Anika Henke Date: Sun, 5 Jan 2014 22:25:41 +0000 Subject: added css and html changes for RTL scripts to extension manager --- lib/plugins/extension/style.less | 77 ++++++++++++++++++++++++++++++++++++++-- 1 file changed, 74 insertions(+), 3 deletions(-) (limited to 'lib/plugins/extension/style.less') diff --git a/lib/plugins/extension/style.less b/lib/plugins/extension/style.less index a60aac8bf..d20689099 100644 --- a/lib/plugins/extension/style.less +++ b/lib/plugins/extension/style.less @@ -52,7 +52,6 @@ background-color: @ini_background_alt; margin: 0 0 10px 0; padding: 10px 10px 8px; - text-align: left; overflow: hidden; } @@ -120,8 +119,8 @@ min-height: 24px; min-width: 24px; position: absolute; - left: 0px; - top: 0px; + left: 0; + top: 0; } } @@ -220,6 +219,64 @@ } } +[dir=rtl] #extension__list .legend { + float: right; + + > div { + padding: 0 132px 0 .5em; + border-left: 1px solid @ini_background_alt; + border-right-width: 0; + } + + div.screenshot { + margin-left: 0; + margin-right: -132px; + float: right; + + span { + left: auto; + right: 0; + } + } + + h2 { + float: left; + } + + div.popularity { + right: auto; + left: .5em; + } + + div.linkbar span.tags, + dl.details dd a.donate { + padding-left: 0; + padding-right: 18px; + background-position: top right; + } + + a.info { + float: left; + } + + dl.details { + dt { + clear: right; + float: right; + text-align: left; + padding-left: 5px; + padding-right: 0; + } + + dd { + margin-left: 0; + margin-right: 25%; + padding-left: 0; + padding-right: 5px; + } + } +} + /* * Enabled/Disabled overrides */ @@ -266,6 +323,20 @@ } } +[dir=rtl] #extension__manager .actions { + float: left; + text-align: left; + + p.permerror { + margin-left: 0; + margin-right: 0.4em; + text-align: right; + padding-left: 0; + padding-right: 19px; + background-position: center right; + } +} + /** * Search form */ -- cgit v1.2.3