From 2c67177f74ff8bd8817b8f4967d1b25682beaaf1 Mon Sep 17 00:00:00 2001 From: Walter Purcaro Date: Mon, 16 Feb 2015 03:57:25 +0100 Subject: Improve theme structure a bit --- pyload/webui/themes/Dark/css/base.css | 962 ++++ pyload/webui/themes/Default/css/base.css | 902 +++ pyload/webui/themes/Flat/css/base.css | 866 +++ pyload/webui/themes/Flat/js/render/filemanager.js | 291 + pyload/webui/themes/Flat/tml/filemanager.html | 78 + pyload/webui/themes/bright/css/MooDialog.css | 85 - pyload/webui/themes/bright/css/bright.css | 866 --- pyload/webui/themes/bright/css/log.css | 72 - pyload/webui/themes/bright/css/pathchooser.css | 68 - pyload/webui/themes/bright/css/window.css | 70 - .../themes/bright/img/MooDialog/dialog-close.png | Bin 689 -> 0 bytes .../themes/bright/img/MooDialog/dialog-error.png | Bin 1472 -> 0 bytes .../bright/img/MooDialog/dialog-question.png | Bin 2073 -> 0 bytes .../themes/bright/img/MooDialog/dialog-warning.png | Bin 1651 -> 0 bytes pyload/webui/themes/bright/img/arrow_refresh.png | Bin 119032 -> 0 bytes pyload/webui/themes/bright/img/arrow_right.png | Bin 136967 -> 0 bytes pyload/webui/themes/bright/img/button.png | Bin 569 -> 0 bytes pyload/webui/themes/bright/img/cog.png | Bin 137406 -> 0 bytes pyload/webui/themes/bright/img/control_add.png | Bin 116941 -> 0 bytes .../webui/themes/bright/img/control_add_blue.png | Bin 116941 -> 0 bytes pyload/webui/themes/bright/img/control_cancel.png | Bin 116939 -> 0 bytes .../themes/bright/img/control_cancel_blue.png | Bin 116939 -> 0 bytes pyload/webui/themes/bright/img/control_pause.png | Bin 134855 -> 0 bytes .../webui/themes/bright/img/control_pause_blue.png | Bin 134855 -> 0 bytes pyload/webui/themes/bright/img/control_play.png | Bin 134904 -> 0 bytes .../webui/themes/bright/img/control_play_blue.png | Bin 134904 -> 0 bytes pyload/webui/themes/bright/img/control_stop.png | Bin 134835 -> 0 bytes .../webui/themes/bright/img/control_stop_blue.png | Bin 134835 -> 0 bytes .../webui/themes/bright/img/default/add_folder.png | Bin 571 -> 0 bytes .../themes/bright/img/default/ajax-loader.gif | Bin 404 -> 0 bytes .../webui/themes/bright/img/default/big_button.gif | Bin 1905 -> 0 bytes .../themes/bright/img/default/big_button_over.gif | Bin 728 -> 0 bytes pyload/webui/themes/bright/img/default/body.png | Bin 402 -> 0 bytes .../webui/themes/bright/img/default/closebtn.gif | Bin 254 -> 0 bytes .../themes/bright/img/default/drag_corner.gif | Bin 76 -> 0 bytes pyload/webui/themes/bright/img/default/full.png | Bin 3543 -> 0 bytes .../themes/bright/img/default/head-menu-recent.png | Bin 932 -> 0 bytes .../webui/themes/bright/img/default/head_bg1.png | Bin 125 -> 0 bytes pyload/webui/themes/bright/img/default/images.png | Bin 661 -> 0 bytes .../webui/themes/bright/img/default/parseUri.png | Bin 666 -> 0 bytes .../themes/bright/img/default/pyload-logo.png | Bin 8457 -> 0 bytes .../themes/bright/img/default/tab-background.png | Bin 179 -> 0 bytes .../bright/img/default/tabs-border-bottom.png | Bin 163 -> 0 bytes pyload/webui/themes/bright/img/delete.png | Bin 117658 -> 0 bytes pyload/webui/themes/bright/img/error.png | Bin 137673 -> 0 bytes pyload/webui/themes/bright/img/folder.png | Bin 134669 -> 0 bytes pyload/webui/themes/bright/img/head-login.png | Bin 137406 -> 0 bytes .../themes/bright/img/head-menu-collector.png | Bin 134985 -> 0 bytes .../webui/themes/bright/img/head-menu-config.png | Bin 137664 -> 0 bytes .../themes/bright/img/head-menu-development.png | Bin 135818 -> 0 bytes .../webui/themes/bright/img/head-menu-download.png | Bin 137664 -> 0 bytes pyload/webui/themes/bright/img/head-menu-home.png | Bin 139387 -> 0 bytes pyload/webui/themes/bright/img/head-menu-index.png | Bin 136511 -> 0 bytes pyload/webui/themes/bright/img/head-menu-news.png | Bin 136511 -> 0 bytes pyload/webui/themes/bright/img/head-menu-queue.png | Bin 136269 -> 0 bytes pyload/webui/themes/bright/img/head-menu-wiki.png | Bin 137217 -> 0 bytes .../themes/bright/img/head-search-noshadow.png | Bin 137217 -> 0 bytes pyload/webui/themes/bright/img/notice.png | Bin 3061 -> 0 bytes pyload/webui/themes/bright/img/package_go.png | Bin 136299 -> 0 bytes .../themes/bright/img/page-tools-backlinks.png | Bin 138112 -> 0 bytes pyload/webui/themes/bright/img/page-tools-edit.png | Bin 138112 -> 0 bytes .../themes/bright/img/page-tools-revisions.png | Bin 138112 -> 0 bytes pyload/webui/themes/bright/img/pencil.png | Bin 138112 -> 0 bytes pyload/webui/themes/bright/img/reconnect.png | Bin 3063 -> 0 bytes pyload/webui/themes/bright/img/status_None.png | Bin 138112 -> 0 bytes .../webui/themes/bright/img/status_downloading.png | Bin 3061 -> 0 bytes pyload/webui/themes/bright/img/status_failed.png | Bin 137673 -> 0 bytes pyload/webui/themes/bright/img/status_finished.png | Bin 117658 -> 0 bytes pyload/webui/themes/bright/img/status_offline.png | Bin 137673 -> 0 bytes pyload/webui/themes/bright/img/status_proc.png | Bin 137406 -> 0 bytes pyload/webui/themes/bright/img/status_queue.png | Bin 138112 -> 0 bytes pyload/webui/themes/bright/img/status_waiting.png | Bin 138112 -> 0 bytes pyload/webui/themes/bright/img/success.png | Bin 117658 -> 0 bytes .../themes/bright/img/user-actions-logout.png | Bin 138112 -> 0 bytes .../themes/bright/img/user-actions-profile.png | Bin 138112 -> 0 bytes pyload/webui/themes/bright/img/user-info.png | Bin 3080 -> 0 bytes pyload/webui/themes/bright/js/render/admin.coffee | 58 - pyload/webui/themes/bright/js/render/admin.min.js | 3 - pyload/webui/themes/bright/js/render/base.coffee | 177 - pyload/webui/themes/bright/js/render/base.min.js | 3 - .../webui/themes/bright/js/render/filemanager.js | 291 - pyload/webui/themes/bright/js/render/package.js | 376 -- .../webui/themes/bright/js/render/settings.coffee | 107 - .../webui/themes/bright/js/render/settings.min.js | 3 - pyload/webui/themes/bright/js/static/MooDialog.js | 140 - .../webui/themes/bright/js/static/MooDialog.min.js | 1 - .../webui/themes/bright/js/static/MooDropMenu.js | 86 - .../themes/bright/js/static/MooDropMenu.min.js | 1 - .../webui/themes/bright/js/static/mootools-core.js | 5977 -------------------- .../themes/bright/js/static/mootools-core.min.js | 491 -- .../webui/themes/bright/js/static/mootools-more.js | 2856 ---------- .../themes/bright/js/static/mootools-more.min.js | 226 - pyload/webui/themes/bright/js/static/purr.js | 309 - pyload/webui/themes/bright/js/static/purr.min.js | 1 - pyload/webui/themes/bright/js/static/tinytab.js | 43 - .../webui/themes/bright/js/static/tinytab.min.js | 1 - pyload/webui/themes/bright/tml/admin.html | 98 - pyload/webui/themes/bright/tml/base.html | 180 - pyload/webui/themes/bright/tml/captcha.html | 42 - pyload/webui/themes/bright/tml/downloads.html | 29 - pyload/webui/themes/bright/tml/filemanager.html | 78 - pyload/webui/themes/bright/tml/folder.html | 15 - pyload/webui/themes/bright/tml/home.html | 266 - pyload/webui/themes/bright/tml/info.html | 81 - pyload/webui/themes/bright/tml/login.html | 36 - pyload/webui/themes/bright/tml/logout.html | 9 - pyload/webui/themes/bright/tml/logs.html | 41 - pyload/webui/themes/bright/tml/pathchooser.html | 76 - pyload/webui/themes/bright/tml/queue.html | 104 - pyload/webui/themes/bright/tml/settings.html | 204 - pyload/webui/themes/bright/tml/settings_item.html | 48 - pyload/webui/themes/bright/tml/window.html | 46 - pyload/webui/themes/dark/css/dark.css | 962 ---- pyload/webui/themes/dark/tml/admin.html | 4 +- pyload/webui/themes/dark/tml/base.html | 40 +- pyload/webui/themes/dark/tml/downloads.html | 2 +- pyload/webui/themes/dark/tml/folder.html | 6 +- pyload/webui/themes/dark/tml/home.html | 18 +- pyload/webui/themes/dark/tml/info.html | 2 +- pyload/webui/themes/dark/tml/login.html | 2 +- pyload/webui/themes/dark/tml/logout.html | 2 +- pyload/webui/themes/dark/tml/logs.html | 4 +- pyload/webui/themes/dark/tml/pathchooser.html | 2 +- pyload/webui/themes/dark/tml/queue.html | 14 +- pyload/webui/themes/dark/tml/settings.html | 8 +- pyload/webui/themes/dark/tml/window.html | 2 +- pyload/webui/themes/default/css/default.css | 902 --- pyload/webui/themes/default/tml/admin.html | 4 +- pyload/webui/themes/default/tml/base.html | 40 +- pyload/webui/themes/default/tml/downloads.html | 2 +- pyload/webui/themes/default/tml/filemanager.html | 12 +- pyload/webui/themes/default/tml/folder.html | 6 +- pyload/webui/themes/default/tml/home.html | 18 +- pyload/webui/themes/default/tml/info.html | 2 +- pyload/webui/themes/default/tml/login.html | 2 +- pyload/webui/themes/default/tml/logout.html | 2 +- pyload/webui/themes/default/tml/logs.html | 4 +- pyload/webui/themes/default/tml/pathchooser.html | 2 +- pyload/webui/themes/default/tml/queue.html | 14 +- pyload/webui/themes/default/tml/settings.html | 8 +- pyload/webui/themes/default/tml/window.html | 2 +- pyload/webui/themes/flat/css/MooDialog.css | 3 +- pyload/webui/themes/flat/css/flat.css | 863 --- pyload/webui/themes/flat/css/window.css | 11 +- pyload/webui/themes/flat/tml/admin.html | 4 +- pyload/webui/themes/flat/tml/base.html | 49 +- pyload/webui/themes/flat/tml/downloads.html | 2 +- pyload/webui/themes/flat/tml/folder.html | 6 +- pyload/webui/themes/flat/tml/home.html | 21 +- pyload/webui/themes/flat/tml/info.html | 8 +- pyload/webui/themes/flat/tml/login.html | 2 +- pyload/webui/themes/flat/tml/logout.html | 2 +- pyload/webui/themes/flat/tml/logs.html | 4 +- pyload/webui/themes/flat/tml/pathchooser.html | 2 +- pyload/webui/themes/flat/tml/queue.html | 14 +- pyload/webui/themes/flat/tml/settings.html | 12 +- pyload/webui/themes/flat/tml/window.html | 2 +- 157 files changed, 3284 insertions(+), 16572 deletions(-) create mode 100644 pyload/webui/themes/Dark/css/base.css create mode 100644 pyload/webui/themes/Default/css/base.css create mode 100644 pyload/webui/themes/Flat/css/base.css create mode 100644 pyload/webui/themes/Flat/js/render/filemanager.js create mode 100644 pyload/webui/themes/Flat/tml/filemanager.html delete mode 100644 pyload/webui/themes/bright/css/MooDialog.css delete mode 100644 pyload/webui/themes/bright/css/bright.css delete mode 100644 pyload/webui/themes/bright/css/log.css delete mode 100644 pyload/webui/themes/bright/css/pathchooser.css delete mode 100644 pyload/webui/themes/bright/css/window.css delete mode 100644 pyload/webui/themes/bright/img/MooDialog/dialog-close.png delete mode 100644 pyload/webui/themes/bright/img/MooDialog/dialog-error.png delete mode 100644 pyload/webui/themes/bright/img/MooDialog/dialog-question.png delete mode 100644 pyload/webui/themes/bright/img/MooDialog/dialog-warning.png delete mode 100644 pyload/webui/themes/bright/img/arrow_refresh.png delete mode 100644 pyload/webui/themes/bright/img/arrow_right.png delete mode 100644 pyload/webui/themes/bright/img/button.png delete mode 100644 pyload/webui/themes/bright/img/cog.png delete mode 100644 pyload/webui/themes/bright/img/control_add.png delete mode 100644 pyload/webui/themes/bright/img/control_add_blue.png delete mode 100644 pyload/webui/themes/bright/img/control_cancel.png delete mode 100644 pyload/webui/themes/bright/img/control_cancel_blue.png delete mode 100644 pyload/webui/themes/bright/img/control_pause.png delete mode 100644 pyload/webui/themes/bright/img/control_pause_blue.png delete mode 100644 pyload/webui/themes/bright/img/control_play.png delete mode 100644 pyload/webui/themes/bright/img/control_play_blue.png delete mode 100644 pyload/webui/themes/bright/img/control_stop.png delete mode 100644 pyload/webui/themes/bright/img/control_stop_blue.png delete mode 100644 pyload/webui/themes/bright/img/default/add_folder.png delete mode 100644 pyload/webui/themes/bright/img/default/ajax-loader.gif delete mode 100644 pyload/webui/themes/bright/img/default/big_button.gif delete mode 100644 pyload/webui/themes/bright/img/default/big_button_over.gif delete mode 100644 pyload/webui/themes/bright/img/default/body.png delete mode 100644 pyload/webui/themes/bright/img/default/closebtn.gif delete mode 100644 pyload/webui/themes/bright/img/default/drag_corner.gif delete mode 100644 pyload/webui/themes/bright/img/default/full.png delete mode 100644 pyload/webui/themes/bright/img/default/head-menu-recent.png delete mode 100644 pyload/webui/themes/bright/img/default/head_bg1.png delete mode 100644 pyload/webui/themes/bright/img/default/images.png delete mode 100644 pyload/webui/themes/bright/img/default/parseUri.png delete mode 100644 pyload/webui/themes/bright/img/default/pyload-logo.png delete mode 100644 pyload/webui/themes/bright/img/default/tab-background.png delete mode 100644 pyload/webui/themes/bright/img/default/tabs-border-bottom.png delete mode 100644 pyload/webui/themes/bright/img/delete.png delete mode 100644 pyload/webui/themes/bright/img/error.png delete mode 100644 pyload/webui/themes/bright/img/folder.png delete mode 100644 pyload/webui/themes/bright/img/head-login.png delete mode 100644 pyload/webui/themes/bright/img/head-menu-collector.png delete mode 100644 pyload/webui/themes/bright/img/head-menu-config.png delete mode 100644 pyload/webui/themes/bright/img/head-menu-development.png delete mode 100644 pyload/webui/themes/bright/img/head-menu-download.png delete mode 100644 pyload/webui/themes/bright/img/head-menu-home.png delete mode 100644 pyload/webui/themes/bright/img/head-menu-index.png delete mode 100644 pyload/webui/themes/bright/img/head-menu-news.png delete mode 100644 pyload/webui/themes/bright/img/head-menu-queue.png delete mode 100644 pyload/webui/themes/bright/img/head-menu-wiki.png delete mode 100644 pyload/webui/themes/bright/img/head-search-noshadow.png delete mode 100644 pyload/webui/themes/bright/img/notice.png delete mode 100644 pyload/webui/themes/bright/img/package_go.png delete mode 100644 pyload/webui/themes/bright/img/page-tools-backlinks.png delete mode 100644 pyload/webui/themes/bright/img/page-tools-edit.png delete mode 100644 pyload/webui/themes/bright/img/page-tools-revisions.png delete mode 100644 pyload/webui/themes/bright/img/pencil.png delete mode 100644 pyload/webui/themes/bright/img/reconnect.png delete mode 100644 pyload/webui/themes/bright/img/status_None.png delete mode 100644 pyload/webui/themes/bright/img/status_downloading.png delete mode 100644 pyload/webui/themes/bright/img/status_failed.png delete mode 100644 pyload/webui/themes/bright/img/status_finished.png delete mode 100644 pyload/webui/themes/bright/img/status_offline.png delete mode 100644 pyload/webui/themes/bright/img/status_proc.png delete mode 100644 pyload/webui/themes/bright/img/status_queue.png delete mode 100644 pyload/webui/themes/bright/img/status_waiting.png delete mode 100644 pyload/webui/themes/bright/img/success.png delete mode 100644 pyload/webui/themes/bright/img/user-actions-logout.png delete mode 100644 pyload/webui/themes/bright/img/user-actions-profile.png delete mode 100644 pyload/webui/themes/bright/img/user-info.png delete mode 100644 pyload/webui/themes/bright/js/render/admin.coffee delete mode 100644 pyload/webui/themes/bright/js/render/admin.min.js delete mode 100644 pyload/webui/themes/bright/js/render/base.coffee delete mode 100644 pyload/webui/themes/bright/js/render/base.min.js delete mode 100644 pyload/webui/themes/bright/js/render/filemanager.js delete mode 100644 pyload/webui/themes/bright/js/render/package.js delete mode 100644 pyload/webui/themes/bright/js/render/settings.coffee delete mode 100644 pyload/webui/themes/bright/js/render/settings.min.js delete mode 100644 pyload/webui/themes/bright/js/static/MooDialog.js delete mode 100644 pyload/webui/themes/bright/js/static/MooDialog.min.js delete mode 100644 pyload/webui/themes/bright/js/static/MooDropMenu.js delete mode 100644 pyload/webui/themes/bright/js/static/MooDropMenu.min.js delete mode 100644 pyload/webui/themes/bright/js/static/mootools-core.js delete mode 100644 pyload/webui/themes/bright/js/static/mootools-core.min.js delete mode 100644 pyload/webui/themes/bright/js/static/mootools-more.js delete mode 100644 pyload/webui/themes/bright/js/static/mootools-more.min.js delete mode 100644 pyload/webui/themes/bright/js/static/purr.js delete mode 100644 pyload/webui/themes/bright/js/static/purr.min.js delete mode 100644 pyload/webui/themes/bright/js/static/tinytab.js delete mode 100644 pyload/webui/themes/bright/js/static/tinytab.min.js delete mode 100644 pyload/webui/themes/bright/tml/admin.html delete mode 100644 pyload/webui/themes/bright/tml/base.html delete mode 100644 pyload/webui/themes/bright/tml/captcha.html delete mode 100644 pyload/webui/themes/bright/tml/downloads.html delete mode 100644 pyload/webui/themes/bright/tml/filemanager.html delete mode 100644 pyload/webui/themes/bright/tml/folder.html delete mode 100644 pyload/webui/themes/bright/tml/home.html delete mode 100644 pyload/webui/themes/bright/tml/info.html delete mode 100644 pyload/webui/themes/bright/tml/login.html delete mode 100644 pyload/webui/themes/bright/tml/logout.html delete mode 100644 pyload/webui/themes/bright/tml/logs.html delete mode 100644 pyload/webui/themes/bright/tml/pathchooser.html delete mode 100644 pyload/webui/themes/bright/tml/queue.html delete mode 100644 pyload/webui/themes/bright/tml/settings.html delete mode 100644 pyload/webui/themes/bright/tml/settings_item.html delete mode 100644 pyload/webui/themes/bright/tml/window.html delete mode 100644 pyload/webui/themes/dark/css/dark.css delete mode 100644 pyload/webui/themes/default/css/default.css delete mode 100644 pyload/webui/themes/flat/css/flat.css (limited to 'pyload/webui/themes') diff --git a/pyload/webui/themes/Dark/css/base.css b/pyload/webui/themes/Dark/css/base.css new file mode 100644 index 000000000..f0bae8f24 --- /dev/null +++ b/pyload/webui/themes/Dark/css/base.css @@ -0,0 +1,962 @@ +.hidden { + display:none; +} +.leftalign { + text-align:left; +} +.centeralign { + text-align:center; +} +.rightalign { + text-align:right; +} + + +.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; + text-decoration:none; + padding:0 0.2em; + margin:0.1em 0.2em; + border:none !important; +} +.dokuwiki div.plugin_translation ul li a.wikilink2:link, .dokuwiki div.plugin_translation ul li a.wikilink2:hover, .dokuwiki div.plugin_translation ul li a.wikilink2:active, .dokuwiki div.plugin_translation ul li a.wikilink2:visited { + background-color:#808080; + color:#fff !important; + text-decoration:none; + padding:0 0.2em; + margin:0.1em 0.2em; + border:none !important; +} + +.dokuwiki div.plugin_translation ul li a:hover img { + opacity:1.0; + height:15px; +} + +body { + margin:0; + padding:0; + background-image: url(../img/dark-bg.jpg); + color:white; + font-size:12px; + font-family:Verdana, Helvetica, "Lucida Grande", Lucida, Arial, sans-serif; + font-family:sans-serif; + font-size:99, 96%; + font-size-adjust:none; + font-style:normal; + font-variant:normal; + font-weight:normal; + line-height:normal; +} +hr { + border-width:0; + border-bottom:1px #aaa dotted; +} +img { + border:none; +} +form { + margin:0px; + padding:0px; + border:none; + display:inline; + background:transparent; +} +ul li { + margin:5px; +} +textarea { + font-family:monospace; +} +table { + margin:0.5em 0; + border-collapse:collapse; +} +td { + padding:0.25em; + border:1pt solid #ADB9CC; +} +a { + color:#3465a4; + text-decoration:none; +} +a:hover { + text-decoration:underline; +} + +option { + border:0 none #fff; +} +strong.highlight { + background-color:#fc9; + padding:1pt; +} +#pagebottom { + clear:both; +} +hr { + height:1px; + color:#c0c0c0; + background-color:#c0c0c0; + border:none; + margin:.2em 0 .2em 0; +} + +.invisible { + margin:0px; + border:0px; + padding:0px; + height:0px; + visibility:hidden; +} +.left { + float:left !important; +} +.right { + float:right !important; +} +.center { + text-align:center; +} +div#body-wrapper { + padding:40px 40px 10px 40px; + font-size:127%; +} +div#content { + margin-top:-20px; + padding:0; + font-size:14px; + color:white; + line-height:1.5em; +} +h1, h2, h3, h4, h5, h6 { + background:transparent none repeat scroll 0 0; + border-bottom:1px solid #aaa; + color:white; + font-weight:normal; + margin:0; + padding:0; + padding-bottom:0.17em; + padding-top:0.5em; +} +h1 { + font-size:188%; + line-height:1.2em; + margin-bottom:0.1em; + padding-bottom:0; +} +h2 { + font-size:150%; +} +h3, h4, h5, h6 { + border-bottom:none; + font-weight:bold; +} +h3 { + font-size:132%; +} +h4 { + font-size:116%; +} +h5 { + font-size:100%; +} +h6 { + font-size:80%; +} +ul#page-actions, ul#page-actions-more { + float:right; + margin:10px 10px 0 10px; + padding:6px; + color:white; + background-color:#202020; + list-style-type:none; + white-space: nowrap; + border-radius:5px; + -moz-border-radius:5px; + border:1px solid grey; +} +ul#user-actions { + padding:5px; + margin:0; + display:inline; + color:white; + background-color:#202020; + list-style-type:none; + -moz-border-radius:3px; + border-radius:3px; +} +ul#page-actions li, ul#user-actions li, ul#page-actions-more li { + display:inline; +} +ul#page-actions a, ul#user-actions a, ul#page-actions-more a { + text-decoration:none; + color:white; + display:inline; + margin:0 3px; + padding:2px 0px 2px 18px; +} +ul#page-actions a:hover, ul#page-actions a:focus, ul#user-actions a:hover, ul#user-actions a:focus { + /*text-decoration:underline;*/ +} +/***************************/ +ul#page-actions2 { + float:left; + margin:10px 10px 0 10px; + padding:6px; + color:white; + background-color:#202020; + list-style-type:none; + border-radius:5px; + -moz-border-radius:5px; + border:1px solid grey; +} +ul#user-actions2 { + padding:5px; + margin:0; + display:inline; + color:white; + background-color:#202020; + list-style-type:none; + border-radius:3px; + -moz-border-radius:3px; +} +ul#page-actions2 li, ul#user-actions2 li { + display:inline; +} +ul#page-actions2 a, ul#user-actions2 a { + text-decoration:none; + color:white; + display:inline; + margin:0 3px; + padding:2px 0px 2px 18px; +} +ul#page-actions2 a:hover, ul#page-actions2 a:focus, ul#user-actions2 a:hover, ul#user-actions2 a:focus, +ul#page-actions-more a:hover, ul#page-actions-more a:focus{ + color: #4e7bb4; +} +/****************************/ +.hidden { + display:none; +} + +a.logout { + background:transparent url(../img/default/user-actions-logout.png) 0px 1px no-repeat; +} + +a.info { + background:transparent url(../img/default/user-info.png) 0px 1px no-repeat; +} + +a.admin { + background:transparent url(../img/default/user-actions-admin.png) 0px 1px no-repeat; +} +a.profile { + background:transparent url(../img/default/user-actions-profile.png) 0px 1px no-repeat; +} +a.create, a.edit { + background:transparent url(../img/default/page-tools-edit.png) 0px 1px no-repeat; +} +a.source, a.show { + background:transparent url(../img/default/page-tools-source.png) 0px 1px no-repeat; +} +a.revisions { + background:transparent url(../img/default/page-tools-revisions.png) 0px 1px no-repeat; +} +a.subscribe, a.unsubscribe { + background:transparent url(../img/default/page-tools-subscribe.png) 0px 1px no-repeat; +} +a.backlink { + background:transparent url(../img/default/page-tools-backlinks.png) 0px 1px no-repeat; +} +a.play { + background:transparent url(../img/default/control_play.png) 0px 1px no-repeat; +} +.time { + background:transparent url(../img/default/status_None.png) 0px 1px no-repeat; + padding: 2px 0px 2px 18px; + margin: 0px 3px; +} +.reconnect { + background:transparent url(../img/default/reconnect.png) 0px 1px no-repeat; + padding: 2px 0px 2px 18px; + margin: 0px 3px; +} +a.play:hover { + background:transparent url(../img/default/control_play_blue.png) 0px 1px no-repeat; +} +a.cancel { + background:transparent url(../img/default/control_cancel.png) 0px 1px no-repeat; +} +a.cancel:hover { + background:transparent url(../img/default/control_cancel_blue.png) 0px 1px no-repeat; +} +a.pause { + background:transparent url(../img/default/control_pause.png) 0px 1px no-repeat; +} +a.pause:hover { + background:transparent url(../img/default/control_pause_blue.png) 0px 1px no-repeat; + font-weight: bold; +} +a.stop { + background:transparent url(../img/default/control_stop.png) 0px 1px no-repeat; +} +a.stop:hover { + background:transparent url(../img/default/control_stop_blue.png) 0px 1px no-repeat; +} +a.add { + background:transparent url(../img/default/control_add.png) 0px 1px no-repeat; +} +a.add:hover { + background:transparent url(../img/default/control_add_blue.png) 0px 1px no-repeat; +} +a.cog { + background:transparent url(../img/default/cog.png) 0px 1px no-repeat; +} +#head-panel { + background:#525252 url(../img/default/head_bg1.png) bottom left repeat-x; +} +#head-panel h1 { + display:none; + margin:0; + text-decoration:none; + padding-top:0.8em; + padding-left:3.3em; + font-size:2.6em; + color:#eeeeec; +} +#head-panel #head-logo { + float:left; + margin:5px 0 -15px 5px; + padding:0; + overflow:visible; +} +#head-menu { + background:transparent url(../img/default/tabs-border-bottom.png) 0 100% repeat-x; + width:100%; + float:left; + margin:0; + padding:0; + padding-top:0.8em; +} +#head-menu ul { + list-style:none; + margin:0 1em 0 2em; +} +#head-menu ul li { + float:left; + margin:0; + margin-left:0.3em; + font-size:14px; + margin-bottom:4px; +} +#head-menu ul li.selected, #head-menu ul li:hover { + margin-bottom:0px; +} +#head-menu ul li a img { + height:22px; + width:22px; + vertical-align:middle; +} +#head-menu ul li a, #head-menu ul li a:link { + float:left; + text-decoration:none; + color:white; + background: url(../img/dark-bg.jpg) 0 100% repeat-x; + padding:3px 7px 3px 7px; + border:2px solid #ccc; + border-bottom:0px solid transparent; + padding-bottom:3px; + -moz-border-radius:5px; + border-radius:5px; +} +#head-menu ul li a:hover, #head-menu ul li a:focus { + color:#3465a4; + background-image: url(../img/dark-bg.jpg); + padding-bottom:7px; + border-bottom:0px none transparent; + outline:none; + border-bottom-left-radius: 0px; + border-bottom-right-radius: 0px; + -moz-border-radius-bottomright:0px; + -moz-border-radius-bottomleft:0px; +} +#head-menu ul li a:focus { + margin-bottom:-4px; +} +#head-menu ul li.selected a { + color:white; + background-image: url(../img/dark-bg.jpg); + padding-bottom:7px; + border-bottom:0px none transparent; + border-bottom-left-radius: 0px; + border-bottom-right-radius: 0px; + -moz-border-radius-bottomright:0px; + -moz-border-radius-bottomleft:0px; +} +#head-menu ul li.selected a:hover, #head-menu ul li.selected a:focus { + color:#3465a4; +} +div#head-search-and-login { + float:right; + margin:0 1em 0 0; + background-color:#222; + padding:7px 7px 5px 5px; + color:white; + white-space: nowrap; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + -moz-border-radius-bottomright:6px; + -moz-border-radius-bottomleft:6px; + border-right:1px solid grey; + border-left:1px solid grey; + border-bottom:1px solid grey; +} +div#head-search-and-login form { + display:inline; + padding:0 3px; +} +div#head-search-and-login form input { + border:2px solid #888; + background:#eee; + font-size:14px; + padding:2px; + border-radius:3px; + -moz-border-radius:3px; +} +div#head-search-and-login form input:focus { + background:#fff; +} +#head-search { + font-size:14px; +} +#head-username, #head-password { + width:80px; + font-size:14px; +} +#pageinfo { + clear:both; + color:#888; + padding:0.6em 0; + margin:0; +} +#foot { + font-style:normal; + color:#888; + text-align:center; +} +#foot a { + color:#aaf; +} +#foot img { + vertical-align:middle; +} +div.toc { + border:1px dotted #888; + background:#f0f0f0; + margin:1em 0 1em 1em; + float:right; + font-size:95%; +} +div.toc .tocheader { + font-weight:bold; + margin:0.5em 1em; +} +div.toc ol { + margin:1em 0.5em 1em 1em; + padding:0; +} +div.toc ol li { + margin:0; + padding:0; + margin-left:1em; +} +div.toc ol ol { + margin:0.5em 0.5em 0.5em 1em; + padding:0; +} +div.recentchanges table { + clear:both; +} +div#editor-help { + font-size:90%; + border:1px dotted #888; + padding:0ex 1ex 1ex 1ex; + background:#f7f6f2; +} +div#preview { + margin-top:1em; +} +label.block { + display:block; + text-align:right; + font-weight:bold; +} +label.simple { + display:block; + text-align:left; + font-weight:normal; +} +label.block input.edit { + width:50%; +} +/*fieldset { + width:300px; + text-align:center; + padding:0.5em; + margin:auto; +} +*/ +div.editor { + margin:0 0 0 0; +} +table { + margin:0.5em 0; + border-collapse:collapse; +} +td { + padding:0.25em; + border:1pt solid #ADB9CC; +} +td p { + margin:0; + padding:0; +} +.u { + text-decoration:underline; +} +.footnotes ul { + padding:0 2em; + margin:0 0 1em; +} +.footnotes li { + list-style:none; +} +.userpref table, .userpref td { + border:none; +} +#message { + clear:both; + padding:5px 10px; + background-color:#eee; + border-bottom:2px solid #ccc; +} +#message p { + margin:5px 0; + padding:0; + font-weight:bold; +} +#message div.buttons { + font-weight:normal; +} +.diff { + width:99%; +} +.diff-title { + background-color:#C0C0C0; +} +.searchresult dd span { + font-weight:bold; +} +.boxtext { + font-family:tahoma, arial, sans-serif; + font-size:11px; + color:#000; + float:none; + padding:3px 0 0 10px; +} +.statusbutton { + width:32px; + height:32px; + float:left; + margin-left:-32px; + margin-right:5px; + opacity:0; + cursor:pointer +} +.dlsize { + float:left; + padding-right: 8px; +} +.dlspeed { + float:left; + padding-right: 8px; +} +.package { + margin-bottom: 10px; +} +.packagename { + font-weight: bold; +} + +.child { + margin-left: 20px; +} +.child_status { + margin-right: 10px; +} +.child_secrow { + font-size: 10px; +} + +.header, .header th { + text-align: left; + font-weight: normal; + background-color:#202020; + border-top:1px solid grey; + border-bottom:1px solid grey; + -moz-border-radius:5px; + border-radius:5px; +} +.progress_bar { + background: #0C0; + height: 5px; + +} + +.queue { + border: none +} + +.queue tr td { + border: none +} + +.header, .header th{ + text-align: left; + font-weight: normal; +} + + +.clearer +{ + clear: both; + height: 1px; +} + +.left +{ + float: left; +} + +.right +{ + float: right; +} + + +.setfield +{ + display: table-cell; +} + +ul.tabs li a +{ + padding: 5px 16px 4px 15px; + border: none; + font-weight: bold; + + border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + +} + + +#tabs span +{ + display: none; +} + +#tabs span.selected +{ + display: inline; +} + +#tabsback +{ + background-color: #525252; + margin: 2px 0 0; + padding: 6px 4px 1px 4px; + + border-top-right-radius: 30px; + border-top-left-radius: 3px; + -moz-border-radius-topright: 30px; + -moz-border-radius-topleft: 3px; +} +ul.tabs +{ + list-style-type: none; + margin:0; + padding: 0 40px 0 0; +} + +ul.tabs li +{ + display: inline; + margin-left: 8px; +} + +ul.tabs li a +{ + color: white; + background-color: #202020; + border: 1px solid grey; + border-bottom:none; + margin: 0; + text-decoration: none; + + outline: 0; + + padding: 5px 16px 4px 15px; + font-weight: bold; + + border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + +} + +ul.tabs li a.selected, ul.tabs li a:hover +{ + color: #3465a4; + background-color: white; + + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + -moz-border-radius-bottomright: 0; + -moz-border-radius-bottomleft: 0; +} + +ul.tabs li a:hover +{ + background-color: #202020; +} + +ul.tabs li a.selected +{ + font-weight: bold; + background-color: #525252; + padding-bottom: 5px; + color: white; +} + + +#tabs-body { + position: relative; + overflow: hidden; +} + + +span.tabContent +{ + border: 2px solid #525252; + margin: 0; + padding: 0; + padding-bottom: 10px; +} + +#tabs-body > span { + display: none; +} + +#tabs-body > span.active { + display: block; +} + +.hide +{ + display: none; +} + +.settable +{ + color:white; + margin: 20px; + border: none; +} +.settable td +{ + border: none; + margin: 0; + padding: 5px; +} + +.settable th{ + padding-bottom: 8px; +} + +.settable.wide td , .settable.wide th { + padding-left: 15px; + padding-right: 15px; +} + +.settable input { +background-color:#202020; +color:white; +} +.settable select { +background-color:#202020; +color:white; +} + +ul.nav { + margin: -30px 0 0; + padding: 0; + list-style: none; + position: absolute; +} + + +ul.nav li { + position: relative; + float: left; + padding: 5px; +} + +ul.nav > li a { + background: #202020; + -moz-border-radius: 4px 4px 4px 4px; + border: 1px solid grey; + border-bottom: medium none; + color: white; +} + +ul.nav ul { + position: absolute; + top: 26px; + left: 10px; + margin: 0; + padding: 0; + list-style: none; + border: 1px solid #AAA; + background: #202020; + -webkit-box-shadow: 1px 1px 5px #AAA; + -moz-box-shadow: 1px 1px 5px #AAA; + box-shadow: 1px 1px 5px #AAA; + cursor: pointer; +} + +ul.nav .open { + display: block; +} + +ul.nav .close { + display: none; +} + +ul.nav ul li { + float: none; + padding: 0; +} + +ul.nav ul li a { + width: 130px; + background: #f1f1f1; + padding: 3px; + display: block; + font-weight: normal; +} + +ul.nav ul li a:hover { + background: #CDCDCD; +} + +ul.nav ul ul { + left: 137px; + top: 0; +} + +.purr-wrapper{ + margin:10px; +} + +/*Purr alert styles*/ + +.purr-alert{ + margin-bottom:10px; + padding:10px; + background:#000; + font-size:13px; + font-weight:bold; + color:#FFF; + -moz-border-radius:5px; + -webkit-border-radius:5px; + /*-moz-box-shadow: 0 0 10px rgba(255,255,0,.25);*/ + width:300px; +} +.purr-alert.error{ + color:#F55; + padding-left:30px; + background:url(../img/default/error.png) no-repeat #000 7px 10px; + width:280px; +} +.purr-alert.success{ + color:#5F5; + padding-left:30px; + background:url(../img/default/success.png) no-repeat #000 7px 10px; + width:280px; +} +.purr-alert.notice{ + color:#99F; + padding-left:30px; + background:url(../img/default/notice.png) no-repeat #000 7px 10px; + width:280px; +} + +table.system { + border: none; + margin-left: 10px; +} + +table.system td { + border: none +} + +table.system tr > td:first-child { + font-weight: bold; + padding-right: 10px; +} + +#foot { +color:white; +} + +#login_table { +margin-left:auto; +margin-right:auto; +} + +#login_table td { +padding:5px; +border:1px solid grey; +} + +#login_table input[type=text], #login_table input[type=password] { +width:120px; +background-color:transparent; +-moz-opacity: 0.10; +color:white; +border: 1px solid grey; +-moz-border-radius: 2px; +-webkit-border-radius: 2px; +border-radius: 18px; +padding-left:5px; +padding-right:5px; +} + +#login_table input[type=text]:focus, #login_table input[type=password]:focus { +border:1px solid #3465a4; +} + +#login_table input[type=submit] { +background-color:transparent; +color:white; +border: 1px solid grey; +-moz-border-radius: 2px; +-webkit-border-radius: 2px; +border-radius: 18px; +} + +#login_table input[type=submit]:hover { +border:1px solid #3465a4; +} \ No newline at end of file diff --git a/pyload/webui/themes/Default/css/base.css b/pyload/webui/themes/Default/css/base.css new file mode 100644 index 000000000..f5078bfbb --- /dev/null +++ b/pyload/webui/themes/Default/css/base.css @@ -0,0 +1,902 @@ +.hidden { + display:none; +} +.leftalign { + text-align:left; +} +.centeralign { + text-align:center; +} +.rightalign { + text-align:right; +} + + +.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; + text-decoration:none; + padding:0 0.2em; + margin:0.1em 0.2em; + border:none !important; +} +.dokuwiki div.plugin_translation ul li a.wikilink2:link, .dokuwiki div.plugin_translation ul li a.wikilink2:hover, .dokuwiki div.plugin_translation ul li a.wikilink2:active, .dokuwiki div.plugin_translation ul li a.wikilink2:visited { + background-color:#808080; + color:#fff !important; + text-decoration:none; + padding:0 0.2em; + margin:0.1em 0.2em; + border:none !important; +} + +.dokuwiki div.plugin_translation ul li a:hover img { + opacity:1.0; + height:15px; +} + +body { + margin:0; + padding:0; + background-color:white; + color:black; + font-size:12px; + font-family:Verdana, Helvetica, "Lucida Grande", Lucida, Arial, sans-serif; + font-family:sans-serif; + font-size:99, 96%; + font-size-adjust:none; + font-style:normal; + font-variant:normal; + font-weight:normal; + line-height:normal; +} +hr { + border-width:0; + border-bottom:1px #aaa dotted; +} +img { + border:none; +} +form { + margin:0px; + padding:0px; + border:none; + display:inline; + background:transparent; +} +ul li { + margin:5px; +} +textarea { + font-family:monospace; +} +table { + margin:0.5em 0; + border-collapse:collapse; +} +td { + padding:0.25em; + border:1pt solid #ADB9CC; +} +a { + color:#3465a4; + text-decoration:none; +} +a:hover { + text-decoration:underline; +} + +option { + border:0 none #fff; +} +strong.highlight { + background-color:#fc9; + padding:1pt; +} +#pagebottom { + clear:both; +} +hr { + height:1px; + color:#c0c0c0; + background-color:#c0c0c0; + border:none; + margin:.2em 0 .2em 0; +} + +.invisible { + margin:0px; + border:0px; + padding:0px; + height:0px; + visibility:hidden; +} +.left { + float:left !important; +} +.right { + float:right !important; +} +.center { + text-align:center; +} +div#body-wrapper { + padding:40px 40px 10px 40px; + font-size:127%; +} +div#content { + margin-top:-20px; + padding:0; + font-size:14px; + color:black; + line-height:1.5em; +} +h1, h2, h3, h4, h5, h6 { + background:transparent none repeat scroll 0 0; + border-bottom:1px solid #aaa; + color:black; + font-weight:normal; + margin:0; + padding:0; + padding-bottom:0.17em; + padding-top:0.5em; +} +h1 { + font-size:188%; + line-height:1.2em; + margin-bottom:0.1em; + padding-bottom:0; +} +h2 { + font-size:150%; +} +h3, h4, h5, h6 { + border-bottom:none; + font-weight:bold; +} +h3 { + font-size:132%; +} +h4 { + font-size:116%; +} +h5 { + font-size:100%; +} +h6 { + font-size:80%; +} +ul#page-actions, ul#page-actions-more { + float:right; + margin:10px 10px 0 10px; + padding:6px; + color:black; + background-color:#ececec; + list-style-type:none; + white-space: nowrap; + border-radius:5px; + -moz-border-radius:5px; +} +ul#user-actions { + padding:5px; + margin:0; + display:inline; + color:black; + background-color:#ececec; + list-style-type:none; + -moz-border-radius:3px; + border-radius:3px; +} +ul#page-actions li, ul#user-actions li, ul#page-actions-more li { + display:inline; +} +ul#page-actions a, ul#user-actions a, ul#page-actions-more a { + text-decoration:none; + color:black; + display:inline; + margin:0 3px; + padding:2px 0px 2px 18px; +} +ul#page-actions a:hover, ul#page-actions a:focus, ul#user-actions a:hover, ul#user-actions a:focus { + /*text-decoration:underline;*/ +} +/***************************/ +ul#page-actions2 { + float:left; + margin:10px 10px 0 10px; + padding:6px; + color:black; + background-color:#ececec; + list-style-type:none; + border-radius:5px; + -moz-border-radius:5px; +} +ul#user-actions2 { + padding:5px; + margin:0; + display:inline; + color:black; + background-color:#ececec; + list-style-type:none; + border-radius:3px; + -moz-border-radius:3px; +} +ul#page-actions2 li, ul#user-actions2 li { + display:inline; +} +ul#page-actions2 a, ul#user-actions2 a { + text-decoration:none; + color:black; + display:inline; + margin:0 3px; + padding:2px 0px 2px 18px; +} +ul#page-actions2 a:hover, ul#page-actions2 a:focus, ul#user-actions2 a:hover, ul#user-actions2 a:focus, +ul#page-actions-more a:hover, ul#page-actions-more a:focus{ + color: #4e7bb4; +} +/****************************/ +.hidden { + display:none; +} + +a.logout { + background:transparent url(../img/user-actions-logout.png) 0px 1px no-repeat; +} + +a.info { + background:transparent url(../img/user-info.png) 0px 1px no-repeat; +} + +a.admin { + background:transparent url(../img/user-actions-admin.png) 0px 1px no-repeat; +} +a.profile { + background:transparent url(../img/user-actions-profile.png) 0px 1px no-repeat; +} +a.create, a.edit { + background:transparent url(../img/page-tools-edit.png) 0px 1px no-repeat; +} +a.source, a.show { + background:transparent url(../img/page-tools-source.png) 0px 1px no-repeat; +} +a.revisions { + background:transparent url(../img/page-tools-revisions.png) 0px 1px no-repeat; +} +a.subscribe, a.unsubscribe { + background:transparent url(../img/page-tools-subscribe.png) 0px 1px no-repeat; +} +a.backlink { + background:transparent url(../img/page-tools-backlinks.png) 0px 1px no-repeat; +} +a.play { + background:transparent url(../img/control_play.png) 0px 1px no-repeat; +} +.time { + background:transparent url(../img/status_None.png) 0px 1px no-repeat; + padding: 2px 0px 2px 18px; + margin: 0px 3px; +} +.reconnect { + background:transparent url(../img/reconnect.png) 0px 1px no-repeat; + padding: 2px 0px 2px 18px; + margin: 0px 3px; +} +a.play:hover { + background:transparent url(../img/control_play_blue.png) 0px 1px no-repeat; +} +a.cancel { + background:transparent url(../img/control_cancel.png) 0px 1px no-repeat; +} +a.cancel:hover { + background:transparent url(../img/control_cancel_blue.png) 0px 1px no-repeat; +} +a.pause { + background:transparent url(../img/control_pause.png) 0px 1px no-repeat; +} +a.pause:hover { + background:transparent url(../img/control_pause_blue.png) 0px 1px no-repeat; + font-weight: bold; +} +a.stop { + background:transparent url(../img/control_stop.png) 0px 1px no-repeat; +} +a.stop:hover { + background:transparent url(../img/control_stop_blue.png) 0px 1px no-repeat; +} +a.add { + background:transparent url(../img/control_add.png) 0px 1px no-repeat; +} +a.add:hover { + background:transparent url(../img/control_add_blue.png) 0px 1px no-repeat; +} +a.cog { + background:transparent url(../img/cog.png) 0px 1px no-repeat; +} +#head-panel { + background:#525252 url(../img/head_bg1.png) bottom left repeat-x; +} +#head-panel h1 { + display:none; + margin:0; + text-decoration:none; + padding-top:0.8em; + padding-left:3.3em; + font-size:2.6em; + color:#eeeeec; +} +#head-panel #head-logo { + float:left; + margin:5px 0 -15px 5px; + padding:0; + overflow:visible; +} +#head-menu { + background:transparent url(../img/tabs-border-bottom.png) 0 100% repeat-x; + width:100%; + float:left; + margin:0; + padding:0; + padding-top:0.8em; +} +#head-menu ul { + list-style:none; + margin:0 1em 0 2em; +} +#head-menu ul li { + float:left; + margin:0; + margin-left:0.3em; + font-size:14px; + margin-bottom:4px; +} +#head-menu ul li.selected, #head-menu ul li:hover { + margin-bottom:0px; +} +#head-menu ul li a img { + height:22px; + width:22px; + vertical-align:middle; +} +#head-menu ul li a, #head-menu ul li a:link { + float:left; + text-decoration:none; + color:#555; + background:#eaeaea url(../img/tab-background.png) 0 100% repeat-x; + padding:3px 7px 3px 7px; + border:2px solid #ccc; + border-bottom:0px solid transparent; + padding-bottom:3px; + -moz-border-radius:5px; + border-radius:5px; +} +#head-menu ul li a:hover, #head-menu ul li a:focus { + color:#111; + padding-bottom:7px; + border-bottom:0px none transparent; + outline:none; + border-bottom-left-radius: 0px; + border-bottom-right-radius: 0px; + -moz-border-radius-bottomright:0px; + -moz-border-radius-bottomleft:0px; +} +#head-menu ul li a:focus { + margin-bottom:-4px; +} +#head-menu ul li.selected a { + color:#3566A5; + background:#fff; + padding-bottom:7px; + border-bottom:0px none transparent; + border-bottom-left-radius: 0px; + border-bottom-right-radius: 0px; + -moz-border-radius-bottomright:0px; + -moz-border-radius-bottomleft:0px; +} +#head-menu ul li.selected a:hover, #head-menu ul li.selected a:focus { + color:#111; +} +div#head-search-and-login { + float:right; + margin:0 1em 0 0; + background-color:#222; + padding:7px 7px 5px 5px; + color:white; + white-space: nowrap; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + -moz-border-radius-bottomright:6px; + -moz-border-radius-bottomleft:6px; +} +div#head-search-and-login form { + display:inline; + padding:0 3px; +} +div#head-search-and-login form input { + border:2px solid #888; + background:#eee; + font-size:14px; + padding:2px; + border-radius:3px; + -moz-border-radius:3px; +} +div#head-search-and-login form input:focus { + background:#fff; +} +#head-search { + font-size:14px; +} +#head-username, #head-password { + width:80px; + font-size:14px; +} +#pageinfo { + clear:both; + color:#888; + padding:0.6em 0; + margin:0; +} +#foot { + font-style:normal; + color:#888; + text-align:center; +} +#foot a { + color:#aaf; +} +#foot img { + vertical-align:middle; +} +div.toc { + border:1px dotted #888; + background:#f0f0f0; + margin:1em 0 1em 1em; + float:right; + font-size:95%; +} +div.toc .tocheader { + font-weight:bold; + margin:0.5em 1em; +} +div.toc ol { + margin:1em 0.5em 1em 1em; + padding:0; +} +div.toc ol li { + margin:0; + padding:0; + margin-left:1em; +} +div.toc ol ol { + margin:0.5em 0.5em 0.5em 1em; + padding:0; +} +div.recentchanges table { + clear:both; +} +div#editor-help { + font-size:90%; + border:1px dotted #888; + padding:0ex 1ex 1ex 1ex; + background:#f7f6f2; +} +div#preview { + margin-top:1em; +} +label.block { + display:block; + text-align:right; + font-weight:bold; +} +label.simple { + display:block; + text-align:left; + font-weight:normal; +} +label.block input.edit { + width:50%; +} +/*fieldset { + width:300px; + text-align:center; + padding:0.5em; + margin:auto; +} +*/ +div.editor { + margin:0 0 0 0; +} +table { + margin:0.5em 0; + border-collapse:collapse; +} +td { + padding:0.25em; + border:1pt solid #ADB9CC; +} +td p { + margin:0; + padding:0; +} +.u { + text-decoration:underline; +} +.footnotes ul { + padding:0 2em; + margin:0 0 1em; +} +.footnotes li { + list-style:none; +} +.userpref table, .userpref td { + border:none; +} +#message { + clear:both; + padding:5px 10px; + background-color:#eee; + border-bottom:2px solid #ccc; +} +#message p { + margin:5px 0; + padding:0; + font-weight:bold; +} +#message div.buttons { + font-weight:normal; +} +.diff { + width:99%; +} +.diff-title { + background-color:#C0C0C0; +} +.searchresult dd span { + font-weight:bold; +} +.boxtext { + font-family:tahoma, arial, sans-serif; + font-size:11px; + color:#000; + float:none; + padding:3px 0 0 10px; +} +.statusbutton { + width:32px; + height:32px; + float:left; + margin-left:-32px; + margin-right:5px; + opacity:0; + cursor:pointer +} +.dlsize { + float:left; + padding-right: 8px; +} +.dlspeed { + float:left; + padding-right: 8px; +} +.package { + margin-bottom: 10px; +} +.packagename { + font-weight: bold; +} + +.child { + margin-left: 20px; +} +.child_status { + margin-right: 10px; +} +.child_secrow { + font-size: 10px; +} + +.header, .header th { + text-align: left; + font-weight: normal; + background-color:#ececec; + -moz-border-radius:5px; + border-radius:5px; +} +.progress_bar { + background: #0C0; + height: 5px; + +} + +.queue { + border: none +} + +.queue tr td { + border: none +} + +.header, .header th{ + text-align: left; + font-weight: normal; +} + + +.clearer +{ + clear: both; + height: 1px; +} + +.left +{ + float: left; +} + +.right +{ + float: right; +} + + +.setfield +{ + display: table-cell; +} + +ul.tabs li a +{ + padding: 5px 16px 4px 15px; + border: none; + font-weight: bold; + + border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + +} + + +#tabs span +{ + display: none; +} + +#tabs span.selected +{ + display: inline; +} + +#tabsback +{ + background-color: #525252; + margin: 2px 0 0; + padding: 6px 4px 1px 4px; + + border-top-right-radius: 30px; + border-top-left-radius: 3px; + -moz-border-radius-topright: 30px; + -moz-border-radius-topleft: 3px; +} +ul.tabs +{ + list-style-type: none; + margin:0; + padding: 0 40px 0 0; +} + +ul.tabs li +{ + display: inline; + margin-left: 8px; +} + + +ul.tabs li a +{ + color: #42454a; + background-color: #eaeaea; + border: 1px none #c9c3ba; + margin: 0; + text-decoration: none; + + outline: 0; + + padding: 5px 16px 4px 15px; + font-weight: bold; + + border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + +} + +ul.tabs li a.selected, ul.tabs li a:hover +{ + color: #000; + background-color: white; + + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + -moz-border-radius-bottomright: 0; + -moz-border-radius-bottomleft: 0; +} + +ul.tabs li a:hover +{ + background-color: #f1f4ee; +} + +ul.tabs li a.selected +{ + font-weight: bold; + background-color: #525252; + padding-bottom: 5px; + color: white; +} + + +#tabs-body { + position: relative; + overflow: hidden; +} + + +span.tabContent +{ + border: 2px solid #525252; + margin: 0; + padding: 0; + padding-bottom: 10px; +} + +#tabs-body > span { + display: none; +} + +#tabs-body > span.active { + display: block; +} + +.hide +{ + display: none; +} + +.settable +{ + margin: 20px; + border: none; +} +.settable td +{ + border: none; + margin: 0; + padding: 5px; +} + +.settable th{ + padding-bottom: 8px; +} + +.settable.wide td , .settable.wide th { + padding-left: 15px; + padding-right: 15px; +} + + +/*settings navbar*/ +ul.nav { + margin: -30px 0 0; + padding: 0; + list-style: none; + position: absolute; +} + + +ul.nav li { + position: relative; + float: left; + padding: 5px; +} + +ul.nav > li a { + background: white; + -moz-border-radius: 4px 4px 4px 4px; + border: 1px solid #C9C3BA; + border-bottom: medium none; + color: black; +} + +ul.nav ul { + position: absolute; + top: 26px; + left: 10px; + margin: 0; + padding: 0; + list-style: none; + border: 1px solid #AAA; + background: #f1f1f1; + -webkit-box-shadow: 1px 1px 5px #AAA; + -moz-box-shadow: 1px 1px 5px #AAA; + box-shadow: 1px 1px 5px #AAA; + cursor: pointer; +} + +ul.nav .open { + display: block; +} + +ul.nav .close { + display: none; +} + +ul.nav ul li { + float: none; + padding: 0; +} + +ul.nav ul li a { + width: 130px; + background: #f1f1f1; + padding: 3px; + display: block; + font-weight: normal; +} + +ul.nav ul li a:hover { + background: #CDCDCD; +} + +ul.nav ul ul { + left: 137px; + top: 0; +} + +.purr-wrapper{ + margin:10px; +} + +/*Purr alert styles*/ + +.purr-alert{ + margin-bottom:10px; + padding:10px; + background:#000; + font-size:13px; + font-weight:bold; + color:#FFF; + -moz-border-radius:5px; + -webkit-border-radius:5px; + /*-moz-box-shadow: 0 0 10px rgba(255,255,0,.25);*/ + width:300px; +} +.purr-alert.error{ + color:#F55; + padding-left:30px; + background:url(../img/error.png) no-repeat #000 7px 10px; + width:280px; +} +.purr-alert.success{ + color:#5F5; + padding-left:30px; + background:url(../img/success.png) no-repeat #000 7px 10px; + width:280px; +} +.purr-alert.notice{ + color:#99F; + padding-left:30px; + background:url(../img/notice.png) no-repeat #000 7px 10px; + width:280px; +} + +table.system { + border: none; + margin-left: 10px; +} + +table.system td { + border: none +} + +table.system tr > td:first-child { + font-weight: bold; + padding-right: 10px; +} diff --git a/pyload/webui/themes/Flat/css/base.css b/pyload/webui/themes/Flat/css/base.css new file mode 100644 index 000000000..fd73d0a19 --- /dev/null +++ b/pyload/webui/themes/Flat/css/base.css @@ -0,0 +1,866 @@ +.hidden { + display:none; +} +.leftalign { + text-align:left; +} +.centeralign { + text-align:center; +} +.rightalign { + text-align:right; +} +.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; + border:none !important; + color:#FFFFFF !important; + margin:0.1em 0.2em; + padding:0 0.2em; + text-decoration:none; +} +.dokuwiki div.plugin_translation ul li a.wikilink2:link, .dokuwiki div.plugin_translation ul li a.wikilink2:hover, .dokuwiki div.plugin_translation ul li a.wikilink2:active, .dokuwiki div.plugin_translation ul li a.wikilink2:visited { + background-color:#808080; + border:none !important; + color:#FFFFFF !important; + margin:0.1em 0.2em; + padding:0 0.2em; + text-decoration:none; +} +.dokuwiki div.plugin_translation ul li a:hover img { + height:15px; + opacity:1; +} +body { + background-color:white; + color:black; + font-family:'Open Sans', sans-serif; + font-size:12px; + font-style:normal; + font-variant:normal; + font-weight:300; + line-height:normal; + margin:0; + padding:0; +} +hr { + border-bottom-color:#AAAAAA; + border-bottom-style:dotted; +} +img { + border:none; +} +form { + background-color:transparent; + border:none; + display:inline; + margin:0; + padding:0; +} +ul li { + margin:5px; +} +textarea { + font-family:monospace; +} +table { + border-collapse:collapse; + margin:0.5em 0; +} +td { + border:1pt solid #ADB9CC; + padding:0.25em; +} +a { + color:#3465A4; + text-decoration:none; +} +a:hover { + text-decoration:underline; +} +option { + border:0 none #FFFFFF; +} +strong.highlight { + background-color:#FFCC99; + padding:1pt; +} +#pagebottom { + clear:both; +} +hr { + background-color:#C0C0C0; + border:none; + color:#C0C0C0; + margin:0.2em 0; +} +.invisible { + border:0; + height:0; + margin:0; + padding:0; + visibility:hidden; +} +.left { + float:left !important; +} +.right { + float:right !important; +} +.center { + text-align:center; +} +div#body-wrapper { + font-size:127%; + padding:40px 40px 10px; +} +div#content { + color:black; + font-size:14px; + line-height:1.5em; + margin-top:-20px; + padding:0; +} +h1, h2, h3, h4, h5, h6 { + background-attachment:scroll; + background-color:transparent; + background-image:none; + background-position:0 0; + background-repeat:repeat repeat; + color:black; + font-family:'Open Sans', sans-serif; + font-weight:normal; + margin:0; + padding:0.5em 0 0.17em; +} +h1 { + font-family:'Open Sans', sans-serif; + font-weight:300; + line-height:1.2em; + margin-bottom:0.1em; + padding-bottom:0; + margin-left:-25px; +} +h2 { + font-size:150%; +} +h3, h4, h5, h6 { + border-bottom-style:none; + font-weight:bold; +} +h3 { + font-size:132%; +} +h4 { + font-size:116%; +} +h5 { + font-size:100%; +} +h6 { + font-size:80%; +} +ul#page-actions, ul#page-actions-more { + background-color:#ECECEC; + color:black; + float:right; + list-style-type:none; + margin:10px 10px 0; + padding:6px; + white-space:nowrap; +} +ul#user-actions { + background-color:#67BCDB; + color:black; + display:inline; + list-style-type:none; + margin:0; + padding:10px; +} +ul#page-actions li, ul#user-actions li, ul#page-actions-more li { + display:inline; +} +ul#page-actions a, ul#user-actions a, ul#page-actions-more a { + color:black; + display:inline; + margin:0 3px; + padding:2px 0 2px 18px; + text-decoration:none; +} +ul#page-actions a:hover, ul#page-actions a:focus, ul#user-actions a:hover, ul#user-actions a:focus { +} +ul#page-actions2 { + background-color:#ECECEC; + color:black; + float:left; + list-style-type:none; + margin:10px 10px 0; + padding:6px; +} +ul#user-actions2 { + background-color:#ECECEC; + border-bottom-left-radius:3px; + border-bottom-right-radius:3px; + border-top-left-radius:3px; + border-top-right-radius:3px; + color:black; + display:inline; + list-style-type:none; + margin:0; + padding:5px; +} +ul#page-actions2 li, ul#user-actions2 li { + display:inline; +} +ul#page-actions2 a, ul#user-actions2 a { + color:black; + display:inline; + margin:0 3px; + padding:2px 0 2px 18px; + text-decoration:none; +} +ul#page-actions2 a:hover, ul#page-actions2 a:focus, ul#user-actions2 a:hover, ul#user-actions2 a:focus, ul#page-actions-more a:hover, ul#page-actions-more a:focus { + color:#4E7BB4; +} +.hidden { + display:none; +} +a.logout { + background-color:transparent; + background-image:url(../img/user-actions-logout.png); + background-position:0 1px; + background-repeat:no-repeat no-repeat; +} +a.info { + background-color:transparent; + background-image:url(../img/user-info.png); + background-position:0 1px; + background-repeat:no-repeat no-repeat; +} +a.admin { + background-color:transparent; + background-image:url(../img/user-actions-admin.png); + background-position:0 1px; + background-repeat:no-repeat no-repeat; +} +a.profile { + background-color:transparent; + background-image:url(../img/user-actions-profile.png); + background-position:0 1px; + background-repeat:no-repeat no-repeat; +} +a.create, a.edit { + background-color:transparent; + background-image:url(../img/page-tools-edit.png); + background-position:0 1px; + background-repeat:no-repeat no-repeat; +} +a.source, a.show { + background-color:transparent; + background-image:url(../img/page-tools-source.png); + background-position:0 1px; + background-repeat:no-repeat no-repeat; +} +a.revisions { + background-color:transparent; + background-image:url(../img/page-tools-revisions.png); + background-position:0 1px; + background-repeat:no-repeat no-repeat; +} +a.subscribe, a.unsubscribe { + background-color:transparent; + background-image:url(../img/page-tools-subscribe.png); + background-position:0 1px; + background-repeat:no-repeat no-repeat; +} +a.backlink { + background-color:transparent; + background-image:url(../img/page-tools-backlinks.png); + background-position:0 1px; + background-repeat:no-repeat no-repeat; +} +a.play { + background-color:transparent; + background-image:url(../img/control_play.png); + background-position:0 1px; + background-repeat:no-repeat no-repeat; +} +.time { + background-color:transparent; + background-image:url(../img/status_None.png); + background-position:0 1px; + background-repeat:no-repeat no-repeat; + margin:0 3px; + padding:2px 0 2px 18px; +} +.reconnect { + background-color:transparent; + background-image:url(../img/reconnect.png); + background-position:0 1px; + background-repeat:no-repeat no-repeat; + margin:0 3px; + padding:2px 0 2px 18px; +} +a.play:hover { + background-color:transparent; + background-image:url(../img/control_play_blue.png); + background-position:0 1px; + background-repeat:no-repeat no-repeat; +} +a.cancel { + background-color:transparent; + background-image:url(../img/control_cancel.png); + background-position:0 1px; + background-repeat:no-repeat no-repeat; +} +a.cancel:hover { + background-color:transparent; + background-image:url(../img/control_cancel_blue.png); + background-position:0 1px; + background-repeat:no-repeat no-repeat; +} +a.pause { + background-color:transparent; + background-image:url(../img/control_pause.png); + background-position:0 1px; + background-repeat:no-repeat no-repeat; +} +a.pause:hover { + background-color:transparent; + background-image:url(../img/control_pause_blue.png); + background-position:0 1px; + background-repeat:no-repeat no-repeat; + font-weight:bold; +} +a.stop { + background-color:transparent; + background-image:url(../img/control_stop.png); + background-position:0 1px; + background-repeat:no-repeat no-repeat; +} +a.stop:hover { + background-color:transparent; + background-image:url(../img/control_stop_blue.png); + background-position:0 1px; + background-repeat:no-repeat no-repeat; +} +a.add { + background-color:transparent; + background-image:url(../img/control_add.png); + background-position:0 1px; + background-repeat:no-repeat no-repeat; +} +a.add:hover { + background-color:transparent; + background-image:url(../img/control_add_blue.png); + background-position:0 1px; + background-repeat:no-repeat no-repeat; +} +a.cog { + background-color:transparent; + background-image:url(../img/cog.png); + background-position:0 1px; + background-repeat:no-repeat no-repeat; +} +#head-panel { + background-color:#67BCDB; + background-position:0 100%; + background-repeat:repeat no-repeat; +} +#head-panel h1 { + color:#EEEEEC; + display:none; + font-size:2.6em; + margin:0; + padding-left:3.3em; + padding-top:0.8em; + text-decoration:none; +} +#head-panel #head-logo { + float:left; + overflow:visible; + padding:11px 8px 0; +} +#head-menu { + float:left; + margin:0; + padding:1em 0 0; + width:100%; +} +#head-menu ul { + list-style:none; + margin:0 1em 0 2em; +} +#head-menu ul li { + float:left; + font-size:14px; + margin:0 0 4px 0.3em; +} +#head-menu ul li.selected, #head-menu ul li:hover { + margin-bottom:0; +} +#head-menu ul li a img { + height:22px; + padding-right:4px; + vertical-align:middle; + width:22px; +} +#head-menu ul li a, #head-menu ul li a:link { + background-color:#FFFFFF; + background-position:0 100%; + background-repeat:repeat no-repeat; + border-color:#CCCCCC #CCCCCC transparent; + color:#555555; + padding:7px 15px 8px; + text-decoration:none; + opacity:0.7; +} +#head-menu ul li a:hover, #head-menu ul li a:focus { + border-bottom-color:transparent; + border-bottom-left-radius:0; + border-bottom-right-radius:0; + border-bottom-style:none; + border-bottom-width:0; + outline:none; + padding-bottom:7px; + opacity:1; + background-color: #FF9009; + transition: background 0.2s ease-out, opacity 0.5s ease-in; +} +#head-menu ul li a:focus { + margin-bottom:-4px; +} +#head-menu ul li.selected a { + border-bottom-color:transparent; + color:#3566A5; + padding:7px 15px 8px; + opacity:1; +} +#head-menu ul li.selected a:hover, #head-menu ul li.selected a:focus { + color:#111111; +} +div#head-search-and-login { + float:right; + margin:0 12px 0 0; + padding:7px 0px 7px 7px; + white-space:nowrap; + background-color:#FFF056; + opacity:0.9; +} +div#head-search-and-login form { + display:inline; + padding:0 3px; +} +div#head-search-and-login form input { + background-color:#EEEEEE; + border:2px solid #888888; + border-bottom-left-radius:3px; + border-bottom-right-radius:3px; + border-top-left-radius:3px; + border-top-right-radius:3px; + font-size:14px; + padding:2px; +} +div#head-search-and-login form input:focus { + background-color:#FFFFFF; +} +#head-search { + font-size:14px; +} +#head-username, #head-password { + font-size:14px; + width:80px; +} +#pageinfo { + clear:both; + color:#888888; + margin:0; + padding:0.6em 0; +} +#foot { + color:#888888; + font-style:normal; + text-align:center; +} +#foot a { + color:#AAAAFF; +} +#foot img { + vertical-align:middle; +} +div.toc { + background-color:#F0F0F0; + border:1px dotted #888888; + float:right; + font-size:95%; + margin:1em 0 1em 1em; +} +div.toc .tocheader { + font-weight:bold; + margin:0.5em 1em; +} +div.toc ol { + margin:1em 0.5em 1em 1em; + padding:0; +} +div.toc ol li { + margin:0 0 0 1em; + padding:0; +} +div.toc ol ol { + margin:0.5em 0.5em 0.5em 1em; + padding:0; +} +div.recentchanges table { + clear:both; +} +div#editor-help { + background-color:#F7F6F2; + border:1px dotted #888888; + font-size:90%; + padding:0 1ex 1ex; +} +div#preview { + margin-top:1em; +} +label.block { + display:block; + font-weight:bold; + text-align:right; +} +label.simple { + display:block; + font-weight:normal; + text-align:left; +} +label.block input.edit { + width:50%; +} +div.editor { + margin:0; +} +table { + border-collapse:collapse; + margin:0.5em 0; +} +td { + border:1pt solid #ADB9CC; + padding:0.25em; +} +td p { + margin:0; + padding:0; +} +.u { + text-decoration:underline; +} +.footnotes ul { + margin:0 0 1em; + padding:0 2em; +} +.footnotes li { + list-style:none; +} +.userpref table, .userpref td { + border:none; +} +#message { + background-color:#EEEEEE; + border-bottom-color:#CCCCCC; + border-bottom-style:solid; + border-bottom-width:2px; + clear:both; + padding:5px 10px; +} +#message p { + font-weight:bold; + margin:5px 0; + padding:0; +} +#message div.buttons { + font-weight:normal; +} +.diff { + width:99%; +} +.diff-title { + background-color:#C0C0C0; +} +.searchresult dd span { + font-weight:400; +} +.boxtext { + color:#000000; + float:none; + font-family:tahoma, arial, sans-serif; + font-size:11px; + padding:3px 0 0 10px; +} +.statusbutton { + cursor:pointer; + float:left; + height:32px; + margin-left:-32px; + margin-right:5px; + opacity:0; + width:32px; +} +.dlsize { + float:left; + padding-right:8px; +} +.dlspeed { + float:left; + padding-right:8px; +} +.package { + margin-bottom:10px; +} +.packagename { + font-weight:300; +} +.child { + margin-left:20px; +} +.child_status { + margin-right:10px; +} +.child_secrow { + font-size:10px; +} +.header, .header th { + background-color:#ECECEC; + font-weight:300; + text-align:left; +} +.progress_bar { + background-color:#00CC00; + height:5px; +} +.queue { + border:none; +} +.queue tr td { + border:none; +} +.header, .header th { + font-weight:normal; + text-align:left; +} +.clearer { + clear:both; + height:1px; +} +.left { + float:left; +} +.right { + float:right; +} +.setfield { + display:table-cell; +} +ul.tabs li a { + border:none; + border-bottom-left-radius:0; + border-bottom-right-radius:0; + border-top-left-radius:5px; + border-top-right-radius:5px; + font-weight:bold; + padding:5px 16px 4px 15px; +} +#tabs span { + display:none; +} +#tabs span.selected { + display:inline; +} +#tabsback { + background-color:#525252; + border-top-left-radius:3px; + border-top-right-radius:30px; + margin:2px 0 0; + padding:6px 4px 1px; +} +ul.tabs { + list-style-type:none; + margin:0; + padding:0 40px 0 0; +} +ul.tabs li { + display:inline; + margin-left:8px; +} +ul.tabs li a { + background-color:#EAEAEA; + border:1px none #C9C3BA; + border-bottom-left-radius:0; + border-bottom-right-radius:0; + border-top-left-radius:5px; + border-top-right-radius:5px; + color:#42454A; + font-weight:bold; + margin:0; + outline:0; + padding:5px 16px 4px 15px; + text-decoration:none; +} +ul.tabs li a.selected, ul.tabs li a:hover { + background-color:white; + border-bottom-left-radius:0; + border-bottom-right-radius:0; + color:#000000; +} +ul.tabs li a:hover { + background-color:#F1F4EE; +} +ul.tabs li a.selected { + background-color:#525252; + color:white; + font-weight:bold; + padding-bottom:5px; +} +#tabs-body { + overflow:hidden; + position:relative; +} +span.tabContent { + border:2px solid #525252; + margin:0; + padding:0 0 10px; +} +#tabs-body > span { + display:none; +} +#tabs-body > span.active { + display:block; +} +.hide { + display:none; +} +.settable { + border:none; + margin:20px; +} +.settable td { + border:none; + margin:0; + padding:5px; +} +.settable th { + padding-bottom:8px; +} +.settable.wide td, .settable.wide th { + padding-left:15px; + padding-right:15px; +} +ul.nav { + list-style:none; + margin:-30px 0 0; + padding:0; + position:absolute; +} +ul.nav li { + float:left; + padding:5px; + position:relative; +} +ul.nav > li a { + background-color:white; + border-left-color:#C9C3BA; + border-right-color:#C9C3BA; + border-style:solid solid none; + border-top-color:#C9C3BA; + border-width:1px 1px medium; + color:black; +} +ul.nav ul { + -webkit-box-shadow:#AAAAAA 1px 1px 5px; + background-color:#F1F1F1; + border:1px solid #AAAAAA; + box-shadow:#AAAAAA 1px 1px 5px; + cursor:pointer; + left:10px; + list-style:none; + margin:0; + padding:0; + position:absolute; + top:26px; +} +ul.nav .open { + display:block; +} +ul.nav .close { + display:none; +} +ul.nav ul li { + float:none; + padding:0; +} +ul.nav ul li a { + background-color:#F1F1F1; + display:block; + font-weight:normal; + padding:3px; + width:130px; +} +ul.nav ul li a:hover { + background-color:#CDCDCD; +} +ul.nav ul ul { + left:137px; + top:0; +} +.purr-wrapper { + margin:10px; +} +.purr-alert { + background-color:#000000; + border-bottom-left-radius:5px; + border-bottom-right-radius:5px; + border-top-left-radius:5px; + border-top-right-radius:5px; + color:#FFFFFF; + font-size:13px; + font-weight:bold; + margin-bottom:10px; + padding:10px; + width:300px; +} +.purr-alert.error { + background-color:#000000; + background-image:url(../img/error.png); + background-position:7px 10px; + background-repeat:no-repeat no-repeat; + color:#FF5555; + padding-left:30px; + width:280px; +} +.purr-alert.success { + background-color:#000000; + background-image:url(../img/success.png); + background-position:7px 10px; + background-repeat:no-repeat no-repeat; + color:#55FF55; + padding-left:30px; + width:280px; +} +.purr-alert.notice { + background-color:#000000; + background-image:url(../img/notice.png); + background-position:7px 10px; + background-repeat:no-repeat no-repeat; + color:#9999FF; + padding-left:30px; + width:280px; +} +table.system { + border:none; + margin-left:10px; +} +table.system td { + border:none; +} +table.system tr > td:first-child { + font-weight:bold; + padding-right:10px; +} \ No newline at end of file diff --git a/pyload/webui/themes/Flat/js/render/filemanager.js b/pyload/webui/themes/Flat/js/render/filemanager.js new file mode 100644 index 000000000..ab9b8b492 --- /dev/null +++ b/pyload/webui/themes/Flat/js/render/filemanager.js @@ -0,0 +1,291 @@ +var load, rename_box, confirm_box; + +document.addEvent("domready", function() { + load = new Fx.Tween($("load-indicator"), {link: "cancel"}); + load.set("opacity", 0); + + rename_box = new Fx.Tween($('rename_box')); + confirm_box = new Fx.Tween($('confirm_box')); + $('rename_reset').addEvent('click', function() { + hide_rename_box() + }); + $('delete_reset').addEvent('click', function() { + hide_confirm_box() + }); + + /*$('filemanager_actions_list').getChildren("li").each(function(action) { + var action_name = action.className; + if(functions[action.className] != undefined) + { + action.addEvent('click', functions[action.className]); + } + });*/ +}); + +function indicateLoad() { + //$("load-indicator").reveal(); + load.start("opacity", 1) +} + +function indicateFinish() { + load.start("opacity", 0) +} + +function indicateSuccess() { + indicateFinish(); + notify.alert('{{_("Success")}}.', { + 'className': 'success' + }); +} + +function indicateFail() { + indicateFinish(); + notify.alert('{{_("Failed")}}.', { + 'className': 'error' + }); +} + +function show_rename_box() { + bg_show(); + $("rename_box").setStyle('display', 'block'); + rename_box.start('opacity', 1) +} + +function hide_rename_box() { + bg_hide(); + rename_box.start('opacity', 0).chain(function() { + $('rename_box').setStyle('display', 'none'); + }); +} + +function show_confirm_box() { + bg_show(); + $("confirm_box").setStyle('display', 'block'); + confirm_box.start('opacity', 1) +} + +function hide_confirm_box() { + bg_hide(); + confirm_box.start('opacity', 0).chain(function() { + $('confirm_box').setStyle('display', 'none'); + }); +} + +var FilemanagerUI = new Class({ + initialize: function(url, type) { + this.url = url; + this.type = type; + this.directories = []; + this.files = []; + this.parseChildren(); + }, + + parseChildren: function() { + $("directories-list").getChildren("li.folder").each(function(ele) { + var path = ele.getElements("input.path")[0].get("value"); + var name = ele.getElements("input.name")[0].get("value"); + this.directories.push(new Item(this, path, name, ele)) + }.bind(this)); + + $("directories-list").getChildren("li.file").each(function(ele) { + var path = ele.getElements("input.path")[0].get("value"); + var name = ele.getElements("input.name")[0].get("value"); + this.files.push(new Item(this, path, name, ele)) + }.bind(this)); + } +}); + +var Item = new Class({ + initialize: function(ui, path, name, ele) { + this.ui = ui; + this.path = path; + this.name = name; + this.ele = ele; + this.directories = []; + this.files = []; + this.actions = new Array(); + this.actions["delete"] = this.del; + this.actions["rename"] = this.rename; + this.actions["mkdir"] = this.mkdir; + this.parseElement(); + + var pname = this.ele.getElements("span")[0]; + this.buttons = new Fx.Tween(this.ele.getElements(".buttons")[0], {link: "cancel"}); + this.buttons.set("opacity", 0); + + pname.addEvent("mouseenter", function(e) { + this.buttons.start("opacity", 1) + }.bind(this)); + + pname.addEvent("mouseleave", function(e) { + this.buttons.start("opacity", 0) + }.bind(this)); + + }, + + parseElement: function() { + this.ele.getChildren('span span.buttons img').each(function(img) { + img.addEvent('click', this.actions[img.className].bind(this)); + }, this); + + //click on the directory name must open the directory itself + this.ele.getElements('b')[0].addEvent('click', this.toggle.bind(this)); + + //iterate over child directories + var uls = this.ele.getElements('ul'); + if(uls.length > 0) + { + uls[0].getChildren("li.folder").each(function(fld) { + var path = fld.getElements("input.path")[0].get("value"); + var name = fld.getElements("input.name")[0].get("value"); + this.directories.push(new Item(this, path, name, fld)); + }.bind(this)); + uls[0].getChildren("li.file").each(function(fld) { + var path = fld.getElements("input.path")[0].get("value"); + var name = fld.getElements("input.name")[0].get("value"); + this.files.push(new Item(this, path, name, fld)); + }.bind(this)); + } + }, + + reorderElements: function() { + //TODO sort the main ul again (to keep data ordered after renaming something) + }, + + del: function(event) { + $("confirm_form").removeEvents("submit"); + $("confirm_form").addEvent("submit", this.deleteDirectory.bind(this)); + + $$("#confirm_form p").set('html', '{{_(("Are you sure you want to delete the selected item?"))}}'); + + show_confirm_box(); + event.stop(); + }, + + deleteDirectory: function(event) { + hide_confirm_box(); + new Request.JSON({ + method: 'POST', + url: "/json/filemanager/delete", + data: {'path': this.path, 'name': this.name}, + onSuccess: function(data) { + if(data.response == "success") + { + new Fx.Tween(this.ele).start('opacity', 0); + var ul = this.ele.parentNode; + this.ele.dispose(); + //if this was the only child, add a "empty folder" div + if(!ul.getChildren('li')[0]) + { + var div = new Element("div", { 'html': '{{ _("Folder is empty") }}' }); + div.replaces(ul); + } + + indicateSuccess(); + } else + { + //error from json code... + indicateFail(); + } + }.bind(this), + onFailure: indicateFail + }).send(); + + event.stop(); + }, + + rename: function(event) { + $("rename_form").removeEvents("submit"); + $("rename_form").addEvent("submit", this.renameDirectory.bind(this)); + + $("path").set("value", this.path); + $("old_name").set("value", this.name); + $("new_name").set("value", this.name); + + show_rename_box(); + event.stop(); + }, + + renameDirectory: function(event) { + hide_rename_box(); + new Request.JSON({ + method: 'POST', + url: "/json/filemanager/rename", + onSuccess: function(data) { + if(data.response == "success") + { + this.name = $("new_name").get("value"); + this.ele.getElements("b")[0].set('html', $("new_name").get("value")); + this.reorderElements(); + indicateSuccess(); + } else + { + //error from json code... + indicateFail(); + } + }.bind(this), + onFailure: indicateFail + }).send($("rename_form").toQueryString()); + + event.stop(); + }, + + mkdir: function(event) { + new Request.JSON({ + method: 'POST', + url: "/json/filemanager/mkdir", + data: {'path': this.path + "/" + this.name, 'name': '{{_("New folder")}}'}, + onSuccess: function(data) { + if(data.response == "success") + { + new Request.HTML({ + method: 'POST', + url: "/filemanager/get_dir", + data: {'path': data.path, 'name': data.name}, + onSuccess: function(li) { + //add node as first child of ul + var ul = this.ele.getChildren('ul')[0]; + if(!ul) + { + //remove the "Folder Empty" div + this.ele.getChildren('div').dispose(); + + //create new ul to contain subfolder + ul = new Element("ul"); + ul.inject(this.ele, 'bottom'); + } + li[0].inject(ul, 'top'); + + //add directory as a subdirectory of the current item + this.directories.push(new Item(this.ui, data.path, data.name, ul.firstChild)); + }.bind(this), + onFailure: indicateFail + }).send(); + indicateSuccess(); + } else + { + //error from json code... + indicateFail(); + } + }.bind(this), + onFailure: indicateFail + }).send(); + + event.stop(); + }, + + toggle: function() { + var child = this.ele.getElement('ul'); + if(child == null) + child = this.ele.getElement('div'); + + if(child != null) + { + if (child.getStyle('display') == "block") { + child.dissolve(); + } else { + child.reveal(); + } + } + } +}); diff --git a/pyload/webui/themes/Flat/tml/filemanager.html b/pyload/webui/themes/Flat/tml/filemanager.html new file mode 100644 index 000000000..4dbbd288c --- /dev/null +++ b/pyload/webui/themes/Flat/tml/filemanager.html @@ -0,0 +1,78 @@ +{% extends '/Flat/tml/base.html' %} + +{% block head %} + + + + +{% endblock %} + +{% block title %}Downloads - {{super()}} {% endblock %} + + +{% block subtitle %} +{{_("FileManager")}} +{% endblock %} + +{% macro display_file(file) %} +
  • + + + + {{ file.name }} + + +    + + + +
    • +{%- endmacro %} + +{% macro display_folder(fld, open = false) -%} +
  • + + + + {{ fld.name }} + + +    + +    + + + + {% if (fld.folders|length + fld.files|length) > 0 %} + {% if open %} +