Browse Source

This pull request adds new functionality to the CouchPotato.

The main target is **settings**. After applying this PL the CP will be able to work with *ro*, *rw* and *hidden* options and *hidden* sections.

The behavior of common options is defined by internal meta-options, which you might add to the config file. These meta-options define whether the particular option will be visible/editable in the web interface.

There is full backward compability.

Example of usage. Lets consider this `.couchpotato/settings.conf`:

```ini
    [core]
    username = cp
    **username_internal_meta = ro**
    ssl_key =
    proxy_server =

    [updater]
    **section_hidden_internal_meta = True**
    notification = 0

    ...
```
In this example option `core.username` will be immutable in the web UI, since there is meta-option `username_internal_meta`, set to value **ro** (means *read-only*).
The second thing: we have made the *updater* section invisible, so you couldn't see its config values in the web interface.

Allowed values for options in `.couchpotato/settings.conf` file:

* \<option\>_internal_meta = ( **hidden** | **ro** | **rw** )
* section_hidden_internal_meta = ( **True** | **False** )
pull/5858/head
maxkoryukov 9 years ago
parent
commit
091780f7dd
  1. 160
      couchpotato/core/settings.py
  2. 75
      couchpotato/static/scripts/combined.base.min.js
  3. 82
      couchpotato/static/scripts/page/settings.js
  4. 85
      couchpotato/static/style/combined.min.css

160
couchpotato/core/settings.py

