From 87086a0336533b37b39b409c13d8a9a0295229ab Mon Sep 17 00:00:00 2001 From: Ruud Date: Thu, 4 Dec 2014 23:22:14 +0100 Subject: [PATCH] Rename to scss --- Gruntfile.js | 37 +- .../core/media/_base/search/static/search.css | 273 ----- .../core/media/_base/search/static/search.scss | 273 +++++ .../core/media/movie/_base/static/movie.css | 1074 -------------------- .../core/media/movie/_base/static/movie.scss | 1074 ++++++++++++++++++++ .../core/media/movie/charts/static/charts.css | 274 ----- .../core/media/movie/charts/static/charts.scss | 274 +++++ .../core/media/movie/suggestion/static/suggest.css | 162 --- .../media/movie/suggestion/static/suggest.scss | 162 +++ .../core/plugins/category/static/category.css | 82 -- .../core/plugins/category/static/category.scss | 82 ++ couchpotato/core/plugins/log/static/log.css | 199 ---- couchpotato/core/plugins/log/static/log.scss | 199 ++++ .../core/plugins/profile/static/profile.css | 197 ---- .../core/plugins/profile/static/profile.scss | 197 ++++ .../core/plugins/quality/static/quality.css | 26 - .../core/plugins/quality/static/quality.scss | 26 + .../core/plugins/userscript/static/userscript.css | 38 - .../core/plugins/userscript/static/userscript.scss | 38 + couchpotato/core/plugins/wizard/static/wizard.css | 84 -- couchpotato/core/plugins/wizard/static/wizard.scss | 84 ++ couchpotato/static/style/api.css | 162 --- couchpotato/static/style/api.scss | 162 +++ couchpotato/static/style/main.css | 965 ------------------ couchpotato/static/style/main_old.scss | 965 ++++++++++++++++++ couchpotato/static/style/settings.css | 820 --------------- couchpotato/static/style/settings.scss | 820 +++++++++++++++ couchpotato/static/style/uniform.css | 154 --- couchpotato/static/style/uniform.generic.css | 139 --- couchpotato/static/style/uniform.generic.scss | 139 +++ couchpotato/static/style/uniform.scss | 154 +++ 31 files changed, 4662 insertions(+), 4673 deletions(-) delete mode 100644 couchpotato/core/media/_base/search/static/search.css create mode 100644 couchpotato/core/media/_base/search/static/search.scss delete mode 100644 couchpotato/core/media/movie/_base/static/movie.css create mode 100644 couchpotato/core/media/movie/_base/static/movie.scss delete mode 100644 couchpotato/core/media/movie/charts/static/charts.css create mode 100644 couchpotato/core/media/movie/charts/static/charts.scss delete mode 100644 couchpotato/core/media/movie/suggestion/static/suggest.css create mode 100644 couchpotato/core/media/movie/suggestion/static/suggest.scss delete mode 100644 couchpotato/core/plugins/category/static/category.css create mode 100644 couchpotato/core/plugins/category/static/category.scss delete mode 100644 couchpotato/core/plugins/log/static/log.css create mode 100644 couchpotato/core/plugins/log/static/log.scss delete mode 100644 couchpotato/core/plugins/profile/static/profile.css create mode 100644 couchpotato/core/plugins/profile/static/profile.scss delete mode 100644 couchpotato/core/plugins/quality/static/quality.css create mode 100644 couchpotato/core/plugins/quality/static/quality.scss delete mode 100644 couchpotato/core/plugins/userscript/static/userscript.css create mode 100644 couchpotato/core/plugins/userscript/static/userscript.scss delete mode 100644 couchpotato/core/plugins/wizard/static/wizard.css create mode 100644 couchpotato/core/plugins/wizard/static/wizard.scss delete mode 100644 couchpotato/static/style/api.css create mode 100644 couchpotato/static/style/api.scss delete mode 100644 couchpotato/static/style/main.css create mode 100644 couchpotato/static/style/main_old.scss delete mode 100644 couchpotato/static/style/settings.css create mode 100644 couchpotato/static/style/settings.scss delete mode 100644 couchpotato/static/style/uniform.css delete mode 100644 couchpotato/static/style/uniform.generic.css create mode 100644 couchpotato/static/style/uniform.generic.scss create mode 100644 couchpotato/static/style/uniform.scss diff --git a/Gruntfile.js b/Gruntfile.js index 7746464..b95b9e6 100644 --- a/Gruntfile.js +++ b/Gruntfile.js @@ -5,7 +5,8 @@ module.exports = function(grunt){ // Configurable paths var config = { tmp: '.tmp', - base: 'couchpotato' + base: 'couchpotato', + css_dest: 'couchpotato/static/style/combined.min.css' }; grunt.initConfig({ @@ -29,23 +30,15 @@ module.exports = function(grunt){ // Compiles Sass to CSS and generates necessary files if requested sass: { options: { - compass: true - }, - dist: { - files: [{ - expand: true, - cwd: '<%= config.base %>/styles', - src: ['*.scss'], - dest: '<%= config.tmp %>/styles', - ext: '.css' - }] + compass: true, + update: true }, server: { files: [{ expand: true, cwd: '<%= config.base %>/', src: ['**/*.scss'], - dest: '<%= config.tmp %>/styles', + dest: '<%= config.tmp %>/styles/', ext: '.css' }] } @@ -66,13 +59,11 @@ module.exports = function(grunt){ } }, - concat: { - options: { - separator: '' - }, + cssmin: { dist: { - src: ['<%= config.tmp %>/styles/**/*.css'], - dest: '<%= config.tmp %>/test.css' + files: { + '<%= config.css_dest %>': ['<%= config.tmp %>/styles/**/*.css'] + } } }, @@ -80,7 +71,7 @@ module.exports = function(grunt){ watch: { scss: { files: ['**/*.{scss,sass}'], - tasks: ['sass:server', 'autoprefixer', 'concat'], + tasks: ['sass:server', 'autoprefixer', 'cssmin'], options: { 'livereload': true } @@ -101,7 +92,6 @@ module.exports = function(grunt){ files: [ '<%= config.base %>/{,*/}*.html', '<%= config.tmp %>/styles/{,*/}*.css', - '<%= config.base %>/react/{,*/}*.js', '<%= config.base %>/images/{,*/}*' ] } @@ -111,7 +101,7 @@ module.exports = function(grunt){ options: { logConcurrentOutput: true }, - tasks: ['sass:server', 'watch'] + tasks: ['sass:server', 'autoprefixer', 'cssmin', 'watch'] } }); @@ -119,12 +109,11 @@ module.exports = function(grunt){ grunt.loadNpmTasks('grunt-contrib-jshint'); //grunt.loadNpmTasks('grunt-contrib-uglify'); grunt.loadNpmTasks('grunt-contrib-sass'); - //grunt.loadNpmTasks('grunt-contrib-cssmin'); + grunt.loadNpmTasks('grunt-contrib-cssmin'); grunt.loadNpmTasks('grunt-contrib-watch'); grunt.loadNpmTasks('grunt-autoprefixer'); grunt.loadNpmTasks('grunt-concurrent'); - grunt.loadNpmTasks('grunt-contrib-concat'); - grunt.registerTask('default', ['sass', 'concurrent']); + grunt.registerTask('default', ['concurrent']); }; diff --git a/couchpotato/core/media/_base/search/static/search.css b/couchpotato/core/media/_base/search/static/search.css deleted file mode 100644 index def985f..0000000 --- a/couchpotato/core/media/_base/search/static/search.css +++ /dev/null @@ -1,273 +0,0 @@ -.search_form { - display: inline-block; - vertical-align: middle; - text-align: right; - transition: all .4s cubic-bezier(0.9,0,0.1,1); - z-index: 20; - border: 0 solid transparent; - border-bottom-width: 4px; -} - .search_form:hover { - border-color: #047792; - } - - @media all and (max-width: 480px) { - .search_form { - right: 44px; - } - } - - .search_form.focused, - .search_form.shown { - border-color: #04bce6; - } - - .search_form .input { - height: 100%; - overflow: hidden; - width: 45px; - transition: all .4s cubic-bezier(0.9,0,0.1,1); - } - - .search_form.focused .input, - .search_form.shown .input { - width: 380px; - background: #4e5969; - } - - .search_form .input input { - border-radius: 0; - display: block; - border: 0; - background: none; - color: #FFF; - font-size: 25px; - height: 100%; - width: 100%; - opacity: 0; - padding: 0 40px 0 10px; - transition: all .4s ease-in-out .2s; - } - .search_form.focused .input input, - .search_form.shown .input input { - opacity: 1; - } - - .search_form input::-ms-clear { - width : 0; - height: 0; - } - - @media all and (max-width: 480px) { - .search_form .input input { - font-size: 15px; - } - - .search_form.focused .input, - .search_form.shown .input { - width: 277px; - } - } - - .search_form .input a { - position: absolute; - top: 0; - right: 0; - width: 44px; - height: 100%; - cursor: pointer; - vertical-align: middle; - text-align: center; - line-height: 66px; - font-size: 15px; - color: #FFF; - } - - .search_form .input a:after { - content: "\e03e"; - } - - .search_form.shown.filled .input a:after { - content: "\e04e"; - } - - @media all and (max-width: 480px) { - .search_form .input a { - line-height: 44px; - } - } - - .search_form .results_container { - text-align: left; - position: absolute; - background: #5c697b; - margin: 4px 0 0; - width: 470px; - min-height: 50px; - box-shadow: 0 20px 20px -10px rgba(0,0,0,0.55); - display: none; - } - @media all and (max-width: 480px) { - .search_form .results_container { - width: 320px; - } - } - .search_form.focused.filled .results_container, - .search_form.shown.filled .results_container { - display: block; - } - - .search_form .results { - max-height: 570px; - overflow-x: hidden; - } - - .media_result { - overflow: hidden; - height: 50px; - position: relative; - } - - .media_result .options { - position: absolute; - height: 100%; - top: 0; - left: 30px; - right: 0; - padding: 13px; - border: 1px solid transparent; - border-width: 1px 0; - border-radius: 0; - box-shadow: inset 0 1px 8px rgba(0,0,0,0.25); - } - .media_result .options > .in_library_wanted { - margin-top: -7px; - } - - .media_result .options > div { - border: 0; - } - - .media_result .options .thumbnail { - vertical-align: middle; - } - - .media_result .options select { - vertical-align: middle; - display: inline-block; - margin-right: 10px; - } - .media_result .options select[name=title] { width: 170px; } - .media_result .options select[name=profile] { width: 90px; } - .media_result .options select[name=category] { width: 80px; } - - @media all and (max-width: 480px) { - - .media_result .options select[name=title] { width: 90px; } - .media_result .options select[name=profile] { width: 50px; } - .media_result .options select[name=category] { width: 50px; } - - } - - .media_result .options .button { - vertical-align: middle; - display: inline-block; - } - - .media_result .options .message { - height: 100%; - font-size: 20px; - color: #fff; - line-height: 20px; - } - - .media_result .data { - position: absolute; - height: 100%; - top: 0; - left: 30px; - right: 0; - background: #5c697b; - cursor: pointer; - border-top: 1px solid rgba(255,255,255, 0.08); - transition: all .4s cubic-bezier(0.9,0,0.1,1); - } - .media_result .data.open { - left: 100% !important; - } - - .media_result:last-child .data { border-bottom: 0; } - - .media_result .in_wanted, .media_result .in_library { - position: absolute; - bottom: 2px; - left: 14px; - font-size: 11px; - } - - .media_result .thumbnail { - width: 34px; - min-height: 100%; - display: block; - margin: 0; - vertical-align: top; - } - - .media_result .info { - position: absolute; - top: 20%; - left: 15px; - right: 7px; - vertical-align: middle; - } - - .media_result .info h2 { - margin: 0; - font-weight: normal; - font-size: 20px; - padding: 0; - } - - .search_form .info h2 { - position: absolute; - width: 100%; - } - - .media_result .info h2 .title { - display: block; - margin: 0; - text-overflow: ellipsis; - overflow: hidden; - white-space: nowrap; - } - - .search_form .info h2 .title { - position: absolute; - width: 88%; - } - - .media_result .info h2 .year { - padding: 0 5px; - text-align: center; - position: absolute; - width: 12%; - right: 0; - } - - @media all and (max-width: 480px) { - - .search_form .info h2 .year { - font-size: 12px; - margin-top: 7px; - } - - } - -.search_form .mask, -.media_result .mask { - position: absolute; - height: 100%; - width: 100%; - left: 0; - top: 0; -} diff --git a/couchpotato/core/media/_base/search/static/search.scss b/couchpotato/core/media/_base/search/static/search.scss new file mode 100644 index 0000000..def985f --- /dev/null +++ b/couchpotato/core/media/_base/search/static/search.scss @@ -0,0 +1,273 @@ +.search_form { + display: inline-block; + vertical-align: middle; + text-align: right; + transition: all .4s cubic-bezier(0.9,0,0.1,1); + z-index: 20; + border: 0 solid transparent; + border-bottom-width: 4px; +} + .search_form:hover { + border-color: #047792; + } + + @media all and (max-width: 480px) { + .search_form { + right: 44px; + } + } + + .search_form.focused, + .search_form.shown { + border-color: #04bce6; + } + + .search_form .input { + height: 100%; + overflow: hidden; + width: 45px; + transition: all .4s cubic-bezier(0.9,0,0.1,1); + } + + .search_form.focused .input, + .search_form.shown .input { + width: 380px; + background: #4e5969; + } + + .search_form .input input { + border-radius: 0; + display: block; + border: 0; + background: none; + color: #FFF; + font-size: 25px; + height: 100%; + width: 100%; + opacity: 0; + padding: 0 40px 0 10px; + transition: all .4s ease-in-out .2s; + } + .search_form.focused .input input, + .search_form.shown .input input { + opacity: 1; + } + + .search_form input::-ms-clear { + width : 0; + height: 0; + } + + @media all and (max-width: 480px) { + .search_form .input input { + font-size: 15px; + } + + .search_form.focused .input, + .search_form.shown .input { + width: 277px; + } + } + + .search_form .input a { + position: absolute; + top: 0; + right: 0; + width: 44px; + height: 100%; + cursor: pointer; + vertical-align: middle; + text-align: center; + line-height: 66px; + font-size: 15px; + color: #FFF; + } + + .search_form .input a:after { + content: "\e03e"; + } + + .search_form.shown.filled .input a:after { + content: "\e04e"; + } + + @media all and (max-width: 480px) { + .search_form .input a { + line-height: 44px; + } + } + + .search_form .results_container { + text-align: left; + position: absolute; + background: #5c697b; + margin: 4px 0 0; + width: 470px; + min-height: 50px; + box-shadow: 0 20px 20px -10px rgba(0,0,0,0.55); + display: none; + } + @media all and (max-width: 480px) { + .search_form .results_container { + width: 320px; + } + } + .search_form.focused.filled .results_container, + .search_form.shown.filled .results_container { + display: block; + } + + .search_form .results { + max-height: 570px; + overflow-x: hidden; + } + + .media_result { + overflow: hidden; + height: 50px; + position: relative; + } + + .media_result .options { + position: absolute; + height: 100%; + top: 0; + left: 30px; + right: 0; + padding: 13px; + border: 1px solid transparent; + border-width: 1px 0; + border-radius: 0; + box-shadow: inset 0 1px 8px rgba(0,0,0,0.25); + } + .media_result .options > .in_library_wanted { + margin-top: -7px; + } + + .media_result .options > div { + border: 0; + } + + .media_result .options .thumbnail { + vertical-align: middle; + } + + .media_result .options select { + vertical-align: middle; + display: inline-block; + margin-right: 10px; + } + .media_result .options select[name=title] { width: 170px; } + .media_result .options select[name=profile] { width: 90px; } + .media_result .options select[name=category] { width: 80px; } + + @media all and (max-width: 480px) { + + .media_result .options select[name=title] { width: 90px; } + .media_result .options select[name=profile] { width: 50px; } + .media_result .options select[name=category] { width: 50px; } + + } + + .media_result .options .button { + vertical-align: middle; + display: inline-block; + } + + .media_result .options .message { + height: 100%; + font-size: 20px; + color: #fff; + line-height: 20px; + } + + .media_result .data { + position: absolute; + height: 100%; + top: 0; + left: 30px; + right: 0; + background: #5c697b; + cursor: pointer; + border-top: 1px solid rgba(255,255,255, 0.08); + transition: all .4s cubic-bezier(0.9,0,0.1,1); + } + .media_result .data.open { + left: 100% !important; + } + + .media_result:last-child .data { border-bottom: 0; } + + .media_result .in_wanted, .media_result .in_library { + position: absolute; + bottom: 2px; + left: 14px; + font-size: 11px; + } + + .media_result .thumbnail { + width: 34px; + min-height: 100%; + display: block; + margin: 0; + vertical-align: top; + } + + .media_result .info { + position: absolute; + top: 20%; + left: 15px; + right: 7px; + vertical-align: middle; + } + + .media_result .info h2 { + margin: 0; + font-weight: normal; + font-size: 20px; + padding: 0; + } + + .search_form .info h2 { + position: absolute; + width: 100%; + } + + .media_result .info h2 .title { + display: block; + margin: 0; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + } + + .search_form .info h2 .title { + position: absolute; + width: 88%; + } + + .media_result .info h2 .year { + padding: 0 5px; + text-align: center; + position: absolute; + width: 12%; + right: 0; + } + + @media all and (max-width: 480px) { + + .search_form .info h2 .year { + font-size: 12px; + margin-top: 7px; + } + + } + +.search_form .mask, +.media_result .mask { + position: absolute; + height: 100%; + width: 100%; + left: 0; + top: 0; +} diff --git a/couchpotato/core/media/movie/_base/static/movie.css b/couchpotato/core/media/movie/_base/static/movie.css deleted file mode 100644 index 311b111..0000000 --- a/couchpotato/core/media/movie/_base/static/movie.css +++ /dev/null @@ -1,1074 +0,0 @@ -.movies { - padding: 10px 0 20px; - position: relative; - z-index: 3; - width: 100%; -} - - .movies > div { - clear: both; - } - - .movies > div .message { - display: block; - padding: 20px; - font-size: 20px; - color: white; - text-align: center; - } - .movies > div .message a { - padding: 20px; - display: block; - } - - .movies.thumbs_list > div:not(.description) { - margin-right: -4px; - } - - .movies .loading { - display: block; - padding: 20px 0 0 0; - width: 100%; - z-index: 3; - transition: all .4s cubic-bezier(0.9,0,0.1,1); - height: 40px; - opacity: 1; - position: absolute; - text-align: center; - } - .movies .loading.hide { - height: 0; - padding: 0; - opacity: 0; - margin-top: -20px; - overflow: hidden; - } - - .movies .loading .spinner { - display: inline-block; - } - - .movies .loading .message { - margin: 0 20px; - } - - .movies h2 { - margin-bottom: 20px; - } - - @media all and (max-width: 480px) { - .movies h2 { - font-size: 25px; - margin-bottom: 10px; - } - } - - .movies > .description { - position: absolute; - top: 30px; - right: 0; - font-style: italic; - opacity: 0.8; - } - .movies:hover > .description { - opacity: 1; - } - - @media all and (max-width: 860px) { - .movies > .description { - display: none; - } - } - - .movies.thumbs_list { - padding: 20px 0 20px; - } - - .home .movies { - padding-top: 6px; - } - - .movies .movie { - position: relative; - margin: 10px 0; - padding-left: 20px; - overflow: hidden; - width: 100%; - height: 180px; - transition: all 0.6s cubic-bezier(0.9,0,0.1,1); - transition-property: width, height; - background: rgba(0,0,0,.2); - } - - .movies.mass_edit_list .movie { - padding-left: 22px; - background: none; - } - - .movies.details_list .movie { - padding-left: 120px; - } - - .movies.list_list .movie:not(.details_view), - .movies.mass_edit_list .movie { - height: 30px; - border-bottom: 1px solid rgba(255,255,255,.15); - } - - .movies.list_list .movie:last-child, - .movies.mass_edit_list .movie:last-child { - border: none; - } - - .movies.thumbs_list .movie { - width: 16.66667%; - height: auto; - min-height: 200px; - display: inline-block; - margin: 0; - padding: 0; - vertical-align: top; - line-height: 0; - } - - @media all and (max-width: 800px) { - .movies.thumbs_list .movie { - width: 25%; - min-height: 100px; - } - } - - .movies .movie .mask { - position: absolute; - top: 0; - left: 0; - height: 100%; - width: 100%; - } - - .movies.list_list .movie:not(.details_view), - .movies.mass_edit_list .movie { - margin: 0; - } - - .movies .data { - padding: 20px; - height: 100%; - width: 100%; - position: relative; - transition: all .6s cubic-bezier(0.9,0,0.1,1); - right: 0; - } - .movies.list_list .movie:not(.details_view) .data, - .movies.mass_edit_list .movie .data { - padding: 0 0 0 10px; - border: 0; - background: #4e5969; - } - .movies.mass_edit_list .movie .data { - padding-left: 8px; - } - - .movies.thumbs_list .data { - position: absolute; - left: 0; - top: 0; - width: 100%; - padding: 10px; - height: 100%; - background: none; - transition: none; - } - - .movies.thumbs_list .movie:hover .data { - background: rgba(0,0,0,0.9); - } - - .movies .data.hide_right { - right: -100%; - } - - .movies .movie .check { - display: none; - } - - .movies.mass_edit_list .movie .check { - position: absolute; - left: 0; - top: 0; - display: block; - margin: 7px 0 0 5px; - } - - .movies .poster { - position: absolute; - left: 0; - width: 120px; - line-height: 0; - overflow: hidden; - height: 100%; - transition: all .6s cubic-bezier(0.9,0,0.1,1); - background: rgba(0,0,0,.1); - } - .movies.thumbs_list .poster { - position: relative; - } - .movies.list_list .movie:not(.details_view) .poster, - .movies.mass_edit_list .poster { - width: 20px; - height: 30px; - } - .movies.mass_edit_list .poster { - display: none; - } - - .movies.thumbs_list .poster { - width: 100%; - height: 100%; - transition: none; - background: no-repeat center; - background-size: cover; - } - .movies.thumbs_list .no_thumbnail .empty_file { - width: 100%; - height: 100%; - } - - .movies .poster img, - .options .poster img { - width: 100%; - height: 100%; - } - .movies.thumbs_list .poster img { - height: auto; - width: 100%; - top: 0; - bottom: 0; - opacity: 0; - } - - .movies .info { - position: relative; - height: 100%; - width: 100%; - } - - .movies .info .title { - font-size: 28px; - font-weight: bold; - margin-bottom: 10px; - margin-top: 2px; - width: 100%; - padding-right: 80px; - transition: all 0.2s linear; - height: 35px; - top: -5px; - position: relative; - } - .movies.list_list .info .title, - .movies.mass_edit_list .info .title { - height: 100%; - top: 0; - margin: 0; - } - .touch_enabled .movies.list_list .info .title { - display: inline-block; - padding-right: 55px; - } - - .movies .info .title span { - display: inline-block; - text-overflow: ellipsis; - overflow: hidden; - white-space: nowrap; - width: 100%; - height: 100%; - line-height: 30px; - } - - .movies.thumbs_list .info .title span { - white-space: normal; - overflow: auto; - height: auto; - text-align: left; - } - - @media all and (max-width: 480px) { - .movies.thumbs_list .movie .info .title span, - .movies.thumbs_list .movie .info .year { - font-size: 15px; - line-height: 15px; - overflow: hidden; - } - } - - .movies.list_list .movie:not(.details_view) .info .title, - .movies.mass_edit_list .info .title { - font-size: 16px; - font-weight: normal; - width: auto; - } - - .movies.thumbs_list .movie:not(.no_thumbnail) .info { - display: none; - } - .movies.thumbs_list .movie:hover .info { - display: block; - } - - .movies.thumbs_list .info .title { - font-size: 21px; - word-wrap: break-word; - padding: 0; - height: 100%; - } - - .movies .info .year { - position: absolute; - color: #bbb; - right: 0; - top: 6px; - text-align: right; - transition: all 0.2s linear; - font-weight: normal; - } - .movies.list_list .movie:not(.details_view) .info .year, - .movies.mass_edit_list .info .year { - font-size: 1.25em; - right: 10px; - } - - .movies.thumbs_list .info .year { - font-size: 23px; - margin: 0; - bottom: 0; - left: 0; - top: auto; - right: auto; - color: #FFF; - line-height: 18px; - } - - .touch_enabled .movies.list_list .movie .info .year { - font-size: 1em; - } - - .movies .info .description { - top: 30px; - clear: both; - bottom: 30px; - position: absolute; - } - .movies.list_list .movie:not(.details_view) .info .description, - .movies.mass_edit_list .info .description, - .movies.thumbs_list .info .description { - display: none; - } - - .movies .data .eta { - display: none; - } - - .movies.details_list .data .eta { - position: absolute; - bottom: 0; - right: 0; - display: block; - min-height: 20px; - text-align: right; - font-style: italic; - opacity: .8; - font-size: 11px; - } - - .movies.details_list .movie:hover .data .eta { - display: none; - } - - .movies.thumbs_list .data .eta { - display: block; - position: absolute; - bottom: 40px; - } - - .movies .data .quality { - position: absolute; - bottom: 2px; - display: block; - min-height: 20px; - } - - .movies.list_list .movie:hover .data .quality { - display: none; - } - - .touch_enabled .movies.list_list .movie .data .quality { - position: relative; - display: inline-block; - margin: 0; - top: -4px; - } - - @media all and (max-width: 480px) { - .movies .data .quality { - display: none; - } - } - - .movies .status_suggest .data .quality, - .movies.thumbs_list .data .quality { - display: none; - } - - .movies .data .quality span { - padding: 2px 3px; - opacity: 0.5; - font-size: 10px; - height: 16px; - line-height: 12px; - vertical-align: middle; - display: inline-block; - text-transform: uppercase; - font-weight: normal; - margin: 0 4px 0 0; - border-radius: 2px; - background-color: rgba(255,255,255,0.1); - } - .movies.list_list .data .quality, - .movies.mass_edit_list .data .quality { - text-align: right; - right: 0; - margin-right: 60px; - z-index: 1; - top: 5px; - } - - .movies .data .quality .available, - .movies .data .quality .snatched, - .movies .data .quality .seeding { - opacity: 1; - cursor: pointer; - } - - .movies .data .quality .available { background-color: #578bc3; } - .movies .data .quality .failed, - .movies .data .quality .missing, - .movies .data .quality .ignored { background-color: #a43d34; } - .movies .data .quality .snatched { background-color: #a2a232; } - .movies .data .quality .done { - background-color: #369545; - opacity: 1; - } - .movies .data .quality .seeding { background-color: #0a6819; } - .movies .data .quality .finish { - background-image: url('../../images/sprite.png'); - background-repeat: no-repeat; - background-position: 0 2px; - padding-left: 14px; - background-size: 14px - } - - .movies .data .actions { - position: absolute; - bottom: 17px; - right: 20px; - line-height: 0; - top: 0; - width: auto; - opacity: 0; - display: none; - } - @media all and (max-width: 480px) { - .movies .data .actions { - display: none !important; - } - } - - .movies .movie:hover .data .actions, - .touch_enabled .movies .movie .data .actions { - opacity: 1; - display: inline-block; - } - - .movies.details_list .data .actions { - top: auto; - bottom: 18px; - } - - .movies .movie:hover .actions { - opacity: 1; - display: inline-block; - } - .movies.thumbs_list .data .actions { - bottom: 12px; - right: 10px; - top: auto; - } - - .movies .movie:hover .action { opacity: 0.6; } - .movies .movie:hover .action:hover { opacity: 1; } - - .movies .data .action { - display: inline-block; - height: 22px; - min-width: 33px; - padding: 0 5px; - line-height: 26px; - text-align: center; - font-size: 13px; - color: #FFF; - margin-left: 1px; - } - .movies .data .action.trailer { color: #FFF; } - .movies .data .action.download { color: #b9dec0; } - .movies .data .action.edit { color: #c6b589; } - .movies .data .action.refresh { color: #cbeecc; } - .movies .data .action.delete { color: #e9b0b0; } - .movies .data .action.directory { color: #ffed92; } - .movies .data .action.readd { color: #c2fac5; } - - .movies.mass_edit_list .movie .data .actions { - display: none; - } - - .movies.list_list .movie:not(.details_view):hover .actions, - .movies.mass_edit_list .movie:hover .actions, - .touch_enabled .movies.list_list .movie:not(.details_view) .actions { - margin: 0; - background: #4e5969; - top: 2px; - bottom: 2px; - right: 5px; - z-index: 3; - } - - .movies .delete_container { - clear: both; - text-align: center; - font-size: 20px; - position: absolute; - padding: 80px 0 0; - left: 120px; - right: 0; - } - .movies .delete_container .or { - padding: 10px; - } - .movies .delete_container .delete { - background-color: #ff321c; - font-weight: normal; - } - .movies .delete_container .delete:hover { - color: #fff; - background-color: #d32917; - } - - .movies .options { - position: absolute; - right: 0; - left: 120px; - } - - .movies .options .form { - margin: 80px 0 0; - font-size: 20px; - text-align: center; - } - - .movies .options .form select { - margin-right: 20px; - } - - .movies .options .table { - height: 180px; - overflow: auto; - line-height: 2em; - } - .movies .options .table .item { - border-bottom: 1px solid rgba(255,255,255,0.1); - } - .movies .options .table .item.ignored span, - .movies .options .table .item.failed span { - text-decoration: line-through; - color: rgba(255,255,255,0.4); - } - .movies .options .table .item.ignored .delete:before, - .movies .options .table .item.failed .delete:before { - display: inline-block; - content: "\e04b"; - transform: scale(-1, 1); - } - - .movies .options .table .item:last-child { border: 0; } - .movies .options .table .item:nth-child(even) { - background: rgba(255,255,255,0.05); - } - .movies .options .table .item:not(.head):hover { - background: rgba(255,255,255,0.03); - } - - .movies .options .table .item > * { - display: inline-block; - padding: 0 5px; - width: 60px; - min-height: 24px; - white-space: nowrap; - text-overflow: ellipsis; - text-align: center; - vertical-align: top; - border-left: 1px solid rgba(255, 255, 255, 0.1); - } - .movies .options .table .item > *:first-child { - border: 0; - } - .movies .options .table .provider { - width: 120px; - text-overflow: ellipsis; - overflow: hidden; - } - .movies .options .table .name { - width: 340px; - overflow: hidden; - text-align: left; - padding: 0 10px; - } - .movies .options .table.files .name { width: 590px; } - .movies .options .table .type { width: 130px; } - .movies .options .table .is_available { width: 90px; } - .movies .options .table .age, - .movies .options .table .size { width: 40px; } - - .movies .options .table a { - width: 30px !important; - height: 20px; - opacity: 0.8; - line-height: 25px; - } - .movies .options .table a:hover { opacity: 1; } - .movies .options .table a.download { color: #a7fbaf; } - .movies .options .table a.delete { color: #fda3a3; } - .movies .options .table .ignored a.delete, - .movies .options .table .failed a.delete { color: #b5fda3; } - - .movies .options .table .head > * { - font-weight: bold; - font-size: 14px; - padding-top: 4px; - padding-bottom: 4px; - height: auto; - } - - .trailer_container { - width: 100%; - background: #000; - text-align: center; - transition: all .6s cubic-bezier(0.9,0,0.1,1); - overflow: hidden; - left: 0; - position: absolute; - z-index: 10; - } - @media only screen and (device-width: 768px) { - .trailer_container iframe { - margin-top: 25px; - } - } - - .trailer_container.hide { - height: 0 !important; - } - - .hide_trailer { - position: absolute; - top: 0; - left: 50%; - margin-left: -50px; - width: 100px; - text-align: center; - padding: 3px 10px; - background: #4e5969; - transition: all .2s cubic-bezier(0.9,0,0.1,1) .2s; - z-index: 11; - } - .hide_trailer.hide { - top: -30px; - } - - .movies .movie .try_container { - padding: 5px 10px; - text-align: center; - } - - .movies .movie .try_container a { - margin: 0 5px; - padding: 2px 5px; - } - - .movies .movie .releases .next_release { - border-left: 6px solid #2aa300; - } - - .movies .movie .releases .next_release > :first-child { - margin-left: -6px; - } - - .movies .movie .releases .last_release { - border-left: 6px solid #ffa200; - } - - .movies .movie .releases .last_release > :first-child { - margin-left: -6px; - } - .movies .movie .trynext { - display: inline; - position: absolute; - right: 180px; - z-index: 2; - opacity: 0; - background: #4e5969; - text-align: right; - height: 100%; - top: 0; - } - .touch_enabled .movies .movie .trynext { - display: none; - } - - @media all and (max-width: 480px) { - .movies .movie .trynext { - display: none; - } - } - .movies.mass_edit_list .trynext { display: none; } - .wanted .movies .movie .trynext { - padding-right: 30px; - } - .movies .movie:hover .trynext, - .touch_enabled .movies.details_list .movie .trynext { - opacity: 1; - } - - .movies.details_list .movie .trynext { - background: #47515f; - padding: 0; - right: 0; - height: 25px; - } - - .movies .movie .trynext a { - background-position: 5px center; - padding: 0 5px 0 25px; - margin-right: 10px; - color: #FFF; - height: 100%; - line-height: 27px; - font-family: OpenSans, "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; - } - .movies .movie .trynext a:before { - margin: 2px 0 0 -20px; - position: absolute; - font-family: 'Elusive-Icons'; - } - .movies.details_list .movie .trynext a { - line-height: 23px; - } - .movies .movie .trynext a:last-child { - margin: 0; - } - .movies .movie .trynext a:hover, - .touch_enabled .movies .movie .trynext a { - background-color: #369545; - } - - .movies .load_more { - display: block; - padding: 10px; - text-align: center; - font-size: 20px; - } - .movies .load_more.loading { - opacity: .5; - } - -.movies .alph_nav { - height: 44px; -} - - @media all and (max-width: 480px) { - .movies .alph_nav { - display: none; - } - } - - .movies .alph_nav .menus { - display: inline-block; - float: right; - } - -.movies .alph_nav .numbers, -.movies .alph_nav .counter, -.movies .alph_nav .actions { - list-style: none; - padding: 0 0 1px; - margin: 0; - user-select: none; -} - - .movies .alph_nav .counter { - display: inline-block; - text-align: right; - padding: 0 10px; - height: 100%; - line-height: 43px; - border-right: 1px solid rgba(255,255,255,.07); - } - - .movies .alph_nav .numbers li, - .movies .alph_nav .actions li { - display: inline-block; - vertical-align: top; - height: 100%; - line-height: 30px; - text-align: center; - border: 1px solid transparent; - transition: all 0.1s ease-in-out; - } - - .movies .alph_nav .numbers li { - width: 30px; - height: 30px; - opacity: 0.3; - } - .movies .alph_nav .numbers li.letter_all { - width: 60px; - } - - .movies .alph_nav li.available { - font-weight: bold; - cursor: pointer; - opacity: 1; - - } - .movies .alph_nav li.active.available, - .movies .alph_nav li.available:hover { - background: rgba(0,0,0,.1); - } - - .movies .alph_nav .search input { - width: 100%; - height: 44px; - display: inline-block; - border: 0; - background: none; - color: #444; - font-size: 14px; - padding: 0 10px 0 30px; - border-bottom: 1px solid rgba(0,0,0,.08); - } - .movies .alph_nav .search input:focus { - background: rgba(0,0,0,.08); - } - - .movies .alph_nav .search input::-webkit-input-placeholder { - color: #444; - opacity: .6; - } - - .movies .alph_nav .search:before { - font-family: 'Elusive-Icons'; - content: "\e03e"; - position: absolute; - height: 20px; - line-height: 45px; - font-size: 12px; - margin: 0 0 0 10px; - opacity: .6; - color: #444; - } - - .movies .alph_nav .actions { - -moz-user-select: none; - width: 44px; - height: 44px; - display: inline-block; - vertical-align: top; - z-index: 200; - position: relative; - border: 1px solid rgba(255,255,255,.07); - border-width: 0 1px; - } - .movies .alph_nav .actions:hover { - box-shadow: 0 100px 20px -10px rgba(0,0,0,0.55); - } - .movies .alph_nav .actions li { - width: 100%; - height: 45px; - line-height: 40px; - position: relative; - z-index: 20; - display: none; - cursor: pointer; - } - .movies .alph_nav .actions:hover li:not(.active) { - display: block; - background: #FFF; - color: #444; - } - .movies .alph_nav .actions li:hover:not(.active) { - background: #ccc; - } - .movies .alph_nav .actions li.active { - display: block; - } - - .movies .alph_nav .actions li.mass_edit:before { - content: "\e070"; - } - - .movies .alph_nav .actions li.list:before { - content: "\e0d8"; - } - - .movies .alph_nav .actions li.details:before { - content: "\e022"; - } - - .movies .alph_nav .mass_edit_form { - clear: both; - text-align: center; - display: none; - overflow: hidden; - float: left; - height: 44px; - line-height: 44px; - } - .movies.mass_edit_list .mass_edit_form { - display: inline-block; - } - .movies.mass_edit_list .mass_edit_form .select { - font-size: 14px; - display: inline-block; - } - .movies.mass_edit_list .mass_edit_form .select .check { - display: inline-block; - vertical-align: middle; - margin: -4px 0 0 5px; - } - .movies.mass_edit_list .mass_edit_form .select span { - opacity: 0.7; - } - .movies.mass_edit_list .mass_edit_form .select .count { - font-weight: bold; - margin: 0 3px 0 10px; - } - - .movies .alph_nav .mass_edit_form .quality { - display: inline-block; - margin: 0 0 0 16px; - } - .movies .alph_nav .mass_edit_form .quality select { - width: 120px; - margin-right: 5px; - } - .movies .alph_nav .mass_edit_form .button { - padding: 3px 7px; - } - - .movies .alph_nav .mass_edit_form .refresh, - .movies .alph_nav .mass_edit_form .delete { - display: inline-block; - margin-left: 8px; - } - - .movies .alph_nav .mass_edit_form .refresh span, - .movies .alph_nav .mass_edit_form .delete span { - margin: 0 10px 0 0; - } - - .movies .alph_nav .more_menu > a { - background: none; - } - - .movies .alph_nav .more_menu.extra > a:before { - content: '...'; - font-size: 1.7em; - line-height: 23px; - text-align: center; - display: block; - } - - .movies .alph_nav .more_menu.filter { - } - - .movies .alph_nav .more_menu.filter > a:before { - content: "\e0e8"; - font-family: 'Elusive-Icons'; - line-height: 33px; - display: block; - text-align: center; - } - - .movies .alph_nav .more_menu.filter .wrapper { - right: 88px; - width: 300px; - } - -.movies .empty_wanted { - background-image: url('../../images/emptylist.png'); - background-position: 80% 0; - height: 750px; - width: 100%; - max-width: 900px; - padding-top: 260px; -} - -.movies .empty_manage { - text-align: center; - font-size: 25px; - line-height: 150%; - padding: 40px 0; -} - - .movies .empty_manage .after_manage { - margin-top: 30px; - font-size: 16px; - } - - .movies .progress { - padding: 10px; - margin: 5px 0; - text-align: left; - } - - .movies .progress > div { - padding: 5px 10px; - font-size: 12px; - line-height: 12px; - text-align: left; - display: inline-block; - width: 49%; - background: rgba(255, 255, 255, 0.05); - margin: 2px 0.5%; - } - - .movies .progress > div .folder { - display: inline-block; - padding: 5px 20px 5px 0; - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; - width: 85%; - direction: ltr; - vertical-align: middle; - } - - .movies .progress > div .percentage { - display: inline-block; - text-transform: uppercase; - font-weight: normal; - font-size: 20px; - border-left: 1px solid rgba(255, 255, 255, .2); - width: 15%; - text-align: right; - vertical-align: middle; - } diff --git a/couchpotato/core/media/movie/_base/static/movie.scss b/couchpotato/core/media/movie/_base/static/movie.scss new file mode 100644 index 0000000..311b111 --- /dev/null +++ b/couchpotato/core/media/movie/_base/static/movie.scss @@ -0,0 +1,1074 @@ +.movies { + padding: 10px 0 20px; + position: relative; + z-index: 3; + width: 100%; +} + + .movies > div { + clear: both; + } + + .movies > div .message { + display: block; + padding: 20px; + font-size: 20px; + color: white; + text-align: center; + } + .movies > div .message a { + padding: 20px; + display: block; + } + + .movies.thumbs_list > div:not(.description) { + margin-right: -4px; + } + + .movies .loading { + display: block; + padding: 20px 0 0 0; + width: 100%; + z-index: 3; + transition: all .4s cubic-bezier(0.9,0,0.1,1); + height: 40px; + opacity: 1; + position: absolute; + text-align: center; + } + .movies .loading.hide { + height: 0; + padding: 0; + opacity: 0; + margin-top: -20px; + overflow: hidden; + } + + .movies .loading .spinner { + display: inline-block; + } + + .movies .loading .message { + margin: 0 20px; + } + + .movies h2 { + margin-bottom: 20px; + } + + @media all and (max-width: 480px) { + .movies h2 { + font-size: 25px; + margin-bottom: 10px; + } + } + + .movies > .description { + position: absolute; + top: 30px; + right: 0; + font-style: italic; + opacity: 0.8; + } + .movies:hover > .description { + opacity: 1; + } + + @media all and (max-width: 860px) { + .movies > .description { + display: none; + } + } + + .movies.thumbs_list { + padding: 20px 0 20px; + } + + .home .movies { + padding-top: 6px; + } + + .movies .movie { + position: relative; + margin: 10px 0; + padding-left: 20px; + overflow: hidden; + width: 100%; + height: 180px; + transition: all 0.6s cubic-bezier(0.9,0,0.1,1); + transition-property: width, height; + background: rgba(0,0,0,.2); + } + + .movies.mass_edit_list .movie { + padding-left: 22px; + background: none; + } + + .movies.details_list .movie { + padding-left: 120px; + } + + .movies.list_list .movie:not(.details_view), + .movies.mass_edit_list .movie { + height: 30px; + border-bottom: 1px solid rgba(255,255,255,.15); + } + + .movies.list_list .movie:last-child, + .movies.mass_edit_list .movie:last-child { + border: none; + } + + .movies.thumbs_list .movie { + width: 16.66667%; + height: auto; + min-height: 200px; + display: inline-block; + margin: 0; + padding: 0; + vertical-align: top; + line-height: 0; + } + + @media all and (max-width: 800px) { + .movies.thumbs_list .movie { + width: 25%; + min-height: 100px; + } + } + + .movies .movie .mask { + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 100%; + } + + .movies.list_list .movie:not(.details_view), + .movies.mass_edit_list .movie { + margin: 0; + } + + .movies .data { + padding: 20px; + height: 100%; + width: 100%; + position: relative; + transition: all .6s cubic-bezier(0.9,0,0.1,1); + right: 0; + } + .movies.list_list .movie:not(.details_view) .data, + .movies.mass_edit_list .movie .data { + padding: 0 0 0 10px; + border: 0; + background: #4e5969; + } + .movies.mass_edit_list .movie .data { + padding-left: 8px; + } + + .movies.thumbs_list .data { + position: absolute; + left: 0; + top: 0; + width: 100%; + padding: 10px; + height: 100%; + background: none; + transition: none; + } + + .movies.thumbs_list .movie:hover .data { + background: rgba(0,0,0,0.9); + } + + .movies .data.hide_right { + right: -100%; + } + + .movies .movie .check { + display: none; + } + + .movies.mass_edit_list .movie .check { + position: absolute; + left: 0; + top: 0; + display: block; + margin: 7px 0 0 5px; + } + + .movies .poster { + position: absolute; + left: 0; + width: 120px; + line-height: 0; + overflow: hidden; + height: 100%; + transition: all .6s cubic-bezier(0.9,0,0.1,1); + background: rgba(0,0,0,.1); + } + .movies.thumbs_list .poster { + position: relative; + } + .movies.list_list .movie:not(.details_view) .poster, + .movies.mass_edit_list .poster { + width: 20px; + height: 30px; + } + .movies.mass_edit_list .poster { + display: none; + } + + .movies.thumbs_list .poster { + width: 100%; + height: 100%; + transition: none; + background: no-repeat center; + background-size: cover; + } + .movies.thumbs_list .no_thumbnail .empty_file { + width: 100%; + height: 100%; + } + + .movies .poster img, + .options .poster img { + width: 100%; + height: 100%; + } + .movies.thumbs_list .poster img { + height: auto; + width: 100%; + top: 0; + bottom: 0; + opacity: 0; + } + + .movies .info { + position: relative; + height: 100%; + width: 100%; + } + + .movies .info .title { + font-size: 28px; + font-weight: bold; + margin-bottom: 10px; + margin-top: 2px; + width: 100%; + padding-right: 80px; + transition: all 0.2s linear; + height: 35px; + top: -5px; + position: relative; + } + .movies.list_list .info .title, + .movies.mass_edit_list .info .title { + height: 100%; + top: 0; + margin: 0; + } + .touch_enabled .movies.list_list .info .title { + display: inline-block; + padding-right: 55px; + } + + .movies .info .title span { + display: inline-block; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + width: 100%; + height: 100%; + line-height: 30px; + } + + .movies.thumbs_list .info .title span { + white-space: normal; + overflow: auto; + height: auto; + text-align: left; + } + + @media all and (max-width: 480px) { + .movies.thumbs_list .movie .info .title span, + .movies.thumbs_list .movie .info .year { + font-size: 15px; + line-height: 15px; + overflow: hidden; + } + } + + .movies.list_list .movie:not(.details_view) .info .title, + .movies.mass_edit_list .info .title { + font-size: 16px; + font-weight: normal; + width: auto; + } + + .movies.thumbs_list .movie:not(.no_thumbnail) .info { + display: none; + } + .movies.thumbs_list .movie:hover .info { + display: block; + } + + .movies.thumbs_list .info .title { + font-size: 21px; + word-wrap: break-word; + padding: 0; + height: 100%; + } + + .movies .info .year { + position: absolute; + color: #bbb; + right: 0; + top: 6px; + text-align: right; + transition: all 0.2s linear; + font-weight: normal; + } + .movies.list_list .movie:not(.details_view) .info .year, + .movies.mass_edit_list .info .year { + font-size: 1.25em; + right: 10px; + } + + .movies.thumbs_list .info .year { + font-size: 23px; + margin: 0; + bottom: 0; + left: 0; + top: auto; + right: auto; + color: #FFF; + line-height: 18px; + } + + .touch_enabled .movies.list_list .movie .info .year { + font-size: 1em; + } + + .movies .info .description { + top: 30px; + clear: both; + bottom: 30px; + position: absolute; + } + .movies.list_list .movie:not(.details_view) .info .description, + .movies.mass_edit_list .info .description, + .movies.thumbs_list .info .description { + display: none; + } + + .movies .data .eta { + display: none; + } + + .movies.details_list .data .eta { + position: absolute; + bottom: 0; + right: 0; + display: block; + min-height: 20px; + text-align: right; + font-style: italic; + opacity: .8; + font-size: 11px; + } + + .movies.details_list .movie:hover .data .eta { + display: none; + } + + .movies.thumbs_list .data .eta { + display: block; + position: absolute; + bottom: 40px; + } + + .movies .data .quality { + position: absolute; + bottom: 2px; + display: block; + min-height: 20px; + } + + .movies.list_list .movie:hover .data .quality { + display: none; + } + + .touch_enabled .movies.list_list .movie .data .quality { + position: relative; + display: inline-block; + margin: 0; + top: -4px; + } + + @media all and (max-width: 480px) { + .movies .data .quality { + display: none; + } + } + + .movies .status_suggest .data .quality, + .movies.thumbs_list .data .quality { + display: none; + } + + .movies .data .quality span { + padding: 2px 3px; + opacity: 0.5; + font-size: 10px; + height: 16px; + line-height: 12px; + vertical-align: middle; + display: inline-block; + text-transform: uppercase; + font-weight: normal; + margin: 0 4px 0 0; + border-radius: 2px; + background-color: rgba(255,255,255,0.1); + } + .movies.list_list .data .quality, + .movies.mass_edit_list .data .quality { + text-align: right; + right: 0; + margin-right: 60px; + z-index: 1; + top: 5px; + } + + .movies .data .quality .available, + .movies .data .quality .snatched, + .movies .data .quality .seeding { + opacity: 1; + cursor: pointer; + } + + .movies .data .quality .available { background-color: #578bc3; } + .movies .data .quality .failed, + .movies .data .quality .missing, + .movies .data .quality .ignored { background-color: #a43d34; } + .movies .data .quality .snatched { background-color: #a2a232; } + .movies .data .quality .done { + background-color: #369545; + opacity: 1; + } + .movies .data .quality .seeding { background-color: #0a6819; } + .movies .data .quality .finish { + background-image: url('../../images/sprite.png'); + background-repeat: no-repeat; + background-position: 0 2px; + padding-left: 14px; + background-size: 14px + } + + .movies .data .actions { + position: absolute; + bottom: 17px; + right: 20px; + line-height: 0; + top: 0; + width: auto; + opacity: 0; + display: none; + } + @media all and (max-width: 480px) { + .movies .data .actions { + display: none !important; + } + } + + .movies .movie:hover .data .actions, + .touch_enabled .movies .movie .data .actions { + opacity: 1; + display: inline-block; + } + + .movies.details_list .data .actions { + top: auto; + bottom: 18px; + } + + .movies .movie:hover .actions { + opacity: 1; + display: inline-block; + } + .movies.thumbs_list .data .actions { + bottom: 12px; + right: 10px; + top: auto; + } + + .movies .movie:hover .action { opacity: 0.6; } + .movies .movie:hover .action:hover { opacity: 1; } + + .movies .data .action { + display: inline-block; + height: 22px; + min-width: 33px; + padding: 0 5px; + line-height: 26px; + text-align: center; + font-size: 13px; + color: #FFF; + margin-left: 1px; + } + .movies .data .action.trailer { color: #FFF; } + .movies .data .action.download { color: #b9dec0; } + .movies .data .action.edit { color: #c6b589; } + .movies .data .action.refresh { color: #cbeecc; } + .movies .data .action.delete { color: #e9b0b0; } + .movies .data .action.directory { color: #ffed92; } + .movies .data .action.readd { color: #c2fac5; } + + .movies.mass_edit_list .movie .data .actions { + display: none; + } + + .movies.list_list .movie:not(.details_view):hover .actions, + .movies.mass_edit_list .movie:hover .actions, + .touch_enabled .movies.list_list .movie:not(.details_view) .actions { + margin: 0; + background: #4e5969; + top: 2px; + bottom: 2px; + right: 5px; + z-index: 3; + } + + .movies .delete_container { + clear: both; + text-align: center; + font-size: 20px; + position: absolute; + padding: 80px 0 0; + left: 120px; + right: 0; + } + .movies .delete_container .or { + padding: 10px; + } + .movies .delete_container .delete { + background-color: #ff321c; + font-weight: normal; + } + .movies .delete_container .delete:hover { + color: #fff; + background-color: #d32917; + } + + .movies .options { + position: absolute; + right: 0; + left: 120px; + } + + .movies .options .form { + margin: 80px 0 0; + font-size: 20px; + text-align: center; + } + + .movies .options .form select { + margin-right: 20px; + } + + .movies .options .table { + height: 180px; + overflow: auto; + line-height: 2em; + } + .movies .options .table .item { + border-bottom: 1px solid rgba(255,255,255,0.1); + } + .movies .options .table .item.ignored span, + .movies .options .table .item.failed span { + text-decoration: line-through; + color: rgba(255,255,255,0.4); + } + .movies .options .table .item.ignored .delete:before, + .movies .options .table .item.failed .delete:before { + display: inline-block; + content: "\e04b"; + transform: scale(-1, 1); + } + + .movies .options .table .item:last-child { border: 0; } + .movies .options .table .item:nth-child(even) { + background: rgba(255,255,255,0.05); + } + .movies .options .table .item:not(.head):hover { + background: rgba(255,255,255,0.03); + } + + .movies .options .table .item > * { + display: inline-block; + padding: 0 5px; + width: 60px; + min-height: 24px; + white-space: nowrap; + text-overflow: ellipsis; + text-align: center; + vertical-align: top; + border-left: 1px solid rgba(255, 255, 255, 0.1); + } + .movies .options .table .item > *:first-child { + border: 0; + } + .movies .options .table .provider { + width: 120px; + text-overflow: ellipsis; + overflow: hidden; + } + .movies .options .table .name { + width: 340px; + overflow: hidden; + text-align: left; + padding: 0 10px; + } + .movies .options .table.files .name { width: 590px; } + .movies .options .table .type { width: 130px; } + .movies .options .table .is_available { width: 90px; } + .movies .options .table .age, + .movies .options .table .size { width: 40px; } + + .movies .options .table a { + width: 30px !important; + height: 20px; + opacity: 0.8; + line-height: 25px; + } + .movies .options .table a:hover { opacity: 1; } + .movies .options .table a.download { color: #a7fbaf; } + .movies .options .table a.delete { color: #fda3a3; } + .movies .options .table .ignored a.delete, + .movies .options .table .failed a.delete { color: #b5fda3; } + + .movies .options .table .head > * { + font-weight: bold; + font-size: 14px; + padding-top: 4px; + padding-bottom: 4px; + height: auto; + } + + .trailer_container { + width: 100%; + background: #000; + text-align: center; + transition: all .6s cubic-bezier(0.9,0,0.1,1); + overflow: hidden; + left: 0; + position: absolute; + z-index: 10; + } + @media only screen and (device-width: 768px) { + .trailer_container iframe { + margin-top: 25px; + } + } + + .trailer_container.hide { + height: 0 !important; + } + + .hide_trailer { + position: absolute; + top: 0; + left: 50%; + margin-left: -50px; + width: 100px; + text-align: center; + padding: 3px 10px; + background: #4e5969; + transition: all .2s cubic-bezier(0.9,0,0.1,1) .2s; + z-index: 11; + } + .hide_trailer.hide { + top: -30px; + } + + .movies .movie .try_container { + padding: 5px 10px; + text-align: center; + } + + .movies .movie .try_container a { + margin: 0 5px; + padding: 2px 5px; + } + + .movies .movie .releases .next_release { + border-left: 6px solid #2aa300; + } + + .movies .movie .releases .next_release > :first-child { + margin-left: -6px; + } + + .movies .movie .releases .last_release { + border-left: 6px solid #ffa200; + } + + .movies .movie .releases .last_release > :first-child { + margin-left: -6px; + } + .movies .movie .trynext { + display: inline; + position: absolute; + right: 180px; + z-index: 2; + opacity: 0; + background: #4e5969; + text-align: right; + height: 100%; + top: 0; + } + .touch_enabled .movies .movie .trynext { + display: none; + } + + @media all and (max-width: 480px) { + .movies .movie .trynext { + display: none; + } + } + .movies.mass_edit_list .trynext { display: none; } + .wanted .movies .movie .trynext { + padding-right: 30px; + } + .movies .movie:hover .trynext, + .touch_enabled .movies.details_list .movie .trynext { + opacity: 1; + } + + .movies.details_list .movie .trynext { + background: #47515f; + padding: 0; + right: 0; + height: 25px; + } + + .movies .movie .trynext a { + background-position: 5px center; + padding: 0 5px 0 25px; + margin-right: 10px; + color: #FFF; + height: 100%; + line-height: 27px; + font-family: OpenSans, "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; + } + .movies .movie .trynext a:before { + margin: 2px 0 0 -20px; + position: absolute; + font-family: 'Elusive-Icons'; + } + .movies.details_list .movie .trynext a { + line-height: 23px; + } + .movies .movie .trynext a:last-child { + margin: 0; + } + .movies .movie .trynext a:hover, + .touch_enabled .movies .movie .trynext a { + background-color: #369545; + } + + .movies .load_more { + display: block; + padding: 10px; + text-align: center; + font-size: 20px; + } + .movies .load_more.loading { + opacity: .5; + } + +.movies .alph_nav { + height: 44px; +} + + @media all and (max-width: 480px) { + .movies .alph_nav { + display: none; + } + } + + .movies .alph_nav .menus { + display: inline-block; + float: right; + } + +.movies .alph_nav .numbers, +.movies .alph_nav .counter, +.movies .alph_nav .actions { + list-style: none; + padding: 0 0 1px; + margin: 0; + user-select: none; +} + + .movies .alph_nav .counter { + display: inline-block; + text-align: right; + padding: 0 10px; + height: 100%; + line-height: 43px; + border-right: 1px solid rgba(255,255,255,.07); + } + + .movies .alph_nav .numbers li, + .movies .alph_nav .actions li { + display: inline-block; + vertical-align: top; + height: 100%; + line-height: 30px; + text-align: center; + border: 1px solid transparent; + transition: all 0.1s ease-in-out; + } + + .movies .alph_nav .numbers li { + width: 30px; + height: 30px; + opacity: 0.3; + } + .movies .alph_nav .numbers li.letter_all { + width: 60px; + } + + .movies .alph_nav li.available { + font-weight: bold; + cursor: pointer; + opacity: 1; + + } + .movies .alph_nav li.active.available, + .movies .alph_nav li.available:hover { + background: rgba(0,0,0,.1); + } + + .movies .alph_nav .search input { + width: 100%; + height: 44px; + display: inline-block; + border: 0; + background: none; + color: #444; + font-size: 14px; + padding: 0 10px 0 30px; + border-bottom: 1px solid rgba(0,0,0,.08); + } + .movies .alph_nav .search input:focus { + background: rgba(0,0,0,.08); + } + + .movies .alph_nav .search input::-webkit-input-placeholder { + color: #444; + opacity: .6; + } + + .movies .alph_nav .search:before { + font-family: 'Elusive-Icons'; + content: "\e03e"; + position: absolute; + height: 20px; + line-height: 45px; + font-size: 12px; + margin: 0 0 0 10px; + opacity: .6; + color: #444; + } + + .movies .alph_nav .actions { + -moz-user-select: none; + width: 44px; + height: 44px; + display: inline-block; + vertical-align: top; + z-index: 200; + position: relative; + border: 1px solid rgba(255,255,255,.07); + border-width: 0 1px; + } + .movies .alph_nav .actions:hover { + box-shadow: 0 100px 20px -10px rgba(0,0,0,0.55); + } + .movies .alph_nav .actions li { + width: 100%; + height: 45px; + line-height: 40px; + position: relative; + z-index: 20; + display: none; + cursor: pointer; + } + .movies .alph_nav .actions:hover li:not(.active) { + display: block; + background: #FFF; + color: #444; + } + .movies .alph_nav .actions li:hover:not(.active) { + background: #ccc; + } + .movies .alph_nav .actions li.active { + display: block; + } + + .movies .alph_nav .actions li.mass_edit:before { + content: "\e070"; + } + + .movies .alph_nav .actions li.list:before { + content: "\e0d8"; + } + + .movies .alph_nav .actions li.details:before { + content: "\e022"; + } + + .movies .alph_nav .mass_edit_form { + clear: both; + text-align: center; + display: none; + overflow: hidden; + float: left; + height: 44px; + line-height: 44px; + } + .movies.mass_edit_list .mass_edit_form { + display: inline-block; + } + .movies.mass_edit_list .mass_edit_form .select { + font-size: 14px; + display: inline-block; + } + .movies.mass_edit_list .mass_edit_form .select .check { + display: inline-block; + vertical-align: middle; + margin: -4px 0 0 5px; + } + .movies.mass_edit_list .mass_edit_form .select span { + opacity: 0.7; + } + .movies.mass_edit_list .mass_edit_form .select .count { + font-weight: bold; + margin: 0 3px 0 10px; + } + + .movies .alph_nav .mass_edit_form .quality { + display: inline-block; + margin: 0 0 0 16px; + } + .movies .alph_nav .mass_edit_form .quality select { + width: 120px; + margin-right: 5px; + } + .movies .alph_nav .mass_edit_form .button { + padding: 3px 7px; + } + + .movies .alph_nav .mass_edit_form .refresh, + .movies .alph_nav .mass_edit_form .delete { + display: inline-block; + margin-left: 8px; + } + + .movies .alph_nav .mass_edit_form .refresh span, + .movies .alph_nav .mass_edit_form .delete span { + margin: 0 10px 0 0; + } + + .movies .alph_nav .more_menu > a { + background: none; + } + + .movies .alph_nav .more_menu.extra > a:before { + content: '...'; + font-size: 1.7em; + line-height: 23px; + text-align: center; + display: block; + } + + .movies .alph_nav .more_menu.filter { + } + + .movies .alph_nav .more_menu.filter > a:before { + content: "\e0e8"; + font-family: 'Elusive-Icons'; + line-height: 33px; + display: block; + text-align: center; + } + + .movies .alph_nav .more_menu.filter .wrapper { + right: 88px; + width: 300px; + } + +.movies .empty_wanted { + background-image: url('../../images/emptylist.png'); + background-position: 80% 0; + height: 750px; + width: 100%; + max-width: 900px; + padding-top: 260px; +} + +.movies .empty_manage { + text-align: center; + font-size: 25px; + line-height: 150%; + padding: 40px 0; +} + + .movies .empty_manage .after_manage { + margin-top: 30px; + font-size: 16px; + } + + .movies .progress { + padding: 10px; + margin: 5px 0; + text-align: left; + } + + .movies .progress > div { + padding: 5px 10px; + font-size: 12px; + line-height: 12px; + text-align: left; + display: inline-block; + width: 49%; + background: rgba(255, 255, 255, 0.05); + margin: 2px 0.5%; + } + + .movies .progress > div .folder { + display: inline-block; + padding: 5px 20px 5px 0; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + width: 85%; + direction: ltr; + vertical-align: middle; + } + + .movies .progress > div .percentage { + display: inline-block; + text-transform: uppercase; + font-weight: normal; + font-size: 20px; + border-left: 1px solid rgba(255, 255, 255, .2); + width: 15%; + text-align: right; + vertical-align: middle; + } diff --git a/couchpotato/core/media/movie/charts/static/charts.css b/couchpotato/core/media/movie/charts/static/charts.css deleted file mode 100644 index 0084ed9..0000000 --- a/couchpotato/core/media/movie/charts/static/charts.css +++ /dev/null @@ -1,274 +0,0 @@ -.charts { - clear: both; - margin-bottom: 30px; -} - - .charts > h2 { - height: 40px; - } - - .charts .chart { - display: inline-block; - width: 50%; - vertical-align: top; - max-height: 510px; - scrollbar-base-color: #4e5969; - } - - .charts .chart .media_result.hidden { - display: none; - } - -.charts .refresh { - clear:both; - position: relative; -} - - .charts .refresh .refreshing { - display: block; - padding: 20px; - font-size: 20px; - text-align:center; - } - - .charts .refresh a { - text-align: center; - padding: 0; - display: none; - width: 30px; - height: 30px; - position: absolute; - right: 10px; - top: -40px; - opacity: .7; - } - - .charts .refresh a:hover { - opacity: 1; - } - - .charts p.no_charts_enabled { - padding: 0.7em 1em; - display: none; - } - - .charts .chart h3 a { - color: #fff; - } - - -.charts .chart .media_result { - display: inline-block; - width: 100%; - height: 150px; -} - -@media all and (max-width: 960px) { - .charts .chart { - width: 50%; - } -} - -@media all and (max-width: 600px) { - .charts .chart { - width: 100%; - } -} - -.charts .chart .media_result .data { - left: 150px; - background: #4e5969; - border: none; -} - - .charts .chart .media_result .data .info { - top: 10px; - left: 15px; - right: 15px; - bottom: 10px; - overflow: hidden; - } - - .charts .chart .media_result .data .info h2 { - white-space: normal; - max-height: 120px; - font-size: 18px; - line-height: 18px; - } - - .charts .chart .media_result .data .info .rating, - .charts .chart .media_result .data .info .genres, - .charts .chart .media_result .data .info .year { - position: static; - display: block; - padding: 0; - opacity: .6; - } - - .charts .chart .media_result .data .info .year { - margin: 10px 0 0; - } - - .charts .chart .media_result .data .info .rating { - font-size: 20px; - float: right; - margin-top: -20px; - } - .charts .chart .media_result .data .info .rating:before { - content: "\e031"; - font-family: 'Elusive-Icons'; - font-size: 14px; - margin: 0 5px 0 0; - vertical-align: bottom; - } - - .charts .chart .media_result .data .info .genres { - font-size: 11px; - font-style: italic; - text-align: right; - } - - .charts .chart .media_result .data .info .plot { - display: block; - font-size: 11px; - overflow: hidden; - text-align: justify; - height: 100%; - z-index: 2; - top: 64px; - position: absolute; - background: #4e5969; - cursor: pointer; - transition: all .4s ease-in-out; - padding: 0 3px 10px 0; - } - .charts .chart .media_result .data:before { - content: ''; - display: block; - height: 10px; - right: 0; - left: 0; - bottom: 10px; - position: absolute; - background: linear-gradient( - 0deg, - rgba(78, 89, 105, 1) 0%, - rgba(78, 89, 105, 0) 100% - ); - z-index: 3; - pointer-events: none; - } - - .charts .chart .media_result .data .info .plot.full { - top: 0; - overflow: auto; - } - -.charts .chart .media_result .data { - cursor: default; -} - -.charts .chart .media_result .options { - left: 150px; -} - .charts .chart .media_result .options select[name=title] { width: 100%; } - .charts .chart .media_result .options select[name=profile] { width: 100%; } - .charts .chart .media_result .options select[name=category] { width: 100%; } - - .charts .chart .media_result .button { - position: absolute; - margin: 2px 0 0 0; - right: 15px; - bottom: 15px; - } - - -.charts .chart .media_result .thumbnail { - width: 100px; - position: absolute; - left: 50px; -} - -.charts .chart .media_result .chart_number { - color: white; - position: absolute; - top: 0; - padding: 10px; - font: bold 2em/1em Helvetica, Sans-Serif; - width: 50px; - height: 100%; - text-align: center; - border-left: 8px solid transparent; -} - - .charts .chart .media_result.chart_in_wanted .chart_number { - border-color: rgba(0, 255, 40, 0.3); - } - - .charts .chart .media_result.chart_in_library .chart_number { - border-color: rgba(0, 202, 32, 0.3); - } - - -.charts .chart .media_result .actions { - position: absolute; - top: 10px; - right: 10px; - display: none; - width: 90px; -} - .charts .chart .media_result:hover .actions { - display: block; - } - .charts .chart .media_result:hover h2 .title { - opacity: 0; - } - .charts .chart .media_result .data.open .actions { - display: none; - } - - .charts .chart .media_result .actions a { - margin-left: 10px; - vertical-align: middle; - } - - -.toggle_menu { - height: 50px; -} - -.toggle_menu a { - display: block; - width: 50%; - float: left; - color: rgba(255,255,255,.6); - border-bottom: 1px solid rgba(255, 255, 255, 0.0666667); -} - -.toggle_menu a:hover { - border-color: #047792; - border-width: 4px; - color: #fff; -} - -.toggle_menu a.active { - border-bottom: 4px solid #04bce6; - color: #fff; -} - -.toggle_menu a:last-child { - float: right; -} - -.toggle_menu h2 { - height: 40px; -} - -@media all and (max-width: 480px) { - .toggle_menu h2 { - font-size: 16px; - text-align: center; - height: 30px; - } -} - diff --git a/couchpotato/core/media/movie/charts/static/charts.scss b/couchpotato/core/media/movie/charts/static/charts.scss new file mode 100644 index 0000000..0084ed9 --- /dev/null +++ b/couchpotato/core/media/movie/charts/static/charts.scss @@ -0,0 +1,274 @@ +.charts { + clear: both; + margin-bottom: 30px; +} + + .charts > h2 { + height: 40px; + } + + .charts .chart { + display: inline-block; + width: 50%; + vertical-align: top; + max-height: 510px; + scrollbar-base-color: #4e5969; + } + + .charts .chart .media_result.hidden { + display: none; + } + +.charts .refresh { + clear:both; + position: relative; +} + + .charts .refresh .refreshing { + display: block; + padding: 20px; + font-size: 20px; + text-align:center; + } + + .charts .refresh a { + text-align: center; + padding: 0; + display: none; + width: 30px; + height: 30px; + position: absolute; + right: 10px; + top: -40px; + opacity: .7; + } + + .charts .refresh a:hover { + opacity: 1; + } + + .charts p.no_charts_enabled { + padding: 0.7em 1em; + display: none; + } + + .charts .chart h3 a { + color: #fff; + } + + +.charts .chart .media_result { + display: inline-block; + width: 100%; + height: 150px; +} + +@media all and (max-width: 960px) { + .charts .chart { + width: 50%; + } +} + +@media all and (max-width: 600px) { + .charts .chart { + width: 100%; + } +} + +.charts .chart .media_result .data { + left: 150px; + background: #4e5969; + border: none; +} + + .charts .chart .media_result .data .info { + top: 10px; + left: 15px; + right: 15px; + bottom: 10px; + overflow: hidden; + } + + .charts .chart .media_result .data .info h2 { + white-space: normal; + max-height: 120px; + font-size: 18px; + line-height: 18px; + } + + .charts .chart .media_result .data .info .rating, + .charts .chart .media_result .data .info .genres, + .charts .chart .media_result .data .info .year { + position: static; + display: block; + padding: 0; + opacity: .6; + } + + .charts .chart .media_result .data .info .year { + margin: 10px 0 0; + } + + .charts .chart .media_result .data .info .rating { + font-size: 20px; + float: right; + margin-top: -20px; + } + .charts .chart .media_result .data .info .rating:before { + content: "\e031"; + font-family: 'Elusive-Icons'; + font-size: 14px; + margin: 0 5px 0 0; + vertical-align: bottom; + } + + .charts .chart .media_result .data .info .genres { + font-size: 11px; + font-style: italic; + text-align: right; + } + + .charts .chart .media_result .data .info .plot { + display: block; + font-size: 11px; + overflow: hidden; + text-align: justify; + height: 100%; + z-index: 2; + top: 64px; + position: absolute; + background: #4e5969; + cursor: pointer; + transition: all .4s ease-in-out; + padding: 0 3px 10px 0; + } + .charts .chart .media_result .data:before { + content: ''; + display: block; + height: 10px; + right: 0; + left: 0; + bottom: 10px; + position: absolute; + background: linear-gradient( + 0deg, + rgba(78, 89, 105, 1) 0%, + rgba(78, 89, 105, 0) 100% + ); + z-index: 3; + pointer-events: none; + } + + .charts .chart .media_result .data .info .plot.full { + top: 0; + overflow: auto; + } + +.charts .chart .media_result .data { + cursor: default; +} + +.charts .chart .media_result .options { + left: 150px; +} + .charts .chart .media_result .options select[name=title] { width: 100%; } + .charts .chart .media_result .options select[name=profile] { width: 100%; } + .charts .chart .media_result .options select[name=category] { width: 100%; } + + .charts .chart .media_result .button { + position: absolute; + margin: 2px 0 0 0; + right: 15px; + bottom: 15px; + } + + +.charts .chart .media_result .thumbnail { + width: 100px; + position: absolute; + left: 50px; +} + +.charts .chart .media_result .chart_number { + color: white; + position: absolute; + top: 0; + padding: 10px; + font: bold 2em/1em Helvetica, Sans-Serif; + width: 50px; + height: 100%; + text-align: center; + border-left: 8px solid transparent; +} + + .charts .chart .media_result.chart_in_wanted .chart_number { + border-color: rgba(0, 255, 40, 0.3); + } + + .charts .chart .media_result.chart_in_library .chart_number { + border-color: rgba(0, 202, 32, 0.3); + } + + +.charts .chart .media_result .actions { + position: absolute; + top: 10px; + right: 10px; + display: none; + width: 90px; +} + .charts .chart .media_result:hover .actions { + display: block; + } + .charts .chart .media_result:hover h2 .title { + opacity: 0; + } + .charts .chart .media_result .data.open .actions { + display: none; + } + + .charts .chart .media_result .actions a { + margin-left: 10px; + vertical-align: middle; + } + + +.toggle_menu { + height: 50px; +} + +.toggle_menu a { + display: block; + width: 50%; + float: left; + color: rgba(255,255,255,.6); + border-bottom: 1px solid rgba(255, 255, 255, 0.0666667); +} + +.toggle_menu a:hover { + border-color: #047792; + border-width: 4px; + color: #fff; +} + +.toggle_menu a.active { + border-bottom: 4px solid #04bce6; + color: #fff; +} + +.toggle_menu a:last-child { + float: right; +} + +.toggle_menu h2 { + height: 40px; +} + +@media all and (max-width: 480px) { + .toggle_menu h2 { + font-size: 16px; + text-align: center; + height: 30px; + } +} + diff --git a/couchpotato/core/media/movie/suggestion/static/suggest.css b/couchpotato/core/media/movie/suggestion/static/suggest.css deleted file mode 100644 index 8e74784..0000000 --- a/couchpotato/core/media/movie/suggestion/static/suggest.css +++ /dev/null @@ -1,162 +0,0 @@ -.suggestions { - clear: both; - padding-top: 10px; - margin-bottom: 30px; -} - - .suggestions > h2 { - height: 40px; - } - -.suggestions .media_result { - display: inline-block; - width: 33.333%; - height: 150px; -} - - @media all and (max-width: 960px) { - .suggestions .media_result { - width: 50%; - } - } - - @media all and (max-width: 600px) { - .suggestions .media_result { - width: 100%; - } - } - - .suggestions .media_result .data { - left: 100px; - background: #4e5969; - border: none; - } - - .suggestions .media_result .data .info { - top: 10px; - left: 15px; - right: 15px; - bottom: 10px; - overflow: hidden; - } - - .suggestions .media_result .data .info h2 { - white-space: normal; - max-height: 120px; - font-size: 18px; - line-height: 18px; - } - - .suggestions .media_result .data .info .rating, - .suggestions .media_result .data .info .genres, - .suggestions .media_result .data .info .year { - position: static; - display: block; - padding: 0; - opacity: .6; - } - - .suggestions .media_result .data .info .year { - margin: 10px 0 0; - } - - .suggestions .media_result .data .info .rating { - font-size: 20px; - float: right; - margin-top: -20px; - } - .suggestions .media_result .data .info .rating:before { - content: "\e031"; - font-family: 'Elusive-Icons'; - font-size: 14px; - margin: 0 5px 0 0; - vertical-align: bottom; - } - - .suggestions .media_result .data .info .genres { - font-size: 11px; - font-style: italic; - text-align: right; - } - - .suggestions .media_result .data .info .plot { - display: block; - font-size: 11px; - overflow: hidden; - text-align: justify; - height: 100%; - z-index: 2; - top: 64px; - position: absolute; - background: #4e5969; - cursor: pointer; - transition: all .4s ease-in-out; - padding: 0 3px 10px 0; - } - .suggestions .media_result .data:before { - content: ''; - display: block; - height: 10px; - right: 0; - left: 0; - bottom: 10px; - position: absolute; - background: linear-gradient( - 0deg, - rgba(78, 89, 105, 1) 0%, - rgba(78, 89, 105, 0) 100% - ); - z-index: 3; - pointer-events: none; - } - - .suggestions .media_result .data .info .plot.full { - top: 0; - overflow: auto; - } - - .suggestions .media_result .data { - cursor: default; - } - - .suggestions .media_result .options { - left: 100px; - } - .suggestions .media_result .options select[name=title] { width: 100%; } - .suggestions .media_result .options select[name=profile] { width: 100%; } - .suggestions .media_result .options select[name=category] { width: 100%; } - - .suggestions .media_result .button { - position: absolute; - margin: 2px 0 0 0; - right: 15px; - bottom: 15px; - } - - - .suggestions .media_result .thumbnail { - width: 100px; - } - - .suggestions .media_result .actions { - position: absolute; - top: 10px; - right: 10px; - display: none; - width: 140px; - } - .suggestions .media_result:hover .actions { - display: block; - } - .suggestions .media_result:hover h2 .title { - opacity: 0; - } - .suggestions .media_result .data.open .actions { - display: none; - } - - .suggestions .media_result .actions a { - margin-left: 10px; - vertical-align: middle; - } - diff --git a/couchpotato/core/media/movie/suggestion/static/suggest.scss b/couchpotato/core/media/movie/suggestion/static/suggest.scss new file mode 100644 index 0000000..8e74784 --- /dev/null +++ b/couchpotato/core/media/movie/suggestion/static/suggest.scss @@ -0,0 +1,162 @@ +.suggestions { + clear: both; + padding-top: 10px; + margin-bottom: 30px; +} + + .suggestions > h2 { + height: 40px; + } + +.suggestions .media_result { + display: inline-block; + width: 33.333%; + height: 150px; +} + + @media all and (max-width: 960px) { + .suggestions .media_result { + width: 50%; + } + } + + @media all and (max-width: 600px) { + .suggestions .media_result { + width: 100%; + } + } + + .suggestions .media_result .data { + left: 100px; + background: #4e5969; + border: none; + } + + .suggestions .media_result .data .info { + top: 10px; + left: 15px; + right: 15px; + bottom: 10px; + overflow: hidden; + } + + .suggestions .media_result .data .info h2 { + white-space: normal; + max-height: 120px; + font-size: 18px; + line-height: 18px; + } + + .suggestions .media_result .data .info .rating, + .suggestions .media_result .data .info .genres, + .suggestions .media_result .data .info .year { + position: static; + display: block; + padding: 0; + opacity: .6; + } + + .suggestions .media_result .data .info .year { + margin: 10px 0 0; + } + + .suggestions .media_result .data .info .rating { + font-size: 20px; + float: right; + margin-top: -20px; + } + .suggestions .media_result .data .info .rating:before { + content: "\e031"; + font-family: 'Elusive-Icons'; + font-size: 14px; + margin: 0 5px 0 0; + vertical-align: bottom; + } + + .suggestions .media_result .data .info .genres { + font-size: 11px; + font-style: italic; + text-align: right; + } + + .suggestions .media_result .data .info .plot { + display: block; + font-size: 11px; + overflow: hidden; + text-align: justify; + height: 100%; + z-index: 2; + top: 64px; + position: absolute; + background: #4e5969; + cursor: pointer; + transition: all .4s ease-in-out; + padding: 0 3px 10px 0; + } + .suggestions .media_result .data:before { + content: ''; + display: block; + height: 10px; + right: 0; + left: 0; + bottom: 10px; + position: absolute; + background: linear-gradient( + 0deg, + rgba(78, 89, 105, 1) 0%, + rgba(78, 89, 105, 0) 100% + ); + z-index: 3; + pointer-events: none; + } + + .suggestions .media_result .data .info .plot.full { + top: 0; + overflow: auto; + } + + .suggestions .media_result .data { + cursor: default; + } + + .suggestions .media_result .options { + left: 100px; + } + .suggestions .media_result .options select[name=title] { width: 100%; } + .suggestions .media_result .options select[name=profile] { width: 100%; } + .suggestions .media_result .options select[name=category] { width: 100%; } + + .suggestions .media_result .button { + position: absolute; + margin: 2px 0 0 0; + right: 15px; + bottom: 15px; + } + + + .suggestions .media_result .thumbnail { + width: 100px; + } + + .suggestions .media_result .actions { + position: absolute; + top: 10px; + right: 10px; + display: none; + width: 140px; + } + .suggestions .media_result:hover .actions { + display: block; + } + .suggestions .media_result:hover h2 .title { + opacity: 0; + } + .suggestions .media_result .data.open .actions { + display: none; + } + + .suggestions .media_result .actions a { + margin-left: 10px; + vertical-align: middle; + } + diff --git a/couchpotato/core/plugins/category/static/category.css b/couchpotato/core/plugins/category/static/category.css deleted file mode 100644 index 3218a79..0000000 --- a/couchpotato/core/plugins/category/static/category.css +++ /dev/null @@ -1,82 +0,0 @@ -.add_new_category { - padding: 20px; - display: block; - text-align: center; - font-size: 20px; - border-bottom: 1px solid rgba(255,255,255,0.2); -} - -.category { - border-bottom: 1px solid rgba(255,255,255,0.2); - position: relative; -} - - .category > .delete { - position: absolute; - padding: 16px; - right: 0; - cursor: pointer; - opacity: 0.6; - color: #fd5353; - } - .category > .delete:hover { - opacity: 1; - } - - .category .ctrlHolder:hover { - background: none; - } - - .category .formHint { - width: 250px !important; - margin: 0 !important; - opacity: 0.1; - } - .category:hover .formHint { - opacity: 1; - } - -#category_ordering { - -} - - #category_ordering ul { - float: left; - margin: 0; - width: 275px; - padding: 0; - } - - #category_ordering li { - cursor: -webkit-grab; - cursor: -moz-grab; - cursor: grab; - border-bottom: 1px solid rgba(255,255,255,0.2); - padding: 0 5px; - } - #category_ordering li:last-child { border: 0; } - - #category_ordering li .check { - margin: 2px 10px 0 0; - vertical-align: top; - } - - #category_ordering li > span { - display: inline-block; - height: 20px; - vertical-align: top; - line-height: 20px; - } - - #category_ordering li .handle { - background: url('../../images/handle.png') center; - width: 20px; - float: right; - } - - #category_ordering .formHint { - clear: none; - float: right; - width: 250px; - margin: 0; - } diff --git a/couchpotato/core/plugins/category/static/category.scss b/couchpotato/core/plugins/category/static/category.scss new file mode 100644 index 0000000..3218a79 --- /dev/null +++ b/couchpotato/core/plugins/category/static/category.scss @@ -0,0 +1,82 @@ +.add_new_category { + padding: 20px; + display: block; + text-align: center; + font-size: 20px; + border-bottom: 1px solid rgba(255,255,255,0.2); +} + +.category { + border-bottom: 1px solid rgba(255,255,255,0.2); + position: relative; +} + + .category > .delete { + position: absolute; + padding: 16px; + right: 0; + cursor: pointer; + opacity: 0.6; + color: #fd5353; + } + .category > .delete:hover { + opacity: 1; + } + + .category .ctrlHolder:hover { + background: none; + } + + .category .formHint { + width: 250px !important; + margin: 0 !important; + opacity: 0.1; + } + .category:hover .formHint { + opacity: 1; + } + +#category_ordering { + +} + + #category_ordering ul { + float: left; + margin: 0; + width: 275px; + padding: 0; + } + + #category_ordering li { + cursor: -webkit-grab; + cursor: -moz-grab; + cursor: grab; + border-bottom: 1px solid rgba(255,255,255,0.2); + padding: 0 5px; + } + #category_ordering li:last-child { border: 0; } + + #category_ordering li .check { + margin: 2px 10px 0 0; + vertical-align: top; + } + + #category_ordering li > span { + display: inline-block; + height: 20px; + vertical-align: top; + line-height: 20px; + } + + #category_ordering li .handle { + background: url('../../images/handle.png') center; + width: 20px; + float: right; + } + + #category_ordering .formHint { + clear: none; + float: right; + width: 250px; + margin: 0; + } diff --git a/couchpotato/core/plugins/log/static/log.css b/couchpotato/core/plugins/log/static/log.css deleted file mode 100644 index c7aace6..0000000 --- a/couchpotato/core/plugins/log/static/log.css +++ /dev/null @@ -1,199 +0,0 @@ -.page.log .nav { - display: block; - text-align: center; - padding: 0 0 30px; - margin: 0; - font-size: 20px; - position: fixed; - width: 100%; - bottom: 0; - left: 0; - background: #4E5969; - z-index: 100; -} - - .page.log .nav li { - display: inline-block; - padding: 5px 10px; - margin: 0; - } - - .page.log .nav li.select, - .page.log .nav li.clear { - cursor: pointer; - } - - .page.log .nav li:hover:not(.active):not(.filter) { - background: rgba(255, 255, 255, 0.1); - } - - .page.log .nav li.active { - font-weight: bold; - cursor: default; - background: rgba(255,255,255,.1); - } - - @media all and (max-width: 480px) { - .page.log .nav { - font-size: 14px; - } - - .page.log .nav li { - padding: 5px; - } - } - - .page.log .nav li.hint { - text-align: center; - width: 400px; - left: 50%; - margin-left: -200px; - font-style: italic; - font-size: 11px; - position: absolute; - right: 20px; - opacity: .5; - bottom: 5px; - } - -.page.log .loading { - text-align: center; - font-size: 20px; - padding: 50px; -} - -.page.log .container { - padding: 30px 0 60px; - overflow: hidden; - line-height: 150%; - font-size: 11px; - color: #FFF; -} - - .page.log .container select { - vertical-align: top; - } - - .page.log .container .time { - clear: both; - color: lightgrey; - font-size: 10px; - border-top: 1px solid rgba(255, 255, 255, 0.1); - position: relative; - overflow: hidden; - padding: 0 3px; - font-family: Lucida Console, Monaco, Nimbus Mono L, monospace, serif; - } - .page.log .container .time.highlight { - background: rgba(255, 255, 255, 0.1); - } - .page.log .container .time span { - padding: 5px 0 3px; - display: inline-block; - vertical-align: middle; - } - - .page.log[data-filter=INFO] .error, - .page.log[data-filter=INFO] .debug, - .page.log[data-filter=ERROR] .debug, - .page.log[data-filter=ERROR] .info, - .page.log[data-filter=DEBUG] .info, - .page.log[data-filter=DEBUG] .error { - display: none; - } - - .page.log .container .type { - margin-left: 10px; - } - - .page.log .container .message { - float: right; - width: 86%; - white-space: pre-wrap; - } - - .page.log .container .error { color: #FFA4A4; } - .page.log .container .debug span { opacity: .6; } - -.do_report { - position: absolute; - padding: 10px; -} - -.page.log .report { - position: fixed; - width: 100%; - height: 100%; - background: rgba(0,0,0,.7); - left: 0; - top: 0; - z-index: 99999; - font-size: 14px; -} - - .page.log .report .button { - display: inline-block; - margin: 10px 0; - padding: 10px; - } - - .page.log .report .bug { - width: 800px; - height: 80%; - position: absolute; - left: 50%; - top: 50%; - margin: 0 0 0 -400px; - transform: translate(0, -50%); - } - - .page.log .report .bug textarea { - display: block; - width: 100%; - background: #FFF; - padding: 20px; - overflow: auto; - color: #666; - height: 70%; - font-size: 12px; - } - -.page.log .container .time ::-webkit-selection { - background-color: #000; - color: #FFF; -} - -.page.log .container .time ::-moz-selection { - background-color: #000; - color: #FFF; -} - -.page.log .container .time ::-ms-selection { - background-color: #000; - color: #FFF; -} - -.page.log .container .time.highlight ::selection { - background-color: transparent; - color: inherit; -} - -.page.log .container .time.highlight ::-webkit-selection { - background-color: transparent; - color: inherit; -} - -.page.log .container .time.highlight ::-moz-selection { - background-color: transparent; - color: inherit; -} - -.page.log .container .time.highlight ::-ms-selection { - background-color: transparent; - color: inherit; -} - -.page.log .container .time.highlight ::selection { - background-color: transparent; - color: inherit; -} diff --git a/couchpotato/core/plugins/log/static/log.scss b/couchpotato/core/plugins/log/static/log.scss new file mode 100644 index 0000000..c7aace6 --- /dev/null +++ b/couchpotato/core/plugins/log/static/log.scss @@ -0,0 +1,199 @@ +.page.log .nav { + display: block; + text-align: center; + padding: 0 0 30px; + margin: 0; + font-size: 20px; + position: fixed; + width: 100%; + bottom: 0; + left: 0; + background: #4E5969; + z-index: 100; +} + + .page.log .nav li { + display: inline-block; + padding: 5px 10px; + margin: 0; + } + + .page.log .nav li.select, + .page.log .nav li.clear { + cursor: pointer; + } + + .page.log .nav li:hover:not(.active):not(.filter) { + background: rgba(255, 255, 255, 0.1); + } + + .page.log .nav li.active { + font-weight: bold; + cursor: default; + background: rgba(255,255,255,.1); + } + + @media all and (max-width: 480px) { + .page.log .nav { + font-size: 14px; + } + + .page.log .nav li { + padding: 5px; + } + } + + .page.log .nav li.hint { + text-align: center; + width: 400px; + left: 50%; + margin-left: -200px; + font-style: italic; + font-size: 11px; + position: absolute; + right: 20px; + opacity: .5; + bottom: 5px; + } + +.page.log .loading { + text-align: center; + font-size: 20px; + padding: 50px; +} + +.page.log .container { + padding: 30px 0 60px; + overflow: hidden; + line-height: 150%; + font-size: 11px; + color: #FFF; +} + + .page.log .container select { + vertical-align: top; + } + + .page.log .container .time { + clear: both; + color: lightgrey; + font-size: 10px; + border-top: 1px solid rgba(255, 255, 255, 0.1); + position: relative; + overflow: hidden; + padding: 0 3px; + font-family: Lucida Console, Monaco, Nimbus Mono L, monospace, serif; + } + .page.log .container .time.highlight { + background: rgba(255, 255, 255, 0.1); + } + .page.log .container .time span { + padding: 5px 0 3px; + display: inline-block; + vertical-align: middle; + } + + .page.log[data-filter=INFO] .error, + .page.log[data-filter=INFO] .debug, + .page.log[data-filter=ERROR] .debug, + .page.log[data-filter=ERROR] .info, + .page.log[data-filter=DEBUG] .info, + .page.log[data-filter=DEBUG] .error { + display: none; + } + + .page.log .container .type { + margin-left: 10px; + } + + .page.log .container .message { + float: right; + width: 86%; + white-space: pre-wrap; + } + + .page.log .container .error { color: #FFA4A4; } + .page.log .container .debug span { opacity: .6; } + +.do_report { + position: absolute; + padding: 10px; +} + +.page.log .report { + position: fixed; + width: 100%; + height: 100%; + background: rgba(0,0,0,.7); + left: 0; + top: 0; + z-index: 99999; + font-size: 14px; +} + + .page.log .report .button { + display: inline-block; + margin: 10px 0; + padding: 10px; + } + + .page.log .report .bug { + width: 800px; + height: 80%; + position: absolute; + left: 50%; + top: 50%; + margin: 0 0 0 -400px; + transform: translate(0, -50%); + } + + .page.log .report .bug textarea { + display: block; + width: 100%; + background: #FFF; + padding: 20px; + overflow: auto; + color: #666; + height: 70%; + font-size: 12px; + } + +.page.log .container .time ::-webkit-selection { + background-color: #000; + color: #FFF; +} + +.page.log .container .time ::-moz-selection { + background-color: #000; + color: #FFF; +} + +.page.log .container .time ::-ms-selection { + background-color: #000; + color: #FFF; +} + +.page.log .container .time.highlight ::selection { + background-color: transparent; + color: inherit; +} + +.page.log .container .time.highlight ::-webkit-selection { + background-color: transparent; + color: inherit; +} + +.page.log .container .time.highlight ::-moz-selection { + background-color: transparent; + color: inherit; +} + +.page.log .container .time.highlight ::-ms-selection { + background-color: transparent; + color: inherit; +} + +.page.log .container .time.highlight ::selection { + background-color: transparent; + color: inherit; +} diff --git a/couchpotato/core/plugins/profile/static/profile.css b/couchpotato/core/plugins/profile/static/profile.css deleted file mode 100644 index df93944..0000000 --- a/couchpotato/core/plugins/profile/static/profile.css +++ /dev/null @@ -1,197 +0,0 @@ -.add_new_profile { - padding: 20px; - display: block; - text-align: center; - font-size: 20px; - border-bottom: 1px solid rgba(255,255,255,0.2); -} - -.profile { - border-bottom: 1px solid rgba(255,255,255,0.2); - position: relative; -} - - .profile > .delete { - position: absolute; - padding: 16px; - right: 0; - cursor: pointer; - opacity: 0.6; - color: #fd5353; - } - .profile > .delete:hover { - opacity: 1; - } - - .profile .ctrlHolder:hover { - background: none; - } - - .profile .qualities { - min-height: 80px; - } - - .profile .formHint { - width: 210px !important; - vertical-align: top !important; - margin: 0 !important; - padding-left: 3px !important; - opacity: 0.1; - } - .profile:hover .formHint { - opacity: 1; - } - - .profile .wait_for { - padding-top: 0; - padding-bottom: 20px; - } - - .profile .wait_for input { - margin: 0 5px !important; - } - - .profile .wait_for .minimum_score_input { - width: 40px !important; - text-align: left; - } - - .profile .types { - padding: 0; - margin: 0 20px 0 -4px; - display: inline-block; - } - - .profile .types li { - padding: 3px 5px; - border-bottom: 1px solid rgba(255,255,255,0.2); - list-style: none; - } - .profile .types li:last-child { border: 0; } - - .profile .types li > * { - display: inline-block; - vertical-align: middle; - line-height: 0; - margin-right: 10px; - } - - .profile .type .check { - margin-top: -1px; - } - - .profile .quality_type select { - width: 120px; - margin-left: -1px; - } - - .profile .types li.is_empty .check, - .profile .types li.is_empty .delete, - .profile .types li.is_empty .handle, - .profile .types li.is_empty .check_label { - visibility: hidden; - } - - .profile .types .type label { - display: inline-block; - width: auto; - float: none; - text-transform: uppercase; - font-size: 11px; - font-weight: normal; - margin-right: 20px; - text-shadow: none; - vertical-align: bottom; - padding: 0; - height: 17px; - } - .profile .types .type label .check { - margin-right: 5px; - } - .profile .types .type label .check_label { - display: inline-block; - vertical-align: top; - height: 16px; - line-height: 13px; - } - - .profile .types .type .threed { - display: none; - } - - .profile .types .type.allow_3d .threed { - display: inline-block; - } - - .profile .types .type .handle { - background: url('../../images/handle.png') center; - display: inline-block; - height: 20px; - width: 20px; - cursor: -moz-grab; - cursor: -webkit-grab; - cursor: grab; - margin: 0; - } - - .profile .types .type .delete { - height: 20px; - width: 20px; - line-height: 20px; - visibility: hidden; - cursor: pointer; - font-size: 13px; - color: #fd5353; - } - .profile .types .type:not(.allow_3d) .delete { - margin-left: 55px; - } - - .profile .types .type:hover:not(.is_empty) .delete { - visibility: visible; - } - -#profile_ordering { - -} - - #profile_ordering ul { - float: left; - margin: 0; - width: 275px; - padding: 0; - } - - #profile_ordering li { - border-bottom: 1px solid rgba(255,255,255,0.2); - padding: 0 5px; - } - #profile_ordering li:last-child { border: 0; } - - #profile_ordering li .check { - margin: 2px 10px 0 0; - vertical-align: top; - } - - #profile_ordering li > span { - display: inline-block; - height: 20px; - vertical-align: top; - line-height: 20px; - } - - #profile_ordering li .handle { - background: url('../../images/handle.png') center; - width: 20px; - float: right; - cursor: -webkit-grab; - cursor: -moz-grab; - cursor: grab; - } - - #profile_ordering .formHint { - clear: none; - float: right; - width: 250px; - margin: 0; - } diff --git a/couchpotato/core/plugins/profile/static/profile.scss b/couchpotato/core/plugins/profile/static/profile.scss new file mode 100644 index 0000000..df93944 --- /dev/null +++ b/couchpotato/core/plugins/profile/static/profile.scss @@ -0,0 +1,197 @@ +.add_new_profile { + padding: 20px; + display: block; + text-align: center; + font-size: 20px; + border-bottom: 1px solid rgba(255,255,255,0.2); +} + +.profile { + border-bottom: 1px solid rgba(255,255,255,0.2); + position: relative; +} + + .profile > .delete { + position: absolute; + padding: 16px; + right: 0; + cursor: pointer; + opacity: 0.6; + color: #fd5353; + } + .profile > .delete:hover { + opacity: 1; + } + + .profile .ctrlHolder:hover { + background: none; + } + + .profile .qualities { + min-height: 80px; + } + + .profile .formHint { + width: 210px !important; + vertical-align: top !important; + margin: 0 !important; + padding-left: 3px !important; + opacity: 0.1; + } + .profile:hover .formHint { + opacity: 1; + } + + .profile .wait_for { + padding-top: 0; + padding-bottom: 20px; + } + + .profile .wait_for input { + margin: 0 5px !important; + } + + .profile .wait_for .minimum_score_input { + width: 40px !important; + text-align: left; + } + + .profile .types { + padding: 0; + margin: 0 20px 0 -4px; + display: inline-block; + } + + .profile .types li { + padding: 3px 5px; + border-bottom: 1px solid rgba(255,255,255,0.2); + list-style: none; + } + .profile .types li:last-child { border: 0; } + + .profile .types li > * { + display: inline-block; + vertical-align: middle; + line-height: 0; + margin-right: 10px; + } + + .profile .type .check { + margin-top: -1px; + } + + .profile .quality_type select { + width: 120px; + margin-left: -1px; + } + + .profile .types li.is_empty .check, + .profile .types li.is_empty .delete, + .profile .types li.is_empty .handle, + .profile .types li.is_empty .check_label { + visibility: hidden; + } + + .profile .types .type label { + display: inline-block; + width: auto; + float: none; + text-transform: uppercase; + font-size: 11px; + font-weight: normal; + margin-right: 20px; + text-shadow: none; + vertical-align: bottom; + padding: 0; + height: 17px; + } + .profile .types .type label .check { + margin-right: 5px; + } + .profile .types .type label .check_label { + display: inline-block; + vertical-align: top; + height: 16px; + line-height: 13px; + } + + .profile .types .type .threed { + display: none; + } + + .profile .types .type.allow_3d .threed { + display: inline-block; + } + + .profile .types .type .handle { + background: url('../../images/handle.png') center; + display: inline-block; + height: 20px; + width: 20px; + cursor: -moz-grab; + cursor: -webkit-grab; + cursor: grab; + margin: 0; + } + + .profile .types .type .delete { + height: 20px; + width: 20px; + line-height: 20px; + visibility: hidden; + cursor: pointer; + font-size: 13px; + color: #fd5353; + } + .profile .types .type:not(.allow_3d) .delete { + margin-left: 55px; + } + + .profile .types .type:hover:not(.is_empty) .delete { + visibility: visible; + } + +#profile_ordering { + +} + + #profile_ordering ul { + float: left; + margin: 0; + width: 275px; + padding: 0; + } + + #profile_ordering li { + border-bottom: 1px solid rgba(255,255,255,0.2); + padding: 0 5px; + } + #profile_ordering li:last-child { border: 0; } + + #profile_ordering li .check { + margin: 2px 10px 0 0; + vertical-align: top; + } + + #profile_ordering li > span { + display: inline-block; + height: 20px; + vertical-align: top; + line-height: 20px; + } + + #profile_ordering li .handle { + background: url('../../images/handle.png') center; + width: 20px; + float: right; + cursor: -webkit-grab; + cursor: -moz-grab; + cursor: grab; + } + + #profile_ordering .formHint { + clear: none; + float: right; + width: 250px; + margin: 0; + } diff --git a/couchpotato/core/plugins/quality/static/quality.css b/couchpotato/core/plugins/quality/static/quality.css deleted file mode 100644 index f71f007..0000000 --- a/couchpotato/core/plugins/quality/static/quality.css +++ /dev/null @@ -1,26 +0,0 @@ -.group_sizes { - -} - - .group_sizes .head { - font-weight: bold; - } - - .group_sizes .ctrlHolder { - padding-top: 4px !important; - padding-bottom: 4px !important; - font-size: 12px; - } - - .group_sizes .label { - max-width: 120px; - } - - .group_sizes .min, .group_sizes .max { - text-align: center; - width: 50px; - max-width: 50px; - margin: 0 5px !important; - padding: 0 3px; - display: inline-block; - } \ No newline at end of file diff --git a/couchpotato/core/plugins/quality/static/quality.scss b/couchpotato/core/plugins/quality/static/quality.scss new file mode 100644 index 0000000..f71f007 --- /dev/null +++ b/couchpotato/core/plugins/quality/static/quality.scss @@ -0,0 +1,26 @@ +.group_sizes { + +} + + .group_sizes .head { + font-weight: bold; + } + + .group_sizes .ctrlHolder { + padding-top: 4px !important; + padding-bottom: 4px !important; + font-size: 12px; + } + + .group_sizes .label { + max-width: 120px; + } + + .group_sizes .min, .group_sizes .max { + text-align: center; + width: 50px; + max-width: 50px; + margin: 0 5px !important; + padding: 0 3px; + display: inline-block; + } \ No newline at end of file diff --git a/couchpotato/core/plugins/userscript/static/userscript.css b/couchpotato/core/plugins/userscript/static/userscript.css deleted file mode 100644 index d816101..0000000 --- a/couchpotato/core/plugins/userscript/static/userscript.css +++ /dev/null @@ -1,38 +0,0 @@ -.page.userscript { - position: absolute; - width: 100%; - top: 0; - bottom: 0; - left: 0; - right: 0; - padding: 0; -} - - .page.userscript .frame.loading { - text-align: center; - font-size: 20px; - padding: 20px; - } - - .page.userscript .media_result { - height: 140px; - } - .page.userscript .media_result .thumbnail { - width: 90px; - } - .page.userscript .media_result .options { - left: 90px; - padding: 54px 15px; - } - - .page.userscript .media_result .year { - display: none; - } - - .page.userscript .media_result .options select[name="title"] { - width: 190px; - } - - .page.userscript .media_result .options select[name="profile"] { - width: 70px; - } diff --git a/couchpotato/core/plugins/userscript/static/userscript.scss b/couchpotato/core/plugins/userscript/static/userscript.scss new file mode 100644 index 0000000..d816101 --- /dev/null +++ b/couchpotato/core/plugins/userscript/static/userscript.scss @@ -0,0 +1,38 @@ +.page.userscript { + position: absolute; + width: 100%; + top: 0; + bottom: 0; + left: 0; + right: 0; + padding: 0; +} + + .page.userscript .frame.loading { + text-align: center; + font-size: 20px; + padding: 20px; + } + + .page.userscript .media_result { + height: 140px; + } + .page.userscript .media_result .thumbnail { + width: 90px; + } + .page.userscript .media_result .options { + left: 90px; + padding: 54px 15px; + } + + .page.userscript .media_result .year { + display: none; + } + + .page.userscript .media_result .options select[name="title"] { + width: 190px; + } + + .page.userscript .media_result .options select[name="profile"] { + width: 70px; + } diff --git a/couchpotato/core/plugins/wizard/static/wizard.css b/couchpotato/core/plugins/wizard/static/wizard.css deleted file mode 100644 index 9af32ed..0000000 --- a/couchpotato/core/plugins/wizard/static/wizard.css +++ /dev/null @@ -1,84 +0,0 @@ -.page.wizard .uniForm { - margin: 0 0 30px; - width: 83%; -} - -.page.wizard h1 { - padding: 10px 0; - display: block; - font-size: 30px; - margin: 80px 5px 0; -} - -.page.wizard .description { - padding: 10px 5px; - font-size: 1.45em; - line-height: 1.4em; - display: block; -} - -.page.wizard .tab_wrapper { - background: #5c697b; - height: 65px; - font-size: 1.75em; - position: fixed; - top: 0; - margin: 0; - width: 100%; - left: 0; - z-index: 2; - box-shadow: 0 0 10px rgba(0,0,0,0.1); -} - - .page.wizard .tab_wrapper .tabs { - padding: 0; - margin: 0 auto; - display: block; - height: 100%; - width: 100%; - max-width: 960px; - } - - .page.wizard .tabs li { - display: inline-block; - height: 100%; - } - .page.wizard .tabs li a { - padding: 20px 10px; - height: 100%; - display: block; - color: #FFF; - font-weight: normal; - border-bottom: 4px solid transparent; - } - - .page.wizard .tabs li:hover a { border-color: #047792; } - .page.wizard .tabs li.done a { border-color: #04bce6; } - - .page.wizard .tab_wrapper .pointer { - border-right: 10px solid transparent; - border-left: 10px solid transparent; - border-top: 10px solid #5c697b; - display: block; - position: absolute; - top: 44px; - } - -.page.wizard .tab_content { - margin: 20px 0 160px; -} - -.page.wizard form > div { - min-height: 300px; -} - -.page.wizard .button.green { - padding: 20px; - font-size: 25px; - margin: 10px 0 80px; - display: block; -} - -.page.wizard .tab_nzb_providers { - margin: 20px 0 0 0; -} diff --git a/couchpotato/core/plugins/wizard/static/wizard.scss b/couchpotato/core/plugins/wizard/static/wizard.scss new file mode 100644 index 0000000..9af32ed --- /dev/null +++ b/couchpotato/core/plugins/wizard/static/wizard.scss @@ -0,0 +1,84 @@ +.page.wizard .uniForm { + margin: 0 0 30px; + width: 83%; +} + +.page.wizard h1 { + padding: 10px 0; + display: block; + font-size: 30px; + margin: 80px 5px 0; +} + +.page.wizard .description { + padding: 10px 5px; + font-size: 1.45em; + line-height: 1.4em; + display: block; +} + +.page.wizard .tab_wrapper { + background: #5c697b; + height: 65px; + font-size: 1.75em; + position: fixed; + top: 0; + margin: 0; + width: 100%; + left: 0; + z-index: 2; + box-shadow: 0 0 10px rgba(0,0,0,0.1); +} + + .page.wizard .tab_wrapper .tabs { + padding: 0; + margin: 0 auto; + display: block; + height: 100%; + width: 100%; + max-width: 960px; + } + + .page.wizard .tabs li { + display: inline-block; + height: 100%; + } + .page.wizard .tabs li a { + padding: 20px 10px; + height: 100%; + display: block; + color: #FFF; + font-weight: normal; + border-bottom: 4px solid transparent; + } + + .page.wizard .tabs li:hover a { border-color: #047792; } + .page.wizard .tabs li.done a { border-color: #04bce6; } + + .page.wizard .tab_wrapper .pointer { + border-right: 10px solid transparent; + border-left: 10px solid transparent; + border-top: 10px solid #5c697b; + display: block; + position: absolute; + top: 44px; + } + +.page.wizard .tab_content { + margin: 20px 0 160px; +} + +.page.wizard form > div { + min-height: 300px; +} + +.page.wizard .button.green { + padding: 20px; + font-size: 25px; + margin: 10px 0 80px; + display: block; +} + +.page.wizard .tab_nzb_providers { + margin: 20px 0 0 0; +} diff --git a/couchpotato/static/style/api.css b/couchpotato/static/style/api.css deleted file mode 100644 index 3d6952d..0000000 --- a/couchpotato/static/style/api.css +++ /dev/null @@ -1,162 +0,0 @@ -html { - line-height: 1.5; - font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; - font-size: 14px; -} - -* { - margin: 0; - padding: 0; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} - -h1, h2, h3, h4, h5 { - clear: both; - font-size: 14px; -} - -h1 { - font-size: 25px; - padding: 20px 40px; -} - -h2 { - font-size: 20px; -} - -pre { - background: #eee; - font-family: monospace; - margin: 0; - padding: 10px; - width: 100%; - display: block; - font-size: 12px; -} - -.api, .missing { - overflow: hidden; - border-bottom: 1px solid #eee; - padding: 40px; -} - .api:hover { - color: #000; - } - - .api .description { - color: #333; - padding: 0 0 5px; - } - - .api .params { - background: #fafafa; - width: 100%; - } - .api h3 { - clear: both; - float: left; - width: 100px; - } - - .api .params { - float: left; - width: 700px; - } - - .api .params td, .api .params th { - padding: 3px 5px; - border-bottom: 1px solid #eee; - } - .api .params tr:last-child td, .api .params tr:last-child th { - border: 0; - } - - .api .params .param { - vertical-align: top; - } - - .api .params .param th { - text-align: left; - width: 100px; - } - - .api .param .type { - font-style: italic; - margin-right: 10px; - width: 100px; - color: #666; - } - - .api .return { - float: left; - width: 700px; - } - -.database { - padding: 20px; - margin: 0; -} - - .database * { - margin: 0; - padding: 0; - } - - .database .nav { - } - .database .nav li { - display: inline-block; - } - .database .nav li a { - padding: 5px; - } - - .database table { - font-size: 11px; - } - - .database table th { - text-align: left; - } - - .database table tr:hover { - position: relative; - z-index: 20; - } - - .database table td { - vertical-align: top; - position: relative; - } - - .database table .id { - width: 100px; - } - - .database table ._rev { - width: 60px; - } - - .database table ._t { - width: 60px; - } - - .database table .form { - width: 600px; - } - - .database table form { - width: 600px; - } - - .database textarea { - font-size: 12px; - width: 100%; - height: 200px; - } - - .database input[type=submit] { - display: block; - } diff --git a/couchpotato/static/style/api.scss b/couchpotato/static/style/api.scss new file mode 100644 index 0000000..3d6952d --- /dev/null +++ b/couchpotato/static/style/api.scss @@ -0,0 +1,162 @@ +html { + line-height: 1.5; + font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; + font-size: 14px; +} + +* { + margin: 0; + padding: 0; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +h1, h2, h3, h4, h5 { + clear: both; + font-size: 14px; +} + +h1 { + font-size: 25px; + padding: 20px 40px; +} + +h2 { + font-size: 20px; +} + +pre { + background: #eee; + font-family: monospace; + margin: 0; + padding: 10px; + width: 100%; + display: block; + font-size: 12px; +} + +.api, .missing { + overflow: hidden; + border-bottom: 1px solid #eee; + padding: 40px; +} + .api:hover { + color: #000; + } + + .api .description { + color: #333; + padding: 0 0 5px; + } + + .api .params { + background: #fafafa; + width: 100%; + } + .api h3 { + clear: both; + float: left; + width: 100px; + } + + .api .params { + float: left; + width: 700px; + } + + .api .params td, .api .params th { + padding: 3px 5px; + border-bottom: 1px solid #eee; + } + .api .params tr:last-child td, .api .params tr:last-child th { + border: 0; + } + + .api .params .param { + vertical-align: top; + } + + .api .params .param th { + text-align: left; + width: 100px; + } + + .api .param .type { + font-style: italic; + margin-right: 10px; + width: 100px; + color: #666; + } + + .api .return { + float: left; + width: 700px; + } + +.database { + padding: 20px; + margin: 0; +} + + .database * { + margin: 0; + padding: 0; + } + + .database .nav { + } + .database .nav li { + display: inline-block; + } + .database .nav li a { + padding: 5px; + } + + .database table { + font-size: 11px; + } + + .database table th { + text-align: left; + } + + .database table tr:hover { + position: relative; + z-index: 20; + } + + .database table td { + vertical-align: top; + position: relative; + } + + .database table .id { + width: 100px; + } + + .database table ._rev { + width: 60px; + } + + .database table ._t { + width: 60px; + } + + .database table .form { + width: 600px; + } + + .database table form { + width: 600px; + } + + .database textarea { + font-size: 12px; + width: 100%; + height: 200px; + } + + .database input[type=submit] { + display: block; + } diff --git a/couchpotato/static/style/main.css b/couchpotato/static/style/main.css deleted file mode 100644 index c7850b2..0000000 --- a/couchpotato/static/style/main.css +++ /dev/null @@ -1,965 +0,0 @@ -body, html { - color: #fff; - font-size: 12px; - line-height: 1.5; - font-family: OpenSans, "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; - height: 100%; - margin: 0; - padding: 0; - background: #4e5969; - -webkit-font-smoothing: subpixel-antialiased; - -moz-osx-font-smoothing: grayscale; -} - body { overflow-y: scroll; } - body.noscroll { overflow: hidden; } - - #clean { - background: transparent !important; - } - -* { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} - -pre { - white-space: pre-wrap; - word-wrap: break-word; -} - -input, textarea { - font-size: 1em; - font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; -} -input:focus, textarea:focus { - outline: none; -} - -::-moz-placeholder { - color: rgba(255, 255, 255, 0.5); - font-style: italic; -} -input:-moz-placeholder { - color: rgba(255, 255, 255, 0.5); - font-style: italic; -} -::-webkit-input-placeholder { - color: rgba(255, 255, 255, 0.5); - font-style: italic; -} -:-ms-input-placeholder { - color: rgba(255, 255, 255, 0.5) !important; - font-style: italic; -} - -.tiny_scroll { - overflow: hidden; -} - - .tiny_scroll:hover { - overflow-y: auto; - } - - .tiny_scroll::-webkit-scrollbar { - width: 5px; - } - - .tiny_scroll::-webkit-scrollbar-track { - -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.4); - -webkit-border-radius: 5px; - border-radius: 5px; - } - - .tiny_scroll::-webkit-scrollbar-thumb { - -webkit-border-radius: 5px; - border-radius: 5px; - background: rgba(255,255,255,0.3); - } - -a img { - border:none; -} - -a { - text-decoration:none; - color: #ebfcbc; - outline: 0; - cursor: pointer; - font-weight: bold; -} -a:hover { color: #f3f3f3; } - -.page { - display: none; - width: 100%; - max-width: 980px; - margin: 0 auto; - line-height: 1.5em; - padding: 0 15px 20px; -} - .page.active { display: block; } - -.content { - clear:both; - padding: 65px 0 10px; - background: #4e5969; -} - - @media all and (max-width: 480px) { - .content { - padding-top: 40px; - } - } - -h2 { - font-size: 2.5em; - padding: 0; - margin: 20px 0 0 0; -} - -form { - padding:0; - margin:0; -} - -body > .spinner, .mask{ - background: rgba(0,0,0, 0.9); - z-index: 100; - text-align: center; -} - body > .mask { - position: fixed; - top: 0; - left: 0; - height: 100%; - width: 100%; - padding: 200px; - } - - @media all and (max-width: 480px) { - body > .mask { - padding: 20px; - } - } - -.button { - background: #5082bc; - padding: 5px 10px 6px; - color: #fff; - text-decoration: none; - font-weight: bold; - line-height: 1; - border-radius: 2px; - cursor: pointer; - border: none; - -webkit-appearance: none; -} - .button.red { background-color: #ff0000; } - .button.green { background-color: #2aa300; } - .button.orange { background-color: #ffa200; } - .button.yellow { background-color: #ffe400; } - -/*** Icons ***/ -.icon { - display: inline-block; - background: center no-repeat; -} -.icon.delete { background-image: url('../images/icon.delete.png'); } -.icon.download { background-image: url('../images/icon.download.png'); } -.icon.edit { background-image: url('../images/icon.edit.png'); } -.icon.completed { background-image: url('../images/icon.check.png'); } -.icon.folder { background-image: url('../images/icon.folder.gif'); } -.icon.imdb { background-image: url('../images/icon.imdb.png'); } -.icon.refresh { background-image: url('../images/icon.refresh.png'); } -.icon.readd { background-image: url('../images/icon.readd.png'); } -.icon.rating { background-image: url('../images/icon.rating.png'); } -.icon.files { background-image: url('../images/icon.files.png'); } -.icon.info { background-image: url('../images/icon.info.png'); } -.icon.trailer { background-image: url('../images/icon.trailer.png'); } -.icon.spinner { background-image: url('../images/icon.spinner.gif'); } -.icon.attention { background-image: url('../images/icon.attention.png'); } - -.icon2 { - display: inline-block; - background: center no-repeat; - font-family: 'Elusive-Icons'; - speak: none; - font-style: normal; - font-weight: normal; - font-variant: normal; - text-transform: none; - line-height: 1; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - font-size: 15px; - color: #FFF; -} - -.icon2.add:before { content: "\e05a"; color: #c2fac5; } -.icon2.cog:before { content: "\e109"; } -.icon2.eye-open:before { content: "\e09d"; } -.icon2.search:before { content: "\e03e"; } -.icon2.return-key:before { content: "\e111"; } -.icon2.close:before { content: "\e04e"; } -.icon2.trailer:before { content: "\e0e9"; } -.icon2.download:before { content: "\e0c3"; } -.icon2.edit:before { content: "\e068"; } -.icon2.refresh:before { content: "\e04f"; font-weight: bold; } -.icon2.delete:before { content: "\e04e"; } -.icon2.directory:before { content: "\e097"; } -.icon2.completed:before { content: "\e070"; } -.icon2.info:before { content: "\e089"; } -.icon2.attention:before { content: "\e009"; } -.icon2.readd:before { - display: inline-block; - content: "\e04b"; - transform: scale(-1, 1); -} -.icon2.imdb:before { - content: "IMDb"; - color: #444; - padding: 2px; - border-radius: 3px; - background-color: #fbec98; - font: bold 8px Arial; - position: relative; - top: -3px; -} -.icon2.menu:before { - content: "\e076\00a0 \e076\00a0 \e076\00a0"; - line-height: 6px; - transform: scaleX(2); - width: 20px; - font-size: 10px; - display: inline-block; - vertical-align: middle; - word-wrap: break-word; - text-align:center; - margin-left: 5px; -} - @media screen and (-webkit-min-device-pixel-ratio:0) { - .icon2.menu:before { - margin-top: -7px; - } - } - -/*** Navigation ***/ -.header { - height: 66px; - position: fixed; - margin: 0; - width: 100%; - z-index: 5; - background: #5c697b; - box-shadow: 0 0 10px rgba(0,0,0,.1); - transition: all .4s ease-in-out; -} - - @media all and (max-width: 480px) { - .header { - height: 44px; - } - } - -.header > div { - width: 100%; - max-width: 980px; - margin: 0 auto; - position: relative; - height: 100%; - padding: 0 15px; -} - - .header .navigation { - display: inline-block; - vertical-align: middle; - position: absolute; - height: 100%; - left: 0; - bottom: 0; - } - - .header .foldout { - width: 44px; - height: 100%; - text-align: center; - border-right: 1px solid rgba(255,255,255,.07); - display: none; - vertical-align: top; - line-height: 42px; - color: #FFF; - } - - .header .logo { - display: inline-block; - font-size: 3em; - padding: 4px 30px 0 15px; - height: 100%; - border-right: 1px solid rgba(255,255,255,.07); - color: #FFF; - font-weight: normal; - vertical-align: top; - font-family: Lobster, sans-serif; - } - - @media all and (max-width: 480px) { - .header .foldout { - display: inline-block; - } - - .header .logo { - padding-top: 7px; - border: 0; - font-size: 1.7em; - } - } - - @media all and (min-width: 481px) and (max-width: 640px) { - - .header .logo { - display: none; - } - - } - - .header .navigation ul { - display: inline-block; - margin: 0; - padding: 0; - height: 100%; - } - - .header .navigation li { - color: #fff; - display: inline-block; - font-size: 1.75em; - margin: 0; - text-align: center; - height: 100%; - border: 1px solid rgba(255,255,255,.07); - border-width: 0 0 0 1px; - } - .header .navigation li:first-child { - border: none; - } - - .header .navigation li a { - display: block; - padding: 15px; - position: relative; - height: 100%; - border: 1px solid transparent; - border-width: 0 0 4px 0; - font-weight: normal; - } - - .header .navigation li:hover a { border-color: #047792; } - .header .navigation li.active a { border-color: #04bce6; } - - .header .navigation li.disabled { color: #e5e5e5; } - .header .navigation li a { color: #fff; } - - .header .navigation .backtotop { - opacity: 0; - display: block; - width: 80px; - left: 50%; - position: fixed; - bottom: 0; - text-align: center; - margin: -10px 0 0 -40px; - background: #4e5969; - padding: 5px 0; - color: rgba(255,255,255,.4); - font-weight: normal; - } - .header:hover .navigation .backtotop { color: #fff; } - - @media all and (max-width: 480px) { - - body { - position: absolute; - width: 100%; - transition: all .5s cubic-bezier(0.9,0,0.1,1); - left: 0; - } - - .menu_shown body { - left: 240px; - } - - .header .navigation { - height: 100%; - } - - .menu_shown .header .navigation .overlay { - position: fixed; - right: 0; - top: 0; - bottom: 0; - left: 240px; - } - - .header .navigation ul { - width: 240px; - position: fixed; - left: -240px; - background: rgba(0,0,0,.5); - transition: all .5s cubic-bezier(0.9,0,0.1,1); - } - - .menu_shown .header .navigation ul { - left: 0; - } - - .header .navigation ul li { - display: block; - text-align: left; - border-width: 1px 0 0 0; - height: 44px; - } - .header .navigation ul li a { - border-width: 0 4px 0 0; - padding: 5px 20px; - } - - .header .navigation ul li.separator { - background-color: rgba(255,255,255, .07); - height: 5px; - } - } - - .header .more_menu { - position: absolute; - right: 15px; - height: 100%; - border-left: 1px solid rgba(255,255,255,.07); - } - - @media all and (max-width: 480px) { - .header .more_menu { - display: none; - } - } - - .header .more_menu .button { - height: 100%; - line-height: 66px; - text-align: center; - padding: 0; - } - - .header .more_menu .wrapper { - width: 200px; - margin-left: -106px; - margin-top: 22px; - } - - @media all and (max-width: 480px) { - .header .more_menu .button { - line-height: 44px; - } - - .header .more_menu .wrapper { - margin-top: 0; - } - } - - .header .more_menu .red { color: red; } - .header .more_menu .orange { color: orange; } - - .badge { - position: absolute; - width: 20px; - height: 20px; - text-align: center; - line-height: 20px; - margin: 0; - background-color: #1b79b8; - top: 0; - right: 0; - } - - .header .notification_menu { - right: 60px; - display: block; - } - - @media all and (max-width: 480px) { - .header .notification_menu { - right: 0; - } - } - - .header .notification_menu .wrapper { - width: 300px; - margin-left: -255px; - text-align: left; - } - - .header .notification_menu ul { - min-height: 60px; - max-height: 300px; - overflow: auto; - } - .header .notification_menu ul:empty:after { - content: 'No notifications (yet)'; - text-align: center; - width: 100%; - position: absolute; - padding: 18px 0; - font-size: 15px; - font-style: italic; - opacity: .4; - } - - .header .notification_menu li > span { - padding: 5px; - display: block; - border-bottom: 1px solid rgba(0,0,0,0.2); - word-wrap: break-word; - } - .header .notification_menu li > span { color: #777; } - .header .notification_menu li:last-child > span { border: 0; } - .header .notification_menu li .added { - display: block; - font-size: .85em; - color: #aaa; - } - - .header .notification_menu li .more { - text-align: center; - } - - .message.update { - text-align: center; - position: fixed; - padding: 10px; - background: #ff6134; - font-size: 15px; - bottom: 0; - left: 0; - width: 100%; - z-index: 19; - } - - .message.update a { - padding: 0 5px; - } - -/*** Global Styles ***/ -.check { - display: inline-block; - vertical-align: top; - margin-top: 4px; - height: 16px; - width: 16px; - cursor: pointer; - background: url('../images/sprite.png') no-repeat -200px; - border-radius: 3px; -} - .check.highlighted { background-color: #424c59; } - .check.checked { background-position: -2px 0; } - .check.indeterminate { background-position: -1px -119px; } - .check input { - display: none !important; - } - -.select { - cursor: pointer; - display: inline-block; - color: #fff; -} - - .select .selection { - display: inline-block; - padding: 0 30px 0 20px; - background: #5b9bd1 url('../images/sprite.png') no-repeat 94% -53px; - } - - .select .selection .selectionDisplay { - display: inline-block; - padding-right: 15px; - border-right: 1px solid rgba(0,0,0,0.2); - - box-shadow: 1px 0 0 rgba(255,255,255,0.15); - } - - .select .menu { - clear: both; - overflow: hidden; - font-weight: bold; - } - - .select .list { - display: none; - background: #282d34; - position: absolute; - margin: 25px 0 0 0; - box-shadow: 0 20px 20px -10px rgba(0,0,0,0.4); - z-index: 3; - } - .select.active .list { - display: block; - } - .select .list ul { - display: block; - width: 100% !important; - } - .select .list li { - padding: 0 33px 0 20px; - margin: 0 !important; - display: block; - border-top: 1px solid rgba(255,255,255,0.1); - white-space: nowrap; - } - .select .list li.highlighted { - background: rgba(255,255,255,0.1); - border-color: transparent; - } - - .select input { display: none; } - -.inlay { - color: #fff; - border: 0; - background-color: #282d34; - box-shadow: inset 0 1px 8px rgba(0,0,0,0.25); -} - - .inlay.light { - background-color: #47515f; - outline: none; - box-shadow: none; - } - - .inlay:focus { - background-color: #3a4350; - outline: none; - } - -.onlay, .inlay .selected, .inlay:not(.reversed) > li:hover, .inlay > li.active, .inlay.reversed > li { - border-radius:3px; - border: 1px solid #252930; - box-shadow: inset 0 1px 0 rgba(255,255,255,0.20); - background: rgb(55,62,74); - background-image: linear-gradient( - 0, - rgb(55,62,74) 0%, - rgb(73,83,98) 100% - ); -} -.onlay:active, .inlay.reversed > li:active { - color: #fff; - border: 1px solid transparent; - background-color: #282d34; - box-shadow: inset 0 1px 8px rgba(0,0,0,0.25); -} - -.question { - display: block; - width: 600px; - padding: 20px; - position:fixed; - z-index: 101; - text-align: center; -} - - .question h3 { - font-size: 25px; - padding: 0; - margin: 0 0 20px; - } - - .question .hint { - font-size: 14px; - color: #ccc; - } - - .question .answer { - font-size: 17px; - display: inline-block; - padding: 10px; - margin: 5px 1%; - cursor: pointer; - width: auto; - } - .question .answer:hover { - background: #000; - } - - .question .answer.delete { - background-color: #a82f12; - } - .question .answer.cancel { - margin-top: 20px; - background-color: #4c5766; - } - -.more_menu { - display: inline-block; - vertical-align: middle; - overflow: visible; -} - - .more_menu > a { - display: block; - height: 44px; - width: 44px; - transition: all 0.3s ease-in-out; - border-bottom: 4px solid transparent; - border-radius: 0; - } - - .more_menu .button:hover { - border-color: #047792; - } - - .more_menu.show .button { - border-color: #04bce6; - } - - .more_menu .wrapper { - display: none; - top: 0; - right: 0; - margin: 11px 0 0 0; - position: absolute; - z-index: 90; - width: 185px; - box-shadow: 0 20px 20px -10px rgba(0,0,0,0.55); - color: #444; - background: #fff; - } - - .more_menu.show .wrapper { - display: block; - top: 44px; - } - - .more_menu ul { - padding: 0; - margin: 0; - list-style: none; - } - - .more_menu .wrapper li { - width: 100%; - height: auto; - } - - .more_menu .wrapper li a { - display: block; - border-bottom: 1px solid rgba(255,255,255,0.2); - box-shadow: none; - font-weight: normal; - font-size: 1.2em; - letter-spacing: 1px; - padding: 2px 10px; - color: #444; - } - .more_menu .wrapper li:first-child a { padding-top: 5px; } - .more_menu .wrapper li:last-child a { padding-bottom: 5px; } - - .more_menu .wrapper li .separator { - border-bottom: 1px solid rgba(0,0,0,.1); - display: block; - height: 1px; - margin: 5px 0; - } - - .more_menu .wrapper li:last-child a { - border: none; - } - .more_menu .wrapper li a:hover { - background: rgba(0,0,0,0.05); - } - -.messages { - position: fixed; - right: 0; - bottom: 0; - width: 320px; - z-index: 20; - overflow: hidden; - font-size: 14px; - font-weight: bold; -} - @media all and (max-width: 480px) { - .messages { - width: 100%; - } - } - - .messages .message { - overflow: hidden; - transition: all .6s cubic-bezier(0.9,0,0.1,1); - background: #5b9bd1; - width: 100%; - position: relative; - margin: 1px 0 0; - max-height: 0; - padding: 0 30px 0 20px; - font-size: 1.1em; - font-weight: normal; - transform: scale(0); - } - .messages .message.sticky { - background-color: #c84040; - } - .messages .message.show { - max-height: 100px; - padding: 15px 30px 15px 20px; - transform: scale(1); - } - .messages .message.hide { - max-height: 0; - padding: 0 20px; - margin: 0; - transform: scale(0); - } - .messages .close { - position: absolute; - padding: 10px 8px; - top: 0; - right: 0; - color: #FFF; - } - -/*** Login ***/ -.page.login { - display: block; -} - - .login h1 { - padding: 0 0 10px; - font-size: 60px; - font-family: Lobster; - font-weight: normal; - } - - .login form { - padding: 0; - height: 300px; - width: 400px; - position: fixed; - left: 50%; - top: 50%; - margin: -200px 0 0 -200px; - } - @media all and (max-width: 480px) { - - .login form { - padding: 0; - height: 300px; - width: 90%; - position: absolute; - left: 5%; - top: 10px; - margin: 0; - } - - } - - .page.login .ctrlHolder { - padding: 0; - margin: 0 0 20px; - } - .page.login .ctrlHolder:hover { - background: none; - } - - .page.login input[type=text], - .page.login input[type=password] { - width: 100% !important; - font-size: 25px; - padding: 14px !important; - } - - .page.login .remember_me { - font-size: 15px; - float: left; - width: 150px; - padding: 20px 0; - } - - .page.login .remember_me .check { - margin: 5px 5px 0 0; - } - - .page.login .button { - font-size: 25px; - padding: 20px; - float: right; - } - -/* Fonts */ -@font-face { - font-family: 'Elusive-Icons'; - src:url('../fonts/Elusive-Icons.eot'); - src:url('../fonts/Elusive-Icons.eot?#iefix') format('embedded-opentype'), - url('../fonts/Elusive-Icons.woff') format('woff'), - url('../fonts/Elusive-Icons.ttf') format('truetype'), - url('../fonts/Elusive-Icons.svg#Elusive-Icons') format('svg'); - font-weight: normal; - font-style: normal; -} - -@font-face { - font-family: 'OpenSans'; - src: url('../fonts/OpenSans-Regular-webfont.eot'); - src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), - url('../fonts/OpenSans-Regular-webfont.woff') format('woff'), - url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'), - url('../fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg'); - font-weight: normal; - font-style: normal; - -} - -@font-face { - font-family: 'OpenSans'; - src: url('../fonts/OpenSans-Italic-webfont.eot'); - src: url('../fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'), - url('../fonts/OpenSans-Italic-webfont.woff') format('woff'), - url('../fonts/OpenSans-Italic-webfont.ttf') format('truetype'), - url('../fonts/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg'); - font-weight: normal; - font-style: italic; - -} - -@font-face { - font-family: 'OpenSans'; - src: url('../fonts/OpenSans-Bold-webfont.eot'); - src: url('../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), - url('../fonts/OpenSans-Bold-webfont.woff') format('woff'), - url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'), - url('../fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg'); - font-weight: bold; - font-style: normal; - -} - -@font-face { - font-family: 'OpenSans'; - src: url('../fonts/OpenSans-BoldItalic-webfont.eot'); - src: url('../fonts/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), - url('../fonts/OpenSans-BoldItalic-webfont.woff') format('woff'), - url('../fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype'), - url('../fonts/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic') format('svg'); - font-weight: bold; - font-style: italic; -} - -@font-face { - font-family: 'Lobster'; - src: url('../fonts/Lobster-webfont.eot'); - src: url('../fonts/Lobster-webfont.eot?#iefix') format('embedded-opentype'), - url('../fonts/Lobster-webfont.woff') format('woff'), - url('../fonts/Lobster-webfont.ttf') format('truetype'), - url('../fonts/Lobster-webfont.svg#lobster_1.4regular') format('svg'); - font-weight: normal; - font-style: normal; -} diff --git a/couchpotato/static/style/main_old.scss b/couchpotato/static/style/main_old.scss new file mode 100644 index 0000000..c7850b2 --- /dev/null +++ b/couchpotato/static/style/main_old.scss @@ -0,0 +1,965 @@ +body, html { + color: #fff; + font-size: 12px; + line-height: 1.5; + font-family: OpenSans, "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; + height: 100%; + margin: 0; + padding: 0; + background: #4e5969; + -webkit-font-smoothing: subpixel-antialiased; + -moz-osx-font-smoothing: grayscale; +} + body { overflow-y: scroll; } + body.noscroll { overflow: hidden; } + + #clean { + background: transparent !important; + } + +* { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +pre { + white-space: pre-wrap; + word-wrap: break-word; +} + +input, textarea { + font-size: 1em; + font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; +} +input:focus, textarea:focus { + outline: none; +} + +::-moz-placeholder { + color: rgba(255, 255, 255, 0.5); + font-style: italic; +} +input:-moz-placeholder { + color: rgba(255, 255, 255, 0.5); + font-style: italic; +} +::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.5); + font-style: italic; +} +:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.5) !important; + font-style: italic; +} + +.tiny_scroll { + overflow: hidden; +} + + .tiny_scroll:hover { + overflow-y: auto; + } + + .tiny_scroll::-webkit-scrollbar { + width: 5px; + } + + .tiny_scroll::-webkit-scrollbar-track { + -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.4); + -webkit-border-radius: 5px; + border-radius: 5px; + } + + .tiny_scroll::-webkit-scrollbar-thumb { + -webkit-border-radius: 5px; + border-radius: 5px; + background: rgba(255,255,255,0.3); + } + +a img { + border:none; +} + +a { + text-decoration:none; + color: #ebfcbc; + outline: 0; + cursor: pointer; + font-weight: bold; +} +a:hover { color: #f3f3f3; } + +.page { + display: none; + width: 100%; + max-width: 980px; + margin: 0 auto; + line-height: 1.5em; + padding: 0 15px 20px; +} + .page.active { display: block; } + +.content { + clear:both; + padding: 65px 0 10px; + background: #4e5969; +} + + @media all and (max-width: 480px) { + .content { + padding-top: 40px; + } + } + +h2 { + font-size: 2.5em; + padding: 0; + margin: 20px 0 0 0; +} + +form { + padding:0; + margin:0; +} + +body > .spinner, .mask{ + background: rgba(0,0,0, 0.9); + z-index: 100; + text-align: center; +} + body > .mask { + position: fixed; + top: 0; + left: 0; + height: 100%; + width: 100%; + padding: 200px; + } + + @media all and (max-width: 480px) { + body > .mask { + padding: 20px; + } + } + +.button { + background: #5082bc; + padding: 5px 10px 6px; + color: #fff; + text-decoration: none; + font-weight: bold; + line-height: 1; + border-radius: 2px; + cursor: pointer; + border: none; + -webkit-appearance: none; +} + .button.red { background-color: #ff0000; } + .button.green { background-color: #2aa300; } + .button.orange { background-color: #ffa200; } + .button.yellow { background-color: #ffe400; } + +/*** Icons ***/ +.icon { + display: inline-block; + background: center no-repeat; +} +.icon.delete { background-image: url('../images/icon.delete.png'); } +.icon.download { background-image: url('../images/icon.download.png'); } +.icon.edit { background-image: url('../images/icon.edit.png'); } +.icon.completed { background-image: url('../images/icon.check.png'); } +.icon.folder { background-image: url('../images/icon.folder.gif'); } +.icon.imdb { background-image: url('../images/icon.imdb.png'); } +.icon.refresh { background-image: url('../images/icon.refresh.png'); } +.icon.readd { background-image: url('../images/icon.readd.png'); } +.icon.rating { background-image: url('../images/icon.rating.png'); } +.icon.files { background-image: url('../images/icon.files.png'); } +.icon.info { background-image: url('../images/icon.info.png'); } +.icon.trailer { background-image: url('../images/icon.trailer.png'); } +.icon.spinner { background-image: url('../images/icon.spinner.gif'); } +.icon.attention { background-image: url('../images/icon.attention.png'); } + +.icon2 { + display: inline-block; + background: center no-repeat; + font-family: 'Elusive-Icons'; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + font-size: 15px; + color: #FFF; +} + +.icon2.add:before { content: "\e05a"; color: #c2fac5; } +.icon2.cog:before { content: "\e109"; } +.icon2.eye-open:before { content: "\e09d"; } +.icon2.search:before { content: "\e03e"; } +.icon2.return-key:before { content: "\e111"; } +.icon2.close:before { content: "\e04e"; } +.icon2.trailer:before { content: "\e0e9"; } +.icon2.download:before { content: "\e0c3"; } +.icon2.edit:before { content: "\e068"; } +.icon2.refresh:before { content: "\e04f"; font-weight: bold; } +.icon2.delete:before { content: "\e04e"; } +.icon2.directory:before { content: "\e097"; } +.icon2.completed:before { content: "\e070"; } +.icon2.info:before { content: "\e089"; } +.icon2.attention:before { content: "\e009"; } +.icon2.readd:before { + display: inline-block; + content: "\e04b"; + transform: scale(-1, 1); +} +.icon2.imdb:before { + content: "IMDb"; + color: #444; + padding: 2px; + border-radius: 3px; + background-color: #fbec98; + font: bold 8px Arial; + position: relative; + top: -3px; +} +.icon2.menu:before { + content: "\e076\00a0 \e076\00a0 \e076\00a0"; + line-height: 6px; + transform: scaleX(2); + width: 20px; + font-size: 10px; + display: inline-block; + vertical-align: middle; + word-wrap: break-word; + text-align:center; + margin-left: 5px; +} + @media screen and (-webkit-min-device-pixel-ratio:0) { + .icon2.menu:before { + margin-top: -7px; + } + } + +/*** Navigation ***/ +.header { + height: 66px; + position: fixed; + margin: 0; + width: 100%; + z-index: 5; + background: #5c697b; + box-shadow: 0 0 10px rgba(0,0,0,.1); + transition: all .4s ease-in-out; +} + + @media all and (max-width: 480px) { + .header { + height: 44px; + } + } + +.header > div { + width: 100%; + max-width: 980px; + margin: 0 auto; + position: relative; + height: 100%; + padding: 0 15px; +} + + .header .navigation { + display: inline-block; + vertical-align: middle; + position: absolute; + height: 100%; + left: 0; + bottom: 0; + } + + .header .foldout { + width: 44px; + height: 100%; + text-align: center; + border-right: 1px solid rgba(255,255,255,.07); + display: none; + vertical-align: top; + line-height: 42px; + color: #FFF; + } + + .header .logo { + display: inline-block; + font-size: 3em; + padding: 4px 30px 0 15px; + height: 100%; + border-right: 1px solid rgba(255,255,255,.07); + color: #FFF; + font-weight: normal; + vertical-align: top; + font-family: Lobster, sans-serif; + } + + @media all and (max-width: 480px) { + .header .foldout { + display: inline-block; + } + + .header .logo { + padding-top: 7px; + border: 0; + font-size: 1.7em; + } + } + + @media all and (min-width: 481px) and (max-width: 640px) { + + .header .logo { + display: none; + } + + } + + .header .navigation ul { + display: inline-block; + margin: 0; + padding: 0; + height: 100%; + } + + .header .navigation li { + color: #fff; + display: inline-block; + font-size: 1.75em; + margin: 0; + text-align: center; + height: 100%; + border: 1px solid rgba(255,255,255,.07); + border-width: 0 0 0 1px; + } + .header .navigation li:first-child { + border: none; + } + + .header .navigation li a { + display: block; + padding: 15px; + position: relative; + height: 100%; + border: 1px solid transparent; + border-width: 0 0 4px 0; + font-weight: normal; + } + + .header .navigation li:hover a { border-color: #047792; } + .header .navigation li.active a { border-color: #04bce6; } + + .header .navigation li.disabled { color: #e5e5e5; } + .header .navigation li a { color: #fff; } + + .header .navigation .backtotop { + opacity: 0; + display: block; + width: 80px; + left: 50%; + position: fixed; + bottom: 0; + text-align: center; + margin: -10px 0 0 -40px; + background: #4e5969; + padding: 5px 0; + color: rgba(255,255,255,.4); + font-weight: normal; + } + .header:hover .navigation .backtotop { color: #fff; } + + @media all and (max-width: 480px) { + + body { + position: absolute; + width: 100%; + transition: all .5s cubic-bezier(0.9,0,0.1,1); + left: 0; + } + + .menu_shown body { + left: 240px; + } + + .header .navigation { + height: 100%; + } + + .menu_shown .header .navigation .overlay { + position: fixed; + right: 0; + top: 0; + bottom: 0; + left: 240px; + } + + .header .navigation ul { + width: 240px; + position: fixed; + left: -240px; + background: rgba(0,0,0,.5); + transition: all .5s cubic-bezier(0.9,0,0.1,1); + } + + .menu_shown .header .navigation ul { + left: 0; + } + + .header .navigation ul li { + display: block; + text-align: left; + border-width: 1px 0 0 0; + height: 44px; + } + .header .navigation ul li a { + border-width: 0 4px 0 0; + padding: 5px 20px; + } + + .header .navigation ul li.separator { + background-color: rgba(255,255,255, .07); + height: 5px; + } + } + + .header .more_menu { + position: absolute; + right: 15px; + height: 100%; + border-left: 1px solid rgba(255,255,255,.07); + } + + @media all and (max-width: 480px) { + .header .more_menu { + display: none; + } + } + + .header .more_menu .button { + height: 100%; + line-height: 66px; + text-align: center; + padding: 0; + } + + .header .more_menu .wrapper { + width: 200px; + margin-left: -106px; + margin-top: 22px; + } + + @media all and (max-width: 480px) { + .header .more_menu .button { + line-height: 44px; + } + + .header .more_menu .wrapper { + margin-top: 0; + } + } + + .header .more_menu .red { color: red; } + .header .more_menu .orange { color: orange; } + + .badge { + position: absolute; + width: 20px; + height: 20px; + text-align: center; + line-height: 20px; + margin: 0; + background-color: #1b79b8; + top: 0; + right: 0; + } + + .header .notification_menu { + right: 60px; + display: block; + } + + @media all and (max-width: 480px) { + .header .notification_menu { + right: 0; + } + } + + .header .notification_menu .wrapper { + width: 300px; + margin-left: -255px; + text-align: left; + } + + .header .notification_menu ul { + min-height: 60px; + max-height: 300px; + overflow: auto; + } + .header .notification_menu ul:empty:after { + content: 'No notifications (yet)'; + text-align: center; + width: 100%; + position: absolute; + padding: 18px 0; + font-size: 15px; + font-style: italic; + opacity: .4; + } + + .header .notification_menu li > span { + padding: 5px; + display: block; + border-bottom: 1px solid rgba(0,0,0,0.2); + word-wrap: break-word; + } + .header .notification_menu li > span { color: #777; } + .header .notification_menu li:last-child > span { border: 0; } + .header .notification_menu li .added { + display: block; + font-size: .85em; + color: #aaa; + } + + .header .notification_menu li .more { + text-align: center; + } + + .message.update { + text-align: center; + position: fixed; + padding: 10px; + background: #ff6134; + font-size: 15px; + bottom: 0; + left: 0; + width: 100%; + z-index: 19; + } + + .message.update a { + padding: 0 5px; + } + +/*** Global Styles ***/ +.check { + display: inline-block; + vertical-align: top; + margin-top: 4px; + height: 16px; + width: 16px; + cursor: pointer; + background: url('../images/sprite.png') no-repeat -200px; + border-radius: 3px; +} + .check.highlighted { background-color: #424c59; } + .check.checked { background-position: -2px 0; } + .check.indeterminate { background-position: -1px -119px; } + .check input { + display: none !important; + } + +.select { + cursor: pointer; + display: inline-block; + color: #fff; +} + + .select .selection { + display: inline-block; + padding: 0 30px 0 20px; + background: #5b9bd1 url('../images/sprite.png') no-repeat 94% -53px; + } + + .select .selection .selectionDisplay { + display: inline-block; + padding-right: 15px; + border-right: 1px solid rgba(0,0,0,0.2); + + box-shadow: 1px 0 0 rgba(255,255,255,0.15); + } + + .select .menu { + clear: both; + overflow: hidden; + font-weight: bold; + } + + .select .list { + display: none; + background: #282d34; + position: absolute; + margin: 25px 0 0 0; + box-shadow: 0 20px 20px -10px rgba(0,0,0,0.4); + z-index: 3; + } + .select.active .list { + display: block; + } + .select .list ul { + display: block; + width: 100% !important; + } + .select .list li { + padding: 0 33px 0 20px; + margin: 0 !important; + display: block; + border-top: 1px solid rgba(255,255,255,0.1); + white-space: nowrap; + } + .select .list li.highlighted { + background: rgba(255,255,255,0.1); + border-color: transparent; + } + + .select input { display: none; } + +.inlay { + color: #fff; + border: 0; + background-color: #282d34; + box-shadow: inset 0 1px 8px rgba(0,0,0,0.25); +} + + .inlay.light { + background-color: #47515f; + outline: none; + box-shadow: none; + } + + .inlay:focus { + background-color: #3a4350; + outline: none; + } + +.onlay, .inlay .selected, .inlay:not(.reversed) > li:hover, .inlay > li.active, .inlay.reversed > li { + border-radius:3px; + border: 1px solid #252930; + box-shadow: inset 0 1px 0 rgba(255,255,255,0.20); + background: rgb(55,62,74); + background-image: linear-gradient( + 0, + rgb(55,62,74) 0%, + rgb(73,83,98) 100% + ); +} +.onlay:active, .inlay.reversed > li:active { + color: #fff; + border: 1px solid transparent; + background-color: #282d34; + box-shadow: inset 0 1px 8px rgba(0,0,0,0.25); +} + +.question { + display: block; + width: 600px; + padding: 20px; + position:fixed; + z-index: 101; + text-align: center; +} + + .question h3 { + font-size: 25px; + padding: 0; + margin: 0 0 20px; + } + + .question .hint { + font-size: 14px; + color: #ccc; + } + + .question .answer { + font-size: 17px; + display: inline-block; + padding: 10px; + margin: 5px 1%; + cursor: pointer; + width: auto; + } + .question .answer:hover { + background: #000; + } + + .question .answer.delete { + background-color: #a82f12; + } + .question .answer.cancel { + margin-top: 20px; + background-color: #4c5766; + } + +.more_menu { + display: inline-block; + vertical-align: middle; + overflow: visible; +} + + .more_menu > a { + display: block; + height: 44px; + width: 44px; + transition: all 0.3s ease-in-out; + border-bottom: 4px solid transparent; + border-radius: 0; + } + + .more_menu .button:hover { + border-color: #047792; + } + + .more_menu.show .button { + border-color: #04bce6; + } + + .more_menu .wrapper { + display: none; + top: 0; + right: 0; + margin: 11px 0 0 0; + position: absolute; + z-index: 90; + width: 185px; + box-shadow: 0 20px 20px -10px rgba(0,0,0,0.55); + color: #444; + background: #fff; + } + + .more_menu.show .wrapper { + display: block; + top: 44px; + } + + .more_menu ul { + padding: 0; + margin: 0; + list-style: none; + } + + .more_menu .wrapper li { + width: 100%; + height: auto; + } + + .more_menu .wrapper li a { + display: block; + border-bottom: 1px solid rgba(255,255,255,0.2); + box-shadow: none; + font-weight: normal; + font-size: 1.2em; + letter-spacing: 1px; + padding: 2px 10px; + color: #444; + } + .more_menu .wrapper li:first-child a { padding-top: 5px; } + .more_menu .wrapper li:last-child a { padding-bottom: 5px; } + + .more_menu .wrapper li .separator { + border-bottom: 1px solid rgba(0,0,0,.1); + display: block; + height: 1px; + margin: 5px 0; + } + + .more_menu .wrapper li:last-child a { + border: none; + } + .more_menu .wrapper li a:hover { + background: rgba(0,0,0,0.05); + } + +.messages { + position: fixed; + right: 0; + bottom: 0; + width: 320px; + z-index: 20; + overflow: hidden; + font-size: 14px; + font-weight: bold; +} + @media all and (max-width: 480px) { + .messages { + width: 100%; + } + } + + .messages .message { + overflow: hidden; + transition: all .6s cubic-bezier(0.9,0,0.1,1); + background: #5b9bd1; + width: 100%; + position: relative; + margin: 1px 0 0; + max-height: 0; + padding: 0 30px 0 20px; + font-size: 1.1em; + font-weight: normal; + transform: scale(0); + } + .messages .message.sticky { + background-color: #c84040; + } + .messages .message.show { + max-height: 100px; + padding: 15px 30px 15px 20px; + transform: scale(1); + } + .messages .message.hide { + max-height: 0; + padding: 0 20px; + margin: 0; + transform: scale(0); + } + .messages .close { + position: absolute; + padding: 10px 8px; + top: 0; + right: 0; + color: #FFF; + } + +/*** Login ***/ +.page.login { + display: block; +} + + .login h1 { + padding: 0 0 10px; + font-size: 60px; + font-family: Lobster; + font-weight: normal; + } + + .login form { + padding: 0; + height: 300px; + width: 400px; + position: fixed; + left: 50%; + top: 50%; + margin: -200px 0 0 -200px; + } + @media all and (max-width: 480px) { + + .login form { + padding: 0; + height: 300px; + width: 90%; + position: absolute; + left: 5%; + top: 10px; + margin: 0; + } + + } + + .page.login .ctrlHolder { + padding: 0; + margin: 0 0 20px; + } + .page.login .ctrlHolder:hover { + background: none; + } + + .page.login input[type=text], + .page.login input[type=password] { + width: 100% !important; + font-size: 25px; + padding: 14px !important; + } + + .page.login .remember_me { + font-size: 15px; + float: left; + width: 150px; + padding: 20px 0; + } + + .page.login .remember_me .check { + margin: 5px 5px 0 0; + } + + .page.login .button { + font-size: 25px; + padding: 20px; + float: right; + } + +/* Fonts */ +@font-face { + font-family: 'Elusive-Icons'; + src:url('../fonts/Elusive-Icons.eot'); + src:url('../fonts/Elusive-Icons.eot?#iefix') format('embedded-opentype'), + url('../fonts/Elusive-Icons.woff') format('woff'), + url('../fonts/Elusive-Icons.ttf') format('truetype'), + url('../fonts/Elusive-Icons.svg#Elusive-Icons') format('svg'); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: 'OpenSans'; + src: url('../fonts/OpenSans-Regular-webfont.eot'); + src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), + url('../fonts/OpenSans-Regular-webfont.woff') format('woff'), + url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'), + url('../fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg'); + font-weight: normal; + font-style: normal; + +} + +@font-face { + font-family: 'OpenSans'; + src: url('../fonts/OpenSans-Italic-webfont.eot'); + src: url('../fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'), + url('../fonts/OpenSans-Italic-webfont.woff') format('woff'), + url('../fonts/OpenSans-Italic-webfont.ttf') format('truetype'), + url('../fonts/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg'); + font-weight: normal; + font-style: italic; + +} + +@font-face { + font-family: 'OpenSans'; + src: url('../fonts/OpenSans-Bold-webfont.eot'); + src: url('../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), + url('../fonts/OpenSans-Bold-webfont.woff') format('woff'), + url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'), + url('../fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg'); + font-weight: bold; + font-style: normal; + +} + +@font-face { + font-family: 'OpenSans'; + src: url('../fonts/OpenSans-BoldItalic-webfont.eot'); + src: url('../fonts/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), + url('../fonts/OpenSans-BoldItalic-webfont.woff') format('woff'), + url('../fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype'), + url('../fonts/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic') format('svg'); + font-weight: bold; + font-style: italic; +} + +@font-face { + font-family: 'Lobster'; + src: url('../fonts/Lobster-webfont.eot'); + src: url('../fonts/Lobster-webfont.eot?#iefix') format('embedded-opentype'), + url('../fonts/Lobster-webfont.woff') format('woff'), + url('../fonts/Lobster-webfont.ttf') format('truetype'), + url('../fonts/Lobster-webfont.svg#lobster_1.4regular') format('svg'); + font-weight: normal; + font-style: normal; +} diff --git a/couchpotato/static/style/settings.css b/couchpotato/static/style/settings.css deleted file mode 100644 index e84d381..0000000 --- a/couchpotato/static/style/settings.css +++ /dev/null @@ -1,820 +0,0 @@ -.page.settings { - min-width: 960px; -} - -.page.settings:after { - content: ""; - display: block; - clear: both; - visibility: hidden; - line-height: 0; - height: 0; -} - - .page.settings .tabs { - float: left; - width: 14.7%; - font-size: 17px; - text-align: right; - list-style: none; - padding: 35px 0; - margin: 0; - min-height: 470px; - background-image: linear-gradient( - 76deg, - rgba(0,0,0,0) 50%, - rgba(0,0,0,0.3) 100% - ); - } - .page.settings .tabs a { - display: block; - padding: 7px 15px; - font-weight: normal; - transition: all 0.3s ease-in-out; - color: rgba(255, 255, 255, 0.8); - text-shadow: none; - } - .page.settings .tabs a:hover, - .page.settings .tabs .active a { - background: rgb(78, 89, 105); - color: #fff; - } - .page.settings .tabs > li { - border-bottom: 1px solid rgb(78, 89, 105); - } - - .page.settings .tabs .subtabs { - list-style: none; - padding: 0; - margin: -5px 0 10px; - } - - .page.settings .tabs .subtabs a { - font-size: 13px; - padding: 0 15px; - font-weight: normal; - transition: all .3s ease-in-out; - color: rgba(255, 255, 255, 0.7); - } - - .page.settings .tabs .subtabs .active a { - color: #fff; - background: rgb(78, 89, 105); - } - - - .page.settings .containers { - width: 84%; - float: left; - padding: 40px 0 40px 2%; - min-height: 300px; - } - - .page .advanced { - display: none; - color: #edc07f; - } - .page.show_advanced .advanced { display: block; } - .page.show_advanced span.advanced, - .page.show_advanced input.advanced { display: inline; } - - .page.settings .tab_content { - display: none; - } - .page.settings .tab_content.active { display: block; } - - .page fieldset { - padding: 10px 0; - } - .page fieldset h2 { - font-weight: normal; - font-size: 25px; - padding: 0 9px 10px 30px; - margin: 0; - border-bottom: 1px solid #333; - box-shadow: 0 1px 0 rgba(255,255,255, 0.15); - } - - .page fieldset h2 .icon { - vertical-align: bottom; - position: absolute; - left: -25px; - top: 3px; - background: #FFF; - border-radius: 2.5px; - line-height: 0; - overflow: hidden; - } - - .page fieldset.enabler:hover h2 .icon { - display: none; - } - - .page fieldset h2 .hint { - font-size: 12px; - margin-left: 10px; - } - .page fieldset h2 .hint a { - margin: 0 !important; - padding: 0; - } - - .page fieldset.disabled .ctrlHolder { - display: none; - } - .page fieldset > .ctrlHolder:first-child { - display: block; - padding: 0; - position: relative; - margin: 0 0 -23px; - border: none; - width: 20px; - } - - .Scan_folder { padding: 0 !important; } - - .page .ctrlHolder { - line-height: 25px; - padding: 10px 10px 10px 30px; - font-size: 14px; - border: 0; - } - .page .ctrlHolder.save_success:not(:first-child) { - background: url('../images/icon.check.png') no-repeat 7px center; - } - .page .ctrlHolder:last-child { border: none; } - .page .ctrlHolder:hover { background-color: rgba(255,255,255,0.05); } - .page .ctrlHolder.focused { background-color: rgba(255,255,255,0.2); } - .page .ctrlHolder.focused:first-child, .page .ctrlHolder:first-child{ background-color: transparent; } - - .page .ctrlHolder .formHint { - width: 46%; - margin: -18px 0; - color: #fff !important; - display: inline-block; - vertical-align: middle; - padding: 0 0 0 2%; - line-height: 14px; - } - - .page .check { - margin-top: 6px; - } - - .page .check + .formHint { - float: none; - width: auto; - display: inline-block; - padding-left: 1% !important; - height: 24px; - vertical-align: middle; - line-height: 24px; - } - - .page .ctrlHolder label { - font-weight: bold; - width: 20%; - margin: 0; - padding: 6px 0 0; - } - - .page .xsmall { width: 25px !important; text-align: center; } - - .page .enabler { - display: block; - } - - .page .option_list { - margin-bottom: 20px; - } - - .page .option_list .check { - margin-top: 5px; - } - - .page .option_list .enabler { - padding: 0; - margin-left: 5px !important; - } - - .page .option_list .enabler:not(.disabled) { - margin: 0 0 0 30px; - } - - .page .option_list .enabler:not(.disabled) .ctrlHolder:first-child { - margin: 10px 0 -33px 0; - } - - .page .option_list h3 { - padding: 0; - margin: 10px 5px 0; - text-align: center; - font-weight: normal; - text-shadow: none; - text-transform: uppercase; - font-size: 12px; - background: rgba(255,255,255,0.03); - } - - .page .option_list .enabler.disabled { - display: inline-block; - padding: 4px 0 5px; - width: 24%; - vertical-align: top; - } - .page .option_list .enabler:not(.disabled) .icon { - display: none; - } - - .page .option_list .enabler.disabled h2 { - cursor: pointer; - border: none; - box-shadow: none; - padding: 0 10px 0 0; - font-size: 16px; - position: relative; - left: 25px; - margin-right: 25px; - } - - .page .option_list .enabler:not(.disabled) h2 { - font-size: 16px; - font-weight: bold; - border: none; - border-top: 1px solid rgba(255,255,255, 0.15); - box-shadow: 0 -1px 0 #333; - margin: 0; - padding: 10px 0 5px 25px; - } - .page .option_list .enabler:not(.disabled):first-child h2 { - border: none; - box-shadow: none; - } - - .page .option_list .enabler.disabled h2 .hint { - display: none; - } - .page .option_list .enabler h2 .hint { - font-weight: normal; - } - - .page input[type=text], .page input[type=password] { - padding: 5px 3px; - margin: 0; - width: 30%; - border-radius: 3px; - } - .page .input.xsmall { width: 5% } - .page .input.small { width: 10% } - .page .input.medium { width: 15% } - .page .input.large { width: 25% } - .page .input.xlarge { width: 30% } - - .page .advanced_toggle { - clear: both; - display: block; - text-align: right; - height: 20px; - margin: 0 0 -38px; - } - .page .advanced_toggle .check { - margin: 0; - } - .page .advanced_toggle span { padding: 0 5px; } - .page.show_advanced .advanced_toggle { - color: #edc07f; - } - - .page form .directory { - display: inline-block; - padding: 0 4% 0 4px; - font-size: 13px; - width: 30%; - overflow: hidden; - vertical-align: top; - position: relative; - } - .page form .directory:after { - content: "\e097"; - position: absolute; - right: 7px; - top: 2px; - font-family: 'Elusive-Icons'; - color: #f5e39c; - } - .page form .directory > input { - height: 25px; - display: inline-block; - float: right; - text-align: right; - white-space: nowrap; - cursor: pointer; - background: none; - border: 0; - color: #FFF; - width: 100%; - } - .page form .directory input:empty:before { - content: 'No folder selected'; - font-style: italic; - opacity: .3; - } - - .page .directory_list { - z-index: 2; - position: absolute; - width: 450px; - margin: 28px 0 20px 18.4%; - background: #5c697b; - box-shadow: 0 20px 40px -20px rgba(0,0,0,0.55); - } - - .page .directory_list .pointer { - border-right: 6px solid transparent; - border-left: 6px solid transparent; - border-bottom: 6px solid #5c697b; - display: block; - position: absolute; - width: 0; - margin: -6px 0 0 45%; - } - - .page .directory_list ul { - width: 92%; - height: 300px; - overflow: auto; - margin: 0 4%; - font-size: 16px; - } - - .page .directory_list li { - padding: 4px 30px 4px 10px; - cursor: pointer; - margin: 0 !important; - border-top: 1px solid rgba(255,255,255,0.1); - background: url('../images/right.arrow.png') no-repeat 98% center; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - } - - .page .directory_list li.blur { - opacity: .3; - } - - .page .directory_list li:last-child { - border-bottom: 1px solid rgba(255,255,255,0.1); - } - - .page .directory_list li:hover { - background-color: #515c68; - } - - .page .directory_list li.empty { - background: none; - height: 100px; - text-align: center; - font-style: italic; - border: none; - line-height: 100px; - cursor: default; - color: #BBB; - text-shadow: none; - font-size: 12px; - } - - .page .directory_list .actions { - clear: both; - padding: 4% 4% 2%; - min-height: 45px; - position: relative; - width: 100%; - text-align: right; - } - - .page .directory_list .actions label { - float: right; - width: auto; - padding: 0; - } - .page .directory_list .actions .inlay { - margin: 0 0 0 7px; - } - - .page .directory_list .actions .back { - font-weight: bold; - width: 160px; - display: inline-block; - padding: 0; - line-height: 120%; - vertical-align: top; - position: absolute; - text-align: left; - left: 4%; - } - - .page .directory_list .actions:last-child { - float: right; - padding: 4%; - } - - .page .directory_list .actions:last-child > span { - padding: 0 5px; - text-shadow: none; - } - - .page .directory_list .actions:last-child > .clear { - left: 4%; - position: absolute; - background-color: #af3128; - } - - .page .directory_list .actions:last-child > .cancel { - font-weight: bold; - color: #ddd; - } - - .page .directory_list .actions:last-child > .save { - background: #9dc156; - } - - - .page .multi_directory.is_empty .delete { - visibility: hidden; - } - - .page .multi_directory .delete { - display: none; - } - .page .multi_directory:hover .delete { - display: inline-block; - width: 22px; - height: 24px; - vertical-align: top; - background-position: center; - margin-left: 5px; - } - - - .page .tag_input select { - width: 20%; - display: inline-block; - } - - .page .tag_input .selection { - border-radius: 0 10px 10px 0; - height: 26px; - } - - .page .tag_input > input { - display: none; - } - - .page .tag_input > ul { - list-style: none; - border-radius: 3px; - cursor: text; - width: 30%; - margin: 0 !important; - min-height: 27px; - line-height: 0; - display: inline-block; - } - .page .tag_input:hover > ul { - border-radius: 3px 0 0 3px; - } - .page .tag_input:hover .formHint { display: none; } - - .page .tag_input > ul > li { - display: inline-block; - min-height: 20px; - min-width: 2px; - font-size: 12px; - padding: 0; - margin: 4px 0 0 !important; - border-width: 0; - background: 0; - line-height: 20px; - } - .page .tag_input > ul > li:first-child { min-width: 4px; } - .page .tag_input li.choice { - cursor: -moz-grab; - cursor: -webkit-grab; - cursor: grab; - padding: 0; - border-radius: 2px; - } - .page .tag_input > ul:hover > li.choice { - background: linear-gradient( - 180deg, - rgba(255,255,255,0.3) 0%, - rgba(255,255,255,0.1) 100% - ); - } - .page .tag_input > ul > li.choice:hover, - .page .tag_input > ul > li.choice.selected { - background: linear-gradient( - 180deg, - #5b9bd1 0%, - #406db8 100% - ); - } - - .page .tag_input .select { - display: none; - } - .page .tag_input:hover .select { display: inline-block; } - - .page .tag_input li input { - background: 0; - border: 0; - color: #fff; - outline-width: 0; - padding: 0; - min-width: 2px; - } - .page .tag_input li:first-child input { - padding-left: 2px; - min-width: 0; - } - - .page .tag_input li:not(.choice) span { - white-space: pre; - position: absolute; - top: -9999px; - } - - .page .tag_input .delete { - display: none; - height: 10px; - width: 16px; - position: absolute; - margin: -9px 0 0 -16px; - border-radius: 30px 30px 0 0; - cursor: pointer; - background: url('../images/icon.delete.png') no-repeat center 2px, linear-gradient( - 180deg, - #5b9bd1 0%, - #5b9bd1 100% - ); - background-size: 65%; - } - .page .tag_input .choice:hover .delete, - .page .tag_input .choice.selected .delete { display: inline-block; } - .page .tag_input .choice .delete:hover { - height: 14px; - margin-top: -13px; - } - - .page .combined_table .head { - margin: 0 0 0 60px; - } - .page .disabled .head { display: none; } - .page .combined_table .head abbr { - display: inline-block; - font-weight: bold; - border-bottom: 1px dotted #fff; - line-height: 140%; - cursor: help; - } - .page .combined_table .head abbr:first-child { - display: none; - } - .page .combined_table .head abbr.host { margin-right: 120px; } - .page .combined_table input.host { width: 140px; } - .page .section_newznab .combined_table .head abbr.host { margin-right: 180px; } - .page .section_newznab .combined_table input.host { width: 200px; } - - .page .combined_table .head abbr.name { margin-right: 57px; } - .page .combined_table input.name { width: 120px; } - .page .combined_table .head abbr.api_key { margin-right: 75px; } - - .page .combined_table .head abbr.pass_key { margin-right: 71px; } - .page .combined_table input.pass_key { width: 113px; } - - .page .section_newznab .combined_table .head abbr.api_key { margin-right: 170px; } - .page .section_newznab .combined_table input.api_key { width: 203px; } - - .page .combined_table .head abbr.extra_score { - margin-right: 15px; - display: none; - } - .page .combined_table input.extra_score { - width: 75px; - display: none; - } - .page.show_advanced .combined_table .head .extra_score, - .page.show_advanced .combined_table .extra_score { - display: inline-block; - } - - .page .combined_table .head abbr.custom_tag { - margin-right: 15px; - display: none; - } - .page .combined_table input.custom_tag { - width: 140px; - display: none; - } - .page.show_advanced .combined_table .head .custom_tag, - .page.show_advanced .combined_table .custom_tag { - display: inline-block; - } - - - .page .combined_table .seed_ratio, - .page .combined_table .seed_time { - width: 70px; - text-align: center; - margin-left: 10px; - } - .page .combined_table .seed_time { - margin-right: 10px; - } - - .page .combined_table .ctrlHolder { - padding-top: 2px; - padding-bottom: 3px; - } - .page .combined_table .ctrlHolder.hide { display: none; } - - .page .combined_table .ctrlHolder > * { - margin: 0 10px 0 0; - } - .page .combined_table .ctrlHolder > .check { - margin-top: 6px; - } - - .page .combined_table .ctrlHolder .delete { - display: none; - width: 22px; - height: 22px; - line-height: 22px; - text-align: center; - vertical-align: middle; - color: #fe3d3d; - } - .page .combined_table .ctrlHolder:hover .delete { - display: inline-block; - } - - .page .combined_table .ctrlHolder.is_empty .delete, .page.settings .combined_table .ctrlHolder.is_empty .check { - visibility: hidden; -} - - .page .tab_about .usenet { - padding: 20px 30px 0; - font-size: 1.5em; - line-height: 1.3em; - } - - .page .tab_about .usenet a { - padding: 0 5px; - } - - .page .tab_about .usenet ul { - float: left; - width: 50%; - margin: 10px 0; - padding: 0; - } - - .page .tab_about .usenet li { - background: url('../images/icon.check.png') no-repeat left center; - padding: 0 0 0 25px; - } - - .page .tab_about .donate { - float: left; - width: 42%; - text-align: center; - font-size: 17px; - padding: 0 0 0 4%; - margin: 20px 0 0; - border-left: 1px solid #333; - box-shadow: -1px 0 0 rgba(255,255,255, 0.15); - } - .page .tab_about .donate form { - padding: 10px 0 0; - } - - .page .tab_about .info { - padding: 20px 30px; - margin: 0; - overflow: hidden; - } - - .page .tab_about .info dt { - clear: both; - float: left; - width: 17%; - font-weight: bold; - } - - .page .tab_about .info dd { - float: right; - width: 80%; - padding: 0; - margin: 0; - font-style: italic; - } - .page .tab_about .info dd.version { cursor: pointer; } - - .page .tab_about .group_actions > div { - padding: 30px; - text-align: center; - } - - .page .tab_about .group_actions a { - margin: 0 10px; - font-size: 20px; - } - -.group_userscript { - background: 5px 75px no-repeat; - min-height: 460px; - font-size: 20px; - font-weight: normal; -} - - .settings .group_userscript { - background-position: center 120px; - background-size: auto 70%; - min-height: 360px; - } - - .group_userscript h2 .hint { - display: block; - margin: 0 !important; - } - - .group_userscript .userscript { - float: left; - margin: 14px 0 0 25px; - height: 36px; - line-height: 25px; - } - - .group_userscript .or { - float: left; - margin: 20px -10px 0 10px; - } - - .group_userscript .bookmarklet { - display: block; - float: left; - padding: 20px 15px 0 25px; - border-radius: 5px; - } - - .group_userscript .bookmarklet span { - margin-left: 10px; - display: inline-block; - } - -.active .group_imdb_automation:not(.disabled) { - background: url('../images/imdb_watchlist.png') no-repeat right 50px; - min-height: 210px; -} - - -.tooltip { - position: absolute; - right: 0; - width: 30px; - height: 30px; -} - - .tooltip > a { - opacity: .3; - font-size: 11px; - cursor: pointer; - } - - .tooltip:hover > a { - opacity: 1; - } - - .tooltip div { - background: #FFF; - color: #000; - padding: 10px; - width: 380px; - z-index: 200; - position: absolute; - transition: all .4s cubic-bezier(0.9,0,0.1,1); - margin-top: 40px; - right: 0; - opacity: 0; - visibility: hidden; - } - - .tooltip.shown div { - margin-top: 10px; - opacity: 1; - visibility: visible; - } - - .tooltip div a { - color: #5b9bd1; - } diff --git a/couchpotato/static/style/settings.scss b/couchpotato/static/style/settings.scss new file mode 100644 index 0000000..e84d381 --- /dev/null +++ b/couchpotato/static/style/settings.scss @@ -0,0 +1,820 @@ +.page.settings { + min-width: 960px; +} + +.page.settings:after { + content: ""; + display: block; + clear: both; + visibility: hidden; + line-height: 0; + height: 0; +} + + .page.settings .tabs { + float: left; + width: 14.7%; + font-size: 17px; + text-align: right; + list-style: none; + padding: 35px 0; + margin: 0; + min-height: 470px; + background-image: linear-gradient( + 76deg, + rgba(0,0,0,0) 50%, + rgba(0,0,0,0.3) 100% + ); + } + .page.settings .tabs a { + display: block; + padding: 7px 15px; + font-weight: normal; + transition: all 0.3s ease-in-out; + color: rgba(255, 255, 255, 0.8); + text-shadow: none; + } + .page.settings .tabs a:hover, + .page.settings .tabs .active a { + background: rgb(78, 89, 105); + color: #fff; + } + .page.settings .tabs > li { + border-bottom: 1px solid rgb(78, 89, 105); + } + + .page.settings .tabs .subtabs { + list-style: none; + padding: 0; + margin: -5px 0 10px; + } + + .page.settings .tabs .subtabs a { + font-size: 13px; + padding: 0 15px; + font-weight: normal; + transition: all .3s ease-in-out; + color: rgba(255, 255, 255, 0.7); + } + + .page.settings .tabs .subtabs .active a { + color: #fff; + background: rgb(78, 89, 105); + } + + + .page.settings .containers { + width: 84%; + float: left; + padding: 40px 0 40px 2%; + min-height: 300px; + } + + .page .advanced { + display: none; + color: #edc07f; + } + .page.show_advanced .advanced { display: block; } + .page.show_advanced span.advanced, + .page.show_advanced input.advanced { display: inline; } + + .page.settings .tab_content { + display: none; + } + .page.settings .tab_content.active { display: block; } + + .page fieldset { + padding: 10px 0; + } + .page fieldset h2 { + font-weight: normal; + font-size: 25px; + padding: 0 9px 10px 30px; + margin: 0; + border-bottom: 1px solid #333; + box-shadow: 0 1px 0 rgba(255,255,255, 0.15); + } + + .page fieldset h2 .icon { + vertical-align: bottom; + position: absolute; + left: -25px; + top: 3px; + background: #FFF; + border-radius: 2.5px; + line-height: 0; + overflow: hidden; + } + + .page fieldset.enabler:hover h2 .icon { + display: none; + } + + .page fieldset h2 .hint { + font-size: 12px; + margin-left: 10px; + } + .page fieldset h2 .hint a { + margin: 0 !important; + padding: 0; + } + + .page fieldset.disabled .ctrlHolder { + display: none; + } + .page fieldset > .ctrlHolder:first-child { + display: block; + padding: 0; + position: relative; + margin: 0 0 -23px; + border: none; + width: 20px; + } + + .Scan_folder { padding: 0 !important; } + + .page .ctrlHolder { + line-height: 25px; + padding: 10px 10px 10px 30px; + font-size: 14px; + border: 0; + } + .page .ctrlHolder.save_success:not(:first-child) { + background: url('../images/icon.check.png') no-repeat 7px center; + } + .page .ctrlHolder:last-child { border: none; } + .page .ctrlHolder:hover { background-color: rgba(255,255,255,0.05); } + .page .ctrlHolder.focused { background-color: rgba(255,255,255,0.2); } + .page .ctrlHolder.focused:first-child, .page .ctrlHolder:first-child{ background-color: transparent; } + + .page .ctrlHolder .formHint { + width: 46%; + margin: -18px 0; + color: #fff !important; + display: inline-block; + vertical-align: middle; + padding: 0 0 0 2%; + line-height: 14px; + } + + .page .check { + margin-top: 6px; + } + + .page .check + .formHint { + float: none; + width: auto; + display: inline-block; + padding-left: 1% !important; + height: 24px; + vertical-align: middle; + line-height: 24px; + } + + .page .ctrlHolder label { + font-weight: bold; + width: 20%; + margin: 0; + padding: 6px 0 0; + } + + .page .xsmall { width: 25px !important; text-align: center; } + + .page .enabler { + display: block; + } + + .page .option_list { + margin-bottom: 20px; + } + + .page .option_list .check { + margin-top: 5px; + } + + .page .option_list .enabler { + padding: 0; + margin-left: 5px !important; + } + + .page .option_list .enabler:not(.disabled) { + margin: 0 0 0 30px; + } + + .page .option_list .enabler:not(.disabled) .ctrlHolder:first-child { + margin: 10px 0 -33px 0; + } + + .page .option_list h3 { + padding: 0; + margin: 10px 5px 0; + text-align: center; + font-weight: normal; + text-shadow: none; + text-transform: uppercase; + font-size: 12px; + background: rgba(255,255,255,0.03); + } + + .page .option_list .enabler.disabled { + display: inline-block; + padding: 4px 0 5px; + width: 24%; + vertical-align: top; + } + .page .option_list .enabler:not(.disabled) .icon { + display: none; + } + + .page .option_list .enabler.disabled h2 { + cursor: pointer; + border: none; + box-shadow: none; + padding: 0 10px 0 0; + font-size: 16px; + position: relative; + left: 25px; + margin-right: 25px; + } + + .page .option_list .enabler:not(.disabled) h2 { + font-size: 16px; + font-weight: bold; + border: none; + border-top: 1px solid rgba(255,255,255, 0.15); + box-shadow: 0 -1px 0 #333; + margin: 0; + padding: 10px 0 5px 25px; + } + .page .option_list .enabler:not(.disabled):first-child h2 { + border: none; + box-shadow: none; + } + + .page .option_list .enabler.disabled h2 .hint { + display: none; + } + .page .option_list .enabler h2 .hint { + font-weight: normal; + } + + .page input[type=text], .page input[type=password] { + padding: 5px 3px; + margin: 0; + width: 30%; + border-radius: 3px; + } + .page .input.xsmall { width: 5% } + .page .input.small { width: 10% } + .page .input.medium { width: 15% } + .page .input.large { width: 25% } + .page .input.xlarge { width: 30% } + + .page .advanced_toggle { + clear: both; + display: block; + text-align: right; + height: 20px; + margin: 0 0 -38px; + } + .page .advanced_toggle .check { + margin: 0; + } + .page .advanced_toggle span { padding: 0 5px; } + .page.show_advanced .advanced_toggle { + color: #edc07f; + } + + .page form .directory { + display: inline-block; + padding: 0 4% 0 4px; + font-size: 13px; + width: 30%; + overflow: hidden; + vertical-align: top; + position: relative; + } + .page form .directory:after { + content: "\e097"; + position: absolute; + right: 7px; + top: 2px; + font-family: 'Elusive-Icons'; + color: #f5e39c; + } + .page form .directory > input { + height: 25px; + display: inline-block; + float: right; + text-align: right; + white-space: nowrap; + cursor: pointer; + background: none; + border: 0; + color: #FFF; + width: 100%; + } + .page form .directory input:empty:before { + content: 'No folder selected'; + font-style: italic; + opacity: .3; + } + + .page .directory_list { + z-index: 2; + position: absolute; + width: 450px; + margin: 28px 0 20px 18.4%; + background: #5c697b; + box-shadow: 0 20px 40px -20px rgba(0,0,0,0.55); + } + + .page .directory_list .pointer { + border-right: 6px solid transparent; + border-left: 6px solid transparent; + border-bottom: 6px solid #5c697b; + display: block; + position: absolute; + width: 0; + margin: -6px 0 0 45%; + } + + .page .directory_list ul { + width: 92%; + height: 300px; + overflow: auto; + margin: 0 4%; + font-size: 16px; + } + + .page .directory_list li { + padding: 4px 30px 4px 10px; + cursor: pointer; + margin: 0 !important; + border-top: 1px solid rgba(255,255,255,0.1); + background: url('../images/right.arrow.png') no-repeat 98% center; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + } + + .page .directory_list li.blur { + opacity: .3; + } + + .page .directory_list li:last-child { + border-bottom: 1px solid rgba(255,255,255,0.1); + } + + .page .directory_list li:hover { + background-color: #515c68; + } + + .page .directory_list li.empty { + background: none; + height: 100px; + text-align: center; + font-style: italic; + border: none; + line-height: 100px; + cursor: default; + color: #BBB; + text-shadow: none; + font-size: 12px; + } + + .page .directory_list .actions { + clear: both; + padding: 4% 4% 2%; + min-height: 45px; + position: relative; + width: 100%; + text-align: right; + } + + .page .directory_list .actions label { + float: right; + width: auto; + padding: 0; + } + .page .directory_list .actions .inlay { + margin: 0 0 0 7px; + } + + .page .directory_list .actions .back { + font-weight: bold; + width: 160px; + display: inline-block; + padding: 0; + line-height: 120%; + vertical-align: top; + position: absolute; + text-align: left; + left: 4%; + } + + .page .directory_list .actions:last-child { + float: right; + padding: 4%; + } + + .page .directory_list .actions:last-child > span { + padding: 0 5px; + text-shadow: none; + } + + .page .directory_list .actions:last-child > .clear { + left: 4%; + position: absolute; + background-color: #af3128; + } + + .page .directory_list .actions:last-child > .cancel { + font-weight: bold; + color: #ddd; + } + + .page .directory_list .actions:last-child > .save { + background: #9dc156; + } + + + .page .multi_directory.is_empty .delete { + visibility: hidden; + } + + .page .multi_directory .delete { + display: none; + } + .page .multi_directory:hover .delete { + display: inline-block; + width: 22px; + height: 24px; + vertical-align: top; + background-position: center; + margin-left: 5px; + } + + + .page .tag_input select { + width: 20%; + display: inline-block; + } + + .page .tag_input .selection { + border-radius: 0 10px 10px 0; + height: 26px; + } + + .page .tag_input > input { + display: none; + } + + .page .tag_input > ul { + list-style: none; + border-radius: 3px; + cursor: text; + width: 30%; + margin: 0 !important; + min-height: 27px; + line-height: 0; + display: inline-block; + } + .page .tag_input:hover > ul { + border-radius: 3px 0 0 3px; + } + .page .tag_input:hover .formHint { display: none; } + + .page .tag_input > ul > li { + display: inline-block; + min-height: 20px; + min-width: 2px; + font-size: 12px; + padding: 0; + margin: 4px 0 0 !important; + border-width: 0; + background: 0; + line-height: 20px; + } + .page .tag_input > ul > li:first-child { min-width: 4px; } + .page .tag_input li.choice { + cursor: -moz-grab; + cursor: -webkit-grab; + cursor: grab; + padding: 0; + border-radius: 2px; + } + .page .tag_input > ul:hover > li.choice { + background: linear-gradient( + 180deg, + rgba(255,255,255,0.3) 0%, + rgba(255,255,255,0.1) 100% + ); + } + .page .tag_input > ul > li.choice:hover, + .page .tag_input > ul > li.choice.selected { + background: linear-gradient( + 180deg, + #5b9bd1 0%, + #406db8 100% + ); + } + + .page .tag_input .select { + display: none; + } + .page .tag_input:hover .select { display: inline-block; } + + .page .tag_input li input { + background: 0; + border: 0; + color: #fff; + outline-width: 0; + padding: 0; + min-width: 2px; + } + .page .tag_input li:first-child input { + padding-left: 2px; + min-width: 0; + } + + .page .tag_input li:not(.choice) span { + white-space: pre; + position: absolute; + top: -9999px; + } + + .page .tag_input .delete { + display: none; + height: 10px; + width: 16px; + position: absolute; + margin: -9px 0 0 -16px; + border-radius: 30px 30px 0 0; + cursor: pointer; + background: url('../images/icon.delete.png') no-repeat center 2px, linear-gradient( + 180deg, + #5b9bd1 0%, + #5b9bd1 100% + ); + background-size: 65%; + } + .page .tag_input .choice:hover .delete, + .page .tag_input .choice.selected .delete { display: inline-block; } + .page .tag_input .choice .delete:hover { + height: 14px; + margin-top: -13px; + } + + .page .combined_table .head { + margin: 0 0 0 60px; + } + .page .disabled .head { display: none; } + .page .combined_table .head abbr { + display: inline-block; + font-weight: bold; + border-bottom: 1px dotted #fff; + line-height: 140%; + cursor: help; + } + .page .combined_table .head abbr:first-child { + display: none; + } + .page .combined_table .head abbr.host { margin-right: 120px; } + .page .combined_table input.host { width: 140px; } + .page .section_newznab .combined_table .head abbr.host { margin-right: 180px; } + .page .section_newznab .combined_table input.host { width: 200px; } + + .page .combined_table .head abbr.name { margin-right: 57px; } + .page .combined_table input.name { width: 120px; } + .page .combined_table .head abbr.api_key { margin-right: 75px; } + + .page .combined_table .head abbr.pass_key { margin-right: 71px; } + .page .combined_table input.pass_key { width: 113px; } + + .page .section_newznab .combined_table .head abbr.api_key { margin-right: 170px; } + .page .section_newznab .combined_table input.api_key { width: 203px; } + + .page .combined_table .head abbr.extra_score { + margin-right: 15px; + display: none; + } + .page .combined_table input.extra_score { + width: 75px; + display: none; + } + .page.show_advanced .combined_table .head .extra_score, + .page.show_advanced .combined_table .extra_score { + display: inline-block; + } + + .page .combined_table .head abbr.custom_tag { + margin-right: 15px; + display: none; + } + .page .combined_table input.custom_tag { + width: 140px; + display: none; + } + .page.show_advanced .combined_table .head .custom_tag, + .page.show_advanced .combined_table .custom_tag { + display: inline-block; + } + + + .page .combined_table .seed_ratio, + .page .combined_table .seed_time { + width: 70px; + text-align: center; + margin-left: 10px; + } + .page .combined_table .seed_time { + margin-right: 10px; + } + + .page .combined_table .ctrlHolder { + padding-top: 2px; + padding-bottom: 3px; + } + .page .combined_table .ctrlHolder.hide { display: none; } + + .page .combined_table .ctrlHolder > * { + margin: 0 10px 0 0; + } + .page .combined_table .ctrlHolder > .check { + margin-top: 6px; + } + + .page .combined_table .ctrlHolder .delete { + display: none; + width: 22px; + height: 22px; + line-height: 22px; + text-align: center; + vertical-align: middle; + color: #fe3d3d; + } + .page .combined_table .ctrlHolder:hover .delete { + display: inline-block; + } + + .page .combined_table .ctrlHolder.is_empty .delete, .page.settings .combined_table .ctrlHolder.is_empty .check { + visibility: hidden; +} + + .page .tab_about .usenet { + padding: 20px 30px 0; + font-size: 1.5em; + line-height: 1.3em; + } + + .page .tab_about .usenet a { + padding: 0 5px; + } + + .page .tab_about .usenet ul { + float: left; + width: 50%; + margin: 10px 0; + padding: 0; + } + + .page .tab_about .usenet li { + background: url('../images/icon.check.png') no-repeat left center; + padding: 0 0 0 25px; + } + + .page .tab_about .donate { + float: left; + width: 42%; + text-align: center; + font-size: 17px; + padding: 0 0 0 4%; + margin: 20px 0 0; + border-left: 1px solid #333; + box-shadow: -1px 0 0 rgba(255,255,255, 0.15); + } + .page .tab_about .donate form { + padding: 10px 0 0; + } + + .page .tab_about .info { + padding: 20px 30px; + margin: 0; + overflow: hidden; + } + + .page .tab_about .info dt { + clear: both; + float: left; + width: 17%; + font-weight: bold; + } + + .page .tab_about .info dd { + float: right; + width: 80%; + padding: 0; + margin: 0; + font-style: italic; + } + .page .tab_about .info dd.version { cursor: pointer; } + + .page .tab_about .group_actions > div { + padding: 30px; + text-align: center; + } + + .page .tab_about .group_actions a { + margin: 0 10px; + font-size: 20px; + } + +.group_userscript { + background: 5px 75px no-repeat; + min-height: 460px; + font-size: 20px; + font-weight: normal; +} + + .settings .group_userscript { + background-position: center 120px; + background-size: auto 70%; + min-height: 360px; + } + + .group_userscript h2 .hint { + display: block; + margin: 0 !important; + } + + .group_userscript .userscript { + float: left; + margin: 14px 0 0 25px; + height: 36px; + line-height: 25px; + } + + .group_userscript .or { + float: left; + margin: 20px -10px 0 10px; + } + + .group_userscript .bookmarklet { + display: block; + float: left; + padding: 20px 15px 0 25px; + border-radius: 5px; + } + + .group_userscript .bookmarklet span { + margin-left: 10px; + display: inline-block; + } + +.active .group_imdb_automation:not(.disabled) { + background: url('../images/imdb_watchlist.png') no-repeat right 50px; + min-height: 210px; +} + + +.tooltip { + position: absolute; + right: 0; + width: 30px; + height: 30px; +} + + .tooltip > a { + opacity: .3; + font-size: 11px; + cursor: pointer; + } + + .tooltip:hover > a { + opacity: 1; + } + + .tooltip div { + background: #FFF; + color: #000; + padding: 10px; + width: 380px; + z-index: 200; + position: absolute; + transition: all .4s cubic-bezier(0.9,0,0.1,1); + margin-top: 40px; + right: 0; + opacity: 0; + visibility: hidden; + } + + .tooltip.shown div { + margin-top: 10px; + opacity: 1; + visibility: visible; + } + + .tooltip div a { + color: #5b9bd1; + } diff --git a/couchpotato/static/style/uniform.css b/couchpotato/static/style/uniform.css deleted file mode 100644 index 91bc83f..0000000 --- a/couchpotato/static/style/uniform.css +++ /dev/null @@ -1,154 +0,0 @@ -/* ------------------------------------------------------------------------------ - - Copyright (c) 2010, Dragan Babic - - Permission is hereby granted, free of charge, to any person - obtaining a copy of this software and associated documentation - files (the "Software"), to deal in the Software without - restriction, including without limitation the rights to use, - copy, modify, merge, publish, distribute, sublicense, and/or sell - copies of the Software, and to permit persons to whom the - Software is furnished to do so, subject to the following - conditions: - - The above copyright notice and this permission notice shall be - included in all copies or substantial portions of the Software. - - THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, - EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES - OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND - NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT - HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, - WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING - FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR - OTHER DEALINGS IN THE SOFTWARE. - - ------------------------------------------------------------------------------ */ -/* ############################# GENERALS ################################### */ -/* ------------------------------------------------------------------------------ */ - -.uniForm{ margin: 0; padding: 0; position: relative; z-index: 1; } /* reset stuff */ - - /* Some generals and more resets */ - .uniForm fieldset{ border: none; margin: 0; padding: 0; } - .uniForm fieldset legend{ margin: 0; padding: 0; } - - /* This are the main units that contain form elements */ - .uniForm .ctrlHolder, - .uniForm .buttonHolder{ margin: 0; padding: 0; clear: both; } - - /* Clear all floats */ - .uniForm:after, - .uniForm .buttonHolder:after, - .uniForm .ctrlHolder:after, - .uniForm .ctrlHolder .multiField:after, - .uniForm .inlineLabel:after{ content: "."; display: block; height: 0; line-height: 0; font-size: 0; clear: both; min-height: 0; visibility: hidden; } - - .uniForm label, - .uniForm button{ cursor: pointer; } - -/* ------------------------------------------------------------------------------ */ -/* ########################## DEFAULT LAYOUT ################################ */ -/* ------------------------------------------------------------------------------ */ -/* Styles for form controls where labels are above the input elements */ -/* ------------------------------------------------------------------------------ */ - - .uniForm label, - .uniForm .label{ display: block; float: none; margin: 0 0 .5em 0; padding: 0; line-height: 100%; width: auto; } - - /* Float the input elements */ - .uniForm .textInput, - .uniForm .fileUpload, - .uniForm .selectInput, - .uniForm select, - .uniForm textarea{ float: left; width: 53%; margin: 0; } - - /* Postition the hints */ - .uniForm .formHint{ float: right; width: 43%; margin: 0; clear: none; } - - /* Position the elements inside combo boxes (multiple inputs/selects/checkboxes/radio buttons per unit) */ - .uniForm ul{ float: left; width: 53%; margin: 0; padding: 0; } - .uniForm ul li{ margin: 0 0 .5em 0; list-style: none; } - .uniForm ul li label{ margin: 0; float: none; display: block; overflow: visible; } - /* Alternate layout */ - .uniForm ul.alternate li{ float: left; width: 30%; margin-right: 3%; } - .uniForm ul.alternate li label{ float: none; display: block; width: 98%; } - .uniForm ul .textInput, - .uniForm ul .selectInput, - .uniForm ul select, - .uniForm ul.alternate .textInput, - .uniForm ul.alternate .selectInput, - .uniForm ul.alternate select{ width: 98%; margin-top: .5em; display: block; float: none; } - - /* Required fields asterisk styling */ - .uniForm label em, - .uniForm .label em{ float: left; width: 1em; margin: 0 0 0 -1em; } - -/* ------------------------------------------------------------------------------ */ -/* ######################### ALTERNATE LAYOUT ############################### */ -/* ------------------------------------------------------------------------------ */ -/* Styles for form controls where labels are in line with the input elements */ -/* Set the class of the parent (preferably to a fieldset) to .inlineLabels */ -/* ------------------------------------------------------------------------------ */ - - .uniForm .inlineLabels label, - .uniForm .inlineLabels .label{ float: left; margin: .3em 2% 0 0; padding: 0; line-height: 1; position: relative; width: 32%; } - - /* Float the input elements */ - .uniForm .inlineLabels .textInput, - .uniForm .inlineLabels .fileUpload, - .uniForm .inlineLabels .selectInput, - .uniForm .inlineLabels select, - .uniForm .inlineLabels textarea{ float: left; width: 64%; } - - /* Postition the hints */ - .uniForm .inlineLabels .formHint{ clear: both; float: none; width: auto; margin-left: 34%; position: static; } - - /* Position the elements inside combo boxes (multiple inputs/selects/checkboxes/radio buttons per unit) */ - .uniForm .inlineLabels ul{ float: left; width: 66%; } - .uniForm .inlineLabels ul li{ margin: .5em 0; } - .uniForm .inlineLabels ul li label{ float: none; display: block; width: 100%; } - /* Alternate layout */ - .uniForm .inlineLabels ul.alternate li{ margin-right: 3%; margin-top: .25em; } - .uniForm .inlineLabels ul li label .textInput, - .uniForm .inlineLabels ul li label textarea, - .uniForm .inlineLabels ul li label select{ float: none; display: block; width: 98%; } - - /* Required fields asterisk styling */ - .uniForm .inlineLabels label em, - .uniForm .inlineLabels .label em{ display: block; float: none; margin: 0; position: absolute; right: 0; } - -/* ----------------------------------------------------------------------------- */ -/* ########################### Additional Stuff ################################ */ -/* ----------------------------------------------------------------------------- */ - - /* Generals */ - .uniForm legend{ color: inherit; } - - .uniForm .secondaryAction{ float: left; } - - /* .inlineLabel is used for inputs within labels - checkboxes and radio buttons */ - .uniForm .inlineLabel input, - .uniForm .inlineLabels .inlineLabel input, - .uniForm .blockLabels .inlineLabel input, - /* class .inlineLabel is depreciated */ - .uniForm label input{ float: none; display: inline; margin: 0; padding: 0; border: none; } - - .uniForm .buttonHolder .inlineLabel, - .uniForm .buttonHolder label{ float: left; margin: .5em 0 0 0; width: auto; max-width: 60%; text-align: left; } - - /* When you don't want to use a label */ - .uniForm .inlineLabels .noLabel ul{ margin-left: 34%; /* Match to width of label + gap to field */ } - - /* Classes for control of the widths of the fields */ - .uniForm .small { width: 30% !important; } - .uniForm .medium{ width: 45% !important; } - .uniForm .large { } /* Large is default and should match the value you set for .textInput, textarea or select */ - .uniForm .auto { width: auto !important; } - .uniForm .small, - .uniForm .medium, - .uniForm .auto{ margin-right: 4px; } - -/* Columns */ -.uniForm .col{ float: left; } -.uniForm .col{ width: 50%; } \ No newline at end of file diff --git a/couchpotato/static/style/uniform.generic.css b/couchpotato/static/style/uniform.generic.css deleted file mode 100644 index 8ac4136..0000000 --- a/couchpotato/static/style/uniform.generic.css +++ /dev/null @@ -1,139 +0,0 @@ -/* ------------------------------------------------------------------------------ - - UNI-FORM DEFAULT by DRAGAN BABIC (v2) | Wed, 31 Mar 10 - - ------------------------------------------------------------------------------ - - Copyright (c) 2010, Dragan Babic - - Permission is hereby granted, free of charge, to any person - obtaining a copy of this software and associated documentation - files (the "Software"), to deal in the Software without - restriction, including without limitation the rights to use, - copy, modify, merge, publish, distribute, sublicense, and/or sell - copies of the Software, and to permit persons to whom the - Software is furnished to do so, subject to the following - conditions: - - The above copyright notice and this permission notice shall be - included in all copies or substantial portions of the Software. - - THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, - EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES - OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND - NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT - HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, - WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING - FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR - OTHER DEALINGS IN THE SOFTWARE. - - ------------------------------------------------------------------------------ */ - -.uniForm{} - - .uniForm legend{ font-weight: bold; font-size: 100%; margin: 0; padding: 1.5em 0; } - - .uniForm .ctrlHolder{ padding: 1em; border-bottom: 1px solid #efefef; } - .uniForm .ctrlHolder.focused{ background: #fffcdf; } - - .uniForm .inlineLabels .noLabel{} - - .uniForm .buttonHolder{ background: #efefef; text-align: right; margin: 1.5em 0 0 0; padding: 1.5em; - /* CSS3 */ - border-radius: 4px; - } - .uniForm .buttonHolder .primaryAction{ padding: 10px 22px; line-height: 1; background: #254a86; border: 1px solid #163362; font-size: 12px; font-weight: bold; color: #fff; - /* CSS3 */ - border-radius: 4px; - box-shadow: 1px 1px 0 #fff; - text-shadow: -1px -1px 0 rgba(0,0,0,.25); - } - .uniForm .buttonHolder .primaryAction:active{ position: relative; top: 1px; } - .uniForm .secondaryAction { text-align: left; } - .uniForm button.secondaryAction { background: transparent; border: none; color: #777; margin: 1.25em 0 0 0; padding: 0; } - - .uniForm .inlineLabels label em, - .uniForm .inlineLabels .label em{ font-style: normal; font-weight: bold; } - .uniForm label small{ font-size: .75em; color: #777; } - - .uniForm .textInput, - .uniForm textarea { padding: 4px 2px; border: 1px solid #aaa; background: #fff; } - .uniForm textarea { height: 12em; } - .uniForm select {} - .uniForm .fileUpload {} - - .uniForm ul{} - .uniForm li{} - .uniForm ul li label{ font-size: .85em; } - - .uniForm .small {} - .uniForm .medium{} - .uniForm .large {} /* Large is default and should match the value you set for .textInput, textarea or select */ - .uniForm .auto {} - .uniForm .small, - .uniForm .medium, - .uniForm .auto{} - - /* Get rid of the 'glow' effect in WebKit, optional */ - .uniForm .ctrlHolder .textInput:focus, - .uniForm .ctrlHolder textarea:focus{ outline: none; } - - .uniForm .formHint { font-size: .85em; color: #777; } - .uniForm .inlineLabels .formHint { padding-top: .5em; } - .uniForm .ctrlHolder.focused .formHint{ color: #333; } - -/* ----------------------------------------------------------------------------- */ -/* ############################### Messages #################################### */ -/* ----------------------------------------------------------------------------- */ - - /* Error message at the top of the form */ - .uniForm #errorMsg{ background: #ffdfdf; border: 1px solid #f3afb5; margin: 0 0 1.5em 0; padding: 0 1.5em; - /* CSS3 */ - border-radius: 4px; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - - } - .uniForm #errorMsg h3{} /* Feel free to use a heading level suitable to your page structure */ - .uniForm #errorMsg ol{ margin: 0 0 1.5em 0; padding: 0; } - .uniForm #errorMsg ol li{ margin: 0 0 3px 1.5em; padding: 7px; background: #f6bec1; position: relative; font-size: .85em; - /* CSS3 */ - border-radius: 4px; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - - } - - .uniForm .ctrlHolder.error, - .uniForm .ctrlHolder.focused.error{ background: #ffdfdf; border: 1px solid #f3afb5; - /* CSS3 */ - border-radius: 4px; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - - } - .uniForm .ctrlHolder.error input.error, - .uniForm .ctrlHolder.error select.error, - .uniForm .ctrlHolder.error textarea.error{ color: #af4c4c; margin: 0 0 6px 0; padding: 4px; } - - /* Success messages at the top of the form */ - .uniForm #okMsg{ background: #c8ffbf; border: 1px solid #a2ef95; margin: 0 0 1.5em 0; padding: 0 1.5em; text-align: center; - /* CSS3 */ - border-radius: 4px; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - - } - .uniForm #OKMsg p{ margin: 0; } - -/* ----------------------------------------------------------------------------- */ -/* ############################### Columns ##################################### */ -/* ----------------------------------------------------------------------------- */ - - .uniForm .col{} - .uniForm .col.first{} - .uniForm .col.last{} - .uniForm .col{ margin-bottom: 1.5em; } - /* Use .first and .last classes to control the layout/spacing of your columns */ - .uniForm .col.first{ width: 49%; float: left; clear: none; } - .uniForm .col.last { width: 49%; float: right; clear: none; margin-right: 0; } \ No newline at end of file diff --git a/couchpotato/static/style/uniform.generic.scss b/couchpotato/static/style/uniform.generic.scss new file mode 100644 index 0000000..8ac4136 --- /dev/null +++ b/couchpotato/static/style/uniform.generic.scss @@ -0,0 +1,139 @@ +/* ------------------------------------------------------------------------------ + + UNI-FORM DEFAULT by DRAGAN BABIC (v2) | Wed, 31 Mar 10 + + ------------------------------------------------------------------------------ + + Copyright (c) 2010, Dragan Babic + + Permission is hereby granted, free of charge, to any person + obtaining a copy of this software and associated documentation + files (the "Software"), to deal in the Software without + restriction, including without limitation the rights to use, + copy, modify, merge, publish, distribute, sublicense, and/or sell + copies of the Software, and to permit persons to whom the + Software is furnished to do so, subject to the following + conditions: + + The above copyright notice and this permission notice shall be + included in all copies or substantial portions of the Software. + + THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, + EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES + OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND + NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT + HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, + WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING + FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR + OTHER DEALINGS IN THE SOFTWARE. + + ------------------------------------------------------------------------------ */ + +.uniForm{} + + .uniForm legend{ font-weight: bold; font-size: 100%; margin: 0; padding: 1.5em 0; } + + .uniForm .ctrlHolder{ padding: 1em; border-bottom: 1px solid #efefef; } + .uniForm .ctrlHolder.focused{ background: #fffcdf; } + + .uniForm .inlineLabels .noLabel{} + + .uniForm .buttonHolder{ background: #efefef; text-align: right; margin: 1.5em 0 0 0; padding: 1.5em; + /* CSS3 */ + border-radius: 4px; + } + .uniForm .buttonHolder .primaryAction{ padding: 10px 22px; line-height: 1; background: #254a86; border: 1px solid #163362; font-size: 12px; font-weight: bold; color: #fff; + /* CSS3 */ + border-radius: 4px; + box-shadow: 1px 1px 0 #fff; + text-shadow: -1px -1px 0 rgba(0,0,0,.25); + } + .uniForm .buttonHolder .primaryAction:active{ position: relative; top: 1px; } + .uniForm .secondaryAction { text-align: left; } + .uniForm button.secondaryAction { background: transparent; border: none; color: #777; margin: 1.25em 0 0 0; padding: 0; } + + .uniForm .inlineLabels label em, + .uniForm .inlineLabels .label em{ font-style: normal; font-weight: bold; } + .uniForm label small{ font-size: .75em; color: #777; } + + .uniForm .textInput, + .uniForm textarea { padding: 4px 2px; border: 1px solid #aaa; background: #fff; } + .uniForm textarea { height: 12em; } + .uniForm select {} + .uniForm .fileUpload {} + + .uniForm ul{} + .uniForm li{} + .uniForm ul li label{ font-size: .85em; } + + .uniForm .small {} + .uniForm .medium{} + .uniForm .large {} /* Large is default and should match the value you set for .textInput, textarea or select */ + .uniForm .auto {} + .uniForm .small, + .uniForm .medium, + .uniForm .auto{} + + /* Get rid of the 'glow' effect in WebKit, optional */ + .uniForm .ctrlHolder .textInput:focus, + .uniForm .ctrlHolder textarea:focus{ outline: none; } + + .uniForm .formHint { font-size: .85em; color: #777; } + .uniForm .inlineLabels .formHint { padding-top: .5em; } + .uniForm .ctrlHolder.focused .formHint{ color: #333; } + +/* ----------------------------------------------------------------------------- */ +/* ############################### Messages #################################### */ +/* ----------------------------------------------------------------------------- */ + + /* Error message at the top of the form */ + .uniForm #errorMsg{ background: #ffdfdf; border: 1px solid #f3afb5; margin: 0 0 1.5em 0; padding: 0 1.5em; + /* CSS3 */ + border-radius: 4px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + + } + .uniForm #errorMsg h3{} /* Feel free to use a heading level suitable to your page structure */ + .uniForm #errorMsg ol{ margin: 0 0 1.5em 0; padding: 0; } + .uniForm #errorMsg ol li{ margin: 0 0 3px 1.5em; padding: 7px; background: #f6bec1; position: relative; font-size: .85em; + /* CSS3 */ + border-radius: 4px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + + } + + .uniForm .ctrlHolder.error, + .uniForm .ctrlHolder.focused.error{ background: #ffdfdf; border: 1px solid #f3afb5; + /* CSS3 */ + border-radius: 4px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + + } + .uniForm .ctrlHolder.error input.error, + .uniForm .ctrlHolder.error select.error, + .uniForm .ctrlHolder.error textarea.error{ color: #af4c4c; margin: 0 0 6px 0; padding: 4px; } + + /* Success messages at the top of the form */ + .uniForm #okMsg{ background: #c8ffbf; border: 1px solid #a2ef95; margin: 0 0 1.5em 0; padding: 0 1.5em; text-align: center; + /* CSS3 */ + border-radius: 4px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + + } + .uniForm #OKMsg p{ margin: 0; } + +/* ----------------------------------------------------------------------------- */ +/* ############################### Columns ##################################### */ +/* ----------------------------------------------------------------------------- */ + + .uniForm .col{} + .uniForm .col.first{} + .uniForm .col.last{} + .uniForm .col{ margin-bottom: 1.5em; } + /* Use .first and .last classes to control the layout/spacing of your columns */ + .uniForm .col.first{ width: 49%; float: left; clear: none; } + .uniForm .col.last { width: 49%; float: right; clear: none; margin-right: 0; } \ No newline at end of file diff --git a/couchpotato/static/style/uniform.scss b/couchpotato/static/style/uniform.scss new file mode 100644 index 0000000..91bc83f --- /dev/null +++ b/couchpotato/static/style/uniform.scss @@ -0,0 +1,154 @@ +/* ------------------------------------------------------------------------------ + + Copyright (c) 2010, Dragan Babic + + Permission is hereby granted, free of charge, to any person + obtaining a copy of this software and associated documentation + files (the "Software"), to deal in the Software without + restriction, including without limitation the rights to use, + copy, modify, merge, publish, distribute, sublicense, and/or sell + copies of the Software, and to permit persons to whom the + Software is furnished to do so, subject to the following + conditions: + + The above copyright notice and this permission notice shall be + included in all copies or substantial portions of the Software. + + THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, + EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES + OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND + NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT + HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, + WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING + FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR + OTHER DEALINGS IN THE SOFTWARE. + + ------------------------------------------------------------------------------ */ +/* ############################# GENERALS ################################### */ +/* ------------------------------------------------------------------------------ */ + +.uniForm{ margin: 0; padding: 0; position: relative; z-index: 1; } /* reset stuff */ + + /* Some generals and more resets */ + .uniForm fieldset{ border: none; margin: 0; padding: 0; } + .uniForm fieldset legend{ margin: 0; padding: 0; } + + /* This are the main units that contain form elements */ + .uniForm .ctrlHolder, + .uniForm .buttonHolder{ margin: 0; padding: 0; clear: both; } + + /* Clear all floats */ + .uniForm:after, + .uniForm .buttonHolder:after, + .uniForm .ctrlHolder:after, + .uniForm .ctrlHolder .multiField:after, + .uniForm .inlineLabel:after{ content: "."; display: block; height: 0; line-height: 0; font-size: 0; clear: both; min-height: 0; visibility: hidden; } + + .uniForm label, + .uniForm button{ cursor: pointer; } + +/* ------------------------------------------------------------------------------ */ +/* ########################## DEFAULT LAYOUT ################################ */ +/* ------------------------------------------------------------------------------ */ +/* Styles for form controls where labels are above the input elements */ +/* ------------------------------------------------------------------------------ */ + + .uniForm label, + .uniForm .label{ display: block; float: none; margin: 0 0 .5em 0; padding: 0; line-height: 100%; width: auto; } + + /* Float the input elements */ + .uniForm .textInput, + .uniForm .fileUpload, + .uniForm .selectInput, + .uniForm select, + .uniForm textarea{ float: left; width: 53%; margin: 0; } + + /* Postition the hints */ + .uniForm .formHint{ float: right; width: 43%; margin: 0; clear: none; } + + /* Position the elements inside combo boxes (multiple inputs/selects/checkboxes/radio buttons per unit) */ + .uniForm ul{ float: left; width: 53%; margin: 0; padding: 0; } + .uniForm ul li{ margin: 0 0 .5em 0; list-style: none; } + .uniForm ul li label{ margin: 0; float: none; display: block; overflow: visible; } + /* Alternate layout */ + .uniForm ul.alternate li{ float: left; width: 30%; margin-right: 3%; } + .uniForm ul.alternate li label{ float: none; display: block; width: 98%; } + .uniForm ul .textInput, + .uniForm ul .selectInput, + .uniForm ul select, + .uniForm ul.alternate .textInput, + .uniForm ul.alternate .selectInput, + .uniForm ul.alternate select{ width: 98%; margin-top: .5em; display: block; float: none; } + + /* Required fields asterisk styling */ + .uniForm label em, + .uniForm .label em{ float: left; width: 1em; margin: 0 0 0 -1em; } + +/* ------------------------------------------------------------------------------ */ +/* ######################### ALTERNATE LAYOUT ############################### */ +/* ------------------------------------------------------------------------------ */ +/* Styles for form controls where labels are in line with the input elements */ +/* Set the class of the parent (preferably to a fieldset) to .inlineLabels */ +/* ------------------------------------------------------------------------------ */ + + .uniForm .inlineLabels label, + .uniForm .inlineLabels .label{ float: left; margin: .3em 2% 0 0; padding: 0; line-height: 1; position: relative; width: 32%; } + + /* Float the input elements */ + .uniForm .inlineLabels .textInput, + .uniForm .inlineLabels .fileUpload, + .uniForm .inlineLabels .selectInput, + .uniForm .inlineLabels select, + .uniForm .inlineLabels textarea{ float: left; width: 64%; } + + /* Postition the hints */ + .uniForm .inlineLabels .formHint{ clear: both; float: none; width: auto; margin-left: 34%; position: static; } + + /* Position the elements inside combo boxes (multiple inputs/selects/checkboxes/radio buttons per unit) */ + .uniForm .inlineLabels ul{ float: left; width: 66%; } + .uniForm .inlineLabels ul li{ margin: .5em 0; } + .uniForm .inlineLabels ul li label{ float: none; display: block; width: 100%; } + /* Alternate layout */ + .uniForm .inlineLabels ul.alternate li{ margin-right: 3%; margin-top: .25em; } + .uniForm .inlineLabels ul li label .textInput, + .uniForm .inlineLabels ul li label textarea, + .uniForm .inlineLabels ul li label select{ float: none; display: block; width: 98%; } + + /* Required fields asterisk styling */ + .uniForm .inlineLabels label em, + .uniForm .inlineLabels .label em{ display: block; float: none; margin: 0; position: absolute; right: 0; } + +/* ----------------------------------------------------------------------------- */ +/* ########################### Additional Stuff ################################ */ +/* ----------------------------------------------------------------------------- */ + + /* Generals */ + .uniForm legend{ color: inherit; } + + .uniForm .secondaryAction{ float: left; } + + /* .inlineLabel is used for inputs within labels - checkboxes and radio buttons */ + .uniForm .inlineLabel input, + .uniForm .inlineLabels .inlineLabel input, + .uniForm .blockLabels .inlineLabel input, + /* class .inlineLabel is depreciated */ + .uniForm label input{ float: none; display: inline; margin: 0; padding: 0; border: none; } + + .uniForm .buttonHolder .inlineLabel, + .uniForm .buttonHolder label{ float: left; margin: .5em 0 0 0; width: auto; max-width: 60%; text-align: left; } + + /* When you don't want to use a label */ + .uniForm .inlineLabels .noLabel ul{ margin-left: 34%; /* Match to width of label + gap to field */ } + + /* Classes for control of the widths of the fields */ + .uniForm .small { width: 30% !important; } + .uniForm .medium{ width: 45% !important; } + .uniForm .large { } /* Large is default and should match the value you set for .textInput, textarea or select */ + .uniForm .auto { width: auto !important; } + .uniForm .small, + .uniForm .medium, + .uniForm .auto{ margin-right: 4px; } + +/* Columns */ +.uniForm .col{ float: left; } +.uniForm .col{ width: 50%; } \ No newline at end of file