From 05579880a4e4e76ada35cf2ff303a71377dfb41b Mon Sep 17 00:00:00 2001 From: RaNaN Date: Wed, 15 Sep 2010 23:42:41 +0200 Subject: package ui improvements --- module/web/media/default/css/default.css | 939 +------------------------ module/web/templates/default/collector.html | 4 +- module/web/templates/default/downloads.html | 2 +- module/web/templates/default/edit_package.html | 2 +- module/web/templates/default/package_ui.js | 37 +- module/web/templates/default/queue.html | 4 +- 6 files changed, 50 insertions(+), 938 deletions(-) (limited to 'module/web') diff --git a/module/web/media/default/css/default.css b/module/web/media/default/css/default.css index 8e18ce186..8ca554e9b 100644 --- a/module/web/media/default/css/default.css +++ b/module/web/media/default/css/default.css @@ -1,58 +1,6 @@ -div.no { - display:inline; - margin:0; - padding:0; -} .hidden { display:none; } -div.error { - background:#fcc url(media/img/default/error.png) 0.5em 0px no-repeat; - color:#000; - border-bottom:1px solid #faa; - font-size:90%; - margin:0; - padding-left:3em; - overflow:hidden; -} -div.info { - background:#ccf url(static/default/info.png) 0.5em 0px no-repeat; - color:#000; - border-bottom:1px solid #aaf; - font-size:90%; - margin:0; - padding-left:3em; - overflow:hidden; -} -div.success { - background:#cfc url(static/default/success.png) 0.5em 0px no-repeat; - color:#000; - border-bottom:1px solid #afa; - font-size:90%; - margin:0; - padding-left:3em; - overflow:hidden; -} -div.notify { - background:#ffc url(media/img/default/notify.png) 0.5em 0px no-repeat; - color:#000; - border-bottom:1px solid #ffa; - font-size:90%; - margin:0; - padding-left:3em; - overflow:hidden; -} -.medialeft { - float:left; -} -.mediaright { - float:right; -} -.mediacenter { - display:block; - margin-left:auto; - margin-right:auto; -} .leftalign { text-align:left; } @@ -62,399 +10,8 @@ div.notify { .rightalign { text-align:right; } -em.u { - font-style:normal; - text-decoration:underline; -} -em em.u { - font-style:italic; -} -.code .br0 { - color:#6c6; -} -.code .co1 { - color:#808080; - font-style:italic; -} -.code .co2 { - color:#808080; - font-style:italic; -} -.code .co3 { - color:#808080; -} -.code .coMULTI { - color:#808080; - font-style:italic; -} -.code .es0 { - color:#009; - font-weight:bold; -} -.code .kw1 { - color:#b1b100; -} -.code .kw2 { - color:#000; - font-weight:bold; -} -.code .kw3 { - color:#006; -} -.code .kw4 { - color:#933; -} -.code .kw5 { - color:#00f; -} -.code .me1 { - color:#060; -} -.code .me2 { - color:#060; -} -.code .nu0 { - color:#c6c; -} -.code .re0 { - color:#00f; -} -.code .re1 { - color:#00f; -} -.code .re2 { - color:#00f; -} -.code .re3 { - color:#f33; - font-weight:bold; -} -.code .re4 { - color:#099; -} -.code .st0 { - color:#f00; -} -.code .sy0 { - color:#6c6; -} -div.dokuwiki table.pagelist, div.dokuwiki table.ul { - border:0; - padding:0; - border-spacing:0; - margin-bottom:1em; - border-collapse:collapse; -} -div.dokuwiki table.pagelist tr { - border-top:1px solid #8cacbb; - border-bottom:1px solid #8cacbb; -} -div.dokuwiki table.pagelist th, div.dokuwiki table.pagelist td { - padding:1px 1em 1px 0; -} -div.dokuwiki table.ul th, div.dokuwiki table.ul td { - padding:0 1em 0 0; -} -div.dokuwiki table.ul ul { - margin:0 0 0 1.5em; -} -div.dokuwiki table.pagelist th, div.dokuwiki table.ul th { - background-color:#dee7ec; -} -div.dokuwiki th.page, div.dokuwiki th.date, div.dokuwiki th.user, div.dokuwiki th.desc, div.dokuwiki th.comments, div.dokuwiki th.linkbacks, div.dokuwiki th.tags, div.dokuwiki td.date, div.dokuwiki td.user, div.dokuwiki td.desc, div.dokuwiki td.comments, div.dokuwiki td.linkbacks, div.dokuwiki td.tags { - color:#666; - font-size:80%; -} -div.dokuwiki td.date { - text-align:right; -} -div.dokuwiki div.include div.secedit { - float:right; - margin-left:1em; - margin-top:-18px; -} -div.dokuwiki div.inclmeta { - border-top:1px dotted #8cacbb; - padding-top:0.2em; - color:#666; - font-size:80%; - line-height:1.25; - margin-top:0.5em; - margin-bottom:2em; -} -div.dokuwiki div.inclmeta a.permalink { - background:transparent url(media/img/default/link.gif) 0px 1px no-repeat; - padding:1px 0px 1px 16px; -} -div.dokuwiki div.inclmeta abbr.published { - background:transparent url(media/img/default/date.gif) 0px 1px no-repeat; - padding:1px 0px 1px 16px; - border-bottom:0; -} -div.dokuwiki div.inclmeta span.author { - background:transparent url(media/img/default/user.gif) 0px 1px no-repeat; - padding:1px 0px 1px 16px; -} -div.dokuwiki div.inclmeta span.comment { - background:transparent url(media/img/default/comment.gif) 0px 1px no-repeat; - padding:1px 0px 1px 16px; -} -div.dokuwiki div.inclmeta div.tags { - border-top:0; - font-size:100%; - float:right; - clear:none; -} -#plugin__manager { -} -#plugin__manager h2 { - margin-left:0; -} -#plugin__manager form { - display:block; - margin:0; - padding:0; -} -#plugin__manager legend { - display:none; -} -#plugin__manager fieldset { - width:auto; -} -#plugin__manager .button { - margin:0; -} -#plugin__manager p, #plugin__manager label { - text-align:left; -} -#plugin__manager .hidden { - display:none; -} -#plugin__manager .new { - background:#dee7ec; -} -#plugin__manager input[disabled] { - color:#ccc; - border-color:#ccc; -} -#plugin__manager .pm_menu, #plugin__manager .pm_info { - margin-left:0; - text-align:left; -} -#plugin__manager .pm_menu { - float:left; - width:48%; -} -#plugin__manager .pm_info { - float:right; - width:50%; -} -#plugin__manager .common { -} -#plugin__manager .common form { -} -#plugin__manager .common fieldset { - margin:0; - padding:0 0 1.0em 0; - text-align:left; - border:none; -} -#plugin__manager .common label { - padding:0 0 0.5em 0; -} -#plugin__manager .common input { -} -#plugin__manager .common input.edit { - width:24em; - margin:0.5em; -} -#plugin__manager .common .button { -} -#plugin__manager form.plugins { -} -#plugin__manager .plugins fieldset { - color:#000; - background:#fff; - text-align:right; - border-top:none; - border-right:none; - border-left:none; -} -#plugin__manager .plugins fieldset.protected { - background:#fdd; - color:#000; -} -#plugin__manager .plugins fieldset.disabled { - background:#e0e0e0; - color:#a8a8a8; -} -#plugin__manager .plugins .legend { - color:#000; - background:inherit; - display:block; - margin:0; - padding:0; - font-size:1em; - line-height:1.4em; - font-weight:normal; - text-align:left; - float:left; - padding:0; - clear:none; -} -#plugin__manager .plugins .button { - font-size:95%; -} -#plugin__manager .plugins fieldset.buttons { - border:none; -} -#plugin__manager .plugins fieldset.buttons .button { - float:left; -} -#plugin__manager .pm_info h3 { - margin-left:0; -} -#plugin__manager .pm_info dl { - margin:1em 0; - padding:0; -} -#plugin__manager .pm_info dt { - width:6em; - float:left; - clear:left; - margin:0; - padding:0; -} -#plugin__manager .pm_info dd { - margin:0 0 0 7em; - padding:0; - background:none; -} -#plugin__manager .plugins .enable { - float:left; - width:auto; - margin-right:0.5em; -} -#config__manager div.success, #config__manager div.error, #config__manager div.info { - background-position:0.5em; - padding:0.5em; - text-align:center; -} -#config__manager fieldset { - margin:1em; - width:auto; - margin-bottom:2em; - background-color:#dee7ec; - color:#000; - padding:0 1em; -} -#config__manager legend { - font-size:1.25em; -} -#config__manager form { -} -#config__manager table { - margin:1em 0; - width:100%; -} -#config__manager fieldset td { - text-align:left; -} -#config__manager fieldset td.value { - width:31em; -} -#config__manager td.label { - padding:0.8em 0 0.6em 1em; - vertical-align:top; -} -#config__manager td.label label { - clear:left; - display:block; -} -#config__manager td.label img { - padding:0 10px; - vertical-align:middle; - float:right; -} -#config__manager td.label span.outkey { - font-size:70%; - margin-top:-1.7em; - margin-left:-1em; - display:block; - background-color:#fff; - color:#666; - float:left; - padding:0 0.1em; - position:relative; - z-index:1; -} -#config__manager td input.edit { - width:30em; -} -#config__manager td .input { - width:30.8em; -} -#config__manager td select.edit { -} -#config__manager td textarea.edit { - width:27.5em; - height:4em; -} -#config__manager tr .input, #config__manager tr input, #config__manager tr textarea, #config__manager tr select { - background-color:#fff; - color:#000; -} -#config__manager tr.default .input, #config__manager tr.default input, #config__manager tr.default textarea, #config__manager tr.default select, #config__manager .selectiondefault { - background-color:#cdf; - color:#000; -} -#config__manager tr.protected .input, #config__manager tr.protected input, #config__manager tr.protected textarea, #config__manager tr.protected select, #config__manager tr.protected .selection { - background-color:#fcc!important; - color:#000 !important; -} -#config__manager td.error { - background-color:red; - color:#000; -} -#config__manager .selection { - width:14.8em; - float:left; - margin:0 0.3em 2px 0; -} -#config__manager .selection label { - float:right; - width:14em; - font-size:90%; -} -* html #config__manager .selection label { - padding-top:2px; -} -#config__manager .selection input.checkbox { - padding-left:0.7em; -} -#config__manager .other { - clear:both; - padding-top:0.5em; -} -#config__manager .other label { - padding-left:2px; - font-size:90%; -} -.dokuwiki div.plugin_translation { - float:right; - font-size:95%; -} -.dokuwiki div.plugin_translation ul { - display:inline; - padding:0; - margin:0; -} -.dokuwiki div.plugin_translation ul li { - float:left; - list-style-type:none; - padding:0; - margin:0; -} + + .dokuwiki div.plugin_translation ul li a.wikilink1:link, .dokuwiki div.plugin_translation ul li a.wikilink1:hover, .dokuwiki div.plugin_translation ul li a.wikilink1:active, .dokuwiki div.plugin_translation ul li a.wikilink1:visited { background-color:#000080; color:#fff !important; @@ -471,286 +28,15 @@ div.dokuwiki div.inclmeta div.tags { margin:0.1em 0.2em; border:none !important; } -.dokuwiki div.plugin_translation ul li a img { - opacity:0.5; - border:0; -} -.dokuwiki div.plugin_translation ul li a.wikilink2 img { -} -.dokuwiki div.plugin_translation span.curid a img { - opacity:1.0; - height:15px; -} + .dokuwiki div.plugin_translation ul li a:hover img { opacity:1.0; height:15px; } -#user__manager tr.disabled { - color:#6f6f6f; - background:#e4e4e4; -} -#user__manager tr.user_info { - vertical-align:top; -} -#user__manager div.edit_user { - width:46%; - float:left; -} -#user__manager table { - margin-bottom:1em; -} -#user__manager input.button[disabled] { - color:#ccc!important; - border-color:#ccc!important; -} -div.dokuwiki div.newentry_form { - clear:both; - text-align:center; - margin-bottom:1em; -} -div.dokuwiki #blog__newentry_form input.edit { - width:95%; -} -div.dokuwiki tr.draft, div.dokuwiki div.draft { - opacity:0.5; -} -div.dokuwiki div.autoarchive_selector ul { - list-style-type:none; - clear:left; - margin:0 0.5em 0 0; -} -div.dokuwiki div.autoarchive_selector ul div.li { - float:left; - margin:0 1em 0 0; -} -div.dokuwiki div.autoarchive_selector ul ul { - float:left; - clear:none; -} -div.dokuwiki div.autoarchive_selector ul ul div.li { - margin:0; -} -div#acl_manager div#acl__tree { - font-size:90%; - width:25%; - height:300px; - float:left; - overflow:auto; - border:1px solid #8cacbb; - text-align:left; -} -div#acl_manager div#acl__tree a.cur { - background-color:#ff9; - font-weight:bold; -} -div#acl_manager div#acl__tree ul { - list-style-type:none; + +body { margin:0; padding:0; -} -div#acl_manager div#acl__tree li { - padding-left:1em; -} -div#acl_manager div#acl__tree ul img { - margin-right:0.25em; - cursor:pointer; -} -div#acl_manager div#acl__detail { - width:73%; - height:300px; - float:right; - overflow:auto; -} -div#acl_manager div#acl__detail fieldset { - width:90%; -} -div#acl_manager div#acl__detail div#acl__user { - border:1px solid #8cacbb; - padding:0.5em; - margin-bottom:0.6em; -} -div#acl_manager table.inline { - width:100%; - margin:0; -} -div#acl_manager .aclgroup { - background:transparent url(media/img/default/group.png) 0px 1px no-repeat; - padding:1px 0px 1px 18px; -} -div#acl_manager .acluser { - background:transparent url(media/img/default/user.png) 0px 1px no-repeat; - padding:1px 0px 1px 18px; -} -div#acl_manager .aclpage { - background:transparent url(media/img/default/page.png) 0px 1px no-repeat; - padding:1px 0px 1px 18px; -} -div#acl_manager .aclns { - background:transparent url(media/img/default/ns.png) 0px 1px no-repeat; - padding:1px 0px 1px 18px; -} -div#acl_manager label.disabled { - color:#666!important; -} -#acl_manager label { - text-align:left; - font-weight:normal; - display:inline; -} -#acl_manager table { - margin-left:10%; - width:80%; -} -#acl_manager table tr { - background-color:inherit; -} -#acl_manager table tr:hover { - background-color:#dee7ec; -} -a.interwiki { - background:transparent url(/lib/images/interwiki.png) 0px 1px no-repeat; - padding-left:16px; -} -a.iw_wp { - background-image:url(/media/default/img/wp.gif) -} -a.iw_wpde { - background-image:url(/media/default/img/wpde.gif) -} -a.iw_wpmeta { - background-image:url(/media/default/img/wpmeta.gif) -} -a.iw_doku { - background-image:url(/media/default/img/doku.gif) -} -a.iw_dokubug { - background-image:url(/media/default/img/dokubug.gif) -} -a.iw_amazon { - background-image:url(/media/default/img/amazon.gif) -} -a.iw_amazon_de { - background-image:url(/media/default/img/amazon.de.gif) -} -a.iw_amazon_uk { - background-image:url(/media/default/img/amazon.uk.gif) -} -a.iw_phpfn { - background-image:url(/media/default/img/phpfn.gif) -} -a.iw_coral { - background-image:url(/media/default/img/coral.gif) -} -a.iw_sb { - background-image:url(/media/default/img/sb.gif) -} -a.iw_google { - background-image:url(/media/default/img/google.gif) -} -a.iw_meatball { - background-image:url(/media/default/img/meatball.gif) -} -a.iw_wiki { - background-image:url(/media/default/img/wiki.gif) -} -a.mediafile { - background:transparent url(/media/default/img/file.png) 0px 1px no-repeat; - padding-left:18px; - padding-bottom:1px; -} -a.mf_jpg { - background-image:url(/media/default/img/jpg.png) -} -a.mf_jpeg { - background-image:url(/media/default/img/jpeg.png) -} -a.mf_gif { - background-image:url(/media/default/img/gif.png) -} -a.mf_png { - background-image:url(/media/default/img/png.png) -} -a.mf_tgz { - background-image:url(/media/default/img/tgz.png) -} -a.mf_tar { - background-image:url(/media/default/img/tar.png) -} -a.mf_gz { - background-image:url(/media/default/img/gz.png) -} -a.mf_bz2 { - background-image:url(/media/default/img/bz2.png) -} -a.mf_zip { - background-image:url(/media/default/img/zip.png) -} -a.mf_rar { - background-image:url(/media/default/img/rar.png) -} -a.mf_pdf { - background-image:url(/media/default/img/pdf.png) -} -a.mf_ps { - background-image:url(/media/default/img/ps.png) -} -a.mf_doc { - background-image:url(/media/default/img/doc.png) -} -a.mf_xls { - background-image:url(/media/default/img/xls.png) -} -a.mf_ppt { - background-image:url(/media/default/img/ppt.png) -} -a.mf_rtf { - background-image:url(/media/default/img/rtf.png) -} -a.mf_swf { - background-image:url(/media/default/img/swf.png) -} -a.mf_rpm { - background-image:url(/media/default/img/rpm.png) -} -a.mf_deb { - background-image:url(/media/default/img/deb.png) -} -a.mf_sxw { - background-image:url(/media/default/img/sxw.png) -} -a.mf_sxc { - background-image:url(/media/default/img/sxc.png) -} -a.mf_sxi { - background-image:url(/media/default/img/sxi.png) -} -a.mf_sxd { - background-image:url(/media/default/img/sxd.png) -} -a.mf_odc { - background-image:url(/media/default/img/odc.png) -} -a.mf_odf { - background-image:url(/media/default/img/odf.png) -} -a.mf_odg { - background-image:url(/media/default/img/odg.png) -} -a.mf_odi { - background-image:url(/media/default/img/odi.png) -} -a.mf_odp { - background-image:url(/media/default/img/odp.png) -} -a.mf_ods { - background-image:url(/media/default/img/ods.png) -} -a.mf_odt { - background-image:url(/media/default/img/odt.png) -} -body { - margin:0px; - padding:0px; background-color:white; color:black; font-size:12px; @@ -764,7 +50,7 @@ body { line-height:normal; } hr { - border-width:0px; + border-width:0; border-bottom:1px #aaa dotted; } img { @@ -798,15 +84,9 @@ a { a:hover { text-decoration:underline; } -a.wikilink2 { - color:#a40000 !important; -} -.dokuwiki h1 a, .dokuwiki h2 a, .dokuwiki h3 a, .dokuwiki h4 a, .dokuwiki h5 a, .dokuwiki a.nolink { - color:#000 !important; - text-decoration:none !important; -} + option { - border:0px none #fff; + border:0 none #fff; } strong.highlight { background-color:#fc9; @@ -822,18 +102,7 @@ hr { border:none; margin:.2em 0 .2em 0; } -pre { - padding:0.5em; - font-family:courier, monospace; - border:1px solid #c0c0c0; - background:#F0ECE6; - white-space:pre; - white-space:pre-wrap; - word-wrap:break-word; - white-space:-moz-pre-wrap; - white-space:-pre-wrap; - white-space:-o-pre-wrap; -} + .invisible { margin:0px; border:0px; @@ -968,15 +237,7 @@ ul#page-actions2 a:hover, ul#page-actions2 a:focus, ul#user-actions2 a:hover, ul .hidden { display:none; } -a.urlextern { - color:#36B; - background:transparent url(/media/default/img/external-10.2.png) no-repeat scroll right center; - padding:0 13px 0 0; -} -a[href="http://www.pyload.org"]:after, a.noextlink:after { -background:none; -padding:0; -} + a.action.index { background:transparent url(/media/default/img/wiki-tools-index.png) 0px 1px no-repeat; } @@ -1185,23 +446,6 @@ div#head-search-and-login form input:focus { #foot img { vertical-align:middle; } -ul.toc { - padding:0; - padding-left:20px; - margin-left:0; - margin-right:10px; - list-style:none; -} -ul.toc li { - list-style:circle; -} -ul.toc li a { - text-decoration:none; - color:black; -} -ul.toc li a:hover { - text-decoration:underline; -} div.toc { border:1px dotted #888; background:#f0f0f0; @@ -1283,112 +527,9 @@ td p { .footnotes li { list-style:none; } -.recentchanges p { - margin:0.25em; -} -.recentchanges td { - vertical-align:top; - border:none; - border-bottom:1pt solid #F0ECE6; - background:#F7F6F2; -} -.rcdaybreak td { - background:#729fcf; - border:none; -} -.rcdaybreak td a { - font-size:0.88em; -} -.rcicon1, .rcicon2 { - text-align:center; -} -.rcpagelink { - width:33%; -} -.rctime { - font-size:0.88em; - white-space:nowrap; -} -.rceditor { - white-space:nowrap; - font-size:0.88em; -} -.rccomment { - width:66%; - color:gray; - font-size:0.88em; -} -.rcrss { - float:right; -} -.recentchanges[dir="rtl"] .rcrss { - float:left; -} .userpref table, .userpref td { border:none; } -div.codearea { - margin:0.5em 0; - padding:0; - border:1pt solid #AEBDCC; - background-color:#F3F5F7; - color:black; -} -div.codearea pre { - margin:0; - padding:10pt; - border:none; -} -a.codenumbers { - margin:0 10pt; - font-size:0.85em; - color:gray; -} -div.codearea pre span.LineNumber { - color:gray; -} -div.codearea pre span.ID { - color:#000; -} -div.codearea pre span.Operator { - color:#0000c0; -} -div.codearea pre span.Char { - color:#004080; -} -div.codearea pre span.Comment { - color:#008000; -} -div.codearea pre span.Number { - color:#0080c0; -} -div.codearea pre span.String { - color:#004080; -} -div.codearea pre span.SPChar { - color:#0000c0; -} -div.codearea pre span.ResWord { - color:#a00000; -} -div.codearea pre span.ConsWord { - color:#008080; - font-weight:bold; -} -div.codearea pre span.Error { - color:#ff8080; - border:solid 1.5pt #f00; -} -div.codearea pre span.ResWord2 { - color:#0080ff; - font-weight:bold; -} -div.codearea pre span.Special { - color:#00f; -} -div.codearea pre span.Preprc { - color:#803999; -} #message { clear:both; padding:5px 10px; @@ -1412,66 +553,6 @@ div.codearea pre span.Preprc { .searchresult dd span { font-weight:bold; } -.diff { - width:100%; - border:none; -} -.diff-blockheader { - font-weight:bold; - background:#e5e5e5; - font-size:1.2em; - border-top:2px solid #444; - padding:5px; -} -.diff th { - font-size:120%; - width:50%; - font-weight:normal; - text-align:left; - padding-bottom:3px; -} -.diff td { - font-family:monospace; - font-size:100%; - border:none; -} -.diff-addedline { - background-color:#dfd; -} -.diff-deletedline { - background-color:#ffb; -} -.diff-context { - color:#888; -} -.diff-addedline { - background-color:#E0FFE0; - vertical-align:sub; -} -.diff-deletedline { - background-color:#FFFFE0; - background-color:#f4cece; - vertical-align:sub; -} -.diff-addedline strong { - background-color:#80FF80; - background-color:#8ae234; -} -.diff-deletedline strong { - background-color:#FFFF80; - background-color:#ef2929; - background-color:#d78383; -} -.box { - background:url(/media/default/img/progress-bar-back.gif) right center no-repeat; - width:200px; - height:20px; - float:left; -} -.perc { - background:url(/media/default/img/progress-bar.gif) right center no-repeat; - height:20px; -} .boxtext { font-family:tahoma, arial, sans-serif; font-size:11px; diff --git a/module/web/templates/default/collector.html b/module/web/templates/default/collector.html index e207ba99a..1a7a4aa0c 100644 --- a/module/web/templates/default/collector.html +++ b/module/web/templates/default/collector.html @@ -37,7 +37,9 @@ document.addEvent("domready", function(){ {% endblock %} {% block content %} -
+
{% trans "success" %}
+
{% trans "failure" %}
+
{% trans "loading" %}
diff --git a/module/web/templates/default/downloads.html b/module/web/templates/default/downloads.html index 9ab5a2ea4..eeb73e151 100644 --- a/module/web/templates/default/downloads.html +++ b/module/web/templates/default/downloads.html @@ -30,7 +30,7 @@ {% block content %} -{% trans "It's recommend not to download Files bigger than ~10MB from here." %} +{% trans "Do not transfer downloaded files more than 10Mb in size via webinterface to external location, because it can result in high system load." %}