dockeruser
/
CouchPotatoServer
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

Simplify settings

pull/5180/head
Ruud 10 years ago
parent
616c6166c4
commit
ed00c0780c
14 changed files with 1174 additions and 1476 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      couchpotato/core/media/movie/_base/static/list.js
  2. 4
      couchpotato/core/media/movie/_base/static/movie.js
  3. 14
      couchpotato/core/media/movie/_base/static/movie.scss
  4. 2
      couchpotato/core/media/movie/_base/static/search.js
  5. 8
      couchpotato/core/plugins/category/static/category.js
  6. 12
      couchpotato/core/plugins/profile/static/profile.js
  7. 6
      couchpotato/core/plugins/quality/static/quality.js
  8. 27
      couchpotato/static/scripts/page/settings.js
  9. 561
      couchpotato/static/style/combined.min.css
  10. 6
      couchpotato/static/style/main.scss
  11. 819
      couchpotato/static/style/settings.css
  12. 832
      couchpotato/static/style/settings.scss
  13. 139
      couchpotato/static/style/uniform.generic.scss
  14. 154
      couchpotato/static/style/uniform.scss

2
couchpotato/core/media/movie/_base/static/list.js
View File

@ -189,7 +189,7 @@ var MovieList = new Class({
self.navigation = new Element('div.alph_nav').adopt( self.navigation = new Element('div.alph_nav').adopt(
self.mass_edit_form = new Element('div.mass_edit_form').adopt( self.mass_edit_form = new Element('div.mass_edit_form').adopt(
new Element('span.select').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': { 'events': {
'change': self.massEditToggleAll.bind(self) 'change': self.massEditToggleAll.bind(self)
} }

4
couchpotato/core/media/movie/_base/static/movie.js
View File

@ -232,7 +232,7 @@ var Movie = new Class({
} }
self.el.adopt( self.el.adopt(
self.select_checkbox = new Element('input[type=checkbox].inlay', { self.select_checkbox = new Element('input[type=checkbox]', {
'events': { 'events': {
'change': function(){ 'change': function(){
self.fireEvent('select'); self.fireEvent('select');
@ -240,7 +240,7 @@ var Movie = new Class({
} }
}), }),
self.thumbnail = thumbnail, 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( self.info_container = new Element('div.info').adopt(
new Element('div.title').adopt( new Element('div.title').adopt(
self.title = new Element('span', { self.title = new Element('span', {

14
couchpotato/core/media/movie/_base/static/movie.scss
View File

@ -16,6 +16,13 @@
.movie { .movie {
.check {
position: absolute;
top: 0;
left: $padding;
display: none;
}
.quality { .quality {
span { span {
background: rgba(0,0,0,.2); background: rgba(0,0,0,.2);
@ -316,13 +323,6 @@
} }
.check {
position: absolute;
top: 0;
left: $padding;
display: none;
}
.eta { .eta {
display: none; display: none;
} }

2
couchpotato/core/media/movie/_base/static/search.js
View File

@ -24,7 +24,7 @@ var BlockSearchMovieItem = new Class({
'height': null, 'height': null,
'width': null 'width': null
}) : null, }) : null,
self.options_el = new Element('div.options.inlay'), self.options_el = new Element('div.options'),
self.data_container = new Element('div.data', { self.data_container = new Element('div.data', {
'events': { 'events': {
'click': self.showOptions.bind(self) 'click': self.showOptions.bind(self)

8
couchpotato/core/plugins/category/static/category.js
View File

@ -192,7 +192,7 @@ var Category = new Class({
}), }),
new Element('.category_label.ctrlHolder').adopt( new Element('.category_label.ctrlHolder').adopt(
new Element('label', {'text':'Name'}), new Element('label', {'text':'Name'}),
new Element('input.inlay', { new Element('input', {
'type':'text', 'type':'text',
'value': data.label, 'value': data.label,
'placeholder': 'Example: Kids, Horror or His' 'placeholder': 'Example: Kids, Horror or His'
@ -201,7 +201,7 @@ var Category = new Class({
), ),
new Element('.category_preferred.ctrlHolder').adopt( new Element('.category_preferred.ctrlHolder').adopt(
new Element('label', {'text':'Preferred'}), new Element('label', {'text':'Preferred'}),
new Element('input.inlay', { new Element('input', {
'type':'text', 'type':'text',
'value': data.preferred, 'value': data.preferred,
'placeholder': 'Blu-ray, DTS' 'placeholder': 'Blu-ray, DTS'
@ -209,7 +209,7 @@ var Category = new Class({
), ),
new Element('.category_required.ctrlHolder').adopt( new Element('.category_required.ctrlHolder').adopt(
new Element('label', {'text':'Required'}), new Element('label', {'text':'Required'}),
new Element('input.inlay', { new Element('input', {
'type':'text', 'type':'text',
'value': data.required, 'value': data.required,
'placeholder': 'Example: DTS, AC3 & English' 'placeholder': 'Example: DTS, AC3 & English'
@ -217,7 +217,7 @@ var Category = new Class({
), ),
new Element('.category_ignored.ctrlHolder').adopt( new Element('.category_ignored.ctrlHolder').adopt(
new Element('label', {'text':'Ignored'}), new Element('label', {'text':'Ignored'}),
new Element('input.inlay', { new Element('input', {
'type':'text', 'type':'text',
'value': data.ignored, 'value': data.ignored,
'placeholder': 'Example: dubbed, swesub, french' 'placeholder': 'Example: dubbed, swesub, french'

12
couchpotato/core/plugins/profile/static/profile.js
View File

@ -31,7 +31,7 @@ var Profile = new Class({
}), }),
new Element('.quality_label.ctrlHolder').adopt( new Element('.quality_label.ctrlHolder').adopt(
new Element('label', {'text':'Name'}), new Element('label', {'text':'Name'}),
new Element('input.inlay', { new Element('input', {
'type':'text', 'type':'text',
'value': data.label, 'value': data.label,
'placeholder': 'Profile name' 'placeholder': 'Profile name'
@ -47,7 +47,7 @@ var Profile = new Class({
new Element('div.wait_for.ctrlHolder').adopt( new Element('div.wait_for.ctrlHolder').adopt(
// "Wait the entered number of days for a checked quality, before downloading a lower quality release." // "Wait the entered number of days for a checked quality, before downloading a lower quality release."
new Element('span', {'text':'Wait'}), new Element('span', {'text':'Wait'}),
new Element('input.inlay.wait_for_input.xsmall', { new Element('input.wait_for_input.xsmall', {
'type':'text', 'type':'text',
'value': data.wait_for && data.wait_for.length > 0 ? data.wait_for[0] : 0 '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'}), 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." // "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', 'type':'text',
'value': data.stop_after && data.stop_after.length > 0 ? data.stop_after[0] : 0 '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 // Minimum score of
new Element('span.advanced', {'html':'<br/>Releases need a minimum score of'}), new Element('span.advanced', {'html':'<br/>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, 'size': 4,
'type':'text', 'type':'text',
'value': data.minimum_score || 1 'value': data.minimum_score || 1
@ -275,7 +275,7 @@ Profile.Type = new Class({
), ),
self.finish_container = new Element('label.finish').adopt( self.finish_container = new Element('label.finish').adopt(
new Element('span.finish').grab( 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, 'checked': data.finish !== undefined ? data.finish : 1,
'events': { 'events': {
'change': function(){ 'change': function(){
@ -294,7 +294,7 @@ Profile.Type = new Class({
), ),
self['3d_container'] = new Element('label.threed').adopt( self['3d_container'] = new Element('label.threed').adopt(
new Element('span.3d').grab( 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, 'checked': data['3d'] !== undefined ? data['3d'] : 0,
'events': { 'events': {
'change': function(){ 'change': function(){

6
couchpotato/core/plugins/quality/static/quality.js
View File

@ -123,7 +123,7 @@ var QualityBase = new Class({
Array.each(self.profiles, function(profile){ Array.each(self.profiles, function(profile){
var check; var check;
new Element('li', {'data-id': profile.data._id}).adopt( 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, 'checked': !profile.data.hide,
'events': { 'events': {
'change': self.saveProfileOrdering.bind(self) 'change': self.saveProfileOrdering.bind(self)
@ -199,7 +199,7 @@ var QualityBase = new Class({
Array.each(self.qualities, function(quality){ Array.each(self.qualities, function(quality){
new Element('div.ctrlHolder.item').adopt( new Element('div.ctrlHolder.item').adopt(
new Element('span.label', {'text': quality.label}), new Element('span.label', {'text': quality.label}),
new Element('input.min.inlay[type=text]', { new Element('input.min[type=text]', {
'value': quality.size_min, 'value': quality.size_min,
'events': { 'events': {
'keyup': function(e){ '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, 'value': quality.size_max,
'events': { 'events': {
'keyup': function(e){ 'keyup': function(e){

27
couchpotato/static/scripts/page/settings.js
View File

@ -131,7 +131,7 @@ Page.Settings = new Class({
new Element('span', { new Element('span', {
'text': 'Show advanced settings' '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'), 'checked': +Cookie.read('advanced_toggle_checked'),
'events': { 'events': {
'change': self.showAdvanced.bind(self) 'change': self.showAdvanced.bind(self)
@ -480,7 +480,7 @@ Option.String = new Class({
self.el.adopt( self.el.adopt(
self.createLabel(), self.createLabel(),
self.input = new Element('input.inlay', { self.input = new Element('input', {
'type': 'text', 'type': 'text',
'name': self.postName(), 'name': self.postName(),
'value': self.getSettingValue(), 'value': self.getSettingValue(),
@ -502,9 +502,11 @@ Option.Dropdown = new Class({
self.el.adopt( self.el.adopt(
self.createLabel(), self.createLabel(),
new Element('div.select_wrapper.icon-dropdown').grab(
self.input = new Element('select', { self.input = new Element('select', {
'name': self.postName() 'name': self.postName()
}) })
)
); );
Object.each(self.options.values, function(value){ Object.each(self.options.values, function(value){
@ -515,11 +517,6 @@ Option.Dropdown = new Class({
}); });
self.input.set('value', self.getSettingValue()); 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.el.adopt(
self.createLabel().set('for', randomId), self.createLabel().set('for', randomId),
self.input = new Element('input.inlay', { self.input = new Element('input', {
'name': self.postName(), 'name': self.postName(),
'type': 'checkbox', 'type': 'checkbox',
'checked': self.getSettingValue(), 'checked': self.getSettingValue(),
@ -562,7 +559,7 @@ Option.Password = new Class({
self.el.adopt( self.el.adopt(
self.createLabel(), self.createLabel(),
self.input = new Element('input.inlay', { self.input = new Element('input', {
'type': 'text', 'type': 'text',
'name': self.postName(), 'name': self.postName(),
'value': self.getSettingValue() ? '********' : '', 'value': self.getSettingValue() ? '********' : '',
@ -589,7 +586,7 @@ Option.Enabler = new Class({
var self = this; var self = this;
self.el.adopt( self.el.adopt(
self.input = new Element('input.inlay', { self.input = new Element('input', {
'type': 'checkbox', 'type': 'checkbox',
'checked': self.getSettingValue(), 'checked': self.getSettingValue(),
'id': 'r-'+randomString() 'id': 'r-'+randomString()
@ -649,7 +646,7 @@ Option.Directory = new Class({
self.el.adopt( self.el.adopt(
self.createLabel(), self.createLabel(),
self.directory_inlay = new Element('span.directory.inlay', { self.directory_inlay = new Element('span.directory', {
'events': { 'events': {
'click': self.showBrowser.bind(self) 'click': self.showBrowser.bind(self)
} }
@ -767,7 +764,7 @@ Option.Directory = new Class({
new Element('label', { new Element('label', {
'text': 'Hidden folders' 'text': 'Hidden folders'
}).adopt( }).adopt(
self.show_hidden = new Element('input[type=checkbox].inlay', { self.show_hidden = new Element('input[type=checkbox]', {
'events': { 'events': {
'change': function(){ 'change': function(){
self.getDirs(); self.getDirs();
@ -1068,7 +1065,7 @@ Option.Choice = new Class({
var value = self.getValue(); var value = self.getValue();
var matches = value.match(/<([^>]*)>/g); var matches = value.match(/<([^>]*)>/g);
self.tag_input = new Element('ul.inlay', { self.tag_input = new Element('ul', {
'events': { 'events': {
'click': function(e){ 'click': function(e){
if(e.target == self.tag_input){ if(e.target == self.tag_input){
@ -1475,7 +1472,7 @@ Option.Combined = new Class({
var value = values[name] || ''; var value = values[name] || '';
if(name.indexOf('use') != -1){ if(name.indexOf('use') != -1){
var checkbox = new Element('input[type=checkbox].inlay.'+name, { var checkbox = new Element('input[type=checkbox].'+name, {
'checked': +value, 'checked': +value,
'events': { 'events': {
'click': self.saveCombined.bind(self), 'click': self.saveCombined.bind(self),
@ -1487,7 +1484,7 @@ Option.Combined = new Class({
} }
else { else {
value_count++; value_count++;
new Element('input[type=text].inlay.'+name, { new Element('input[type=text].'+name, {
'value': value, 'value': value,
'placeholder': self.labels[name] || name, 'placeholder': self.labels[name] || name,
'events': { 'events': {

561
couchpotato/static/style/combined.min.css
View File

@ -7,27 +7,25 @@
.search_form .input input::-ms-clear{width:0;height:0} .search_form .input input::-ms-clear{width:0;height:0}
.search_form.focused,.search_form.shown{border-color:#04bce6} .search_form.focused,.search_form.shown{border-color:#04bce6}
.search_form.focused .wrapper,.search_form.shown .wrapper{display:block;width:380px} .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.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{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{max-height:280px;overflow-x:hidden}
.search_form .results_container .results .media_result{overflow:hidden;height:50px;position:relative} .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)} .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>.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>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 .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} .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} @media (max-width:480px){.search_form .results_container .results .media_result .options select{min-width:0}}
.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}
}
.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 .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 .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 .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}}
@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}
.search_form .results_container .results .media_result .data{left:0} @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.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 .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} .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:hover .info h2 .year{display:inline-block}
.search_form .results_container .results .media_result:last-child .data{border-bottom:0} .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 .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} .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{z-index:21;bottom:auto}
.page.movies_manage,.page.movies_wanted{top:80px;padding:0} .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{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.failed{background:#99563e}
.movie .quality span.ignored{background:rgba(0,0,0,.2)} .movie .quality span.ignored{background:rgba(0,0,0,.2)}
@ -50,8 +47,7 @@
.movie .quality span.downloaded{background:#54994a} .movie .quality span.downloaded{background:#54994a}
.list_list,.thumb_list{position:relative} .list_list,.thumb_list{position:relative}
.list_list>.description,.thumb_list>.description{position:absolute;top:0;right:20px;width:auto;line-height:80px} .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,.thumb_list>.loading{background:#FFF}
.list_list>.loading .message,.thumb_list>.loading .message{color:#000} .list_list>.loading .message,.thumb_list>.loading .message{color:#000}
.list_list>.loading .spinner,.thumb_list>.loading .spinner{background-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:last-child{border-bottom:none}
.list_list .movie:hover{background:rgba(0,0,0,.1)} .list_list .movie:hover{background:rgba(0,0,0,.1)}
.list_list .movie .data{padding:10px 20px} .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} .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} .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} .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} @media (max-width:480px){.list_list .movie .data .info .title span{width:100%}}
.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%}
}
.list_list .movie .data .info .title .year{display:inline-block;margin:0 10px;opacity:.5} .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{clear:both;overflow:hidden}
.list_list .movie .data .info .quality span{float:left;font-size:.7em;margin:2px 0 0 2px} .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{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{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 .actions a:hover{color:#ac0000}
.list_list .movie:hover .actions{display:block} .list_list .movie:hover .actions{display:block}
@media (max-width:480px){.list_list .movie .data .info .quality span{margin:2px 2px 0 0} @media (max-width:480px){.list_list .movie:hover .actions{display:none}}
.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}
.thumb_list{font-size:12px;padding:0 10px} .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} .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: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: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}}
@media (max-width:768px){.thumb_list{padding:0 5px} .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{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%}
.thumb_list .movie .data{clear:both} .thumb_list .movie .data{clear:both}
.thumb_list .movie .data .info{height:44px} .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 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 .title .year{display:inline-block;margin-left:5px;opacity:.5}
.thumb_list .movie .data .info .quality{white-space:nowrap;overflow:hidden} .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{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 .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} .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} .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} .page.movie_details{pointer-events:none}
@media (max-width:480px){.thumb_list .movie:hover .actions{display:none} @media (max-width:480px){.page.movie_details{left:0}}
.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{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 .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)}
.page.movie_details .content,.page.movie_details .overlay{bottom:0;right:0;position:fixed;top:0;-webkit-border-radius:3px 0 0 3px} @media (max-width:480px){.page.movie_details .overlay .close{width:66px}}
.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{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)}
.page.movie_details .content,.page.movie_details .overlay .close{-webkit-transform:translateX(100%);-ms-transform:translateX(100%)} @media (max-width:480px){.page.movie_details .content{left:66px}}
@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)}
.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} .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} @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{-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%} .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} @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{display:inline-block;max-width:100%}
.page.movie_details .content>.head .more_menu>a{line-height:80px} .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{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: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} .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} @media (max-width:480px){.page.movie_details .content>.head .more_menu .wrapper{top:25px}}
.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: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 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} .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 .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>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} .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} .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{display:inline-block;padding:0 10px 10px;color:#ac0000}
.page.movie_details .content>.head .buttons a:hover{color:#000} .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)} .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{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 .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.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{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{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} .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 .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 .section_add .data,.page.movie_details .section_add .thumbnail{display:none}
.page.movie_details .releases .buttons{margin-bottom:10px} .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} @media (max-width:480px){.page.movie_details .releases .item{display:block}}
.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}
}
.page.movie_details .releases .item:not(.head):hover{background:#eaeaea} .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{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} .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} .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 span:not(.actions){opacity:.3}
.page.movie_details .releases .item.ignored .name{text-decoration:line-through} .page.movie_details .releases .item.ignored .name{text-decoration:line-through}
.page.movie_details .releases .item .actions{padding:0} .page.movie_details .releases .item .actions{padding:0}
@media (max-width:480px){.page.movie_details .releases .item span:before{display:inline-block} @media (max-width:480px){.page.movie_details .releases .item .actions{width:100%;text-align:center}}
.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}
}
.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{display:inline-block;vertical-align:top;padding:6.67px;min-width:26px;color:#000}
.page.movie_details .releases .item .actions a:hover{color:#ac0000} .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} .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} @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-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-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{min-width:70px;max-width:70px}
.page.movie_details .releases .status:before{content:"Status:"} .page.movie_details .releases .status:before{content:"Status:"}
.page.movie_details .releases .quality{min-width:60px;max-width:60px} .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 .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 .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 .age:before{content:"Age:"}
.page.movie_details .releases .score{min-width:45px;max-width:45px} .page.movie_details .releases .score{min-width:45px;max-width:45px}
.page.movie_details .releases .score:before{content:"Score:"} .page.movie_details .releases .score:before{content:"Score:"}
@ -196,51 +176,45 @@
.page.movie_details .releases .provider:before{content:"Provider:"} .page.movie_details .releases .provider:before{content:"Provider:"}
.page.movie_details .releases .actions{min-width:80px;max-width:80px} .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} .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/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 .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 .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} .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: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: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%)} .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: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: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%)} .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{color:#ac0000}
.page.movie_details .trailer_container:hover .background{-webkit-filter:blur(0);filter:blur(0)} .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: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} .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} @media (max-width:480px){.alph_nav{display:none}}
.alph_nav{display:none}
}
.alph_nav .mass_edit_form{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,.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,.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 .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 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 .wrapper{width:320px}
.alph_nav .menus .filter .button{margin-top:-2px} .alph_nav .menus .filter .button{margin-top:-2px}
.alph_nav .menus .filter .search{position:relative} .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: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 .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{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{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{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.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{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: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} .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{clear:both;margin-bottom:30px}
.charts>h2{height:40px} .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 .chart .media_result.hidden{display:none}
.charts .refresh{clear:both;position:relative} .charts .refresh{clear:both;position:relative}
.charts .refresh .refreshing{display:block;padding:20px;font-size:20px;text-align:center} .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 p.no_charts_enabled{padding:.7em 1em;display:none}
.charts .chart h3 a{color:#fff} .charts .chart h3 a{color:#fff}
.charts .chart .media_result{display:inline-block;width:100%;height:150px} .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:960px){.charts .chart{width:50%}}
} @media all and (max-width:600px){.charts .chart{width:100%}}
@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{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{top:10px;left:15px;right:15px;bottom:10px;overflow:hidden}
.charts .chart .media_result .data .info h2{white-space:normal;max-height:120px;font-size:18px;line-height:18px} .charts .chart .media_result .data .info 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_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_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)} .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 .actions{position:absolute;top:10px;right:10px;display:none;width:90px}
.charts .chart .media_result:hover .actions{display:block} .charts .chart .media_result:hover .actions{display:block}
.charts .chart .media_result:hover h2 .title{opacity:0} .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} .charts .chart .media_result .actions a{margin-left:10px;vertical-align:middle}
.toggle_menu{height:50px} .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{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} .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 a:last-child{float:right}
.toggle_menu h2{height:40px} .toggle_menu h2{height:40px}
@media all and (max-width:480px){.toggle_menu h2{font-size:16px;text-align:center;height: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{clear:both;padding-top:10px;margin-bottom:30px}
.suggestions>h2{height:40px} .suggestions>h2{height:40px}
.suggestions .media_result{display:inline-block;width:33.333%;height:150px} .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:960px){.suggestions .media_result{width:50%}}
} @media all and (max-width:600px){.suggestions .media_result{width:100%}}
@media all and (max-width:600px){.suggestions .media_result{width:100%}
}
.suggestions .media_result .data{left:100px;background:#4e5969;border:none} .suggestions .media_result .data{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{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 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} .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 .actions{display:block}
.suggestions .media_result:hover h2 .title{opacity:0} .suggestions .media_result:hover h2 .title{opacity:0}
.suggestions .media_result .data.open .actions{display:none} .suggestions .media_result .data.open .actions{display:none}
.suggestions .media_result .actions a{margin-left:10px;vertical-align:middle} .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)}
.add_new_category{padding:20px;display:block;text-align:center;font-size:20px} .category{border-bottom:1px solid rgba(255,255,255,.2);position:relative}
.category{position:relative}
.category>.delete{position:absolute;padding:16px;right:0;cursor:pointer;opacity:.6;color:#fd5353} .category>.delete{position:absolute;padding:16px;right:0;cursor:pointer;opacity:.6;color:#fd5353}
.category>.delete:hover{opacity:1} .category>.delete:hover{opacity:1}
.category .ctrlHolder:hover{background:0 0} .category .ctrlHolder:hover{background:0 0}
.category .formHint{width:250px!important;margin:0!important;opacity:.1} .category .formHint{width:250px!important;margin:0!important;opacity:.1}
.category:hover .formHint{opacity:1} .category:hover .formHint{opacity:1}
#category_ordering ul{float:left;margin:0;width:275px;padding:0} #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 .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>span{display:inline-block;height:20px;vertical-align:top;line-height:20px}
#category_ordering li .handle{background:url(../../images/handle.png)center;width:20px;float:right} #category_ordering 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 .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{display:inline-block;padding:5px 10px;margin:0}
.page.log .nav li.clear,.page.log .nav li.select{cursor:pointer} .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 .hint{font-style:italic;opacity:.5;margin-top:3px}
.page.log .loading{text-align:center;font-size:20px;padding:50px} .page.log .loading{text-align:center;font-size:20px;padding:50px}
.page.log .container{padding:20px;overflow:hidden;line-height:150%} .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 .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{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} .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} .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)}
.add_new_profile{padding:20px;display:block;text-align:center;font-size:20px} .profile{border-bottom:1px solid rgba(255,255,255,.2);position:relative}
.profile{position:relative}
.profile>.delete{position:absolute;padding:16px;right:0;cursor:pointer;opacity:.6;color:#fd5353} .profile>.delete{position:absolute;padding:16px;right:0;cursor:pointer;opacity:.6;color:#fd5353}
.profile>.delete:hover{opacity:1} .profile>.delete:hover{opacity:1}
.profile .ctrlHolder:hover{background:0 0} .profile .ctrlHolder:hover{background:0 0}
@ -365,7 +328,8 @@
.profile .wait_for input{margin:0 5px!important} .profile .wait_for input{margin:0 5px!important}
.profile .wait_for .minimum_score_input{width:40px!important;text-align:left} .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{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 .types li>*{display:inline-block;vertical-align:middle;line-height:0;margin-right:10px}
.profile .type .check{margin-top:-1px} .profile .type .check{margin-top:-1px}
.profile .quality_type select{width:120px;margin-left:-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 label .check_label{display:inline-block;vertical-align:top;height:16px;line-height:13px}
.profile .types .type .threed{display:none} .profile .types .type .threed{display:none}
.profile .types .type.allow_3d .threed{display:inline-block} .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 .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:not(.allow_3d) .delete{margin-left:55px}
.profile .types .type:hover:not(.is_empty) .delete{visibility:visible} .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 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 .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>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 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} #profile_ordering .formHint{clear:none;float:right;width:250px;margin:0}.group_sizes .head{font-weight:700}
.group_sizes .head{font-weight:700}
.group_sizes .ctrlHolder{padding-top:4px!important;padding-bottom:4px!important;font-size:12px} .group_sizes .ctrlHolder{padding-top:4px!important;padding-bottom:4px!important;font-size:12px}
.group_sizes .label{max-width:120px} .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} .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{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 .frame.loading{text-align:center;font-size:20px;padding:20px}
.page.userscript .media_result{height:140px} .page.userscript .media_result{height:140px}
.page.userscript .media_result .thumbnail{width:90px} .page.userscript .media_result .thumbnail{width:90px}
.page.userscript .media_result .options{left:90px;padding:54px 15px} .page.userscript .media_result .options{left:90px;padding:54px 15px}
.page.userscript .media_result .year{display:none} .page.userscript .media_result .year{display:none}
.page.userscript .media_result .options select[name=title]{width:190px} .page.userscript .media_result .options select[name=title]{width:190px}
.page.userscript .media_result .options select[name=profile]{width:70px} .page.userscript .media_result .options select[name=profile]{width:70px}.page.wizard .uniForm{margin:0 0 30px;width:83%}
.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 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 .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{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 .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{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 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 .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_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 .tab_content{margin:20px 0 160px}
.page.wizard form>div{min-height:300px} .page.wizard form>div{min-height:300px}
.page.wizard .button.green{padding:20px;font-size:25px;margin:10px 0 80px;display:block} .page.wizard .button.green{padding:20px;font-size:25px;margin:10px 0 80px;display:block}
.page.wizard .tab_nzb_providers{margin:20px 0 0} .page.wizard .tab_nzb_providers{margin:20px 0 0}.api_docs h1{font-size:25px;padding:20px 40px}
.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 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 body{display:block;overflow:auto;background-color:#FFF}
.api_docs .api,.api_docs .missing{overflow:hidden;border-bottom:1px solid #eee;padding:40px} .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{background:#fafafa;width:100%}
.api_docs .api .params h3{clear:both;float:left;width:100px} .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 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{vertical-align:top}
.api_docs .api .params .param th{text-align:left;width:100px} .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} .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{padding:20px;margin:0}
.api_docs .database *{margin:0;padding:0} .api_docs .database *{margin:0;padding:0}
.api_docs .database .nav li{display:inline-block} .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 .nav li a{padding:5px}
.api_docs .database table{font-size:11px} .api_docs .database table{font-size:11px}
.api_docs .database table th{text-align:left} .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 ._rev,.api_docs .database table ._t{width:60px}
.api_docs .database table .form,.api_docs .database table form{width:600px} .api_docs .database table .form,.api_docs .database table form{width:600px}
.api_docs .database table textarea{font-size:12px;width:100%;height:200px} .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} .api_docs .database table input[type=submit]{display:block}.page.login{display:block;background:#ac0000}
@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}
.page.login h1{padding:0 0 10px;font-size:60px;font-family:Lobster;font-weight:400;color:#FFF;text-align:center} .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 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} .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 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{font-size:15px;float:left;width:150px;padding:20px 0}
.page.login .remember_me .check{margin:5px 5px 0 0} .page.login .remember_me .check{margin:5px 5px 0 0}
.page.login .button{font-size:25px;padding:20px;float:right} .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}
*,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}
[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} [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-left-arrow:before{content:'\e800'}
.icon-settings:before{content:'\e801'} .icon-settings:before{content:'\e801'}
@ -475,56 +427,53 @@
.icon-ok:before{content:'\e810'} .icon-ok:before{content:'\e810'}
.icon-dropdown:before{content:'\e811'} .icon-dropdown:before{content:'\e811'}
.icon-play:before{content:'\e812'} .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-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-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-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-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: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} @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} *{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%;background:#111;overflow:hidden} 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} 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} 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{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} .button:hover{background:#ac0000;color:#FFF}
.header{width:132px;min-width:132px;position:relative;z-index:100} .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 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{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(.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 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 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{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{-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} .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} @media (max-width:480px){.header .navigation .logo{line-height:66px;height:66px}
.header .navigation .logo{line-height:66px;height:66px}
.header .navigation .logo:after{content:'CP'} .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{padding:0;margin:0}
.header .navigation ul li a{padding:10px 20px;display:block} .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,.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 .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 .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%)} .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 .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 .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} .header .notification_menu .wrapper{width:320px}
@media (max-width:480px){.header .navigation ul li a{padding:10px 0;text-align:center} @media (max-width:480px){.header .notification_menu .wrapper{width:250px}}
.header .notification_menu{bottom:50px}
.header .notification_menu .wrapper{width:250px}
}
.header .notification_menu ul{min-height:60px;max-height:300px;overflow:auto} .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: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: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{padding:20px}
.header .notification_menu ul li .added{font-weight:lighter;font-size:11px;display:block;text-align:right} .header .notification_menu ul li .added{font-weight:lighter;font-size:11px;display:block;text-align:right}
.header .menu{left:6.67px} .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 .menu .button:before{font-size:20px;top:-2px}
.header .search_form{right:6.67px} .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%)} @media (max-width:480px){.header .search_form{right:auto;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%)}
}
.header .more_menu .wrapper{bottom:0;left:44px;right:auto;padding-left:4px} .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{-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} .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.home{padding:0 0 20px}
.page.active{display:block} .page.active{display:block}
.page h1,.page h2,.page h3,.page h4{font-weight:300} .page h1,.page h2,.page h3,.page h4{font-weight:300}
.messages,.table .head{font-weight:700}
.page h2{font-size:24px;padding:20px} .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} .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} @media (max-width:480px){.page .navigation{height:66px;left:86px}}
.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}
}
.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{-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)} .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 li:first-child{margin-left:-20px}
.page .navigation ul .active a{color:#000} .page .navigation ul .active a{color:#000}
.page .navigation h2{padding:20px 20px 20px 0} .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_2{z-index:20}
.level_3{z-index:30} .level_3{z-index:30}
.level_4{z-index:40} .level_4{z-index:40}
.more_menu{line-height:1em} .more_menu{position:relative;line-height:1em}
.more_menu .button{font-size:24px;cursor:pointer} .more_menu .button{font-size:24px;cursor:pointer;display:inline-block}
.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} .more_menu .button:before{position:relative}
.messages .message,.more_menu .wrapper{-webkit-box-shadow:0 0 15px 2px rgba(0,0,0,.15)} .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: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 .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{-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{display:block;line-height:1em;border-top:1px solid #eaeaea}
.more_menu .wrapper ul li:first-child{border-top:0} .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:first-child a{padding-top:10px}
.more_menu .wrapper ul li:last-child a{padding-bottom:10px} .more_menu .wrapper ul li:last-child a{padding-bottom:10px}
.more_menu.show .wrapper{display:block} .more_menu.show .wrapper{display:block}
.messages{position:fixed;width:320px;z-index:2000;overflow:hidden;font-size:14px;padding:5px} .more_menu.show .wrapper:before{opacity:1}
.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)} .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 .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.sticky{background-color:#ac0000}
.messages .message.show{max-height:100px;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} .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)} .messages .message.hide{max-height:0;padding:0 20px;margin:0;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}
.mask .spinner,.messages .message.hide{-webkit-transform:scale(0);-ms-transform:scale(0)}
.messages .close{position:absolute;padding:10px 8px;top:0;right:0;color:#FFF} .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{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 .inner{width:100%;max-width:500px}
.question h3{display:block;margin-bottom:20px;font-size:1.4em;font-weight:lighter} .question h3{display:block;margin-bottom:20px;font-size:1.4em;font-weight:lighter}
.question a{border-color:#FFF;color:#FFF} .question a{border-color:#FFF;color:#FFF}
.question a:hover{background:#FFF;color:#ac0000} .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{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,.mask .spinner{position:absolute;top:50%;left:50%} .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 .message{color:#FFF;text-align:center;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 .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.show{pointer-events:auto;opacity:1} .mask.show{pointer-events:auto;opacity:1}
.mask.show .spinner{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} .mask.show .spinner{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.mask.hide{opacity:0} .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)} .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} @-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%} 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} 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}
@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%}
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}}
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{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:last-child{border-bottom:none}
.table .item span{padding:1px 2px} .table .item span{padding:1px 2px}
.table .item span:first-child{padding-left:0} .table .item span:first-child{padding-left:0}
.table .item span:last-child{padding-right:0} .table .item span:last-child{padding-right:0}.page.settings .tab_content{display:none}
.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}
.page.settings .tab_content.active{display:block} .page.settings .tab_content.active{display:block}
.page fieldset.disabled .ctrlHolder,.page fieldset.enabler:hover h2 .icon{display:none} .page.settings fieldset{border:0;margin-bottom:20px}
.page fieldset{padding:10px 0} .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 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.settings fieldset h2 .hint{margin-left:10px;font-size:1rem}
.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.settings fieldset h2 .hint a{font-weight:400;color:#ac0000;text-decoration:underline}
.page fieldset h2 .hint{font-size:12px;margin-left:10px} .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 fieldset h2 .hint a{margin:0!important;padding:0} .page.settings fieldset .ctrlHolder:last-child{border-bottom:0}
.page fieldset>.ctrlHolder:first-child{display:block;padding:0;position:relative;margin:0 0 -23px;border:none;width:20px} .page.settings fieldset .ctrlHolder label{display:inline-block;min-width:150px}
.Scan_folder{padding:0!important} .page.settings fieldset .ctrlHolder input,.page.settings fieldset .ctrlHolder select,.page.settings fieldset .ctrlHolder textarea{min-width:200px}
.page .ctrlHolder{line-height:25px;padding:10px 10px 10px 30px;font-size:14px;border:0} .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 .ctrlHolder.save_success:not(:first-child){background:url(../images/icon.check.png)7px center no-repeat} .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 .ctrlHolder:last-child{border:none} .page.settings fieldset .ctrlHolder .select_wrapper select{cursor:pointer}
.page .ctrlHolder:hover{background-color:rgba(255,255,255,.05)} .page.settings fieldset .ctrlHolder .select_wrapper:before{pointer-events:none;position:absolute;right:10px;height:100%;line-height:0;margin-top:-3px}
.page .ctrlHolder.focused{background-color:rgba(255,255,255,.2)} .page.settings fieldset .ctrlHolder .formHint{opacity:.8;margin-left:20px}
.page .ctrlHolder.focused:first-child,.page .ctrlHolder:first-child{background-color:transparent} .page.settings fieldset .ctrlHolder .formHint a{font-weight:400;color:#ac0000;text-decoration:underline}
.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.settings fieldset .ctrlHolder.test_button a{margin:0}
.page .check{margin-top:6px} .page.settings fieldset .disabled .ctrlHolder{display:none}
.page .check+.formHint{float:none;width:auto;display:inline-block;padding-left:1%!important;height:24px;vertical-align:middle;line-height:24px} .page.settings fieldset .ctrlHolder.advanced,.page.settings fieldset.advanced{display:none;color:#ac0000}
.page .ctrlHolder label{font-weight:700;width:20%;margin:0;padding:6px 0 0} .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 .xsmall{width:25px!important;text-align:center} .page.settings .enabler{display:block}
.page .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 .option_list{margin-bottom:20px} .page.settings .option_list .check{margin-top:5px}
.page .option_list .check{margin-top:5px} .page.settings .option_list .enabler{padding:0;margin-left:5px!important}
.page .option_list .enabler{padding:0;margin-left:5px!important} .page.settings .option_list .enabler h2 .hint{font-weight:400}
.page .option_list .enabler:not(.disabled){margin:0 0 0 30px} .page.settings .option_list .enabler:not(.disabled){margin:0 0 0 30px}
.page .option_list .enabler:not(.disabled) .ctrlHolder:first-child{margin:10px 0 -33px} .page.settings .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.settings .option_list .enabler:not(.disabled) .icon{display:none}
.page .option_list .enabler.disabled{display:inline-block;padding:4px 0 5px;width:24%;vertical-align:top} .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 .option_list .enabler.disabled h2 .hint,.page .option_list .enabler:not(.disabled) .icon{display:none} .page.settings .option_list .enabler:not(.disabled):first-child h2{border:none;-webkit-box-shadow:none;box-shadow: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.settings .option_list .enabler.disabled{display:inline-block;padding:4px 0 5px;margin:0;width:100px;vertical-align:top}
.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.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 .option_list .enabler:not(.disabled):first-child h2{border:none;-webkit-box-shadow:none;box-shadow:none} .page.settings .option_list .enabler.disabled h2 .hint{display:none}
.page .option_list .enabler h2 .hint{font-weight:400} .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%}
.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}

6
couchpotato/static/style/main.scss
View File

@ -33,9 +33,10 @@ a {
input, textarea, select { input, textarea, select {
font-size: 1em; font-size: 1em;
font-weight: 300; font-weight: 300;
padding: $padding/6 $padding/4; padding: $padding/3;
background: $background_color; background: $background_color;
border: 1px solid #f2f2f2; border: 1px solid darken($theme_off, 20);
} }
.button { .button {
@ -80,6 +81,7 @@ input, textarea, select {
text-align: center; text-align: center;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
opacity: .1;
font-family: Lobster, serif; font-family: Lobster, serif;
color: #FFF; color: #FFF;

819
couchpotato/static/style/settings.css
View File

@ -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;
}

832
couchpotato/static/style/settings.scss
View File

@ -1,243 +1,149 @@
@import "_mixins";
.page.settings { .page.settings {
min-width: 960px;
}
.page.settings:after { .tab_content {
content: ""; display: none;
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.page.settings .tabs { &.active {
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; 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 { fieldset {
list-style: none; border: 0;
padding: 0; margin-bottom: $padding;
margin: -5px 0 10px;
}
.page.settings .tabs .subtabs a { h2 {
font-size: 13px; display: flex;
padding: 0 15px; align-items: baseline;
font-weight: normal; padding: 0 $padding;
transition: all .3s ease-in-out;
color: rgba(255, 255, 255, 0.7);
}
.page.settings .tabs .subtabs .active a { .hint {
color: #fff; margin-left: $padding/2;
background: rgb(78, 89, 105); font-size: 1rem;
a {
font-weight: 400;
color: $primary_color;
text-decoration: underline;
}
}
} }
.ctrlHolder {
padding: $padding/3 $padding;
border-bottom: 1px solid $theme_off;
display: flex;
align-items: center;
.page.settings .containers { &:last-child {
width: 84%; border-bottom: 0;
float: left;
padding: 40px 0 40px 2%;
min-height: 300px;
} }
.page .advanced { label {
display: none; display: inline-block;
color: #edc07f; min-width: 150px;
} }
.page.show_advanced .advanced { display: block; }
.page.show_advanced span.advanced,
.page.show_advanced input.advanced { display: inline; }
.page.settings .tab_content { input, textarea, select {
display: none; min-width: 200px;
}
.page.settings .tab_content.active { display: block; }
.page fieldset { &[type=checkbox] {
padding: 10px 0; width: auto;
min-width: 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 { .select_wrapper {
vertical-align: bottom; position: relative;
display: flex;
align-items: center;
select {
cursor: pointer;
}
&:before {
pointer-events: none;
position: absolute; position: absolute;
left: -25px; right: $padding/2;
top: 3px; height: 100%;
background: #FFF;
border-radius: 2.5px;
line-height: 0; line-height: 0;
overflow: hidden; margin-top: -3px;
} }
.page fieldset.enabler:hover h2 .icon {
display: none;
} }
.page fieldset h2 .hint { .formHint {
font-size: 12px; opacity: .8;
margin-left: 10px; margin-left: $padding;
a {
font-weight: 400;
color: $primary_color;
text-decoration: underline;
} }
.page fieldset h2 .hint a {
margin: 0 !important;
padding: 0;
} }
.page fieldset.disabled .ctrlHolder { &.test_button a {
display: none; margin: 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; } .disabled {
.ctrlHolder {
.page .ctrlHolder { display: none;
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 { fieldset.advanced,
margin-top: 6px; fieldset .ctrlHolder.advanced {
display: none;
color: $primary_color;
} }
.page .check + .formHint { &.show_advanced {
float: none; fieldset.advanced,
width: auto; fieldset .ctrlHolder.advanced {
display: inline-block; display: flex;
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; } /** Options list **/
.enabler {
.page .enabler {
display: block; display: block;
} }
.page .option_list { .option_list {
margin-bottom: 20px; margin-bottom: 20px;
} display: flex;
flex-flow: row wrap;
.page .option_list .check { .check {
margin-top: 5px; margin-top: 5px;
} }
.page .option_list .enabler { .enabler {
padding: 0; padding: 0;
margin-left: 5px !important; margin-left: 5px !important;
h2 .hint {
font-weight: normal;
} }
.page .option_list .enabler:not(.disabled) { &:not(.disabled) {
margin: 0 0 0 30px; margin: 0 0 0 30px;
}
.page .option_list .enabler:not(.disabled) .ctrlHolder:first-child { .ctrlHolder:first-child {
margin: 10px 0 -33px 0; margin: 10px 0 -33px 0;
} }
.page .option_list h3 { .icon {
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; display: none;
} }
.page .option_list .enabler.disabled h2 { 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-size: 16px;
font-weight: bold; font-weight: bold;
border: none; border: none;
@ -246,574 +152,48 @@
margin: 0; margin: 0;
padding: 10px 0 5px 25px; padding: 10px 0 5px 25px;
} }
.page .option_list .enabler:not(.disabled):first-child h2 {
&:first-child h2 {
border: none; border: none;
box-shadow: 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 { &.disabled {
display: inline-block; display: inline-block;
padding: 0 4% 0 4px; padding: 4px 0 5px;
font-size: 13px; margin: 0;
width: 30%; width: 100px;
overflow: hidden;
vertical-align: top; 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 { h2 {
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; 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; border: none;
line-height: 100px; box-shadow: none;
cursor: default; padding: 0 10px 0 0;
color: #BBB; font-size: 16px;
text-shadow: none;
font-size: 12px;
}
.page .directory_list .actions {
clear: both;
padding: 4% 4% 2%;
min-height: 45px;
position: relative; position: relative;
width: 100%; left: 25px;
text-align: right; margin-right: 25px;
}
.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 { .hint {
display: none; 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 { h3 {
float: left;
width: 50%;
margin: 10px 0;
padding: 0; padding: 0;
} margin: 10px 5px 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; 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; font-weight: normal;
} text-shadow: none;
text-transform: uppercase;
.settings .group_userscript { font-size: 12px;
background-position: center 120px; background: rgba(255,255,255,0.03);
background-size: auto 70%; width: 100%;
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;
}

139
couchpotato/static/style/uniform.generic.scss
View File

@ -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; }

154
couchpotato/static/style/uniform.scss
View File

@ -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%; }
Write Preview
Loading…
Cancel
Save