@ -77,7 +77,8 @@ class Settings(object):
return self.p
def sections(self):
return self.p.sections()
res = filter( self.isSectionReadable, self.p.sections())
return res
def connectEvents(self):
addEvent('settings.options', self.addOptions)
@ -106,9 +107,21 @@ class Settings(object):
self.save()
def set(self, section, option, value):
if not self.isOptionWritable(section, option):
self.log.warning('set::option "%s.%s" isn\'t writable', (section, option))
return None
if self.isOptionMeta(section, option):
self.log.warning('set::option "%s.%s" cancelled, since it is a META option', (section, option))
return None
return self.p.set(section, option, value)
def get(self, option = '', section = 'core', default = None, type = None):
if self.isOptionMeta(section, option):
self.log.warning('set::option "%s.%s" cancelled, since it is a META option', (section, option))
return None
try:
try: type = self.types[section][option]
@ -123,6 +136,14 @@ class Settings(object):
return default
def delete(self, option = '', section = 'core'):
if not self.isOptionWritable(section, option):
self.log.warning('delete::option "%s.%s" isn\'t writable', (section, option))
return None
if self.isOptionMeta(section, option):
self.log.warning('set::option "%s.%s" cancelled, since it is a META option', (section, option))
return None
self.p.remove_option(section, option)
self.save()
@ -153,11 +174,30 @@ class Settings(object):
def getValues(self):
values = {}
# TODO : There is two commented "continue" blocks (# COMMENTED_SKIPPING). They both are good...
# ... but, they omit output of values of hidden and non-readable options
# Currently, such behaviour could break the Web UI of CP...
# So, currently this two blocks are commented (but they are required to
# provide secure hidding of options.
for section in self.sections():
# COMMENTED_SKIPPING
#if not self.isSectionReadable(section):
# continue
values[section] = {}
for option in self.p.items(section):
(option_name, option_value) = option
#skip meta options:
if self.isOptionMeta(section, option_name):
continue
# COMMENTED_SKIPPING
#if not self.isOptionReadable(section, option_name):
# continue
is_password = False
try: is_password = self.types[section][option_name] == 'password'
except: pass
@ -189,14 +229,52 @@ class Settings(object):
self.types[section][option] = type
def addOptions(self, section_name, options):
# no additional actions (related to ro-rw options) are required here
if not self.options.get(section_name):
self.options[section_name] = options
else:
self.options[section_name] = mergeDicts(self.options[section_name], options)
def getOptions(self):
return self.options
"""Returns dict of UI-readable options
To check, whether the option is readable self.isOptionReadable() is used
"""
res = {}
if isinstance(self.options, dict):
for section_key in self.options.keys():
section = self.options[section_key]
section_name = section.get('name') if 'name' in section else section_key
if self.isSectionReadable(section_name) and isinstance(section, dict):
s = {}
sg = []
for section_field in section:
if section_field.lower() != 'groups':
s[section_field] = section[section_field]
else:
groups = section['groups']
for group in groups:
g = {}
go = []
for group_field in group:
if group_field.lower() != 'options':
g[group_field] = group[group_field]
else:
for option in group[group_field]:
option_name = option.get('name')
if self.isOptionReadable(section_name, option_name):
go.append(option)
option['writable'] = self.isOptionWritable(section_name, option_name)
if len(go)>0:
g['options'] = go
sg.append(g)
if len(sg)>0:
s['groups'] = sg
res[section_key] = s
return res
def view(self, **kwargs):
return {
@ -210,19 +288,75 @@ class Settings(object):
option = kwargs.get('name')
value = kwargs.get('value')
# See if a value handler is attached, use that as value
new_value = fireEvent('setting.save.%s.%s' % (section, option), value, single = True)
if not self.isOptionWritable(section, option):
self.log.warning('Option "%s.%s" isn\'t writable', (section, option))
return {
'success' : False,
}
else:
# See if a value handler is attached, use that as value
new_value = fireEvent('setting.save.%s.%s' % (section, option), value, single = True)
self.set(section, option, (new_value if new_value else value).encode('unicode_escape'))
self.save()
self.set(section, option, (new_value if new_value else value).encode('unicode_escape'))
self.save()
# After save (for re-interval etc)
fireEvent('setting.save.%s.%s.after' % (section, option), single = True)
fireEvent('setting.save.%s.*.after' % section, single = True)
# After save (for re-interval etc)
fireEvent('setting.save.%s.%s.after' % (section, option), single = True)
fireEvent('setting.save.%s.*.after' % section, single = True)
return {
'success': True,
}
return {
'success': True,
}
# unreachable code:
return None
def isSectionReadable(self, section):
meta = 'section_hidden' + self.optionMetaSuffix()
try:
return not self.p.getboolean(section, meta)
except: pass
# by default - every section is readable:
return True
def isOptionReadable(self, section, option):
meta = option + self.optionMetaSuffix()
if self.p.has_option(section, meta):
meta_v = self.p.get(section, meta).lower()
return (meta_v == 'rw') or (meta_v == 'ro')
# by default - all is writable:
return True
def optionReadableCheckAndWarn(self, section, option):
x = self.isOptionReadable(section, option)
if not x:
self.log.warning('Option "%s.%s" isn\'t readable', (section, option))
return x
def isOptionWritable(self, section, option):
meta = option + self.optionMetaSuffix()
if self.p.has_option(section, meta):
return self.p.get(section, meta).lower() == 'rw'
# by default - all is writable:
return True
def optionMetaSuffix(self):
return '_internal_meta'
def isOptionMeta(self, section, option):
""" A helper method for detecting internal-meta options in the ini-file
For a meta options used following names:
* section_hidden_internal_meta = (True | False) - for section visibility
* <OPTION>_internal_meta = (ro|rw|hidden) - for section visibility
"""
suffix = self.optionMetaSuffix()
return option.endswith(suffix)
def getProperty(self, identifier):
from couchpotato import get_db

75
couchpotato/static/scripts/combined.base.min.js

@ -187,7 +187,6 @@ var CouchPotato = new Class({
}
window.addEvent("resize", self.resize.bind(self));
self.resize();
self.checkCache();
},
checkCache: function() {
window.addEventListener("load", function() {
@ -1342,6 +1341,12 @@ var OptionBase = new Class({
self.section = section;
self.name = name;
self.value = self.previous_value = value;
var writable = options && options.writable;
self.getReadonly = function(w) {
return function() {
return w;
};
}(!writable);
self.createBase();
self.create();
self.createHint();
@ -1393,7 +1398,11 @@ var OptionBase = new Class({
}
},
save: function() {
var self = this, value = self.getValue();
var self = this, value = self.getValue(), ro = self.getReadonly();
if (ro) {
console.warn("Unable to save readonly-option " + self.section + "." + self.name);
return;
}
App.fireEvent("setting.save." + self.section + "." + self.name, value);
Api.request("settings.save", {
data: {
@ -1451,7 +1460,9 @@ Option.String = new Class({
type: "text",
name: self.postName(),
value: self.getSettingValue(),
placeholder: self.getPlaceholder()
placeholder: self.getPlaceholder(),
readonly: self.getReadonly(),
disabled: self.getReadonly()
}));
},
getPlaceholder: function() {
@ -1464,7 +1475,9 @@ Option.Dropdown = new Class({
create: function() {
var self = this;
self.el.adopt(self.createLabel(), new Element("div.select_wrapper.icon-dropdown").grab(self.input = new Element("select", {
name: self.postName()
name: self.postName(),
readonly: self.getReadonly(),
disabled: self.getReadonly()
})));
Object.each(self.options.values, function(value) {
new Element("option", {
@ -1486,7 +1499,9 @@ Option.Checkbox = new Class({
name: self.postName(),
type: "checkbox",
checked: self.getSettingValue(),
id: randomId
id: randomId,
readonly: self.getReadonly(),
disabled: self.getReadonly()
}));
},
getValue: function() {
@ -1504,7 +1519,9 @@ Option.Password = new Class({
type: "text",
name: self.postName(),
value: self.getSettingValue() ? "********" : "",
placeholder: self.getPlaceholder()
placeholder: self.getPlaceholder(),
readonly: self.getReadonly(),
disabled: self.getReadonly()
}));
self.input.addEvent("focus", function() {
self.input.set("value", "");
@ -1524,7 +1541,9 @@ Option.Enabler = new Class({
self.el.adopt(new Element("label.switch").adopt(self.input = new Element("input", {
type: "checkbox",
checked: self.getSettingValue(),
id: "r-" + randomString()
id: "r-" + randomString(),
readonly: self.getReadonly(),
disabled: self.getReadonly()
}), new Element("div.toggle")));
},
changed: function() {
@ -1561,21 +1580,33 @@ Option.Directory = new Class({
current_dir: "",
create: function() {
var self = this;
self.el.adopt(self.createLabel(), self.directory_inlay = new Element("span.directory", {
events: {
click: self.showBrowser.bind(self)
}
}).adopt(self.input = new Element("input", {
value: self.getSettingValue(),
events: {
change: self.filterDirectory.bind(self),
keydown: function(e) {
if (e.key == "enter" || e.key == "tab") e.stop();
},
keyup: self.filterDirectory.bind(self),
paste: self.filterDirectory.bind(self)
}
})));
if (self.getReadonly()) {
self.el.adopt(self.createLabel(), self.input = new Element("input", {
type: "text",
name: self.postName(),
value: self.getSettingValue(),
readonly: self.getReadonly(),
disabled: self.getReadonly()
}));
} else {
self.el.adopt(self.createLabel(), self.directory_inlay = new Element("span.directory", {
events: {
click: self.showBrowser.bind(self)
}
}).adopt(self.input = new Element("input", {
value: self.getSettingValue(),
readonly: self.getReadonly(),
disabled: self.getReadonly(),
events: {
change: self.filterDirectory.bind(self),
keydown: function(e) {
if (e.key == "enter" || e.key == "tab") e.stop();
},
keyup: self.filterDirectory.bind(self),
paste: self.filterDirectory.bind(self)
}
})));
}
self.cached = {};
},
filterDirectory: function(e) {

82
couchpotato/static/scripts/page/settings.js

@ -342,6 +342,9 @@ var OptionBase = new Class({
self.section = section;
self.name = name;
self.value = self.previous_value = value;
var writable = options && options.writable;
self.getReadonly = (function (w) { return function() { return w;}; })(!writable);
self.createBase();
self.create();
@ -418,7 +421,13 @@ var OptionBase = new Class({
save: function(){
var self = this,
value = self.getValue();
value = self.getValue(),
ro = self.getReadonly();
if (ro) {
console.warn('Unable to save readonly-option ' + self.section + '.' + self.name);
return;
}
App.fireEvent('setting.save.'+self.section+'.'+self.name, value);
@ -493,7 +502,9 @@ Option.String = new Class({
'type': 'text',
'name': self.postName(),
'value': self.getSettingValue(),
'placeholder': self.getPlaceholder()
'placeholder': self.getPlaceholder(),
'readonly' : self.getReadonly(),
'disabled' : self.getReadonly(),
})
);
},
@ -513,7 +524,9 @@ Option.Dropdown = new Class({
self.createLabel(),
new Element('div.select_wrapper.icon-dropdown').grab(
self.input = new Element('select', {
'name': self.postName()
'name': self.postName(),
'readonly' : self.getReadonly(),
'disabled' : self.getReadonly(),
})
)
);
@ -545,7 +558,9 @@ Option.Checkbox = new Class({
'name': self.postName(),
'type': 'checkbox',
'checked': self.getSettingValue(),
'id': randomId
'id': randomId,
'readonly' : self.getReadonly(),
'disabled' : self.getReadonly(),
})
);
@ -570,7 +585,9 @@ Option.Password = new Class({
'type': 'text',
'name': self.postName(),
'value': self.getSettingValue() ? '********' : '',
'placeholder': self.getPlaceholder()
'placeholder': self.getPlaceholder(),
'readonly' : self.getReadonly(),
'disabled' : self.getReadonly()
})
);
@ -597,7 +614,9 @@ Option.Enabler = new Class({
self.input = new Element('input', {
'type': 'checkbox',
'checked': self.getSettingValue(),
'id': 'r-'+randomString()
'id': 'r-'+randomString(),
'readonly' : self.getReadonly(),
'disabled' : self.getReadonly(),
}),
new Element('div.toggle')
)
@ -652,28 +671,43 @@ Option.Directory = new Class({
create: function(){
var self = this;
self.el.adopt(
self.createLabel(),
self.directory_inlay = new Element('span.directory', {
'events': {
'click': self.showBrowser.bind(self)
}
}).adopt(
if (self.getReadonly()) {
// create disabled textbox:
self.el.adopt(
self.createLabel(),
self.input = new Element('input', {
'type': 'text',
'name': self.postName(),
'value': self.getSettingValue(),
'readonly' : self.getReadonly(),
'disabled' : self.getReadonly(),
})
);
} else {
self.el.adopt(
self.createLabel(),
self.directory_inlay = new Element('span.directory', {
'events': {
'change': self.filterDirectory.bind(self),
'keydown': function(e){
if(e.key == 'enter' || e.key == 'tab')
(e).stop();
},
'keyup': self.filterDirectory.bind(self),
'paste': self.filterDirectory.bind(self)
'click': self.showBrowser.bind(self)
}
})
)
);
}).adopt(
self.input = new Element('input', {
'value': self.getSettingValue(),
'readonly' : self.getReadonly(),
'disabled' : self.getReadonly(),
'events': {
'change': self.filterDirectory.bind(self),
'keydown': function(e){
if(e.key == 'enter' || e.key == 'tab')
(e).stop();
},
'keyup': self.filterDirectory.bind(self),
'paste': self.filterDirectory.bind(self)
}
})
)
);
}
self.cached = {};
},

85
couchpotato/static/style/combined.min.css

@ -1,6 +1,6 @@
.page.movie_details,.thumb_list .movie.hover_start .actions{pointer-events:none}
.movies>.description a:hover,.page.movie_details .releases .buttons a:hover{text-decoration:underline}
.update.message{background:#FFF;padding:20px;text-align:center;font-size:1.25em}
.update.message{background:#fff;padding:20px;text-align:center;font-size:1.25em}
.dark .update.message{background:#2d2d2d}
@media (max-width:768px){.update.message{font-size:1em}
}
@ -14,7 +14,7 @@
.dark .search_form .wrapper{background:#f85c22;box-shadow:0 5px 15px 2px rgba(0,0,0,.4)}
.search_form .wrapper:before{-webkit-transform:rotate(45deg);transform:rotate(45deg);content:'';display:block;position:absolute;height:10px;width:10px;background:#ac0000;left:-6px;bottom:16px;z-index:1}
.dark .search_form .wrapper:before{background:#f85c22}
.search_form .input{background:#FFF;border-radius:3px 0 0 3px;position:relative;left:4px;height:44px;overflow:hidden;width:100%}
.search_form .input{background:#fff;border-radius:3px 0 0 3px;position:relative;left:4px;height:44px;overflow:hidden;width:100%}
.dark .search_form .input{background:#2d2d2d}
.search_form .input input{position:absolute;top:0;left:0;height:100%;width:100%;z-index:1}
.search_form .input input::-ms-clear{width:0;height:0}
@ -29,7 +29,7 @@
.page.home .search_form,.search_form.focused,.search_form.shown{border-color:#04bce6}
.page.home .search_form .wrapper,.search_form.focused .wrapper,.search_form.shown .wrapper{display:block;width:380px;-webkit-transform-origin:0 90%;transform-origin:0 90%}
.page.home .search_form .input input,.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;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;border-radius:3px 0 0;overflow:hidden}
.dark .search_form .results_container{background:#2d2d2d}
.search_form .results_container .results{max-height:280px;overflow-x:hidden}
.search_form .results_container .results .media_result{overflow:hidden;height:50px;position:relative}
@ -57,7 +57,7 @@
.dark .search_form .results_container .results .media_result .options .button{background:#f85c22}
.search_form .results_container .results .media_result .options .message{font-size:20px;color:#fff}
.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);transition:all .4s cubic-bezier(.9,0,.1,1);will-change:transform;-webkit-transform:translateX(0) rotateZ(360deg);transform:translateX(0) rotateZ(360deg);background:#FFF}
.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);transition:all .4s cubic-bezier(.9,0,.1,1);will-change:transform;-webkit-transform:translateX(0) rotateZ(360deg);transform:translateX(0) rotateZ(360deg);background:#fff}
.dark .search_form .results_container .results .media_result .data{background:#2d2d2d;border-color:rgba(255,255,255,.08)}
@media (max-width:480px){.search_form .results_container .results .media_result .thumbnail{display:none}
.search_form .results_container .results .media_result .data{left:0}
@ -80,7 +80,7 @@
}
.page.home .search_form .icon-search{display:block;color:#000;right:20px;top:20px;width:66px;height:66px;line-height:66px;left:auto;-webkit-transform:none;transform:none;font-size:2em;opacity:.5}
.page.home .search_form .wrapper:before,.page.movies .scroll_content{display:none}
.dark .page.home .search_form .icon-search{color:#FFF}
.dark .page.home .search_form .icon-search{color:#fff}
.page.home .search_form .icon-search:hover{background:0 0}
@media (max-width:480px){.page.home .search_form .icon-search{width:44px;height:44px;line-height:44px;right:10px;top:10px;font-size:1.5em}
}
@ -88,7 +88,7 @@
@media (max-width:480px){.page.home .search_form .wrapper{right:10px;top:10px;left:10px}
}
.page.home .search_form .wrapper .input{border-radius:0;left:0;position:absolute;top:0;height:66px}
.page.home .search_form .wrapper .input input{box-shadow:0;font-size:2em;font-weight:400;padding-right:66px;background:#FFF}
.page.home .search_form .wrapper .input input{box-shadow:0;font-size:2em;font-weight:400;padding-right:66px;background:#fff}
.dark .page.home .search_form .wrapper .input input{background:#2d2d2d}
.page.home .search_form .wrapper .results_container{min-height:66px;position:absolute;top:66px;left:0;right:0;border:1px solid #ebebeb;border-top:0}
.dark .page.home .search_form .wrapper .results_container{border-color:#353535}
@ -96,18 +96,15 @@
.page.home .search_form .wrapper .input input{padding-right:44px;font-size:1em}
.page.home .search_form .wrapper .results_container{top:44px;min-height:44px}
}
@media (min-width:480px){.page.home .search_form .wrapper .results_container .results{max-height:400px}
@media (min-width:480px){.page.home .search_form .wrapper .results_container .results .media_result .data,.page.home .search_form .wrapper .results_container .results .media_result .options{left:40px}
.page.home .search_form .wrapper .results_container .results{max-height:400px}
.page.home .search_form .wrapper .results_container .results .media_result{height:66px}
}
@media (min-width:480px){.page.home .search_form .wrapper .results_container .results .media_result .thumbnail{width:40px}
.page.home .search_form .wrapper .results_container .results .media_result .options{left:40px}
.page.home .search_form .wrapper .results_container .results .media_result .thumbnail{width:40px}
.page.home .search_form .wrapper .results_container .results .media_result .options .title{margin-right:5px;width:320px}
}
@media (min-width:480px) and (max-width:480px){.page.home .search_form .wrapper .results_container .results .media_result{height:44px}
.page.home .search_form .wrapper .results_container .results .media_result .options .title{width:140px;margin-right:2px}
}
@media (min-width:480px){.page.home .search_form .wrapper .results_container .results .media_result .data{left:40px}
}
@media (max-width:480px){.page.home .search_form .wrapper .results_container .results .media_result{height:44px}
.page.home .search_form .wrapper .results_container .results .media_result .options .title{width:140px;margin-right:2px}
}
@ -133,9 +130,9 @@
.movie .quality span{display:inline-block;background:#ebebeb;border:1px solid transparent;color:rgba(0,0,0,.5);border-radius:1px;padding:1px 3px}
.dark .movie .quality span{color:rgba(255,255,255,.5)}
.movie .quality span.failed{background:#993619;color:#FFF}
.movie .quality span.available{color:#009902;border-color:#009902;background:#FFF}
.movie .quality span.snatched{background:#548399;color:#FFF}
.movie .quality span.done,.movie .quality span.downloaded{background:#009902;color:#FFF}
.movie .quality span.available{color:#009902;border-color:#009902;background:#fff}
.movie .quality span.snatched{background:#548399;color:#fff}
.movie .quality span.done,.movie .quality span.downloaded{background:#009902;color:#fff}
.dark .movie .quality span{background:0 0}
.dark .movie .quality span.available{border-color:transparent;background:0 0}
.dark .movie .quality span.snatched{background:#548399}
@ -159,11 +156,11 @@
}
.movies>.description a{color:#ac0000;display:inline}
.dark .movies>.description a{color:#f85c22}
.movies>.loading{background:#FFF}
.movies>.loading{background:#fff}
.dark .movies>.loading{background:#2d2d2d}
.movies>.loading .message{color:#000}
.dark .movies>.loading .message{color:#FFF}
.movies>.loading .spinner{background-color:#FFF}
.dark .movies>.loading .message{color:#fff}
.movies>.loading .spinner{background-color:#fff}
.dark .movies>.loading .spinner{background-color:#2d2d2d}
.movies .movie .actions{will-change:transform,opacity;-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}
.movies .progress div{width:50%;padding:5px 10px;display:-webkit-flex;display:-ms-flexbox;display:flex}
@ -195,11 +192,11 @@
.list_list .movie .info .rating .vote{display:inline-block;min-width:60px;text-align:right}
.list_list .movie .actions{position:absolute;right:10px;top:0;bottom:0;display:none;z-index:10}
.list_list .movie .actions .action{display:inline-block}
.list_list .movie .actions a{height:100%;display:block;background:#FFF;color:#ac0000;padding:10px;width:auto;float:right;text:#000}
.list_list .movie .actions a{height:100%;display:block;background:#fff;color:#ac0000;padding:10px;width:auto;float:right;text:#000}
.list_list .movie .actions a .icon,.list_list .movie .actions a:before{display:none}
.dark .list_list .movie .actions a{background:#2d2d2d;color:#f85c22;text:#FFF}
.dark .list_list .movie .actions a{background:#2d2d2d;color:#f85c22;text:#fff}
.list_list .movie .actions a:hover{background:#ebebeb;color:#000}
.dark .list_list .movie .actions a:hover{background:#353535;color:#FFF}
.dark .list_list .movie .actions a:hover{background:#353535;color:#fff}
.list_list .movie:hover .actions{display:block}
@media (max-width:768px){.list_list .movie .info .quality span{margin:2px 2px 0 0}
.list_list .movie:hover .actions{display:none}
@ -271,7 +268,7 @@
.thumb_list .movie .actions .action{position:relative;margin-right:10px;float:right;clear:both}
.thumb_list .movie .actions .action:first-child{margin-top:10px}
.thumb_list .movie .actions .action a{transition:all 150ms cubic-bezier(.9,0,.1,1);will-change:color,background;transition-property:color,background;display:block;width:auto;padding:6.67px;color:#FFF;border-radius:2px;font-weight:400}
.thumb_list .movie .actions .action a:hover{background:#FFF;color:#ac0000}
.thumb_list .movie .actions .action a:hover{background:#fff;color:#ac0000}
.dark .thumb_list .movie .actions .action a:hover{background:#2d2d2d;color:#FFF}
.thumb_list .movie:hover .actions{opacity:1;visibility:visible}
.thumb_list .movie .mask{bottom:44px;border-radius:3px;will-change:opacity;transition:opacity 30ms}
@ -284,7 +281,7 @@
}
.page.movie_details .overlay .close{display:inline-block;text-align:center;font-size:60px;line-height:80px;color:#FFF;width:100%;height:100%;opacity:0;will-change:opacity;transition:opacity 300ms ease 200ms}
.page.movie_details .overlay .close:before{display:block;width:44px}
.page.movie_details .scroll_content{position:fixed;z-index:2;top:0;bottom:0;right:0;left:176px;background:#FFF;border-radius:3px 0 0 3px;overflow-y:auto;will-change:transform;-webkit-transform:translateX(100%) rotateZ(360deg);transform:translateX(100%) rotateZ(360deg);transition:-webkit-transform 450ms cubic-bezier(.9,0,.1,1);transition:transform 450ms cubic-bezier(.9,0,.1,1)}
.page.movie_details .scroll_content{position:fixed;z-index:2;top:0;bottom:0;right:0;left:176px;background:#fff;border-radius:3px 0 0 3px;overflow-y:auto;will-change:transform;-webkit-transform:translateX(100%) rotateZ(360deg);transform:translateX(100%) rotateZ(360deg);transition:-webkit-transform 450ms cubic-bezier(.9,0,.1,1);transition:transform 450ms cubic-bezier(.9,0,.1,1)}
.dark .page.movie_details .scroll_content{background:#2d2d2d}
.page.movie_details .scroll_content>.head{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;padding:0 20px 0 10px;position:relative;z-index:2;will-change:transform,opacity;-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}
.page.movie_details .scroll_content>.head h1{-webkit-flex:1 auto;-ms-flex:1 auto;flex:1 auto;margin:0;font-size:24px;font-weight:300;max-width:100%}
@ -295,13 +292,13 @@
.page.movie_details .scroll_content>.head h1 .more_menu{width:100%}
}
.page.movie_details .scroll_content>.head h1 .more_menu a{color:#000}
.dark .page.movie_details .scroll_content>.head h1 .more_menu a{color:#FFF}
.dark .page.movie_details .scroll_content>.head h1 .more_menu a{color:#fff}
.page.movie_details .scroll_content>.head h1 .more_menu .icon-dropdown{padding-right:30px}
.page.movie_details .scroll_content>.head .more_menu{display:inline-block;vertical-align:top;max-width:100%;margin-bottom:0}
.page.movie_details .scroll_content>.head .more_menu>a{float:left;line-height:80px;color:#ac0000}
.dark .page.movie_details .scroll_content>.head .more_menu>a{color:#f85c22}
.page.movie_details .scroll_content>.head .more_menu>a:hover{color:#000}
.dark .page.movie_details .scroll_content>.head .more_menu>a:hover{color:#FFF}
.dark .page.movie_details .scroll_content>.head .more_menu>a:hover{color:#fff}
.page.movie_details .scroll_content>.head .more_menu .icon-dropdown{position:relative;padding:0 25px 0 10px}
.page.movie_details .scroll_content>.head .more_menu .icon-dropdown:before{position:absolute;right:10px;top:-2px;opacity:.2}
.page.movie_details .scroll_content>.head .more_menu .icon-dropdown:hover:before{opacity:1}
@ -323,7 +320,7 @@
.page.movie_details .scroll_content>.head .buttons>a{display:inline-block;padding:0 10px;color:#ac0000;line-height:80px}
.dark .page.movie_details .scroll_content>.head .buttons>a{color:#f85c22}
.page.movie_details .scroll_content>.head .buttons>a:hover{background:#ebebeb;color:#000}
.dark .page.movie_details .scroll_content>.head .buttons>a:hover{background:#353535;color:#FFF}
.dark .page.movie_details .scroll_content>.head .buttons>a:hover{background:#353535;color:#fff}
.page.movie_details .scroll_content .section{padding:20px;border-top:1px solid rgba(0,0,0,.1);will-change:transform,opacity;-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}
.dark .page.movie_details .scroll_content .section{border-color:rgba(255,255,255,.1)}
@media (max-width:480px){.page.movie_details .scroll_content>.head .more_menu.title .wrapper{top:30px;max-width:240px}
@ -346,7 +343,7 @@
.page.movie_details .section_add .options>div .title{min-width:75px;width:2000px;margin:0 10px 0 0}
.page.movie_details .section_add .options>div .category,.page.movie_details .section_add .options>div .profile{width:200px;min-width:50px;margin:0 10px 0 0}
.page.movie_details .section_add .options>div .add{width:200px}
.page.movie_details .section_add .options>div .add .button{background:#FFF;-webkit-flex:1 auto;-ms-flex:1 auto;flex:1 auto;display:block;text-align:center;width:100%;margin:0}
.page.movie_details .section_add .options>div .add .button{background:#fff;-webkit-flex:1 auto;-ms-flex:1 auto;flex:1 auto;display:block;text-align:center;width:100%;margin:0}
.dark .page.movie_details .section_add .options>div .add .button{background:#2d2d2d}
.page.movie_details .section_add .options>div .add .button:hover{background:#ac0000}
.dark .page.movie_details .section_add .options>div .add .button:hover{background:#f85c22}
@ -360,7 +357,7 @@
@media (max-width:480px){.page.movie_details .releases .item{display:block}
}
.page.movie_details .releases .item:not(.head):hover{background:#ebebeb;text:#000}
.dark .page.movie_details .releases .item:not(.head):hover{background:#353535;text:#FFF}
.dark .page.movie_details .releases .item:not(.head):hover{background:#353535;text:#fff}
.page.movie_details .releases .item span{text-align:center}
.page.movie_details .releases .item span:before{display:none;font-weight:700;opacity:.8;margin-right:3px;width:100%;font-size:.9em}
.page.movie_details .releases .item .name{-webkit-flex:1 auto;-ms-flex:1 auto;flex:1 auto;text-align:left}
@ -374,7 +371,7 @@
.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}
.dark .page.movie_details .releases .item .actions a{color:#FFF}
.dark .page.movie_details .releases .item .actions a{color:#fff}
.page.movie_details .releases .item .actions a:hover{color:#ac0000}
.dark .page.movie_details .releases .item .actions a:hover{color:#f85c22}
.page.movie_details .releases .item .actions a:after{margin-left:3px;font-size:.9em}
@ -424,7 +421,7 @@
.page.movie_details .section_trailer.section_trailer .trailer_container:hover .icon-play,.page.movie_details .section_trailer.section_trailer .trailer_container:hover .icon-play span{opacity:1}
.page.movie_details .section_trailer.section_trailer .trailer_container iframe{position:absolute;width:100%;height:100%;border:0;top:0;left:0;max-height:450px;z-index:10}
.alph_nav{position:relative}
.alph_nav .mass_edit_form{display:-webkit-flex;display:-ms-flexbox;display:flex;background:#FFF;position:fixed;top:80px;right:0;left:132px;-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-align-items:center;-ms-flex-align:center;align-items:center;will-change:max-height;transition:max-height 300ms cubic-bezier(.9,0,.1,1);max-height:0;overflow:hidden}
.alph_nav .mass_edit_form{display:-webkit-flex;display:-ms-flexbox;display:flex;background:#fff;position:fixed;top:80px;right:0;left:132px;-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-align-items:center;-ms-flex-align:center;align-items:center;will-change:max-height;transition:max-height 300ms cubic-bezier(.9,0,.1,1);max-height:0;overflow:hidden}
.dark .alph_nav .mass_edit_form{background:#2d2d2d}
.mass_editing .alph_nav .mass_edit_form{max-height:44px}
.alph_nav .mass_edit_form>*{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
@ -449,7 +446,7 @@
.alph_nav .menus .filter .button{margin-top:-2px}
.alph_nav .menus .filter .search{position:relative}
.alph_nav .menus .filter .search:before{position:absolute;height:100%;line-height:38px;padding-left:10px;font-size:16px;opacity:.5}
.alph_nav .menus .filter .search input{width:100%;padding:10px 10px 10px 30px;background:#FFF;border:none #ebebeb;border-bottom:1px solid transparent}
.alph_nav .menus .filter .search input{width:100%;padding:10px 10px 10px 30px;background:#fff;border:none #ebebeb;border-bottom:1px solid transparent}
.dark .alph_nav .menus .filter .search input{background:#2d2d2d;border-color:#353535}
.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;opacity:.2;cursor:default;border:0}
@ -617,7 +614,7 @@
.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 input[type=submit]{display:block}
.page.login{background:#FFF;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:1.25em}
.page.login{background:#fff;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:1.25em}
.dark .page.login{background:#2d2d2d}
.page.login h1{padding:0 0 10px;font-size:60px;font-family:Lobster;font-weight:400;color:#ac0000;text-align:center}
.dark .page.login h1{color:#f85c22}
@ -667,11 +664,11 @@
@font-face{font-family:Lobster;src:url(../fonts/Lobster-webfont.eot);src:url(../fonts/Lobster-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/Lobster-webfont.woff2) format("woff2"),url(../fonts/Lobster-webfont.woff) format("woff"),url(../fonts/Lobster-webfont.ttf) format("truetype"),url(../fonts/Lobster-webfont.svg#lobster_14regular) format("svg");font-weight:400;font-style:normal}
*{margin:0;padding:0;box-sizing:border-box;text-rendering:optimizeSpeed;-webkit-backface-visibility:hidden;backface-visibility: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;color:#000;overflow:hidden}
.dark body,.dark html{background:#111;color:#FFF}
.dark body,.dark html{background:#111;color:#fff}
a{position:relative;overflow:hidden;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
a:active,a:visited{color:inherit}
input,select,textarea{font-size:1em;font-weight:300;padding:6.67px;border-radius:0;border:1px solid #b8b8b8;background:#ebebeb;color:#000}
.dark input,.dark select,.dark textarea{border-color:#1b1b1b;background:#353535;color:#FFF}
.dark input,.dark select,.dark textarea{border-color:#1b1b1b;background:#353535;color:#fff}
input[type=text],textarea{-webkit-appearance:none}
.button{color:#ac0000;font-weight:300;padding:5px;cursor:pointer;border:1px solid #ac0000;border-radius:3px;margin:0 5px;transition:all 150ms}
.dark .button{color:#f85c22;border-color:#f85c22}
@ -738,7 +735,7 @@ input[type=text],textarea{-webkit-appearance:none}
.dark .corner_background{background:#f85c22}
@media (max-width:480px){.corner_background{left:44px}
}
.content{position:absolute;height:100%;top:0;left:132px;right:0;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap;background:#FFF;border-radius:3px 0 0 3px}
.content{position:absolute;height:100%;top:0;left:132px;right:0;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap;background:#fff;border-radius:3px 0 0 3px}
@media (max-width:480px){.content{left:44px}
}
.dark .content{background:#2d2d2d}
@ -751,7 +748,7 @@ input[type=text],textarea{-webkit-appearance:none}
.page.home .scroll_content{padding:0 0 20px}
.page h1,.page h2,.page h3,.page h4{font-weight:300}
.page h2{font-size:24px;padding:20px}
.page .navigation{z-index:2;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:fixed;top:0;height:80px;left:152px;right:20px;background:#FFF;border-radius:3px 0 0}
.page .navigation{z-index:2;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:fixed;top:0;height:80px;left:152px;right:20px;background:#fff;border-radius:3px 0 0}
.more_menu .button,.more_menu a,.page .navigation ul li{display:inline-block}
.more_menu,.more_menu .button:before{position:relative}
.dark .page .navigation{background:#2d2d2d}
@ -761,7 +758,7 @@ input[type=text],textarea{-webkit-appearance:none}
.page .navigation ul{-webkit-flex:1 auto;-ms-flex:1 auto;flex:1 auto;list-style:none}
.page .navigation ul li a{display:inline-block;font-size:24px;line-height:80px;padding:0 20px;color:#000;opacity:.5;vertical-align:bottom}
.page .navigation ul .active a,.page .navigation ul li a:hover,.question.show{opacity:1}
.dark .page .navigation ul li a{color:#FFF}
.dark .page .navigation ul li a{color:#fff}
.page .navigation>ul>li:first-child{margin-left:-20px}
@media (max-width:480px){.page .navigation ul li a{font-size:18px;line-height:44px;padding:0 10px}
.page .navigation>ul>li:first-child{margin-left:-10px}
@ -780,13 +777,13 @@ input[type=text],textarea{-webkit-appearance:none}
.dark .more_menu .wrapper{background:#f85c22;box-shadow:0 5px 15px 2px rgba(0,0,0,.4)}
.more_menu .wrapper:before{-webkit-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:1;border-radius:3px}
.dark .more_menu .wrapper:before{background:#f85c22}
.more_menu .wrapper ul{background:#FFF;position:relative;z-index:2;overflow:hidden;border-radius:3px 0 0 3px}
.more_menu .wrapper ul{background:#fff;position:relative;z-index:2;overflow:hidden;border-radius:3px 0 0 3px}
.dark .more_menu .wrapper ul{background:#2d2d2d}
.more_menu .wrapper ul li{display:block;line-height:1em;border-top:1px solid transparent;border-color:#ebebeb}
.dark .more_menu .wrapper ul li{border-color:#353535}
.more_menu .wrapper ul li:first-child{border-top:0}
.more_menu .wrapper ul li a{display:block;color:#000;padding:5px 10px;font-size:1em;line-height:22px;width:100%}
.dark .more_menu .wrapper ul li a{color:#FFF}
.dark .more_menu .wrapper ul li a{color:#fff}
.more_menu .wrapper ul li a:hover{background:#ebebeb}
.dark .more_menu .wrapper ul li a:hover{background:#353535}
.more_menu .wrapper ul li:first-child a{padding-top:10px}
@ -795,7 +792,7 @@ input[type=text],textarea{-webkit-appearance:none}
.messages .message{overflow:hidden;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);transform:scale(0);-webkit-transform-origin:100% 50%;transform-origin:100% 50%;background:#ac0000;margin-bottom:4px;border-radius:3px;box-shadow:0 0 15px 2px rgba(0,0,0,.15)}
.mask,.messages .close{position:absolute;top:0;right:0}
.dark .messages .message{background:#f85c22;box-shadow:0 5px 15px 2px rgba(0,0,0,.4)}
.messages .message .inner{padding:15px 30px 15px 20px;background:#FFF;margin-bottom:4px;border-radius:3px}
.messages .message .inner{padding:15px 30px 15px 20px;background:#fff;margin-bottom:4px;border-radius:3px}
.dark .messages .message .inner{background:#2d2d2d}
.messages .message.sticky .inner{background-color:#ac0000}
.dark .messages .message.sticky .inner{background-color:#f85c22}
@ -853,7 +850,7 @@ input[type=text],textarea{-webkit-appearance:none}
.page.settings .tabs li a{color:rgba(0,0,0,.5)}
.dark .page.settings .tabs li a{color:rgba(255,255,255,.5)}
.page.settings .tabs li.active a{color:#000}
.dark .page.settings .tabs li.active a{color:#FFF}
.dark .page.settings .tabs li.active a{color:#fff}
.page.settings form.containers{margin:0 20px 0 0;-webkit-flex:1;-ms-flex:1;flex:1}
@media (max-width:480px){.page.settings form.containers{margin:0 10px 0 0}
}
@ -915,14 +912,14 @@ input[type=text],textarea{-webkit-appearance:none}
.page.settings .switch{display:inline-block;background:#ac0000;height:20px;width:50px;min-width:0!important;transition:all 250ms;cursor:pointer;border-radius:20px}
.dark .page.settings .switch{background:#f85c22}
.page.settings .switch input{display:none}
.page.settings .switch .toggle{background:#FFF;margin:1px;height:18px;width:18px;transition:-webkit-transform 250ms;transition:transform 250ms;-webkit-transform:translateX(30px);transform:translateX(30px);border-radius:20px}
.page.settings .switch .toggle{background:#fff;margin:1px;height:18px;width:18px;transition:-webkit-transform 250ms;transition:transform 250ms;-webkit-transform:translateX(30px);transform:translateX(30px);border-radius:20px}
.dark .page.settings .switch .toggle{background:#2d2d2d}
.page.settings fieldset.enabler.disabled .switch,.page.settings:not(.show_advanced) .advanced_toggle .switch{background:#ebebeb;border-color:#ebebeb}
.dark .page.settings fieldset.enabler.disabled .switch,.dark .page.settings:not(.show_advanced) .advanced_toggle .switch{background:#4e4e4e;border-color:#4e4e4e}
.page.settings fieldset.enabler.disabled .switch .toggle,.page.settings:not(.show_advanced) .advanced_toggle .switch .toggle{-webkit-transform:translateX(0);transform:translateX(0)}
.page.settings fieldset.enabler.disabled .switch:hover,.page.settings:not(.show_advanced) .advanced_toggle .switch:hover{background:#b8b8b8;border-color:#b8b8b8}
.dark .page.settings fieldset.enabler.disabled .switch:hover,.dark .page.settings:not(.show_advanced) .advanced_toggle .switch:hover{background:#020202;border-color:#020202}
.page.settings .option_list{background:#FFF;margin-top:10px}
.page.settings .option_list{background:#fff;margin-top:10px}
.dark .page.settings .option_list{background:#2d2d2d}
.page.settings .option_list fieldset{position:relative}
.page.settings .option_list fieldset h2 .group_label{min-width:100px}
@ -990,7 +987,7 @@ input[type=text],textarea{-webkit-appearance:none}
.dark .directory_list{background:#f85c22;box-shadow:0 5px 15px 2px rgba(0,0,0,.4)}
.directory_list .pointer{border-right:6px solid transparent;border-left:6px solid transparent;border-bottom:6px solid transparent;border-bottom-color:#ac0000;display:block;position:absolute;width:0;margin:-6px 0 0 100px}
.dark .directory_list .pointer{border-bottom-color:#f85c22}
.directory_list .wrapper{background:#FFF;border-radius:3px 3px 0 0;margin-top:5px}
.directory_list .wrapper{background:#fff;border-radius:3px 3px 0 0;margin-top:5px}
.dark .directory_list .wrapper{background:#2d2d2d}
.directory_list ul{width:92%;height:300px;overflow:auto;margin:0 20px}
.directory_list li{padding:4px 20px 4px 0;cursor:pointer;margin:0!important;border-top:1px solid rgba(255,255,255,.1);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

Loading…
Cancel
Save