diff --git a/couchpotato/core/media/movie/_base/static/list.js b/couchpotato/core/media/movie/_base/static/list.js index b556e61..b321bb6 100644 --- a/couchpotato/core/media/movie/_base/static/list.js +++ b/couchpotato/core/media/movie/_base/static/list.js @@ -189,7 +189,7 @@ var MovieList = new Class({ self.navigation = new Element('div.alph_nav').adopt( self.mass_edit_form = new Element('div.mass_edit_form').adopt( new Element('span.select').adopt( - self.mass_edit_select = new Element('input[type=checkbox].inlay', { + self.mass_edit_select = new Element('input[type=checkbox]', { 'events': { 'change': self.massEditToggleAll.bind(self) } diff --git a/couchpotato/core/media/movie/_base/static/movie.js b/couchpotato/core/media/movie/_base/static/movie.js index ff98125..56d3e51 100644 --- a/couchpotato/core/media/movie/_base/static/movie.js +++ b/couchpotato/core/media/movie/_base/static/movie.js @@ -232,7 +232,7 @@ var Movie = new Class({ } self.el.adopt( - self.select_checkbox = new Element('input[type=checkbox].inlay', { + self.select_checkbox = new Element('input[type=checkbox]', { 'events': { 'change': function(){ self.fireEvent('select'); @@ -240,7 +240,7 @@ var Movie = new Class({ } }), self.thumbnail = thumbnail, - self.data_container = new Element('div.data.inlay.light').adopt( + self.data_container = new Element('div.data.light').adopt( self.info_container = new Element('div.info').adopt( new Element('div.title').adopt( self.title = new Element('span', { diff --git a/couchpotato/core/media/movie/_base/static/movie.scss b/couchpotato/core/media/movie/_base/static/movie.scss index f06113b..43cefe6 100644 --- a/couchpotato/core/media/movie/_base/static/movie.scss +++ b/couchpotato/core/media/movie/_base/static/movie.scss @@ -16,6 +16,13 @@ .movie { + .check { + position: absolute; + top: 0; + left: $padding; + display: none; + } + .quality { span { background: rgba(0,0,0,.2); @@ -316,13 +323,6 @@ } -.check { - position: absolute; - top: 0; - left: $padding; - display: none; -} - .eta { display: none; } diff --git a/couchpotato/core/media/movie/_base/static/search.js b/couchpotato/core/media/movie/_base/static/search.js index 32c51db..864955b 100644 --- a/couchpotato/core/media/movie/_base/static/search.js +++ b/couchpotato/core/media/movie/_base/static/search.js @@ -24,7 +24,7 @@ var BlockSearchMovieItem = new Class({ 'height': null, 'width': null }) : null, - self.options_el = new Element('div.options.inlay'), + self.options_el = new Element('div.options'), self.data_container = new Element('div.data', { 'events': { 'click': self.showOptions.bind(self) diff --git a/couchpotato/core/plugins/category/static/category.js b/couchpotato/core/plugins/category/static/category.js index 78d777b..7fbf851 100644 --- a/couchpotato/core/plugins/category/static/category.js +++ b/couchpotato/core/plugins/category/static/category.js @@ -192,7 +192,7 @@ var Category = new Class({ }), new Element('.category_label.ctrlHolder').adopt( new Element('label', {'text':'Name'}), - new Element('input.inlay', { + new Element('input', { 'type':'text', 'value': data.label, 'placeholder': 'Example: Kids, Horror or His' @@ -201,7 +201,7 @@ var Category = new Class({ ), new Element('.category_preferred.ctrlHolder').adopt( new Element('label', {'text':'Preferred'}), - new Element('input.inlay', { + new Element('input', { 'type':'text', 'value': data.preferred, 'placeholder': 'Blu-ray, DTS' @@ -209,7 +209,7 @@ var Category = new Class({ ), new Element('.category_required.ctrlHolder').adopt( new Element('label', {'text':'Required'}), - new Element('input.inlay', { + new Element('input', { 'type':'text', 'value': data.required, 'placeholder': 'Example: DTS, AC3 & English' @@ -217,7 +217,7 @@ var Category = new Class({ ), new Element('.category_ignored.ctrlHolder').adopt( new Element('label', {'text':'Ignored'}), - new Element('input.inlay', { + new Element('input', { 'type':'text', 'value': data.ignored, 'placeholder': 'Example: dubbed, swesub, french' diff --git a/couchpotato/core/plugins/profile/static/profile.js b/couchpotato/core/plugins/profile/static/profile.js index e608621..93bee80 100644 --- a/couchpotato/core/plugins/profile/static/profile.js +++ b/couchpotato/core/plugins/profile/static/profile.js @@ -31,7 +31,7 @@ var Profile = new Class({ }), new Element('.quality_label.ctrlHolder').adopt( new Element('label', {'text':'Name'}), - new Element('input.inlay', { + new Element('input', { 'type':'text', 'value': data.label, 'placeholder': 'Profile name' @@ -47,7 +47,7 @@ var Profile = new Class({ new Element('div.wait_for.ctrlHolder').adopt( // "Wait the entered number of days for a checked quality, before downloading a lower quality release." new Element('span', {'text':'Wait'}), - new Element('input.inlay.wait_for_input.xsmall', { + new Element('input.wait_for_input.xsmall', { 'type':'text', 'value': data.wait_for && data.wait_for.length > 0 ? data.wait_for[0] : 0 }), @@ -55,7 +55,7 @@ var Profile = new Class({ new Element('span.advanced', {'text':'and keep searching'}), // "After a checked quality is found and downloaded, continue searching for even better quality releases for the entered number of days." - new Element('input.inlay.xsmall.stop_after_input.advanced', { + new Element('input.xsmall.stop_after_input.advanced', { 'type':'text', 'value': data.stop_after && data.stop_after.length > 0 ? data.stop_after[0] : 0 }), @@ -63,7 +63,7 @@ var Profile = new Class({ // Minimum score of new Element('span.advanced', {'html':'
Releases need a minimum score of'}), - new Element('input.advanced.inlay.xsmall.minimum_score_input', { + new Element('input.advanced.xsmall.minimum_score_input', { 'size': 4, 'type':'text', 'value': data.minimum_score || 1 @@ -275,7 +275,7 @@ Profile.Type = new Class({ ), self.finish_container = new Element('label.finish').adopt( new Element('span.finish').grab( - self.finish = new Element('input.inlay.finish[type=checkbox]', { + self.finish = new Element('input.finish[type=checkbox]', { 'checked': data.finish !== undefined ? data.finish : 1, 'events': { 'change': function(){ @@ -294,7 +294,7 @@ Profile.Type = new Class({ ), self['3d_container'] = new Element('label.threed').adopt( new Element('span.3d').grab( - self['3d'] = new Element('input.inlay.3d[type=checkbox]', { + self['3d'] = new Element('input.3d[type=checkbox]', { 'checked': data['3d'] !== undefined ? data['3d'] : 0, 'events': { 'change': function(){ diff --git a/couchpotato/core/plugins/quality/static/quality.js b/couchpotato/core/plugins/quality/static/quality.js index 2d98d22..5db7dd9 100644 --- a/couchpotato/core/plugins/quality/static/quality.js +++ b/couchpotato/core/plugins/quality/static/quality.js @@ -123,7 +123,7 @@ var QualityBase = new Class({ Array.each(self.profiles, function(profile){ var check; new Element('li', {'data-id': profile.data._id}).adopt( - check = new Element('input.inlay[type=checkbox]', { + check = new Element('input[type=checkbox]', { 'checked': !profile.data.hide, 'events': { 'change': self.saveProfileOrdering.bind(self) @@ -199,7 +199,7 @@ var QualityBase = new Class({ Array.each(self.qualities, function(quality){ new Element('div.ctrlHolder.item').adopt( new Element('span.label', {'text': quality.label}), - new Element('input.min.inlay[type=text]', { + new Element('input.min[type=text]', { 'value': quality.size_min, 'events': { 'keyup': function(e){ @@ -207,7 +207,7 @@ var QualityBase = new Class({ } } }), - new Element('input.max.inlay[type=text]', { + new Element('input.max[type=text]', { 'value': quality.size_max, 'events': { 'keyup': function(e){ diff --git a/couchpotato/static/scripts/page/settings.js b/couchpotato/static/scripts/page/settings.js index 19e60f6..ca794fd 100644 --- a/couchpotato/static/scripts/page/settings.js +++ b/couchpotato/static/scripts/page/settings.js @@ -131,7 +131,7 @@ Page.Settings = new Class({ new Element('span', { 'text': 'Show advanced settings' }), - self.advanced_toggle = new Element('input[type=checkbox].inlay', { + self.advanced_toggle = new Element('input[type=checkbox]', { 'checked': +Cookie.read('advanced_toggle_checked'), 'events': { 'change': self.showAdvanced.bind(self) @@ -480,7 +480,7 @@ Option.String = new Class({ self.el.adopt( self.createLabel(), - self.input = new Element('input.inlay', { + self.input = new Element('input', { 'type': 'text', 'name': self.postName(), 'value': self.getSettingValue(), @@ -502,9 +502,11 @@ Option.Dropdown = new Class({ self.el.adopt( self.createLabel(), - self.input = new Element('select', { - 'name': self.postName() - }) + new Element('div.select_wrapper.icon-dropdown').grab( + self.input = new Element('select', { + 'name': self.postName() + }) + ) ); Object.each(self.options.values, function(value){ @@ -515,11 +517,6 @@ Option.Dropdown = new Class({ }); self.input.set('value', self.getSettingValue()); - - var dd = new Form.Dropdown(self.input, { - 'onChange': self.changed.bind(self) - }); - self.input = dd.input; } }); @@ -535,7 +532,7 @@ Option.Checkbox = new Class({ self.el.adopt( self.createLabel().set('for', randomId), - self.input = new Element('input.inlay', { + self.input = new Element('input', { 'name': self.postName(), 'type': 'checkbox', 'checked': self.getSettingValue(), @@ -562,7 +559,7 @@ Option.Password = new Class({ self.el.adopt( self.createLabel(), - self.input = new Element('input.inlay', { + self.input = new Element('input', { 'type': 'text', 'name': self.postName(), 'value': self.getSettingValue() ? '********' : '', @@ -589,7 +586,7 @@ Option.Enabler = new Class({ var self = this; self.el.adopt( - self.input = new Element('input.inlay', { + self.input = new Element('input', { 'type': 'checkbox', 'checked': self.getSettingValue(), 'id': 'r-'+randomString() @@ -649,7 +646,7 @@ Option.Directory = new Class({ self.el.adopt( self.createLabel(), - self.directory_inlay = new Element('span.directory.inlay', { + self.directory_inlay = new Element('span.directory', { 'events': { 'click': self.showBrowser.bind(self) } @@ -767,7 +764,7 @@ Option.Directory = new Class({ new Element('label', { 'text': 'Hidden folders' }).adopt( - self.show_hidden = new Element('input[type=checkbox].inlay', { + self.show_hidden = new Element('input[type=checkbox]', { 'events': { 'change': function(){ self.getDirs(); @@ -1068,7 +1065,7 @@ Option.Choice = new Class({ var value = self.getValue(); var matches = value.match(/<([^>]*)>/g); - self.tag_input = new Element('ul.inlay', { + self.tag_input = new Element('ul', { 'events': { 'click': function(e){ if(e.target == self.tag_input){ @@ -1475,7 +1472,7 @@ Option.Combined = new Class({ var value = values[name] || ''; if(name.indexOf('use') != -1){ - var checkbox = new Element('input[type=checkbox].inlay.'+name, { + var checkbox = new Element('input[type=checkbox].'+name, { 'checked': +value, 'events': { 'click': self.saveCombined.bind(self), @@ -1487,7 +1484,7 @@ Option.Combined = new Class({ } else { value_count++; - new Element('input[type=text].inlay.'+name, { + new Element('input[type=text].'+name, { 'value': value, 'placeholder': self.labels[name] || name, 'events': { diff --git a/couchpotato/static/style/combined.min.css b/couchpotato/static/style/combined.min.css index afa850b..e6181c5 100644 --- a/couchpotato/static/style/combined.min.css +++ b/couchpotato/static/style/combined.min.css @@ -7,27 +7,25 @@ .search_form .input input::-ms-clear{width:0;height:0} .search_form.focused,.search_form.shown{border-color:#04bce6} .search_form.focused .wrapper,.search_form.shown .wrapper{display:block;width:380px} +@media (max-width:480px){.search_form.focused .wrapper,.search_form.shown .wrapper{width:250px}} .search_form.focused .input input,.search_form.shown .input input{opacity:1} .search_form .results_container{min-height:50px;text-align:left;position:relative;left:4px;display:none;background:#FFF;-webkit-border-radius:3px 0 0;border-radius:3px 0 0;overflow:hidden} .search_form .results_container .results{max-height:280px;overflow-x:hidden} .search_form .results_container .results .media_result{overflow:hidden;height:50px;position:relative} +@media (max-width:480px){.search_form .results_container .results .media_result{font-size:12px}} .search_form .results_container .results .media_result .options{position:absolute;height:100%;top:0;left:30px;right:0;padding:10px;background:rgba(0,0,0,.3)} +@media (max-width:480px){.search_form .results_container .results .media_result .options{left:0}} .search_form .results_container .results .media_result .options>.in_library_wanted{margin-top:-7px} .search_form .results_container .results .media_result .options>div{border:0;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex} .search_form .results_container .results .media_result .options .thumbnail{vertical-align:middle} .search_form .results_container .results .media_result .options select{vertical-align:middle;display:inline-block;margin-right:10px;min-width:70px;-webkit-box-flex:1;-webkit-flex:1 auto;-moz-box-flex:1;-ms-flex:1 auto;flex:1 auto} -@media (max-width:480px){.search_form.focused .wrapper,.search_form.shown .wrapper{width:250px} -.search_form .results_container .results .media_result{font-size:12px} -.search_form .results_container .results .media_result .options{left:0} -.search_form .results_container .results .media_result .options select{min-width:0} -} +@media (max-width:480px){.search_form .results_container .results .media_result .options select{min-width:0}} .search_form .results_container .results .media_result .options .button{-webkit-box-flex:1;-webkit-flex:1 auto;-moz-box-flex:1;-ms-flex:1 auto;flex:1 auto;vertical-align:middle;display:inline-block} .search_form .results_container .results .media_result .options .message{height:100%;font-size:20px;color:#fff;line-height:20px} .search_form .results_container .results .media_result .thumbnail{width:30px;min-height:100%;display:block;margin:0;vertical-align:top} -.search_form .results_container .results .media_result .data{position:absolute;height:100%;top:0;left:30px;right:0;cursor:pointer;border-top:1px solid rgba(255,255,255,.08);-webkit-transition:all .4s cubic-bezier(.9,0,.1,1);transition:all .4s cubic-bezier(.9,0,.1,1);-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);background:#FFF} -@media (max-width:480px){.search_form .results_container .results .media_result .thumbnail{display:none} -.search_form .results_container .results .media_result .data{left:0} -} +@media (max-width:480px){.search_form .results_container .results .media_result .thumbnail{display:none}} +.search_form .results_container .results .media_result .data{position:absolute;height:100%;top:0;left:30px;right:0;cursor:pointer;border-top:1px solid rgba(255,255,255,.08);-webkit-transition:all .4s cubic-bezier(0.9,0,.1,1);transition:all .4s cubic-bezier(0.9,0,.1,1);-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);background:#FFF} +@media (max-width:480px){.search_form .results_container .results .media_result .data{left:0}} .search_form .results_container .results .media_result .data.open{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)} .search_form .results_container .results .media_result .data .in_library,.search_form .results_container .results .media_result .data .in_wanted{position:absolute;bottom:2px;left:14px;font-size:11px} .search_form .results_container .results .media_result .data .info{position:absolute;top:20%;left:15px;right:7px;vertical-align:middle} @@ -37,11 +35,10 @@ .search_form .results_container .results .media_result:hover .info h2 .year{display:inline-block} .search_form .results_container .results .media_result:last-child .data{border-bottom:0} .search_form.focused.filled .results_container,.search_form.shown.filled .results_container{display:block} -.search_form.focused.filled .input,.search_form.shown.filled .input{-webkit-border-radius:0 0 0 3px;border-radius:0 0 0 3px} -.page.movies{z-index:21;bottom:auto} +.search_form.focused.filled .input,.search_form.shown.filled .input{-webkit-border-radius:0 0 0 3px;border-radius:0 0 0 3px}.page.movies{z-index:21;bottom:auto} .page.movies_manage,.page.movies_wanted{top:80px;padding:0} -@media (max-width:480px){.page.movies_manage,.page.movies_wanted{top:66px} -} +@media (max-width:480px){.page.movies_manage,.page.movies_wanted{top:66px}} +.movie .check{position:absolute;top:0;left:20px;display:none} .movie .quality span{background:rgba(0,0,0,.2);color:#FFF;-webkit-border-radius:1px;border-radius:1px;padding:2px 4px} .movie .quality span.failed{background:#99563e} .movie .quality span.ignored{background:rgba(0,0,0,.2)} @@ -50,8 +47,7 @@ .movie .quality span.downloaded{background:#54994a} .list_list,.thumb_list{position:relative} .list_list>.description,.thumb_list>.description{position:absolute;top:0;right:20px;width:auto;line-height:80px} -@media (max-width:768px){.list_list>.description,.thumb_list>.description{display:none} -} +@media (max-width:768px){.list_list>.description,.thumb_list>.description{display:none}} .list_list>.loading,.thumb_list>.loading{background:#FFF} .list_list>.loading .message,.thumb_list>.loading .message{color:#000} .list_list>.loading .spinner,.thumb_list>.loading .spinner{background-color:#000} @@ -61,42 +57,35 @@ .list_list .movie:last-child{border-bottom:none} .list_list .movie:hover{background:rgba(0,0,0,.1)} .list_list .movie .data{padding:10px 20px} +@media (max-width:480px){.list_list .movie .data{padding:10px}} .list_list .movie .data .info{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap} +@media (max-width:480px){.list_list .movie .data .info{display:block}} .list_list .movie .data .info .title{-webkit-box-flex:1;-webkit-flex:1 auto;-moz-box-flex:1;-ms-flex:1 auto;flex:1 auto} +@media (max-width:480px){.list_list .movie .data .info .title{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap}} .list_list .movie .data .info .title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} -@media (max-width:480px){.list_list .movie .data{padding:10px} -.list_list .movie .data .info{display:block} -.list_list .movie .data .info .title{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap} -.list_list .movie .data .info .title span{width:100%} -} +@media (max-width:480px){.list_list .movie .data .info .title span{width:100%}} .list_list .movie .data .info .title .year{display:inline-block;margin:0 10px;opacity:.5} .list_list .movie .data .info .quality{clear:both;overflow:hidden} .list_list .movie .data .info .quality span{float:left;font-size:.7em;margin:2px 0 0 2px} +@media (max-width:480px){.list_list .movie .data .info .quality span{margin:2px 2px 0 0}} .list_list .movie .actions{position:absolute;right:10px;top:0;bottom:0;display:none} .list_list .movie .actions a{height:100%;display:block;background:#FFF;padding:10px;width:auto;float:right;color:#000} .list_list .movie .actions a:hover{color:#ac0000} .list_list .movie:hover .actions{display:block} -@media (max-width:480px){.list_list .movie .data .info .quality span{margin:2px 2px 0 0} -.list_list .movie:hover .actions{display:none} -} -.thumb_list .movie .data .info .title,.thumb_list>div{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox} +@media (max-width:480px){.list_list .movie:hover .actions{display:none}} .thumb_list{font-size:12px;padding:0 10px} -.thumb_list>div{display:flex;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-align:stretch;-webkit-align-items:stretch;-moz-box-align:stretch;-ms-flex-align:stretch;align-items:stretch} +@media (max-width:768px){.thumb_list{padding:0 5px}} +@media (max-width:480px){.thumb_list{padding:0 3.33px}} +.thumb_list>div{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-align:stretch;-webkit-align-items:stretch;-moz-box-align:stretch;-ms-flex-align:stretch;align-items:stretch} .thumb_list .movie{margin-bottom:20px;position:relative;cursor:pointer;-webkit-box-flex:1;-webkit-flex:1 auto;-moz-box-flex:1;-ms-flex:1 auto;flex:1 auto;width:150px;max-width:14.285%;border:0 solid transparent;border-width:0 10px} -@media (max-width:1382px){.thumb_list .movie{max-width:16.666666667%;border-width:0 8px} -} -@media (max-width:1024px){.thumb_list .movie{max-width:20%;border-width:0 6.67px} -} -@media (max-width:768px){.thumb_list{padding:0 5px} -.thumb_list .movie{max-width:33.333%;border-width:0 5px} -} -@media (max-width:480px){.thumb_list{padding:0 3.33px} -.thumb_list .movie{max-width:50%;border-width:0 4px} -} -.thumb_list .movie .poster{-webkit-border-radius:3px;border-radius:3px;background:center no-repeat #eaeaea;-webkit-background-size:cover;background-size:cover;overflow:hidden;width:100%;padding-bottom:150%} +@media (max-width:1382px){.thumb_list .movie{max-width:16.666666667%;border-width:0 8px}} +@media (max-width:1024px){.thumb_list .movie{max-width:20%;border-width:0 6.67px}} +@media (max-width:768px){.thumb_list .movie{max-width:33.333%;border-width:0 5px}} +@media (max-width:480px){.thumb_list .movie{max-width:50%;border-width:0 4px}} +.thumb_list .movie .poster{-webkit-border-radius:3px;border-radius:3px;background:center/cover no-repeat #eaeaea;-webkit-background-size:cover;overflow:hidden;width:100%;padding-bottom:150%} .thumb_list .movie .data{clear:both} .thumb_list .movie .data .info{height:44px} -.thumb_list .movie .data .info .title{display:flex;padding:3px 0} +.thumb_list .movie .data .info .title{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;padding:3px 0} .thumb_list .movie .data .info .title span{-webkit-box-flex:1;-webkit-flex:1 auto;-moz-box-flex:1;-ms-flex:1 auto;flex:1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .thumb_list .movie .data .info .title .year{display:inline-block;margin-left:5px;opacity:.5} .thumb_list .movie .data .info .quality{white-space:nowrap;overflow:hidden} @@ -104,38 +93,30 @@ .thumb_list .movie .actions{position:absolute;top:10px;right:10px;display:none} .thumb_list .movie .actions a{display:block;background:#FFF;padding:6.67px;width:auto;margin-bottom:1px;clear:both;float:right} .thumb_list .movie:hover .actions{display:block} -.check,.eta{display:none} +@media (max-width:480px){.thumb_list .movie:hover .actions{display:none}} .thumb_list .movie .mask{bottom:44px;-webkit-border-radius:3px;border-radius:3px;-webkit-transition:opacity 30ms;transition:opacity 30ms} -.check{position:absolute;top:0;left:20px} +.eta{display:none} .page.movie_details{pointer-events:none} -@media (max-width:480px){.thumb_list .movie:hover .actions{display:none} -.page.movie_details{left:0} -} -.page.movie_details .overlay{left:132px;background:rgba(0,0,0,.6);border-radius:3px 0 0 3px;opacity:0;-webkit-transition:opacity 800ms;transition:opacity 800ms} -.page.movie_details .content,.page.movie_details .overlay{bottom:0;right:0;position:fixed;top:0;-webkit-border-radius:3px 0 0 3px} -.page.movie_details .overlay .close{display:inline-block;text-align:center;font-size:60px;line-height:80px;color:#FFF;width:44px;height:100%;opacity:0;transform:translateX(100%);-webkit-transition:opacity 300ms,-webkit-transform 300ms cubic-bezier(.9,0,.1,1);transition:opacity 300ms,transform 300ms cubic-bezier(.9,0,.1,1)} -.page.movie_details .content,.page.movie_details .overlay .close{-webkit-transform:translateX(100%);-ms-transform:translateX(100%)} -@media (max-width:480px){.page.movie_details .overlay{left:0} -.page.movie_details .overlay .close{width:66px} -} -.page.movie_details .content{left:176px;background:#FFF;border-radius:3px 0 0 3px;overflow-y:auto;transform:translateX(100%);-webkit-transition:-webkit-transform 250ms cubic-bezier(.9,0,.1,1);transition:transform 250ms cubic-bezier(.9,0,.1,1)} +@media (max-width:480px){.page.movie_details{left:0}} +.page.movie_details .overlay{position:fixed;top:0;bottom:0;right:0;left:132px;background:rgba(0,0,0,.6);-webkit-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;opacity:0;-webkit-transition:opacity 800ms;transition:opacity 800ms} +@media (max-width:480px){.page.movie_details .overlay{left:0}} +.page.movie_details .overlay .close{display:inline-block;text-align:center;font-size:60px;line-height:80px;color:#FFF;width:44px;height:100%;opacity:0;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);-webkit-transition:opacity 300ms,-webkit-transform 300ms cubic-bezier(0.9,0,.1,1);transition:opacity 300ms,transform 300ms cubic-bezier(0.9,0,.1,1)} +@media (max-width:480px){.page.movie_details .overlay .close{width:66px}} +.page.movie_details .content{position:fixed;top:0;bottom:0;right:0;left:176px;background:#FFF;-webkit-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;overflow-y:auto;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform 250ms cubic-bezier(0.9,0,.1,1);transition:transform 250ms cubic-bezier(0.9,0,.1,1)} +@media (max-width:480px){.page.movie_details .content{left:66px}} .page.movie_details .content>.head{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap;padding:0 20px;line-height:80px} -@media (max-width:480px){.page.movie_details .content{left:66px} -.page.movie_details .content>.head{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0 10px;line-height:1em} -} +@media (max-width:480px){.page.movie_details .content>.head{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0 10px;line-height:1em}} .page.movie_details .content>.head h1{-webkit-box-flex:1;-webkit-flex:1 auto;-moz-box-flex:1;-ms-flex:1 auto;flex:1 auto;margin:0;font-size:24px;color:rgba(0,0,0,.5);font-weight:300;max-width:100%} @media (max-width:480px){.page.movie_details .content>.head h1{min-width:100%;line-height:66px} -.page.movie_details .content>.head h1 .more_menu{width:100%} -} +.page.movie_details .content>.head h1 .more_menu{width:100%}} .page.movie_details .content>.head .more_menu{display:inline-block;max-width:100%} .page.movie_details .content>.head .more_menu>a{line-height:80px} +@media (max-width:480px){.page.movie_details .content>.head .more_menu>a{line-height:1em}} .page.movie_details .content>.head .more_menu .icon-dropdown{position:relative;padding:0 20px 0 0} .page.movie_details .content>.head .more_menu .icon-dropdown:before{position:absolute;right:0;opacity:.2} -.page.movie_details .content>.head .more_menu .icon-dropdown:hover:before,.page.movie_details.show .overlay{opacity:1} +.page.movie_details .content>.head .more_menu .icon-dropdown:hover:before{opacity:1} .page.movie_details .content>.head .more_menu .wrapper{top:70px;padding-top:4px;-webkit-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;font-size:14px} -@media (max-width:480px){.page.movie_details .content>.head .more_menu>a{line-height:1em} -.page.movie_details .content>.head .more_menu .wrapper{top:25px} -} +@media (max-width:480px){.page.movie_details .content>.head .more_menu .wrapper{top:25px}} .page.movie_details .content>.head .more_menu .wrapper:before{top:0;left:auto;right:22px} .page.movie_details .content>.head .more_menu .wrapper ul{-webkit-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;max-height:215px;overflow-y:auto} .page.movie_details .content>.head .more_menu .wrapper a{padding-right:30px} @@ -143,52 +124,51 @@ .page.movie_details .content>.head .more_menu .wrapper a.icon-ok,.page.movie_details .content>.head .more_menu .wrapper a:hover{color:#ac0000} .page.movie_details .content>.head .more_menu.title>a{display:inline-block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%} .page.movie_details .content>.head .more_menu.title .wrapper{left:0;right:auto} +@media (max-width:480px){.page.movie_details .content>.head .more_menu.title .wrapper{top:30px;max-width:240px}} .page.movie_details .content>.head .more_menu.title .wrapper:before{left:22px;right:auto} +@media (max-width:480px){.page.movie_details .content>.head .buttons{margin-left:auto}} .page.movie_details .content>.head .buttons a{display:inline-block;padding:0 10px 10px;color:#ac0000} .page.movie_details .content>.head .buttons a:hover{color:#000} .page.movie_details .content .section{padding:20px;border-top:1px solid rgba(0,0,0,.1)} +@media (max-width:480px){.page.movie_details .content .section{padding:10px}} .page.movie_details.show{pointer-events:auto} +.page.movie_details.show .overlay{opacity:1} .page.movie_details.show .overlay .close{opacity:1;-webkit-transition-delay:300ms;transition-delay:300ms;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)} .page.movie_details.show .content{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)} .page.movie_details .section_add{background:#eaeaea} .page.movie_details .section_add .options>div{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex} .page.movie_details .section_add .options>div select{vertical-align:middle;display:inline-block;margin-right:10px;min-width:70px;-webkit-box-flex:1;-webkit-flex:1 auto;-moz-box-flex:1;-ms-flex:1 auto;flex:1 auto} +@media (max-width:480px){.page.movie_details .section_add .options>div select{min-width:0}} .page.movie_details .section_add .options>div .button{background:#FFF;-webkit-box-flex:1;-webkit-flex:1 auto;-moz-box-flex:1;-ms-flex:1 auto;flex:1 auto;vertical-align:middle;display:inline-block;text-align:center} .page.movie_details .section_add .data,.page.movie_details .section_add .thumbnail{display:none} .page.movie_details .releases .buttons{margin-bottom:10px} -@media (max-width:480px){.page.movie_details .content>.head .more_menu.title .wrapper{top:30px;max-width:240px} -.page.movie_details .content>.head .buttons{margin-left:auto} -.page.movie_details .content .section{padding:10px} -.page.movie_details .section_add .options>div select{min-width:0} -.page.movie_details .releases .item{display:block} -} +@media (max-width:480px){.page.movie_details .releases .item{display:block}} .page.movie_details .releases .item:not(.head):hover{background:#eaeaea} .page.movie_details .releases .item span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;padding:6.67px 0} .page.movie_details .releases .item span:before{display:none;font-style:italic;opacity:.6;margin-right:3px;width:100%;font-size:.9em} +@media (max-width:480px){.page.movie_details .releases .item span:before{display:inline-block}} +@media (max-width:480px){.page.movie_details .releases .item span{vertical-align:top;white-space:normal;display:inline-block;width:50%;padding:0;min-width:0;max-width:none;text-align:left;margin-top:3px}} .page.movie_details .releases .item .name{-webkit-box-flex:1;-webkit-flex:1 auto;-moz-box-flex:1;-ms-flex:1 auto;flex:1 auto;text-align:left} +@media (max-width:480px){.page.movie_details .releases .item .name{width:100%;font-weight:700}} +@media (max-width:480px){.page.movie_details .releases .item.head{display:none}} .page.movie_details .releases .item.ignored span:not(.actions){opacity:.3} .page.movie_details .releases .item.ignored .name{text-decoration:line-through} .page.movie_details .releases .item .actions{padding:0} -@media (max-width:480px){.page.movie_details .releases .item span:before{display:inline-block} -.page.movie_details .releases .item span{vertical-align:top;white-space:normal;display:inline-block;width:50%;padding:0;min-width:0;max-width:none;text-align:left;margin-top:3px} -.page.movie_details .releases .item .name{width:100%;font-weight:700} -.page.movie_details .releases .item.head{display:none} -.page.movie_details .releases .item .actions{width:100%;text-align:center} -} +@media (max-width:480px){.page.movie_details .releases .item .actions{width:100%;text-align:center}} .page.movie_details .releases .item .actions a{display:inline-block;vertical-align:top;padding:6.67px;min-width:26px;color:#000} .page.movie_details .releases .item .actions a:hover{color:#ac0000} +@media (max-width:480px){.page.movie_details .releases .item .actions a{text-align:center}} .page.movie_details .releases .item .actions a:after{margin-left:3px;font-size:.9em} -@media (max-width:480px){.page.movie_details .releases .item .actions a{text-align:center} -.page.movie_details .releases .item .actions a.icon-info:after{content:"more info"} +@media (max-width:480px){.page.movie_details .releases .item .actions a.icon-info:after{content:"more info"} .page.movie_details .releases .item .actions a.icon-download:after{content:"download"} -.page.movie_details .releases .item .actions a.icon-cancel:after{content:"ignore"} -} +.page.movie_details .releases .item .actions a.icon-cancel:after{content:"ignore"}} .page.movie_details .releases .status{min-width:70px;max-width:70px} .page.movie_details .releases .status:before{content:"Status:"} .page.movie_details .releases .quality{min-width:60px;max-width:60px} -.page.movie_details .releases .age,.page.movie_details .releases .size{min-width:40px;max-width:40px} .page.movie_details .releases .quality:before{content:"Quality:"} +.page.movie_details .releases .size{min-width:40px;max-width:40px} .page.movie_details .releases .size:before{content:"Size:"} +.page.movie_details .releases .age{min-width:40px;max-width:40px} .page.movie_details .releases .age:before{content:"Age:"} .page.movie_details .releases .score{min-width:45px;max-width:45px} .page.movie_details .releases .score:before{content:"Score:"} @@ -196,51 +176,45 @@ .page.movie_details .releases .provider:before{content:"Provider:"} .page.movie_details .releases .actions{min-width:80px;max-width:80px} .page.movie_details .trailer_container{background:#000;position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;cursor:pointer} -.alph_nav .menus .button,.alph_nav .menus .counter{line-height:80px;padding:0 10px} -.page.movie_details .trailer_container .background{opacity:.6;-webkit-transition:all 300ms;transition:all 300ms;-webkit-filter:blur(10px);filter:blur(10px);-webkit-transform:scale(1.05)translateZ(0);transform:scale(1.05)translateZ(0);background:center no-repeat;-webkit-background-size:cover;background-size:cover;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1} +.page.movie_details .trailer_container .background{opacity:.6;-webkit-transition:all 300ms;transition:all 300ms;-webkit-filter:blur(10px);filter:blur(10px);-webkit-transform:scale(1.05) translateZ(0);transform:scale(1.05) translateZ(0);background:center/cover no-repeat;-webkit-background-size:cover;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1} .page.movie_details .trailer_container .icon-play{opacity:.9;position:absolute;z-index:2;text-align:center;width:100%;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all 300ms;transition:all 300ms;color:#FFF;font-size:110px} -@media (max-width:1024px){.page.movie_details .trailer_container .icon-play{font-size:55px} -} -@media (max-width:480px){.page.movie_details .trailer_container .icon-play{font-size:31.43px} -} +@media (max-width:1024px){.page.movie_details .trailer_container .icon-play{font-size:55px}} +@media (max-width:480px){.page.movie_details .trailer_container .icon-play{font-size:31.43px}} .page.movie_details .trailer_container .icon-play span{-webkit-transition:all 300ms;transition:all 300ms;opacity:.9;position:absolute;font-size:1em;top:50%;left:50%;margin-left:55px;-webkit-transform:translateY(-54%);-ms-transform:translateY(-54%);transform:translateY(-54%)} -@media (max-width:1024px){.page.movie_details .trailer_container .icon-play span{margin-left:27.5px} -} -@media (max-width:480px){.page.movie_details .trailer_container .icon-play span{margin-left:15.71px} -} +@media (max-width:1024px){.page.movie_details .trailer_container .icon-play span{margin-left:27.5px}} +@media (max-width:480px){.page.movie_details .trailer_container .icon-play span{margin-left:15.71px}} .page.movie_details .trailer_container .icon-play span:first-child{margin-left:-55px;-webkit-transform:translate(-100%,-54%);-ms-transform:translate(-100%,-54%);transform:translate(-100%,-54%)} -@media (max-width:1024px){.page.movie_details .trailer_container .icon-play span:first-child{margin-left:-27.5px} -} +@media (max-width:1024px){.page.movie_details .trailer_container .icon-play span:first-child{margin-left:-27.5px}} +@media (max-width:480px){.page.movie_details .trailer_container .icon-play span:first-child{margin-left:-15.71px}} .page.movie_details .trailer_container:hover{color:#ac0000} .page.movie_details .trailer_container:hover .background{-webkit-filter:blur(0);filter:blur(0)} .page.movie_details .trailer_container:hover .icon-play,.page.movie_details .trailer_container:hover .icon-play span{opacity:1} .page.movie_details .trailer_container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0} -@media (max-width:480px){.page.movie_details .trailer_container .icon-play span:first-child{margin-left:-15.71px} -.alph_nav{display:none} -} +@media (max-width:480px){.alph_nav{display:none}} .alph_nav .mass_edit_form{display:none} -.alph_nav .menus .button{color:rgba(0,0,0,.5)} +.alph_nav .menus .button{padding:0 10px;line-height:80px;color:rgba(0,0,0,.5)} .alph_nav .menus .actions,.alph_nav .menus .counter,.alph_nav .menus .more_menu{float:left} .alph_nav .menus .actions>a,.alph_nav .menus .counter>a,.alph_nav .menus .more_menu>a{display:inline-block;width:30px;line-height:80px;text-align:center} .alph_nav .menus .actions>a:hover,.alph_nav .menus .counter>a:hover,.alph_nav .menus .more_menu>a:hover{color:#ac0000} +.alph_nav .menus .counter{line-height:80px;padding:0 10px} .alph_nav .menus .actions a{display:none} -.alph_nav .menus .actions .active,.charts .chart{display:inline-block} +.alph_nav .menus .actions .active{display:inline-block} .alph_nav .menus .filter .wrapper{width:320px} .alph_nav .menus .filter .button{margin-top:-2px} .alph_nav .menus .filter .search{position:relative} .alph_nav .menus .filter .search:before{position:absolute;height:100%;line-height:38px;padding-left:10px;font-size:16px;opacity:.5} .alph_nav .menus .filter .search input{width:100%;padding:10px 10px 10px 30px;background:#FFF;border:none;border-bottom:1px solid #eaeaea} -.alph_nav .menus .filter .numbers li.active,.alph_nav .menus .filter .numbers li.available:hover{background:#eaeaea} .alph_nav .menus .filter .numbers{padding:10px} .alph_nav .menus .filter .numbers li{float:left;width:10%;height:30px;line-height:30px;text-align:center;color:rgba(0,0,0,.2);cursor:default;border:0} +.alph_nav .menus .filter .numbers li.active{background:#eaeaea} .alph_nav .menus .filter .numbers li.available{color:#000;cursor:pointer} +.alph_nav .menus .filter .numbers li.available:hover{background:#eaeaea} .alph_nav .menus .more_menu.show .button{color:#000} .alph_nav .menus .more_menu .wrapper{top:70px;padding-top:4px;-webkit-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;min-width:140px} .alph_nav .menus .more_menu .wrapper:before{top:0;left:auto;right:22px} -.alph_nav .menus .more_menu .wrapper ul{-webkit-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0} -.charts{clear:both;margin-bottom:30px} +.alph_nav .menus .more_menu .wrapper ul{-webkit-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0}.charts{clear:both;margin-bottom:30px} .charts>h2{height:40px} -.charts .chart{width:50%;vertical-align:top;max-height:510px;scrollbar-base-color:#4e5969} +.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} @@ -249,10 +223,8 @@ .charts p.no_charts_enabled{padding:.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%} -} +@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} @@ -272,7 +244,6 @@ .charts .chart .media_result .chart_number{color:#fff;position:absolute;top:0;padding:10px;font:700 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,.3)} .charts .chart .media_result.chart_in_library .chart_number{border-color:rgba(0,202,32,.3)} -.page.wizard .tabs li:hover a,.toggle_menu a:hover{border-color:#047792} .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} @@ -280,22 +251,16 @@ .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,.06667)} -.toggle_menu a:hover{border-width:4px;color:#fff} +.toggle_menu a:hover{border-color:#047792;border-width:4px;color:#fff} .toggle_menu a.active{border-bottom:4px solid #04bce6;color:#fff} -#category_ordering li,#profile_ordering li,.add_new_category,.add_new_profile,.category,.profile,.profile .types li{border-bottom:1px solid rgba(255,255,255,.2)} .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} -} -.suggestions{clear:both;padding-top:10px;margin-bottom:30px} +@media all and (max-width:480px){.toggle_menu h2{font-size:16px;text-align:center;height:30px}}.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%} -} +@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} -#category_ordering li:last-child,#profile_ordering li:last-child,.api_docs .api .params tr:last-child td,.api_docs .api .params tr:last-child th,.profile .types li:last-child{border:0} .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 .genres,.suggestions .media_result .data .info .rating,.suggestions .media_result .data .info .year{position:static;display:block;padding:0;opacity:.6} @@ -315,25 +280,24 @@ .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} -.add_new_category{padding:20px;display:block;text-align:center;font-size:20px} -.category{position:relative} +.suggestions .media_result .actions a{margin-left:10px;vertical-align:middle}.add_new_category{padding:20px;display:block;text-align:center;font-size:20px;border-bottom:1px solid rgba(255,255,255,.2)} +.category{border-bottom:1px solid rgba(255,255,255,.2);position:relative} .category>.delete{position:absolute;padding:16px;right:0;cursor:pointer;opacity:.6;color:#fd5353} .category>.delete:hover{opacity:1} .category .ctrlHolder:hover{background:0 0} .category .formHint{width:250px!important;margin:0!important;opacity:.1} .category:hover .formHint{opacity:1} #category_ordering ul{float:left;margin:0;width:275px;padding:0} -#category_ordering li{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab;padding:0 5px} +#category_ordering li{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab;border-bottom:1px solid rgba(255,255,255,.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} -.page.log .nav li.active,.page.log .nav li:hover:not(.active):not(.filter){background:rgba(255,255,255,.1)} -#category_ordering .formHint{clear:none;float:right;width:250px;margin:0} -.page.log .nav{text-align:right;padding:0;margin:0} +#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}.page.log .nav{text-align:right;padding:0;margin:0} .page.log .nav li{display:inline-block;padding:5px 10px;margin:0} .page.log .nav li.clear,.page.log .nav li.select{cursor:pointer} -.page.log .nav li.active{font-weight:700;cursor:default} +.page.log .nav li:hover:not(.active):not(.filter){background:rgba(255,255,255,.1)} +.page.log .nav li.active{font-weight:700;cursor:default;background:rgba(255,255,255,.1)} .page.log .hint{font-style:italic;opacity:.5;margin-top:3px} .page.log .loading{text-align:center;font-size:20px;padding:50px} .page.log .container{padding:20px;overflow:hidden;line-height:150%} @@ -352,9 +316,8 @@ .report_popup.report_popup .button{display:inline-block;margin:10px 0;padding:10px;color:#FFF} .report_popup.report_popup .bug{width:80%;height:80%;max-height:800px;max-width:800px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap} .report_popup.report_popup .bug textarea{display:block;width:100%;background:#FFF;padding:20px;overflow:auto;color:#666;height:70%;font-size:12px} -.do_report.do_report{z-index:10000;position:absolute;padding:10px;background:#ac0000;color:#FFF} -.add_new_profile{padding:20px;display:block;text-align:center;font-size:20px} -.profile{position:relative} +.do_report.do_report{z-index:10000;position:absolute;padding:10px;background:#ac0000;color:#FFF}.add_new_profile{padding:20px;display:block;text-align:center;font-size:20px;border-bottom:1px solid rgba(255,255,255,.2)} +.profile{border-bottom:1px solid rgba(255,255,255,.2);position:relative} .profile>.delete{position:absolute;padding:16px;right:0;cursor:pointer;opacity:.6;color:#fd5353} .profile>.delete:hover{opacity:1} .profile .ctrlHolder:hover{background:0 0} @@ -365,7 +328,8 @@ .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;list-style:none} +.profile .types li{padding:3px 5px;border-bottom:1px solid rgba(255,255,255,.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} @@ -375,43 +339,40 @@ .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 .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} -.page .combined_table .ctrlHolder.is_empty .delete,.page .multi_directory.is_empty .delete,.page.settings .combined_table .ctrlHolder.is_empty .check,.tooltip div{visibility:hidden} #profile_ordering ul{float:left;margin:0;width:275px;padding:0} -#profile_ordering li{padding:0 5px} +#profile_ordering li{border-bottom:1px solid rgba(255,255,255,.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} -.group_sizes .head{font-weight:700} +#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}.group_sizes .head{font-weight:700} .group_sizes .ctrlHolder{padding-top:4px!important;padding-bottom:4px!important;font-size:12px} .group_sizes .label{max-width:120px} -.group_sizes .max,.group_sizes .min{text-align:center;width:50px;max-width:50px;margin:0 5px!important;padding:0 3px;display:inline-block} -.page.userscript{position:absolute;width:100%;top:0;bottom:0;left:0;right:0;padding:0} +.group_sizes .max,.group_sizes .min{text-align:center;width:50px;max-width:50px;margin:0 5px!important;padding:0 3px;display:inline-block}.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} -.page.wizard .uniForm{margin:0 0 30px;width:83%} +.page.userscript .media_result .options select[name=profile]{width:70px}.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;-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:0 0 10px rgba(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:400;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} -.api_docs h1{font-size:25px;padding:20px 40px} +.page.wizard .tab_nzb_providers{margin:20px 0 0}.api_docs h1{font-size:25px;padding:20px 40px} .api_docs pre{background:#eee;font-family:monospace;margin:0;padding:10px;width:100%;display:block;font-size:12px} .api_docs body{display:block;overflow:auto;background-color:#FFF} .api_docs .api,.api_docs .missing{overflow:hidden;border-bottom:1px solid #eee;padding:40px} @@ -420,6 +381,7 @@ .api_docs .api .params{background:#fafafa;width:100%} .api_docs .api .params h3{clear:both;float:left;width:100px} .api_docs .api .params td,.api_docs .api .params th{padding:3px 5px;border-bottom:1px solid #eee} +.api_docs .api .params tr:last-child td,.api_docs .api .params tr:last-child th{border:0} .api_docs .api .params .param{vertical-align:top} .api_docs .api .params .param th{text-align:left;width:100px} .api_docs .api .params .param .type{font-style:italic;margin-right:10px;width:100px;color:#666} @@ -427,7 +389,6 @@ .api_docs .database{padding:20px;margin:0} .api_docs .database *{margin:0;padding:0} .api_docs .database .nav li{display:inline-block} -.api_docs .database table input[type=submit],.page.login{display:block} .api_docs .database .nav li a{padding:5px} .api_docs .database table{font-size:11px} .api_docs .database table th{text-align:left} @@ -437,14 +398,7 @@ .api_docs .database table ._rev,.api_docs .database table ._t{width:60px} .api_docs .database table .form,.api_docs .database table form{width:600px} .api_docs .database table textarea{font-size:12px;width:100%;height:200px} -@font-face{font-family:icons;src:url(../fonts/icons.eot?74719538);src:url(../fonts/icons.eot?74719538#iefix)format("embedded-opentype"),url(../fonts/icons.woff?74719538)format("woff"),url(../fonts/icons.ttf?74719538)format("truetype"),url(../fonts/icons.svg?74719538#icons)format("svg");font-weight:400;font-style:normal} -@font-face{font-family:OpenSans;src:url(../fonts/OpenSans-Light-webfont.eot);src:url(../fonts/OpenSans-Light-webfont.eot?#iefix)format("embedded-opentype"),url(../fonts/OpenSans-Light-webfont.woff)format("woff"),url(../fonts/OpenSans-Light-webfont.ttf)format("truetype"),url(../fonts/OpenSans-Light-webfont.svg#OpenSansRegular)format("svg");font-weight:200;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:400;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:400;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:700;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:700;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.woff2)format("woff2"),url(../fonts/Lobster-webfont.woff)format("woff"),url(../fonts/Lobster-webfont.ttf)format("truetype"),url(../fonts/Lobster-webfont.svg#lobster_14regular)format("svg");font-weight:400;font-style:normal} -.page.login{background:#ac0000} +.api_docs .database table input[type=submit]{display:block}.page.login{display:block;background:#ac0000} .page.login h1{padding:0 0 10px;font-size:60px;font-family:Lobster;font-weight:400;color:#FFF;text-align:center} .page.login form{padding:0;height:300px;width:400px;position:fixed;left:50%;top:50%;margin:-200px 0 0 -200px} .page.login .ctrlHolder{padding:0;margin:0 0 20px} @@ -452,9 +406,7 @@ .page.login input[type=password],.page.login input[type=text]{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} -*,body,html{margin:0;padding:0} -@font-face{font-family:icons;src:url(../fonts/icons.eot?74719541);src:url(../fonts/icons.eot?74719541#iefix)format("embedded-opentype"),url(../fonts/icons.woff?74719541)format("woff"),url(../fonts/icons.ttf?74719541)format("truetype"),url(../fonts/icons.svg?74719541#icons)format("svg");font-weight:400;font-style:normal} +.page.login .button{font-size:25px;padding:20px;float:right}@font-face{font-family:icons;src:url(../fonts/icons.eot?74719541);src:url(../fonts/icons.eot?74719541#iefix) format("embedded-opentype"),url(../fonts/icons.woff?74719541) format("woff"),url(../fonts/icons.ttf?74719541) format("truetype"),url(../fonts/icons.svg?74719541#icons) format("svg");font-weight:400;font-style:normal} [class*=" icon-"]:before,[class^=icon-]:before{font-family:icons;font-style:normal;font-weight:400;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .icon-left-arrow:before{content:'\e800'} .icon-settings:before{content:'\e801'} @@ -475,56 +427,53 @@ .icon-ok:before{content:'\e810'} .icon-dropdown:before{content:'\e811'} .icon-play:before{content:'\e812'} -@font-face{font-family:OpenSans;src:url(../fonts/OpenSans-Light-webfont.eot);src:url(../fonts/OpenSans-Light-webfont.eot?#iefix)format("embedded-opentype"),url(../fonts/OpenSans-Light-webfont.woff)format("woff"),url(../fonts/OpenSans-Light-webfont.ttf)format("truetype"),url(../fonts/OpenSans-Light-webfont.svg#OpenSansRegular)format("svg");font-weight:200;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:400;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:400;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:700;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:700;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.woff2)format("woff2"),url(../fonts/Lobster-webfont.woff)format("woff"),url(../fonts/Lobster-webfont.ttf)format("truetype"),url(../fonts/Lobster-webfont.svg#lobster_14regular)format("svg");font-weight:400;font-style:normal} -*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-rendering:optimizeSpeed} -body,html{font-size:14px;line-height:1.5;font-family:OpenSans,"Helvetica Neue",Helvetica,Arial,Geneva,sans-serif;font-weight:300;height:100%;background:#111;overflow:hidden} +@font-face{font-family:OpenSans;src:url(../fonts/OpenSans-Light-webfont.eot);src:url(../fonts/OpenSans-Light-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/OpenSans-Light-webfont.woff) format("woff"),url(../fonts/OpenSans-Light-webfont.ttf) format("truetype"),url(../fonts/OpenSans-Light-webfont.svg#OpenSansRegular) format("svg");font-weight:200;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:400;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:400;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:700;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:700;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.woff2) format("woff2"),url(../fonts/Lobster-webfont.woff) format("woff"),url(../fonts/Lobster-webfont.ttf) format("truetype"),url(../fonts/Lobster-webfont.svg#lobster_14regular) format("svg");font-weight:400;font-style:normal} +*{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-rendering:optimizeSpeed} +body,html{font-size:14px;line-height:1.5;font-family:OpenSans,"Helvetica Neue",Helvetica,Arial,Geneva,sans-serif;font-weight:300;height:100%;margin:0;padding:0;background:#111;overflow:hidden} body{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap} a{text-decoration:none;cursor:pointer} -input,select,textarea{font-size:1em;font-weight:300;padding:3.33px 5px;background:#FFF;border:1px solid #f2f2f2} +input,select,textarea{font-size:1em;font-weight:300;padding:6.67px;background:#FFF;border:1px solid #b7b7b7} .button{color:#ac0000;font-weight:300;padding:5px;cursor:pointer;border:1px solid #ac0000;-webkit-border-radius:3px;border-radius:3px;margin:0 5px;-webkit-transition:all 150ms;transition:all 150ms} .button:hover{background:#ac0000;color:#FFF} .header{width:132px;min-width:132px;position:relative;z-index:100} +@media (max-width:480px){.header{width:66px;min-width:66px;z-index:21}} .header a{color:#FFF;letter-spacing:1px} -.header .navigation .logo{background:#ac0000;display:block;text-align:center;position:relative;overflow:hidden;font-family:Lobster,serif;color:#FFF;font-size:38px;line-height:80px;height:80px;-webkit-transition:background 200ms cubic-bezier(.9,0,.1,1);transition:background 200ms cubic-bezier(.9,0,.1,1)} -.header .navigation .logo span{position:absolute;display:block;height:100%;left:50%;-webkit-transition:all 200ms cubic-bezier(.9,0,.1,1);transition:all 200ms cubic-bezier(.9,0,.1,1);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)} +.header .navigation .logo{background:#ac0000;display:block;text-align:center;position:relative;overflow:hidden;opacity:.1;font-family:Lobster,serif;color:#FFF;font-size:38px;line-height:80px;height:80px;-webkit-transition:background 200ms cubic-bezier(0.9,0,.1,1);transition:background 200ms cubic-bezier(0.9,0,.1,1)} +.header .navigation .logo span{position:absolute;display:block;height:100%;left:50%;-webkit-transition:all 200ms cubic-bezier(0.9,0,.1,1);transition:all 200ms cubic-bezier(0.9,0,.1,1);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)} .header .navigation .logo span:nth-child(even){-webkit-transform:translateX(45%);-ms-transform:translateX(45%);transform:translateX(45%);opacity:0} .header .navigation .logo:hover{background:#980000} .header .navigation .logo:hover span{-webkit-transform:translateX(-153%);-ms-transform:translateX(-153%);transform:translateX(-153%);opacity:0} .header .navigation .logo:hover span:nth-child(even){-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);opacity:1} -@media (max-width:480px){.header{width:66px;min-width:66px;z-index:21} -.header .navigation .logo{line-height:66px;height:66px} +@media (max-width:480px){.header .navigation .logo{line-height:66px;height:66px} .header .navigation .logo:after{content:'CP'} -.header .navigation .logo span{display:none} -} +.header .navigation .logo span{display:none}} .header .navigation ul{padding:0;margin:0} .header .navigation ul li a{padding:10px 20px;display:block} +@media (max-width:480px){.header .navigation ul li a{padding:10px 0;text-align:center}} .header .menu,.header .notification_menu,.header .search_form{position:absolute;z-index:21;bottom:6.67px;width:44px;height:44px} .header .menu .wrapper,.header .notification_menu .wrapper,.header .search_form .wrapper{min-width:170px} .header .menu>a,.header .notification_menu>a,.header .search_form>a{display:inline-block;height:100%;width:100%;text-align:center;line-height:44px;font-size:20px} .header .notification_menu{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)} +@media (max-width:480px){.header .notification_menu{bottom:50px}} .header .notification_menu .button:before{font-size:20px;top:-2px} .header .notification_menu .badge{position:absolute;color:#FFF;top:5px;right:0;background:#ac0000;-webkit-border-radius:50%;border-radius:50%;width:18px;height:18px;line-height:16px;text-align:center;font-size:10px;font-weight:lighter} .header .notification_menu .wrapper{width:320px} -@media (max-width:480px){.header .navigation ul li a{padding:10px 0;text-align:center} -.header .notification_menu{bottom:50px} -.header .notification_menu .wrapper{width:250px} -} +@media (max-width:480px){.header .notification_menu .wrapper{width:250px}} .header .notification_menu ul{min-height:60px;max-height:300px;overflow:auto} .header .notification_menu ul:empty:after{content:'No notifications (yet)';width:100%;position:absolute;line-height:60px;font-size:15px;font-style:italic;opacity:.4;left:40px} .header .notification_menu ul:empty:before{content:'\e808';font-family:icons;height:100%;line-height:60px;margin-left:20px;text-align:center;opacity:.4} .header .notification_menu ul li{padding:20px} .header .notification_menu ul li .added{font-weight:lighter;font-size:11px;display:block;text-align:right} .header .menu{left:6.67px} +@media (max-width:480px){.header .menu{bottom:94px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}} .header .menu .button:before{font-size:20px;top:-2px} .header .search_form{right:6.67px} -@media (max-width:480px){.header .menu{bottom:94px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)} -.header .search_form{right:auto;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)} -} +@media (max-width:480px){.header .search_form{right:auto;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}} .header .more_menu .wrapper{bottom:0;left:44px;right:auto;padding-left:4px} .content{-webkit-box-flex:1;-webkit-flex:1 auto;-moz-box-flex:1;-ms-flex:1 auto;flex:1 auto;background:#FFF;-webkit-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;overflow:hidden} .content h1,.content h2,.content h3{padding:0;margin:0} @@ -534,18 +483,14 @@ input,select,textarea{font-size:1em;font-weight:300;padding:3.33px 5px;backgroun .page.home{padding:0 0 20px} .page.active{display:block} .page h1,.page h2,.page h3,.page h4{font-weight:300} -.messages,.table .head{font-weight:700} .page h2{font-size:24px;padding:20px} +@media (max-width:480px){.page h2{font-size:18px;line-height:66px;padding:10px}} .page .navigation{z-index:2;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;position:fixed;top:0;height:80px;left:152px;right:20px;background:#FFF;-webkit-border-radius:3px 0 0;border-radius:3px 0 0} -.more_menu,.more_menu .button:before{position:relative} -.more_menu .button,.page .navigation ul li{display:inline-block} -@media (max-width:480px){.page h2{font-size:18px;line-height:66px;padding:10px} -.page .navigation{height:66px;left:86px} -} +@media (max-width:480px){.page .navigation{height:66px;left:86px}} .page .navigation ul{-webkit-box-flex:1;-webkit-flex:1 auto;-moz-box-flex:1;-ms-flex:1 auto;flex:1 auto;list-style:none} +.page .navigation ul li{display:inline-block} .page .navigation ul li a{font-size:24px;line-height:80px;padding:20px;color:rgba(0,0,0,.5)} -@media (max-width:480px){.page .navigation ul li a{font-size:18px;line-height:66px;padding:10px} -} +@media (max-width:480px){.page .navigation ul li a{font-size:18px;line-height:66px;padding:10px}} .page .navigation ul li:first-child{margin-left:-20px} .page .navigation ul .active a{color:#000} .page .navigation h2{padding:20px 20px 20px 0} @@ -553,13 +498,11 @@ input,select,textarea{font-size:1em;font-weight:300;padding:3.33px 5px;backgroun .level_2{z-index:20} .level_3{z-index:30} .level_4{z-index:40} -.more_menu{line-height:1em} -.more_menu .button{font-size:24px;cursor:pointer} -.more_menu .wrapper{display:none;position:absolute;right:0;background:#ac0000;z-index:5000;box-shadow:0 0 15px 2px rgba(0,0,0,.15);-webkit-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px} -.messages .message,.more_menu .wrapper{-webkit-box-shadow:0 0 15px 2px rgba(0,0,0,.15)} -.more_menu .wrapper:before{-webkit-transform:rotate(45deg)translateY(-60%);-ms-transform:rotate(45deg)translateY(-60%);transform:rotate(45deg)translateY(-60%);content:'';display:block;position:absolute;background:#ac0000;height:10px;width:10px;left:-9px;bottom:11px;z-index:1;opacity:0;-webkit-border-radius:2px;border-radius:2px} -.more_menu.show .wrapper:before,.question.show{opacity:1} -.mask,.messages{right:0;bottom:0} +.more_menu{position:relative;line-height:1em} +.more_menu .button{font-size:24px;cursor:pointer;display:inline-block} +.more_menu .button:before{position:relative} +.more_menu .wrapper{display:none;position:absolute;right:0;background:#ac0000;z-index:5000;-webkit-box-shadow:0 0 15px 2px rgba(0,0,0,.15);box-shadow:0 0 15px 2px rgba(0,0,0,.15);-webkit-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px} +.more_menu .wrapper:before{-webkit-transform:rotate(45deg) translateY(-60%);-ms-transform:rotate(45deg) translateY(-60%);transform:rotate(45deg) translateY(-60%);content:'';display:block;position:absolute;background:#ac0000;height:10px;width:10px;left:-9px;bottom:11px;z-index:1;opacity:0;-webkit-border-radius:2px;border-radius:2px} .more_menu .wrapper ul{-webkit-transform:translateZ(0);transform:translateZ(0);background:#FFF;position:relative;z-index:2;overflow:hidden;-webkit-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px} .more_menu .wrapper ul li{display:block;line-height:1em;border-top:1px solid #eaeaea} .more_menu .wrapper ul li:first-child{border-top:0} @@ -567,219 +510,69 @@ input,select,textarea{font-size:1em;font-weight:300;padding:3.33px 5px;backgroun .more_menu .wrapper ul li:first-child a{padding-top:10px} .more_menu .wrapper ul li:last-child a{padding-bottom:10px} .more_menu.show .wrapper{display:block} -.messages{position:fixed;width:320px;z-index:2000;overflow:hidden;font-size:14px;padding:5px} -.messages .message{overflow:hidden;-webkit-transition:all .6s cubic-bezier(.9,0,.1,1);transition:all .6s cubic-bezier(.9,0,.1,1);width:100%;position:relative;max-height:0;font-size:1.1em;font-weight:400;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:100% 50%;-ms-transform-origin:100% 50%;transform-origin:100% 50%;background:#ac0000;margin-bottom:4px;-webkit-border-radius:3px;border-radius:3px;box-shadow:0 0 15px 2px rgba(0,0,0,.15)} +.more_menu.show .wrapper:before{opacity:1} +.messages{position:fixed;right:0;bottom:0;width:320px;z-index:2000;overflow:hidden;font-size:14px;font-weight:700;padding:5px} +.messages .message{overflow:hidden;-webkit-transition:all .6s cubic-bezier(0.9,0,.1,1);transition:all .6s cubic-bezier(0.9,0,.1,1);width:100%;position:relative;max-height:0;font-size:1.1em;font-weight:400;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:100% 50%;-ms-transform-origin:100% 50%;transform-origin:100% 50%;background:#ac0000;margin-bottom:4px;-webkit-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 0 15px 2px rgba(0,0,0,.15);box-shadow:0 0 15px 2px rgba(0,0,0,.15)} .messages .message .inner{padding:15px 30px 15px 20px;background:#FFF;margin-bottom:4px;-webkit-border-radius:3px;border-radius:3px} .messages .message.sticky{background-color:#ac0000} .messages .message.show{max-height:100px;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} -.messages .message.hide{max-height:0;padding:0 20px;margin:0;transform:scale(0)} -.mask .spinner,.messages .message.hide{-webkit-transform:scale(0);-ms-transform:scale(0)} +.messages .message.hide{max-height:0;padding:0 20px;margin:0;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)} .messages .close{position:absolute;padding:10px 8px;top:0;right:0;color:#FFF} .question{position:fixed;z-index:20000;color:#FFF;padding:20px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center} +.question.show{opacity:1} .question .inner{width:100%;max-width:500px} .question h3{display:block;margin-bottom:20px;font-size:1.4em;font-weight:lighter} .question a{border-color:#FFF;color:#FFF} .question a:hover{background:#FFF;color:#ac0000} -.mask{background:rgba(0,0,0,.8);z-index:1000;text-align:center;position:absolute;top:0;left:0;opacity:0;-webkit-transition:opacity 1000ms;transition:opacity 1000ms;pointer-events:none} -.mask .message,.mask .spinner{position:absolute;top:50%;left:50%} -.mask .message{color:#FFF;text-align:center;width:320px;margin:-49px 0 0 -160px;font-size:16px;opacity:.5} -.mask .spinner{width:22px;height:22px;display:block;background:#fff;margin-top:-11px;margin-left:-11px;outline:transparent solid 1px;-webkit-animation:rotating 2.5s cubic-bezier(.9,0,.1,1)infinite normal;animation:rotating 2.5s cubic-bezier(.9,0,.1,1)infinite normal;transform:scale(0)} +.mask{background:rgba(0,0,0,.8);z-index:1000;text-align:center;position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;-webkit-transition:opacity 1000ms;transition:opacity 1000ms;pointer-events:none} +.mask .message{color:#FFF;text-align:center;position:absolute;top:50%;left:50%;width:320px;margin:-49px 0 0 -160px;font-size:16px;opacity:.5} +.mask .spinner{position:absolute;top:50%;left:50%;width:22px;height:22px;display:block;background:#fff;margin-top:-11px;margin-left:-11px;outline:transparent solid 1px;-webkit-animation:rotating 2.5s cubic-bezier(0.9,0,.1,1) infinite normal;animation:rotating 2.5s cubic-bezier(0.9,0,.1,1) infinite normal;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)} .mask.show{pointer-events:auto;opacity:1} .mask.show .spinner{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} .mask.hide{opacity:0} -.page .directory_list li.blur,.tooltip>a{opacity:.3} .mask.hide .spinner{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)} -@-webkit-keyframes rotating{0%{-webkit-transform:rotate(0)scale(1.6);transform:rotate(0)scale(1.6);-webkit-border-radius:1px;border-radius:1px} -48%{-webkit-transform:rotate(360deg)scale(1);transform:rotate(360deg)scale(1);-webkit-border-radius:50%;border-radius:50%} -100%{-webkit-transform:rotate(720deg)scale(1.6);transform:rotate(720deg)scale(1.6);-webkit-border-radius:1px;border-radius:1px} -} -@keyframes rotating{0%{-webkit-transform:rotate(0)scale(1.6);transform:rotate(0)scale(1.6);-webkit-border-radius:1px;border-radius:1px} -48%{-webkit-transform:rotate(360deg)scale(1);transform:rotate(360deg)scale(1);-webkit-border-radius:50%;border-radius:50%} -100%{-webkit-transform:rotate(720deg)scale(1.6);transform:rotate(720deg)scale(1.6);-webkit-border-radius:1px;border-radius:1px} -} +@-webkit-keyframes rotating{0%{-webkit-transform:rotate(0deg) scale(1.6);transform:rotate(0deg) scale(1.6);-webkit-border-radius:1px;border-radius:1px} +48%{-webkit-transform:rotate(360deg) scale(1);transform:rotate(360deg) scale(1);-webkit-border-radius:50%;border-radius:50%} +100%{-webkit-transform:rotate(720deg) scale(1.6);transform:rotate(720deg) scale(1.6);-webkit-border-radius:1px;border-radius:1px}} +@keyframes rotating{0%{-webkit-transform:rotate(0deg) scale(1.6);transform:rotate(0deg) scale(1.6);-webkit-border-radius:1px;border-radius:1px} +48%{-webkit-transform:rotate(360deg) scale(1);transform:rotate(360deg) scale(1);-webkit-border-radius:50%;border-radius:50%} +100%{-webkit-transform:rotate(720deg) scale(1.6);transform:rotate(720deg) scale(1.6);-webkit-border-radius:1px;border-radius:1px}} +.table .head{font-weight:700} .table .item{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;border-bottom:1px solid rgba(0,0,0,.2)} .table .item:last-child{border-bottom:none} .table .item span{padding:1px 2px} .table .item span:first-child{padding-left:0} -.table .item span:last-child{padding-right: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:-webkit-linear-gradient(14deg,transparent 50%,rgba(0,0,0,.3) 100%);background-image:linear-gradient(76deg,transparent 50%,rgba(0,0,0,.3) 100%)} -.page.settings .tabs a{display:block;padding:7px 15px;transition:all .3s ease-in-out;color:rgba(255,255,255,.8);text-shadow:none} -.page.settings .tabs .subtabs a,.page.settings .tabs a{font-weight:400;-webkit-transition:all .3s ease-in-out} -.page.settings .tabs .active a,.page.settings .tabs a:hover{background:#4e5969;color:#fff} -.page.settings .tabs>li{border-bottom:1px solid #4e5969} -.page.settings .tabs .subtabs{list-style:none;padding:0;margin:-5px 0 10px} -.page.settings .tabs .subtabs a{font-size:13px;padding:0 15px;transition:all .3s ease-in-out;color:rgba(255,255,255,.7)} -.page.settings .tabs .subtabs .active a{color:#fff;background:#4e5969} -.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 input.advanced,.page.show_advanced span.advanced{display:inline} -.page.settings .tab_content{display:none} +.table .item span:last-child{padding-right:0}.page.settings .tab_content{display:none} .page.settings .tab_content.active{display:block} -.page fieldset.disabled .ctrlHolder,.page fieldset.enabler:hover h2 .icon{display:none} -.page fieldset{padding:10px 0} -.page fieldset h2{font-weight:400;font-size:25px;padding:0 9px 10px 30px;margin:0;border-bottom:1px solid #333;-webkit-box-shadow:0 1px 0 rgba(255,255,255,.15);box-shadow:0 1px 0 rgba(255,255,255,.15)} -.page fieldset h2 .icon{vertical-align:bottom;position:absolute;left:-25px;top:3px;background:#FFF;-webkit-border-radius:2.5px;border-radius:2.5px;line-height:0;overflow:hidden} -.page fieldset h2 .hint{font-size:12px;margin-left:10px} -.page fieldset h2 .hint a{margin:0!important;padding:0} -.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)7px center no-repeat} -.page .ctrlHolder:last-child{border:none} -.page .ctrlHolder:hover{background-color:rgba(255,255,255,.05)} -.page .ctrlHolder.focused{background-color:rgba(255,255,255,.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:700;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} -.page .option_list h3{padding:0;margin:10px 5px 0;text-align:center;font-weight:400;text-shadow:none;text-transform:uppercase;font-size:12px;background:rgba(255,255,255,.03)} -.page .option_list .enabler.disabled{display:inline-block;padding:4px 0 5px;width:24%;vertical-align:top} -.page .option_list .enabler.disabled h2 .hint,.page .option_list .enabler:not(.disabled) .icon{display:none} -.page .option_list .enabler.disabled h2{cursor:pointer;border:none;-webkit-box-shadow: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:700;border:none;border-top:1px solid rgba(255,255,255,.15);-webkit-box-shadow:0 -1px 0 #333;box-shadow:0 -1px 0 #333;margin:0;padding:10px 0 5px 25px} -.page .option_list .enabler:not(.disabled):first-child h2{border:none;-webkit-box-shadow:none;box-shadow:none} -.page .option_list .enabler h2 .hint{font-weight:400} -.page input[type=password],.page input[type=text]{padding:5px 3px;margin:0;width:30%} -.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:0 0;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;-webkit-box-shadow:0 20px 40px -20px rgba(0,0,0,.55);box-shadow:0 20px 40px -20px rgba(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,.1);background:url(../images/right.arrow.png)98% center no-repeat;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} -.page .directory_list li:last-child{border-bottom:1px solid rgba(255,255,255,.1)} -.page .directory_list li:hover{background-color:#515c68} -.page .directory_list li.empty{background:0 0;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:700;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:700;color:#ddd} -.page .directory_list .actions:last-child>.save{background:#9dc156} -.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{-webkit-border-radius:0 10px 10px 0;border-radius:0 10px 10px 0;height:26px} -.page .tag_input>input{display:none} -.page .tag_input>ul{list-style:none;-webkit-border-radius:3px;border-radius:3px;cursor:text;width:30%;margin:0!important;min-height:27px;line-height:0;display:inline-block} -.page .tag_input:hover>ul{-webkit-border-radius:3px 0 0 3px;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;-webkit-border-radius:2px;border-radius:2px} -.page .tag_input>ul:hover>li.choice{background:-webkit-linear-gradient(270deg,rgba(255,255,255,.3) 0,rgba(255,255,255,.1) 100%);background:linear-gradient(180deg,rgba(255,255,255,.3) 0,rgba(255,255,255,.1) 100%)} -.page .tag_input>ul>li.choice.selected,.page .tag_input>ul>li.choice:hover{background:-webkit-linear-gradient(270deg,#5b9bd1 0,#406db8 100%);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;-webkit-border-radius:30px 30px 0 0;border-radius:30px 30px 0 0;cursor:pointer;background:url(../images/icon.delete.png)center 2px no-repeat,-webkit-linear-gradient(270deg,#5b9bd1 0,#5b9bd1 100%);background:url(../images/icon.delete.png)center 2px no-repeat,linear-gradient(180deg,#5b9bd1 0,#5b9bd1 100%);-webkit-background-size:65% 65%;background-size:65%} -.page .tag_input .choice.selected .delete,.page .tag_input .choice:hover .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:700;border-bottom:1px dotted #fff;line-height:140%;cursor:help} -.page .tab_about .info dd.version,.tooltip>a{cursor:pointer} -.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 .extra_score,.page.show_advanced .combined_table .head .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 .custom_tag,.page.show_advanced .combined_table .head .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 .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)left center no-repeat;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;-webkit-box-shadow:-1px 0 0 rgba(255,255,255,.15);box-shadow:-1px 0 0 rgba(255,255,255,.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:700} -.page .tab_about .info dd{float:right;width:80%;padding:0;margin:0;font-style:italic} -.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:400} -.settings .group_userscript{background-position:center 120px;-webkit-background-size:auto 70%;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;-webkit-border-radius:5px;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)right 50px no-repeat;min-height:210px} -.tooltip{position:absolute;right:0;width:30px;height:30px} -.tooltip>a{font-size:11px} -.tooltip:hover>a{opacity:1} -.tooltip div{background:#FFF;color:#000;padding:10px;width:380px;z-index:200;position:absolute;-webkit-transition:all .4s cubic-bezier(.9,0,.1,1);transition:all .4s cubic-bezier(.9,0,.1,1);margin-top:40px;right:0;opacity:0} -.tooltip.shown div{margin-top:10px;opacity:1;visibility:visible} -.tooltip div a{color:#5b9bd1} -.uniForm legend{font-weight:700;font-size:100%;margin:0;padding:1.5em 0} -.uniForm .ctrlHolder{padding:1em;border-bottom:1px solid #efefef} -.uniForm .ctrlHolder.focused{background:#fffcdf} -.uniForm .buttonHolder{background:#efefef;text-align:right;margin:1.5em 0 0;padding:1.5em;-webkit-border-radius:4px;border-radius:4px} -.uniForm .buttonHolder .primaryAction{padding:10px 22px;line-height:1;background:#254a86;border:1px solid #163362;font-size:12px;font-weight:700;color:#fff;-webkit-border-radius:4px;border-radius:4px;-webkit-box-shadow:1px 1px 0 #fff;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:0 0;border:none;color:#777;margin:1.25em 0 0;padding:0} -.uniForm .inlineLabels .label em,.uniForm .inlineLabels label em{font-style:normal;font-weight:700} -.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 ul li label{font-size:.85em} -.uniForm .ctrlHolder .textInput:focus,.uniForm .ctrlHolder textarea:focus{outline:0} -.uniForm .formHint{font-size:.85em;color:#777} -.uniForm .inlineLabels .formHint{padding-top:.5em} -.uniForm .ctrlHolder.focused .formHint{color:#333} -.uniForm #errorMsg{background:#ffdfdf;border:1px solid #f3afb5;margin:0 0 1.5em;padding:0 1.5em;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px} -.uniForm #errorMsg ol{margin:0 0 1.5em;padding:0} -.uniForm #errorMsg ol li{margin:0 0 3px 1.5em;padding:7px;background:#f6bec1;position:relative;font-size:.85em;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px} -.uniForm .ctrlHolder.error,.uniForm .ctrlHolder.focused.error{background:#ffdfdf;border:1px solid #f3afb5;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;padding:4px} -.uniForm #okMsg{background:#c8ffbf;border:1px solid #a2ef95;margin:0 0 1.5em;padding:0 1.5em;text-align:center;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px} -.uniForm #OKMsg p{margin:0} -.uniForm .col{margin-bottom:1.5em} -.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 +.page.settings fieldset{border:0;margin-bottom:20px} +.page.settings fieldset h2{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-webkit-align-items:baseline;-moz-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;padding:0 20px} +.page.settings fieldset h2 .hint{margin-left:10px;font-size:1rem} +.page.settings fieldset h2 .hint a{font-weight:400;color:#ac0000;text-decoration:underline} +.page.settings fieldset .ctrlHolder{padding:6.67px 20px;border-bottom:1px solid #eaeaea;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center} +.page.settings fieldset .ctrlHolder:last-child{border-bottom:0} +.page.settings fieldset .ctrlHolder label{display:inline-block;min-width:150px} +.page.settings fieldset .ctrlHolder input,.page.settings fieldset .ctrlHolder select,.page.settings fieldset .ctrlHolder textarea{min-width:200px} +.page.settings fieldset .ctrlHolder input[type=checkbox],.page.settings fieldset .ctrlHolder select[type=checkbox],.page.settings fieldset .ctrlHolder textarea[type=checkbox]{width:auto;min-width:0} +.page.settings fieldset .ctrlHolder .select_wrapper{position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center} +.page.settings fieldset .ctrlHolder .select_wrapper select{cursor:pointer} +.page.settings fieldset .ctrlHolder .select_wrapper:before{pointer-events:none;position:absolute;right:10px;height:100%;line-height:0;margin-top:-3px} +.page.settings fieldset .ctrlHolder .formHint{opacity:.8;margin-left:20px} +.page.settings fieldset .ctrlHolder .formHint a{font-weight:400;color:#ac0000;text-decoration:underline} +.page.settings fieldset .ctrlHolder.test_button a{margin:0} +.page.settings fieldset .disabled .ctrlHolder{display:none} +.page.settings fieldset .ctrlHolder.advanced,.page.settings fieldset.advanced{display:none;color:#ac0000} +.page.settings.show_advanced fieldset .ctrlHolder.advanced,.page.settings.show_advanced fieldset.advanced{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex} +.page.settings .enabler{display:block} +.page.settings .option_list{margin-bottom:20px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap} +.page.settings .option_list .check{margin-top:5px} +.page.settings .option_list .enabler{padding:0;margin-left:5px!important} +.page.settings .option_list .enabler h2 .hint{font-weight:400} +.page.settings .option_list .enabler:not(.disabled){margin:0 0 0 30px} +.page.settings .option_list .enabler:not(.disabled) .ctrlHolder:first-child{margin:10px 0 -33px} +.page.settings .option_list .enabler:not(.disabled) .icon{display:none} +.page.settings .option_list .enabler:not(.disabled) h2{font-size:16px;font-weight:700;border:none;border-top:1px solid rgba(255,255,255,.15);-webkit-box-shadow:0 -1px 0 #333;box-shadow:0 -1px 0 #333;margin:0;padding:10px 0 5px 25px} +.page.settings .option_list .enabler:not(.disabled):first-child h2{border:none;-webkit-box-shadow:none;box-shadow:none} +.page.settings .option_list .enabler.disabled{display:inline-block;padding:4px 0 5px;margin:0;width:100px;vertical-align:top} +.page.settings .option_list .enabler.disabled h2{cursor:pointer;border:none;-webkit-box-shadow:none;box-shadow:none;padding:0 10px 0 0;font-size:16px;position:relative;left:25px;margin-right:25px} +.page.settings .option_list .enabler.disabled h2 .hint{display:none} +.page.settings .option_list h3{padding:0;margin:10px 5px 0;text-align:center;font-weight:400;text-shadow:none;text-transform:uppercase;font-size:12px;background:rgba(255,255,255,.03);width:100%} \ No newline at end of file diff --git a/couchpotato/static/style/main.scss b/couchpotato/static/style/main.scss index 3538cde..4bb7e81 100644 --- a/couchpotato/static/style/main.scss +++ b/couchpotato/static/style/main.scss @@ -33,9 +33,10 @@ a { input, textarea, select { font-size: 1em; font-weight: 300; - padding: $padding/6 $padding/4; + padding: $padding/3; background: $background_color; - border: 1px solid #f2f2f2; + border: 1px solid darken($theme_off, 20); + } .button { @@ -80,6 +81,7 @@ input, textarea, select { text-align: center; position: relative; overflow: hidden; + opacity: .1; font-family: Lobster, serif; color: #FFF; diff --git a/couchpotato/static/style/settings.css b/couchpotato/static/style/settings.css new file mode 100644 index 0000000..7ea4a57 --- /dev/null +++ b/couchpotato/static/style/settings.css @@ -0,0 +1,819 @@ +.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%; + } + .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 index 7ea4a57..ac70e5b 100644 --- a/couchpotato/static/style/settings.scss +++ b/couchpotato/static/style/settings.scss @@ -1,819 +1,199 @@ -.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); - } +@import "_mixins"; +.page.settings { - .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; } + .tab_content { + display: none; - .page.settings .tab_content { - display: none; + &.active { + display: block; } - .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); - } + fieldset { + border: 0; + margin-bottom: $padding; - .page fieldset h2 .icon { - vertical-align: bottom; - position: absolute; - left: -25px; - top: 3px; - background: #FFF; - border-radius: 2.5px; - line-height: 0; - overflow: hidden; - } + h2 { + display: flex; + align-items: baseline; + padding: 0 $padding; - .page fieldset.enabler:hover h2 .icon { - display: none; - } + .hint { + margin-left: $padding/2; + font-size: 1rem; - .page fieldset h2 .hint { - font-size: 12px; - margin-left: 10px; - } - .page fieldset h2 .hint a { - margin: 0 !important; - padding: 0; + a { + font-weight: 400; + color: $primary_color; + text-decoration: underline; } - - .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; + .ctrlHolder { + padding: $padding/3 $padding; + border-bottom: 1px solid $theme_off; + display: flex; + align-items: center; + + &:last-child { + border-bottom: 0; } - .page .check + .formHint { - float: none; - width: auto; + label { display: inline-block; - padding-left: 1% !important; - height: 24px; - vertical-align: middle; - line-height: 24px; + min-width: 150px; } - .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; - } + input, textarea, select { + min-width: 200px; - .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; + &[type=checkbox] { + width: auto; + min-width: 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; - } + .select_wrapper { + position: relative; + display: flex; + align-items: center; - .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; + select { + cursor: pointer; } - .page .option_list .enabler.disabled h2 .hint { - display: none; - } - .page .option_list .enabler h2 .hint { - font-weight: normal; + &:before { + pointer-events: none; + position: absolute; + right: $padding/2; + height: 100%; + line-height: 0; + margin-top: -3px; + } } - .page input[type=text], .page input[type=password] { - padding: 5px 3px; - margin: 0; - width: 30%; - } - .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; - } + .formHint { + opacity: .8; + margin-left: $padding; - .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; + a { + font-weight: 400; + color: $primary_color; + text-decoration: underline; + } } - .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; + &.test_button a { + margin: 0; } - - .page .directory_list li:last-child { - border-bottom: 1px solid rgba(255,255,255,0.1); } - .page .directory_list li:hover { - background-color: #515c68; + .disabled { + .ctrlHolder { + display: none; } - - .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%; + fieldset.advanced, + fieldset .ctrlHolder.advanced { + display: none; + color: $primary_color; } - .page .directory_list .actions:last-child > span { - padding: 0 5px; - text-shadow: none; + &.show_advanced { + fieldset.advanced, + fieldset .ctrlHolder.advanced { + display: flex; } - - .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; + /** Options list **/ + .enabler { + display: block; } - .page .tag_input .selection { - border-radius: 0 10px 10px 0; - height: 26px; - } - - .page .tag_input > input { - display: none; - } + .option_list { + margin-bottom: 20px; + display: flex; + flex-flow: row wrap; - .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; + .check { + margin-top: 5px; } - .page .tag_input:hover .formHint { display: none; } - .page .tag_input > ul > li { - display: inline-block; - min-height: 20px; - min-width: 2px; - font-size: 12px; + .enabler { 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; - } + margin-left: 5px !important; - .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; + h2 .hint { + font-weight: normal; } - .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; } + &:not(.disabled) { + margin: 0 0 0 30px; - .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; } + .ctrlHolder:first-child { + margin: 10px 0 -33px 0; + } - .page .combined_table .head abbr.pass_key { margin-right: 71px; } - .page .combined_table input.pass_key { width: 113px; } + .icon { + display: none; + } - .page .section_newznab .combined_table .head abbr.api_key { margin-right: 170px; } - .page .section_newznab .combined_table input.api_key { width: 203px; } + 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 .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; + &:first-child h2 { + border: none; + box-shadow: none; + } } - .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 { + &.disabled { 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; - } + padding: 4px 0 5px; + margin: 0; + width: 100px; + vertical-align: top; - .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; + h2 { + cursor: pointer; + border: none; + box-shadow: none; + padding: 0 10px 0 0; + font-size: 16px; + position: relative; + left: 25px; + margin-right: 25px; + + .hint { + display: none; + } + } } - - .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%; + h3 { 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; + 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); + width: 100%; } - - .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; - } +} \ No newline at end of file diff --git a/couchpotato/static/style/uniform.generic.scss b/couchpotato/static/style/uniform.generic.scss deleted file mode 100644 index 8ac4136..0000000 --- a/couchpotato/static/style/uniform.generic.scss +++ /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.scss b/couchpotato/static/style/uniform.scss deleted file mode 100644 index 91bc83f..0000000 --- a/couchpotato/static/style/uniform.scss +++ /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