Initial commit
28
.gitignore
vendored
Normal file
@ -0,0 +1,28 @@
|
|||||||
|
# gedit
|
||||||
|
*~
|
||||||
|
|
||||||
|
# eclipse
|
||||||
|
.settings
|
||||||
|
|
||||||
|
# pycharm
|
||||||
|
.idea
|
||||||
|
|
||||||
|
*.py[cod]
|
||||||
|
|
||||||
|
# Installer logs
|
||||||
|
pip-log.txt
|
||||||
|
|
||||||
|
# Unit test / coverage reports
|
||||||
|
.coverage
|
||||||
|
.tox
|
||||||
|
nosetests.xml
|
||||||
|
|
||||||
|
# tmp files
|
||||||
|
.~*
|
||||||
|
|
||||||
|
flask
|
||||||
|
config.py
|
||||||
|
logfile.log
|
||||||
|
|
||||||
|
db_repository/*
|
||||||
|
tmp/*
|
11
app/__init__.py
Normal file
@ -0,0 +1,11 @@
|
|||||||
|
from flask import Flask
|
||||||
|
from flask.ext.login import LoginManager
|
||||||
|
from flask.ext.sqlalchemy import SQLAlchemy
|
||||||
|
|
||||||
|
app = Flask(__name__)
|
||||||
|
app.config.from_object('config')
|
||||||
|
login_manager = LoginManager()
|
||||||
|
login_manager.init_app(app)
|
||||||
|
db = SQLAlchemy(app)
|
||||||
|
|
||||||
|
from app import views, models
|
0
app/lib/__init__.py
Normal file
44
app/lib/log.py
Normal file
@ -0,0 +1,44 @@
|
|||||||
|
import os
|
||||||
|
import logging
|
||||||
|
|
||||||
|
class logger(object):
|
||||||
|
def __init__(self, name, level, logfile):
|
||||||
|
self.name = name
|
||||||
|
self.level = level
|
||||||
|
self.logfile = logfile
|
||||||
|
|
||||||
|
def config(self):
|
||||||
|
# define logger and set logging level
|
||||||
|
logger = logging.getLogger()
|
||||||
|
|
||||||
|
if self.level == 'CRITICAL':
|
||||||
|
level = logging.CRITICAL
|
||||||
|
elif self.level == 'ERROR':
|
||||||
|
level = logging.ERROR
|
||||||
|
elif self.level == 'WARNING':
|
||||||
|
level = logging.WARNING
|
||||||
|
elif self.level == 'DEBUG':
|
||||||
|
level = logging.DEBUG
|
||||||
|
else:
|
||||||
|
level = logging.INFO
|
||||||
|
|
||||||
|
logger.setLevel(level)
|
||||||
|
|
||||||
|
# set request requests module log level
|
||||||
|
logging.getLogger("requests").setLevel(logging.CRITICAL)
|
||||||
|
|
||||||
|
# define handler to log into file
|
||||||
|
file_log_handler = logging.FileHandler(self.logfile)
|
||||||
|
logger.addHandler(file_log_handler)
|
||||||
|
|
||||||
|
# define handler to log into console
|
||||||
|
stderr_log_handler = logging.StreamHandler()
|
||||||
|
logger.addHandler(stderr_log_handler)
|
||||||
|
|
||||||
|
# define logging format for file and console
|
||||||
|
file_formatter = logging.Formatter('%(asctime)s - %(name)s - %(levelname)s - %(message)s')
|
||||||
|
console_formatter = logging.Formatter('[%(levelname)s] %(message)s')
|
||||||
|
file_log_handler.setFormatter(file_formatter)
|
||||||
|
stderr_log_handler.setFormatter(console_formatter)
|
||||||
|
|
||||||
|
return logging.getLogger(self.name)
|
128
app/lib/utils.py
Normal file
@ -0,0 +1,128 @@
|
|||||||
|
import re
|
||||||
|
import sys
|
||||||
|
import json
|
||||||
|
import requests
|
||||||
|
import urlparse
|
||||||
|
|
||||||
|
def auth_from_url(url):
|
||||||
|
auth = None
|
||||||
|
parsed_url = urlparse.urlparse(url).netloc
|
||||||
|
if '@' in parsed_url:
|
||||||
|
auth = parsed_url.split('@')[0].split(':')
|
||||||
|
auth = requests.auth.HTTPBasicAuth(auth[0], auth[1])
|
||||||
|
return auth
|
||||||
|
|
||||||
|
|
||||||
|
def fetch_remote(remote_url, method='GET', data=None, accept=None, params=None, timeout=None, headers=None):
|
||||||
|
if data is not None and type(data) != str:
|
||||||
|
data = json.dumps(data)
|
||||||
|
|
||||||
|
if timeout is None:
|
||||||
|
timeout = 1.5
|
||||||
|
|
||||||
|
verify = False
|
||||||
|
|
||||||
|
our_headers = {
|
||||||
|
'user-agent': 'powerdnsadmin/0',
|
||||||
|
'pragma': 'no-cache',
|
||||||
|
'cache-control': 'no-cache'
|
||||||
|
}
|
||||||
|
if accept is not None:
|
||||||
|
our_headers['accept'] = accept
|
||||||
|
if headers is not None:
|
||||||
|
our_headers.update(headers)
|
||||||
|
|
||||||
|
r = requests.request(
|
||||||
|
method,
|
||||||
|
remote_url,
|
||||||
|
headers=headers,
|
||||||
|
verify=verify,
|
||||||
|
auth=auth_from_url(remote_url),
|
||||||
|
timeout=timeout,
|
||||||
|
data=data,
|
||||||
|
params=params
|
||||||
|
)
|
||||||
|
try:
|
||||||
|
if r.status_code not in (200, 400, 422):
|
||||||
|
r.raise_for_status()
|
||||||
|
except Exception as e:
|
||||||
|
raise RuntimeError("While fetching " + remote_url + ": " + str(e)), None, sys.exc_info()[2]
|
||||||
|
|
||||||
|
return r
|
||||||
|
|
||||||
|
|
||||||
|
def fetch_json(remote_url, method='GET', data=None, params=None, headers=None):
|
||||||
|
r = fetch_remote(remote_url, method=method, data=data, params=params, headers=headers, accept='application/json; q=1')
|
||||||
|
|
||||||
|
if method == "DELETE":
|
||||||
|
return True
|
||||||
|
|
||||||
|
try:
|
||||||
|
assert('json' in r.headers['content-type'])
|
||||||
|
except Exception as e:
|
||||||
|
raise Exception("While fetching " + remote_url + ": " + str(e)), None, sys.exc_info()[2]
|
||||||
|
|
||||||
|
# don't use r.json here, as it will read from r.text, which will trigger
|
||||||
|
# content encoding auto-detection in almost all cases, WHICH IS EXTREMELY
|
||||||
|
# SLOOOOOOOOOOOOOOOOOOOOOOW. just don't.
|
||||||
|
data = None
|
||||||
|
try:
|
||||||
|
data = json.loads(r.content)
|
||||||
|
except UnicodeDecodeError:
|
||||||
|
data = json.loads(r.content, 'iso-8859-1')
|
||||||
|
return data
|
||||||
|
|
||||||
|
|
||||||
|
def display_record_name(data):
|
||||||
|
record_name, domain_name = data
|
||||||
|
if record_name == domain_name:
|
||||||
|
return '@'
|
||||||
|
else:
|
||||||
|
return record_name.replace('.'+domain_name, '')
|
||||||
|
|
||||||
|
def display_master_name(data):
|
||||||
|
"""
|
||||||
|
input data: "[u'127.0.0.1', u'8.8.8.8']"
|
||||||
|
"""
|
||||||
|
matches = re.findall(r'\'(.+?)\'', data)
|
||||||
|
return ", ".join(matches)
|
||||||
|
|
||||||
|
def display_time(amount, units='s', remove_seconds=True):
|
||||||
|
"""
|
||||||
|
Convert timestamp to normal time format
|
||||||
|
"""
|
||||||
|
amount = int(amount)
|
||||||
|
INTERVALS = [(lambda mlsec:divmod(mlsec, 1000), 'ms'),
|
||||||
|
(lambda seconds:divmod(seconds, 60), 's'),
|
||||||
|
(lambda minutes:divmod(minutes, 60), 'm'),
|
||||||
|
(lambda hours:divmod(hours, 24), 'h'),
|
||||||
|
(lambda days:divmod(days, 7), 'D'),
|
||||||
|
(lambda weeks:divmod(weeks, 4), 'W'),
|
||||||
|
(lambda years:divmod(years, 12), 'M'),
|
||||||
|
(lambda decades:divmod(decades, 10), 'Y')]
|
||||||
|
|
||||||
|
for index_start, (interval, unit) in enumerate(INTERVALS):
|
||||||
|
if unit == units:
|
||||||
|
break
|
||||||
|
|
||||||
|
amount_abrev = []
|
||||||
|
last_index = 0
|
||||||
|
amount_temp = amount
|
||||||
|
for index, (formula, abrev) in enumerate(INTERVALS[index_start: len(INTERVALS)]):
|
||||||
|
divmod_result = formula(amount_temp)
|
||||||
|
amount_temp = divmod_result[0]
|
||||||
|
amount_abrev.append((divmod_result[1], abrev))
|
||||||
|
if divmod_result[1] > 0:
|
||||||
|
last_index = index
|
||||||
|
amount_abrev_partial = amount_abrev[0: last_index + 1]
|
||||||
|
amount_abrev_partial.reverse()
|
||||||
|
|
||||||
|
final_string = ''
|
||||||
|
for amount, abrev in amount_abrev_partial:
|
||||||
|
final_string += str(amount) + abrev + ' '
|
||||||
|
|
||||||
|
if remove_seconds and 'm' in final_string:
|
||||||
|
final_string = final_string[:final_string.rfind(' ')]
|
||||||
|
return final_string[:final_string.rfind(' ')]
|
||||||
|
|
||||||
|
return final_string
|
836
app/models.py
Normal file
@ -0,0 +1,836 @@
|
|||||||
|
import os
|
||||||
|
import ldap
|
||||||
|
import time
|
||||||
|
import bcrypt
|
||||||
|
import urlparse
|
||||||
|
import traceback
|
||||||
|
|
||||||
|
from datetime import datetime
|
||||||
|
from flask.ext.login import AnonymousUserMixin
|
||||||
|
|
||||||
|
from app import app, db
|
||||||
|
from lib import utils
|
||||||
|
from lib.log import logger
|
||||||
|
logging = logger('MODEL', app.config['LOG_LEVEL'], app.config['LOG_FILE']).config()
|
||||||
|
|
||||||
|
LDAP_URI = app.config['LDAP_URI']
|
||||||
|
LDAP_USERNAME = app.config['LDAP_USERNAME']
|
||||||
|
LDAP_PASSWORD = app.config['LDAP_PASSWORD']
|
||||||
|
LDAP_SEARCH_BASE = app.config['LDAP_SEARCH_BASE']
|
||||||
|
|
||||||
|
PDNS_STATS_URL = app.config['PDNS_STATS_URL']
|
||||||
|
PDNS_API_KEY = app.config['PDNS_API_KEY']
|
||||||
|
|
||||||
|
|
||||||
|
class Anonymous(AnonymousUserMixin):
|
||||||
|
def __init__(self):
|
||||||
|
self.username = 'Anonymous'
|
||||||
|
|
||||||
|
|
||||||
|
class User(db.Model):
|
||||||
|
|
||||||
|
id = db.Column(db.Integer, primary_key=True)
|
||||||
|
username = db.Column(db.String(64), index=True, unique=True)
|
||||||
|
password = db.Column(db.String(64))
|
||||||
|
firstname = db.Column(db.String(64))
|
||||||
|
lastname = db.Column(db.String(64))
|
||||||
|
email = db.Column(db.String(128))
|
||||||
|
role_id = db.Column(db.Integer, db.ForeignKey('role.id'))
|
||||||
|
|
||||||
|
def __init__(self, id=None, username=None, password=None, plain_text_password=None, firstname=None, lastname=None, role_id=None, email=None):
|
||||||
|
self.id = id
|
||||||
|
self.username = username
|
||||||
|
self.password = password
|
||||||
|
self.plain_text_password = plain_text_password
|
||||||
|
self.firstname = firstname
|
||||||
|
self.lastname = lastname
|
||||||
|
self.role_id = role_id
|
||||||
|
self.email = email
|
||||||
|
|
||||||
|
user_info = self.get_user_info_by_id() if id else self.get_user_info_by_username()
|
||||||
|
|
||||||
|
if user_info:
|
||||||
|
self.id = user_info.id
|
||||||
|
self.username = user_info.username
|
||||||
|
self.firstname = user_info.firstname
|
||||||
|
self.lastname = user_info.lastname
|
||||||
|
self.role_id = user_info.role_id
|
||||||
|
|
||||||
|
def is_authenticated(self):
|
||||||
|
return True
|
||||||
|
|
||||||
|
def is_active(self):
|
||||||
|
return True
|
||||||
|
|
||||||
|
def is_anonymous(self):
|
||||||
|
return False
|
||||||
|
|
||||||
|
def get_id(self):
|
||||||
|
try:
|
||||||
|
return unicode(self.id) # python 2
|
||||||
|
except NameError:
|
||||||
|
return str(self.id) # python 3
|
||||||
|
|
||||||
|
def __repr__(self):
|
||||||
|
return '<User %r>' % (self.username)
|
||||||
|
|
||||||
|
def get_hashed_password(self, plain_text_password=None):
|
||||||
|
# Hash a password for the first time
|
||||||
|
# (Using bcrypt, the salt is saved into the hash itself)
|
||||||
|
pw = plain_text_password if plain_text_password else self.plain_text_password
|
||||||
|
return bcrypt.hashpw(pw, bcrypt.gensalt())
|
||||||
|
|
||||||
|
def check_password(self, hashed_password):
|
||||||
|
# Check hased password. Useing bcrypt, the salt is saved into the hash itself
|
||||||
|
return bcrypt.checkpw(self.plain_text_password, hashed_password)
|
||||||
|
|
||||||
|
def get_user_info_by_id(self):
|
||||||
|
user_info = User.query.get(int(self.id))
|
||||||
|
return user_info
|
||||||
|
|
||||||
|
def get_user_info_by_username(self):
|
||||||
|
user_info = User.query.filter(User.username == self.username).first()
|
||||||
|
return user_info
|
||||||
|
|
||||||
|
def ldap_search(self, searchFilter, baseDN):
|
||||||
|
searchScope = ldap.SCOPE_SUBTREE
|
||||||
|
retrieveAttributes = None
|
||||||
|
|
||||||
|
try:
|
||||||
|
ldap.set_option(ldap.OPT_X_TLS_REQUIRE_CERT, ldap.OPT_X_TLS_NEVER)
|
||||||
|
l = ldap.initialize(LDAP_URI)
|
||||||
|
l.set_option(ldap.OPT_REFERRALS, 0)
|
||||||
|
l.set_option(ldap.OPT_PROTOCOL_VERSION, 3)
|
||||||
|
l.set_option(ldap.OPT_X_TLS,ldap.OPT_X_TLS_DEMAND)
|
||||||
|
l.set_option( ldap.OPT_X_TLS_DEMAND, True )
|
||||||
|
l.set_option( ldap.OPT_DEBUG_LEVEL, 255 )
|
||||||
|
l.protocol_version = ldap.VERSION3
|
||||||
|
|
||||||
|
l.simple_bind_s(LDAP_USERNAME, LDAP_PASSWORD)
|
||||||
|
ldap_result_id = l.search(baseDN, searchScope, searchFilter, retrieveAttributes)
|
||||||
|
result_set = []
|
||||||
|
while 1:
|
||||||
|
result_type, result_data = l.result(ldap_result_id, 0)
|
||||||
|
if (result_data == []):
|
||||||
|
break
|
||||||
|
else:
|
||||||
|
if result_type == ldap.RES_SEARCH_ENTRY:
|
||||||
|
result_set.append(result_data)
|
||||||
|
return result_set
|
||||||
|
|
||||||
|
except ldap.LDAPError, e:
|
||||||
|
logging.error(e)
|
||||||
|
raise
|
||||||
|
|
||||||
|
def is_validate(self, method):
|
||||||
|
"""
|
||||||
|
Validate user credential
|
||||||
|
"""
|
||||||
|
if method == 'LOCAL':
|
||||||
|
user_info = User.query.filter(User.username == self.username).first()
|
||||||
|
|
||||||
|
if user_info:
|
||||||
|
if self.check_password(user_info.password):
|
||||||
|
logging.info('User "%s" logged in successfully' % self.username)
|
||||||
|
return True
|
||||||
|
else:
|
||||||
|
logging.error('User "%s" input a wrong password' % self.username)
|
||||||
|
return False
|
||||||
|
else:
|
||||||
|
logging.warning('User "%s" does not exist' % self.username)
|
||||||
|
return False
|
||||||
|
|
||||||
|
elif method == 'LDAP':
|
||||||
|
searchFilter = "cn=%s" % self.username
|
||||||
|
try:
|
||||||
|
result = self.ldap_search(searchFilter, LDAP_SEARCH_BASE)
|
||||||
|
except Exception, e:
|
||||||
|
raise
|
||||||
|
|
||||||
|
if not result:
|
||||||
|
logging.warning('User "%s" does not exist' % self.username)
|
||||||
|
return False
|
||||||
|
else:
|
||||||
|
ldap.set_option(ldap.OPT_X_TLS_REQUIRE_CERT, ldap.OPT_X_TLS_NEVER)
|
||||||
|
l = ldap.initialize(LDAP_URI)
|
||||||
|
l.set_option(ldap.OPT_REFERRALS, 0)
|
||||||
|
l.set_option(ldap.OPT_PROTOCOL_VERSION, 3)
|
||||||
|
l.set_option(ldap.OPT_X_TLS,ldap.OPT_X_TLS_DEMAND)
|
||||||
|
l.set_option( ldap.OPT_X_TLS_DEMAND, True )
|
||||||
|
l.set_option( ldap.OPT_DEBUG_LEVEL, 255 )
|
||||||
|
l.protocol_version = ldap.VERSION3
|
||||||
|
|
||||||
|
try:
|
||||||
|
ldap_username = result[0][0][0]
|
||||||
|
l.simple_bind_s(ldap_username, self.password)
|
||||||
|
logging.info('User "%s" logged in successfully' % self.username)
|
||||||
|
|
||||||
|
# create user if not exist in the db
|
||||||
|
if User.query.filter(User.username == self.username).first() == None:
|
||||||
|
try:
|
||||||
|
# try to get user's firstname & lastname from LDAP
|
||||||
|
# this might be changed in the future
|
||||||
|
self.firstname = result[0][0][1]['givenName'][0]
|
||||||
|
self.lastname = result[0][0][1]['sn'][0]
|
||||||
|
except:
|
||||||
|
self.firstname = self.username
|
||||||
|
self.lastname = ''
|
||||||
|
|
||||||
|
self.role_id = 2
|
||||||
|
self.create_user()
|
||||||
|
logging.info('Created user "%s" in the DB' % self.username)
|
||||||
|
return True
|
||||||
|
except:
|
||||||
|
logging.error('User "%s" input a wrong password' % self.username)
|
||||||
|
return False
|
||||||
|
else:
|
||||||
|
logging.error('Unsupported authentication method')
|
||||||
|
return False
|
||||||
|
|
||||||
|
def create_user(self):
|
||||||
|
"""
|
||||||
|
If user logged in successfully via LDAP in the first time
|
||||||
|
We will create a local user (in DB) in order to manage user
|
||||||
|
profile such as name, roles,...
|
||||||
|
"""
|
||||||
|
user = User(username=self.username, firstname=self.firstname, lastname=self.lastname, role_id=self.role_id)
|
||||||
|
db.session.add(user)
|
||||||
|
db.session.commit()
|
||||||
|
# assgine user_id to current_user after create in the DB
|
||||||
|
self.id = user.id
|
||||||
|
|
||||||
|
def create_local_user(self):
|
||||||
|
"""
|
||||||
|
Create local user witch stores username / password in the DB
|
||||||
|
"""
|
||||||
|
# check if username existed
|
||||||
|
user = User.query.filter(User.username == self.username).first()
|
||||||
|
if user:
|
||||||
|
return 'Username already existed'
|
||||||
|
|
||||||
|
# check if email existed
|
||||||
|
user = User.query.filter(User.email == self.email).first()
|
||||||
|
if user:
|
||||||
|
return 'Email already existed'
|
||||||
|
|
||||||
|
try:
|
||||||
|
self.role_id = 2
|
||||||
|
user = User(username=self.username, firstname=self.firstname, lastname=self.lastname, role_id=self.role_id, email=self.email, password=self.get_hashed_password(self.plain_text_password))
|
||||||
|
db.session.add(user)
|
||||||
|
db.session.commit()
|
||||||
|
return True
|
||||||
|
except Exception, e:
|
||||||
|
raise
|
||||||
|
|
||||||
|
def get_domain(self):
|
||||||
|
"""
|
||||||
|
Get domains which user has permission to
|
||||||
|
access
|
||||||
|
"""
|
||||||
|
user_domains = []
|
||||||
|
query = db.session.query(User, DomainUser, Domain).filter(User.id==self.id).filter(User.id==DomainUser.user_id).filter(Domain.id==DomainUser.domain_id).all()
|
||||||
|
for q in query:
|
||||||
|
user_domains.append(q[2])
|
||||||
|
return user_domains
|
||||||
|
|
||||||
|
def delete(self):
|
||||||
|
"""
|
||||||
|
Delete a user
|
||||||
|
"""
|
||||||
|
# revoke all user privileges first
|
||||||
|
self.revoke_privilege()
|
||||||
|
|
||||||
|
try:
|
||||||
|
User.query.filter(User.username == self.username).delete()
|
||||||
|
db.session.commit()
|
||||||
|
return True
|
||||||
|
except:
|
||||||
|
db.session.rollback()
|
||||||
|
logging.error('Cannot delete user %s from DB' % self.username)
|
||||||
|
return False
|
||||||
|
|
||||||
|
def revoke_privilege(self):
|
||||||
|
"""
|
||||||
|
Revoke all privielges from a user
|
||||||
|
"""
|
||||||
|
user = User.query.filter(User.username == self.username).first()
|
||||||
|
|
||||||
|
if user:
|
||||||
|
user_id = user.id
|
||||||
|
try:
|
||||||
|
DomainUser.query.filter(DomainUser.user_id == user_id).delete()
|
||||||
|
db.session.commit()
|
||||||
|
return True
|
||||||
|
except:
|
||||||
|
db.session.rollback()
|
||||||
|
logging.error('Cannot revoke user %s privielges.' % self.username)
|
||||||
|
return False
|
||||||
|
return False
|
||||||
|
|
||||||
|
def set_admin(self, is_admin):
|
||||||
|
"""
|
||||||
|
Set role for a user:
|
||||||
|
is_admin == True => Administrator
|
||||||
|
is_admin == False => User
|
||||||
|
"""
|
||||||
|
user_role_name = 'Administrator' if is_admin else 'User'
|
||||||
|
role = Role.query.filter(Role.name==user_role_name).first()
|
||||||
|
|
||||||
|
try:
|
||||||
|
if role:
|
||||||
|
user = User.query.filter(User.username==self.username).first()
|
||||||
|
user.role_id = role.id
|
||||||
|
db.session.commit()
|
||||||
|
return True
|
||||||
|
else:
|
||||||
|
return False
|
||||||
|
except:
|
||||||
|
db.session.roleback()
|
||||||
|
logging.error('Cannot change user role in DB')
|
||||||
|
logging.debug(traceback.format_exc())
|
||||||
|
return False
|
||||||
|
|
||||||
|
|
||||||
|
class Role(db.Model):
|
||||||
|
id = db.Column(db.Integer, primary_key = True)
|
||||||
|
name = db.Column(db.String(64), index=True, unique=True)
|
||||||
|
description = db.Column(db.String(128))
|
||||||
|
users = db.relationship('User', backref='role', lazy='dynamic')
|
||||||
|
|
||||||
|
def __int__(self, id=None, name=None, description=None):
|
||||||
|
self.id = id
|
||||||
|
self.name = name
|
||||||
|
self.description = description
|
||||||
|
|
||||||
|
def __repr__(self):
|
||||||
|
return '<Role %r>' % (self.name)
|
||||||
|
|
||||||
|
|
||||||
|
class Domain(db.Model):
|
||||||
|
id = db.Column(db.Integer, primary_key = True)
|
||||||
|
name = db.Column(db.String(255), index=True, unique=True)
|
||||||
|
master = db.Column(db.String(128))
|
||||||
|
type = db.Column(db.String(6), nullable = False)
|
||||||
|
serial = db.Column(db.Integer)
|
||||||
|
notified_serial = db.Column(db.Integer)
|
||||||
|
last_check = db.Column(db.Integer)
|
||||||
|
|
||||||
|
def __int__(self, id=None, name=None, master=None, type='NATIVE', serial=None, notified_serial=None, last_check=None):
|
||||||
|
self.id = id
|
||||||
|
self.name = name
|
||||||
|
self.master = master
|
||||||
|
self.type = type
|
||||||
|
self.serial = serial
|
||||||
|
self.notified_serial = notified_serial
|
||||||
|
self.last_check = last_check
|
||||||
|
|
||||||
|
def __repr__(self):
|
||||||
|
return '<Domain %r>' % (self.name)
|
||||||
|
|
||||||
|
def get_domains(self):
|
||||||
|
"""
|
||||||
|
Get all domains which has in PowerDNS
|
||||||
|
jdata example:
|
||||||
|
[
|
||||||
|
{
|
||||||
|
"id": "example.org.",
|
||||||
|
"url": "/servers/localhost/zones/example.org.",
|
||||||
|
"name": "example.org",
|
||||||
|
"kind": "Native",
|
||||||
|
"dnssec": false,
|
||||||
|
"account": "",
|
||||||
|
"masters": [],
|
||||||
|
"serial": 2015101501,
|
||||||
|
"notified_serial": 0,
|
||||||
|
"last_check": 0
|
||||||
|
}
|
||||||
|
]
|
||||||
|
"""
|
||||||
|
headers = {}
|
||||||
|
headers['X-API-Key'] = PDNS_API_KEY
|
||||||
|
jdata = utils.fetch_json(urlparse.urljoin(PDNS_STATS_URL, '/servers/localhost/zones'), headers=headers)
|
||||||
|
return jdata
|
||||||
|
|
||||||
|
def get_id_by_name(self, name):
|
||||||
|
"""
|
||||||
|
Return domain id
|
||||||
|
"""
|
||||||
|
domain = Domain.query.filter(Domain.name==name).first()
|
||||||
|
return domain.id
|
||||||
|
|
||||||
|
def update(self):
|
||||||
|
"""
|
||||||
|
Fetch zones (domains) from PowerDNS and update into DB
|
||||||
|
"""
|
||||||
|
db_domain = Domain.query.all()
|
||||||
|
list_db_domain = [d.name for d in db_domain]
|
||||||
|
|
||||||
|
headers = {}
|
||||||
|
headers['X-API-Key'] = PDNS_API_KEY
|
||||||
|
try:
|
||||||
|
jdata = utils.fetch_json(urlparse.urljoin(PDNS_STATS_URL, '/servers/localhost/zones'), headers=headers)
|
||||||
|
list_jdomain = [d['name'] for d in jdata]
|
||||||
|
|
||||||
|
try:
|
||||||
|
# domains should remove from db since it doesn't exist in powerdns anymore
|
||||||
|
should_removed_db_domain = list(set(list_db_domain).difference(list_jdomain))
|
||||||
|
for d in should_removed_db_domain:
|
||||||
|
# revoke permission before delete domain
|
||||||
|
domain = Domain.query.filter(Domain.name==d).first()
|
||||||
|
domain_user = DomainUser.query.filter(DomainUser.domain_id==domain.id)
|
||||||
|
if domain_user:
|
||||||
|
domain_user.delete()
|
||||||
|
db.session.commit()
|
||||||
|
|
||||||
|
# then remove domain
|
||||||
|
Domain.query.filter(Domain.name == d).delete()
|
||||||
|
db.session.commit()
|
||||||
|
except:
|
||||||
|
logging.error('Can not delete domain from DB')
|
||||||
|
logging.debug(traceback.format_exc())
|
||||||
|
db.session.rollback()
|
||||||
|
|
||||||
|
# update/add new domain
|
||||||
|
for data in jdata:
|
||||||
|
d = Domain.query.filter(Domain.name == data['name']).first()
|
||||||
|
if d:
|
||||||
|
#update exist domain
|
||||||
|
d.master = str(data['masters'])
|
||||||
|
d.type = data['kind']
|
||||||
|
d.serial = data['serial']
|
||||||
|
d.notified_serial = data['notified_serial']
|
||||||
|
d.last_check = data['last_check']
|
||||||
|
else:
|
||||||
|
# add new domain
|
||||||
|
d = Domain()
|
||||||
|
d.name = data['name']
|
||||||
|
d.master = str(data['masters'])
|
||||||
|
d.type = data['kind']
|
||||||
|
d.serial = data['serial']
|
||||||
|
d.notified_serial = data['notified_serial']
|
||||||
|
d.last_check = data['last_check']
|
||||||
|
db.session.add(d)
|
||||||
|
try:
|
||||||
|
db.session.commit()
|
||||||
|
except:
|
||||||
|
db.session.rollback()
|
||||||
|
return {'status': 'ok', 'msg': 'Domain table has been updated successfully'}
|
||||||
|
except Exception, e:
|
||||||
|
logging.error('Can not update domain table.' + str(e))
|
||||||
|
return {'status': 'error', 'msg': 'Can not update domain table'}
|
||||||
|
|
||||||
|
def add(self, domain_name, domain_type, domain_ns=[], domain_master_ips=[]):
|
||||||
|
"""
|
||||||
|
Add a domain to power dns
|
||||||
|
"""
|
||||||
|
headers = {}
|
||||||
|
headers['X-API-Key'] = PDNS_API_KEY
|
||||||
|
post_data = {
|
||||||
|
"name": domain_name,
|
||||||
|
"kind": domain_type,
|
||||||
|
"masters": domain_master_ips,
|
||||||
|
"nameservers": domain_ns
|
||||||
|
}
|
||||||
|
try:
|
||||||
|
jdata = utils.fetch_json(urlparse.urljoin(PDNS_STATS_URL, '/servers/localhost/zones'), headers=headers, method='POST', data=post_data)
|
||||||
|
if 'error' in jdata.keys():
|
||||||
|
logging.error(jdata['error'])
|
||||||
|
return {'status': 'error', 'msg': jdata['error']}
|
||||||
|
else:
|
||||||
|
logging.info('Added domain %s successfully' % domain_name)
|
||||||
|
return {'status': 'ok', 'msg': 'Added domain successfully'}
|
||||||
|
except Exception, e:
|
||||||
|
print traceback.format_exc()
|
||||||
|
logging.error('Cannot add domain %s' % domain_name)
|
||||||
|
logging.debug(str(e))
|
||||||
|
return {'status': 'error', 'msg': 'Cannot add this domain.'}
|
||||||
|
|
||||||
|
|
||||||
|
def delete(self, domain_name):
|
||||||
|
"""
|
||||||
|
Delete a single domain name from powerdns
|
||||||
|
"""
|
||||||
|
headers = {}
|
||||||
|
headers['X-API-Key'] = PDNS_API_KEY
|
||||||
|
try:
|
||||||
|
jdata = utils.fetch_json(urlparse.urljoin(PDNS_STATS_URL, '/servers/localhost/zones/%s' % domain_name), headers=headers, method='DELETE')
|
||||||
|
logging.info('Delete domain %s successfully' % domain_name)
|
||||||
|
return {'status': 'ok', 'msg': 'Delete domain successfully'}
|
||||||
|
except Exception, e:
|
||||||
|
print traceback.format_exc()
|
||||||
|
logging.error('Cannot delete domain %s' % domain_name)
|
||||||
|
logging.debug(str(e))
|
||||||
|
return {'status': 'error', 'msg': 'Cannot delete domain'}
|
||||||
|
|
||||||
|
def get_user(self):
|
||||||
|
"""
|
||||||
|
Get users (id) who have access to this domain name
|
||||||
|
"""
|
||||||
|
user_ids = []
|
||||||
|
query = db.session.query(DomainUser, Domain).filter(User.id==DomainUser.user_id).filter(Domain.id==DomainUser.domain_id).filter(Domain.name==self.name).all()
|
||||||
|
for q in query:
|
||||||
|
user_ids.append(q[0].user_id)
|
||||||
|
return user_ids
|
||||||
|
|
||||||
|
def grant_privielges(self, new_user_list):
|
||||||
|
"""
|
||||||
|
Reconfigure domain_user table
|
||||||
|
"""
|
||||||
|
|
||||||
|
domain_id = self.get_id_by_name(self.name)
|
||||||
|
|
||||||
|
domain_user_ids = self.get_user()
|
||||||
|
new_user_ids = [u.id for u in User.query.filter(User.username.in_(new_user_list)).all()] if new_user_list else []
|
||||||
|
|
||||||
|
removed_ids = list(set(domain_user_ids).difference(new_user_ids))
|
||||||
|
added_ids = list(set(new_user_ids).difference(domain_user_ids))
|
||||||
|
|
||||||
|
try:
|
||||||
|
for uid in removed_ids:
|
||||||
|
DomainUser.query.filter(DomainUser.user_id == uid).filter(DomainUser.domain_id==domain_id).delete()
|
||||||
|
db.session.commit()
|
||||||
|
except:
|
||||||
|
db.session.rollback()
|
||||||
|
logging.error('Cannot revoke user privielges on domain %s' % self.name)
|
||||||
|
|
||||||
|
try:
|
||||||
|
for uid in added_ids:
|
||||||
|
du = DomainUser(domain_id, uid)
|
||||||
|
db.session.add(du)
|
||||||
|
db.session.commit()
|
||||||
|
except:
|
||||||
|
db.session.rollback()
|
||||||
|
logging.error('Cannot grant user privielges to domain %s' % self.name)
|
||||||
|
|
||||||
|
|
||||||
|
def update_from_master(self, domain_name):
|
||||||
|
"""
|
||||||
|
Update records from Master DNS server
|
||||||
|
"""
|
||||||
|
domain = Domain.query.filter(Domain.name == domain_name).first()
|
||||||
|
if domain:
|
||||||
|
headers = {}
|
||||||
|
headers['X-API-Key'] = PDNS_API_KEY
|
||||||
|
try:
|
||||||
|
jdata = utils.fetch_json(urlparse.urljoin(PDNS_STATS_URL, '/servers/localhost/zones/%s/axfr-retrieve' % domain), headers=headers, method='PUT')
|
||||||
|
return {'status': 'ok', 'msg': 'Update from Master successfully'}
|
||||||
|
except:
|
||||||
|
return {'status': 'error', 'msg': 'There was something wrong, please contact administrator'}
|
||||||
|
else:
|
||||||
|
return {'status': 'error', 'msg': 'This domain doesnot exist'}
|
||||||
|
|
||||||
|
class DomainUser(db.Model):
|
||||||
|
__tablename__ = 'domain_user'
|
||||||
|
id = db.Column(db.Integer, primary_key = True)
|
||||||
|
domain_id = db.Column(db.Integer, db.ForeignKey('domain.id'), nullable = False)
|
||||||
|
user_id = db.Column(db.Integer, db.ForeignKey('user.id'), nullable = False)
|
||||||
|
|
||||||
|
def __init__(self, domain_id, user_id):
|
||||||
|
self.domain_id = domain_id
|
||||||
|
self.user_id = user_id
|
||||||
|
|
||||||
|
def __repr__(self):
|
||||||
|
return '<Domain_User %r %r>' % (self.domain_id, self.user_id)
|
||||||
|
|
||||||
|
|
||||||
|
class Record(object):
|
||||||
|
"""
|
||||||
|
This is not a model, it's just an object
|
||||||
|
which be assigned data from PowerDNS API
|
||||||
|
"""
|
||||||
|
|
||||||
|
def __init__(self, name=None, type=None, status=None, ttl=None, data=None):
|
||||||
|
self.name = name
|
||||||
|
self.type = type
|
||||||
|
self.status = status
|
||||||
|
self.ttl = ttl
|
||||||
|
self.data = data
|
||||||
|
|
||||||
|
def get_record_data(self, domain):
|
||||||
|
"""
|
||||||
|
Query domain's DNS records via API
|
||||||
|
"""
|
||||||
|
headers = {}
|
||||||
|
headers['X-API-Key'] = PDNS_API_KEY
|
||||||
|
try:
|
||||||
|
jdata = utils.fetch_json(urlparse.urljoin(PDNS_STATS_URL, '/servers/localhost/zones/%s' % domain), headers=headers)
|
||||||
|
except:
|
||||||
|
logging.error("Cannot fetch domain's record data from remote powerdns api")
|
||||||
|
return False
|
||||||
|
return jdata
|
||||||
|
|
||||||
|
def add(self, domain):
|
||||||
|
"""
|
||||||
|
Add a record to domain
|
||||||
|
"""
|
||||||
|
# validate record first
|
||||||
|
r = self.get_record_data(domain)
|
||||||
|
records = r['records']
|
||||||
|
check = filter(lambda check: check['name'] == self.name, records)
|
||||||
|
if check:
|
||||||
|
r = check[0]
|
||||||
|
if r['type'] in ('A', 'AAAA' ,'CNAME'):
|
||||||
|
return {'status': 'error', 'msg': 'Record might was already exist with type "A", "AAAA", "CNAME"'}
|
||||||
|
|
||||||
|
# continue if the record is ready to be added
|
||||||
|
headers = {}
|
||||||
|
headers['X-API-Key'] = PDNS_API_KEY
|
||||||
|
data = {"rrsets": [
|
||||||
|
{
|
||||||
|
"name": self.name,
|
||||||
|
"type": self.type,
|
||||||
|
"changetype": "REPLACE",
|
||||||
|
"records": [
|
||||||
|
{
|
||||||
|
"content": self.data,
|
||||||
|
"disabled": self.status,
|
||||||
|
"name": self.name,
|
||||||
|
"ttl": self.ttl,
|
||||||
|
"type": self.type
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
try:
|
||||||
|
jdata = utils.fetch_json(urlparse.urljoin(PDNS_STATS_URL, '/servers/localhost/zones/%s' % domain), headers=headers, method='PATCH', data=data)
|
||||||
|
logging.debug(jdata)
|
||||||
|
return {'status': 'ok', 'msg': 'Record was added successfully'}
|
||||||
|
except Exception, e:
|
||||||
|
logging.error("Cannot add record %s/%s/%s to domain %s. DETAIL: %s" % (self.name, self.type, self.data, domain, str(e)))
|
||||||
|
return {'status': 'error', 'msg': 'There was something wrong, please contact administrator'}
|
||||||
|
|
||||||
|
|
||||||
|
def compare(self, domain_name, new_records):
|
||||||
|
"""
|
||||||
|
Compare new records with current powerdns record data
|
||||||
|
Input is a list of hashes (records)
|
||||||
|
"""
|
||||||
|
# get list of current records we have in powerdns
|
||||||
|
current_records = self.get_record_data(domain_name)['records']
|
||||||
|
|
||||||
|
# convert them to list of list (just has [name, type]) instead of list of hash
|
||||||
|
# to compare easier
|
||||||
|
list_current_records = [[x['name'],x['type']] for x in current_records]
|
||||||
|
list_new_records = [[x['name'],x['type']] for x in new_records]
|
||||||
|
|
||||||
|
# get list of deleted records
|
||||||
|
# they are the records which exist in list_current_records but not in list_new_records
|
||||||
|
list_deleted_records = [x for x in list_current_records if x not in list_new_records]
|
||||||
|
|
||||||
|
# convert back to list of hash
|
||||||
|
deleted_records = [x for x in current_records if [x['name'],x['type']] in list_deleted_records and x['type'] in app.config['RECORDS_ALLOW_EDIT']]
|
||||||
|
|
||||||
|
# return a tuple
|
||||||
|
return deleted_records, new_records
|
||||||
|
|
||||||
|
|
||||||
|
def apply(self, domain, post_records):
|
||||||
|
"""
|
||||||
|
Apply record changes to domain
|
||||||
|
"""
|
||||||
|
deleted_records, new_records = self.compare(domain, post_records)
|
||||||
|
|
||||||
|
records = []
|
||||||
|
for r in deleted_records:
|
||||||
|
record = {
|
||||||
|
"name": r['name'],
|
||||||
|
"type": r['type'],
|
||||||
|
"changetype": "DELETE",
|
||||||
|
"records": [
|
||||||
|
]
|
||||||
|
}
|
||||||
|
records.append(record)
|
||||||
|
postdata_for_delete = {"rrsets": records}
|
||||||
|
|
||||||
|
records = []
|
||||||
|
for r in new_records:
|
||||||
|
record = {
|
||||||
|
"name": r['name'],
|
||||||
|
"type": r['type'],
|
||||||
|
"changetype": "REPLACE",
|
||||||
|
"records": [
|
||||||
|
{
|
||||||
|
"content": r['content'],
|
||||||
|
"disabled": r['disabled'],
|
||||||
|
"name": r['name'],
|
||||||
|
"ttl": r['ttl'],
|
||||||
|
"type": r['type'],
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
records.append(record)
|
||||||
|
postdata_for_new = {"rrsets": records}
|
||||||
|
|
||||||
|
try:
|
||||||
|
headers = {}
|
||||||
|
headers['X-API-Key'] = PDNS_API_KEY
|
||||||
|
jdata1 = utils.fetch_json(urlparse.urljoin(PDNS_STATS_URL, '/servers/localhost/zones/%s' % domain), headers=headers, method='PATCH', data=postdata_for_delete)
|
||||||
|
#logging.debug(jdata1)
|
||||||
|
|
||||||
|
jdata2 = utils.fetch_json(urlparse.urljoin(PDNS_STATS_URL, '/servers/localhost/zones/%s' % domain), headers=headers, method='PATCH', data=postdata_for_new)
|
||||||
|
#logging.debug(jdata2)
|
||||||
|
|
||||||
|
if 'error' in jdata2.keys():
|
||||||
|
logging.error('Cannot apply record changes.')
|
||||||
|
logging.debug(jdata2['error'])
|
||||||
|
return {'status': 'error', 'msg': jdata2['error']}
|
||||||
|
else:
|
||||||
|
logging.info('Record was applied successfully.')
|
||||||
|
return {'status': 'ok', 'msg': 'Record was applied successfully'}
|
||||||
|
except Exception, e:
|
||||||
|
logging.error("Cannot apply record changes to domain %s. DETAIL: %s" % (str(e), domain))
|
||||||
|
return {'status': 'error', 'msg': 'There was something wrong, please contact administrator'}
|
||||||
|
|
||||||
|
|
||||||
|
def delete(self, domain):
|
||||||
|
"""
|
||||||
|
Delete a record from domain
|
||||||
|
"""
|
||||||
|
headers = {}
|
||||||
|
headers['X-API-Key'] = PDNS_API_KEY
|
||||||
|
data = {"rrsets": [
|
||||||
|
{
|
||||||
|
"name": self.name,
|
||||||
|
"type": self.type,
|
||||||
|
"changetype": "DELETE",
|
||||||
|
"records": [
|
||||||
|
{
|
||||||
|
"name": self.name,
|
||||||
|
"type": self.type
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
try:
|
||||||
|
jdata = utils.fetch_json(urlparse.urljoin(PDNS_STATS_URL, '/servers/localhost/zones/%s' % domain), headers=headers, method='PATCH', data=data)
|
||||||
|
logging.debug(jdata)
|
||||||
|
return {'status': 'ok', 'msg': 'Record was removed successfully'}
|
||||||
|
except:
|
||||||
|
logging.error("Cannot remove record %s/%s/%s from domain %s" % (self.name, self.type, self.data, domain))
|
||||||
|
return {'status': 'error', 'msg': 'There was something wrong, please contact administrator'}
|
||||||
|
|
||||||
|
def is_allowed(self):
|
||||||
|
"""
|
||||||
|
Check if record is allowed to edit/removed
|
||||||
|
"""
|
||||||
|
return self.type in app.config['RECORDS_ALLOW_EDIT']
|
||||||
|
|
||||||
|
|
||||||
|
class Server(object):
|
||||||
|
"""
|
||||||
|
This is not a model, it's just an object
|
||||||
|
which be assigned data from PowerDNS API
|
||||||
|
"""
|
||||||
|
|
||||||
|
def __init__(self, server_id=None, server_config=None):
|
||||||
|
self.server_id = server_id
|
||||||
|
self.server_config = server_config
|
||||||
|
|
||||||
|
def get_config(self):
|
||||||
|
"""
|
||||||
|
Get server config
|
||||||
|
"""
|
||||||
|
headers = {}
|
||||||
|
headers['X-API-Key'] = PDNS_API_KEY
|
||||||
|
|
||||||
|
try:
|
||||||
|
jdata = utils.fetch_json(urlparse.urljoin(PDNS_STATS_URL, '/servers/%s/config' % self.server_id), headers=headers, method='GET')
|
||||||
|
return jdata
|
||||||
|
except:
|
||||||
|
logging.error("Can not get server configuration.")
|
||||||
|
logging.debug(traceback.format_exc())
|
||||||
|
return []
|
||||||
|
|
||||||
|
def get_statistic(self):
|
||||||
|
"""
|
||||||
|
Get server statistics
|
||||||
|
"""
|
||||||
|
headers = {}
|
||||||
|
headers['X-API-Key'] = PDNS_API_KEY
|
||||||
|
|
||||||
|
try:
|
||||||
|
jdata = utils.fetch_json(urlparse.urljoin(PDNS_STATS_URL, '/servers/%s/statistics' % self.server_id), headers=headers, method='GET')
|
||||||
|
return jdata
|
||||||
|
except:
|
||||||
|
logging.error("Can not get server statistics.")
|
||||||
|
logging.debug(traceback.format_exc())
|
||||||
|
return []
|
||||||
|
|
||||||
|
|
||||||
|
class History(db.Model):
|
||||||
|
id = db.Column(db.Integer, primary_key = True)
|
||||||
|
msg = db.Column(db.String(256))
|
||||||
|
detail = db.Column(db.Text())
|
||||||
|
created_by = db.Column(db.String(128))
|
||||||
|
created_on = db.Column(db.DateTime, default=datetime.utcnow)
|
||||||
|
|
||||||
|
def __init__(self, id=None, msg=None, detail=None, created_by=None):
|
||||||
|
self.id = id
|
||||||
|
self.msg = msg
|
||||||
|
self.detail = detail
|
||||||
|
self.created_by = created_by
|
||||||
|
|
||||||
|
def __repr__(self):
|
||||||
|
return '<History %r>' % (self.msg)
|
||||||
|
|
||||||
|
def add(self):
|
||||||
|
"""
|
||||||
|
Add an event to history table
|
||||||
|
"""
|
||||||
|
h = History()
|
||||||
|
h.msg = self.msg
|
||||||
|
h.detail = self.detail
|
||||||
|
h.created_by = self.created_by
|
||||||
|
db.session.add(h)
|
||||||
|
db.session.commit()
|
||||||
|
|
||||||
|
def remove_all(self):
|
||||||
|
"""
|
||||||
|
Remove all history from DB
|
||||||
|
"""
|
||||||
|
try:
|
||||||
|
num_rows_deleted = db.session.query(History).delete()
|
||||||
|
db.session.commit()
|
||||||
|
logging.info("Removed all history")
|
||||||
|
return True
|
||||||
|
except:
|
||||||
|
db.session.rollback()
|
||||||
|
logging.error("Cannot remove history")
|
||||||
|
logging.debug(traceback.format_exc())
|
||||||
|
return False
|
||||||
|
|
||||||
|
class Setting(db.Model):
|
||||||
|
id = db.Column(db.Integer, primary_key = True)
|
||||||
|
name = db.Column(db.String(64))
|
||||||
|
value = db.Column(db.String(256))
|
||||||
|
|
||||||
|
def __init__(self, id=None, name=None, value=None):
|
||||||
|
self.id = id
|
||||||
|
self.name = name
|
||||||
|
self.value = value
|
||||||
|
|
||||||
|
def set_mainteance(self, mode):
|
||||||
|
"""
|
||||||
|
mode = True/False
|
||||||
|
"""
|
||||||
|
mode = str(mode)
|
||||||
|
maintenance = Setting.query.filter(Setting.name=='maintenance').first()
|
||||||
|
try:
|
||||||
|
if maintenance:
|
||||||
|
if maintenance.value != mode:
|
||||||
|
maintenance.value = mode
|
||||||
|
db.session.commit()
|
||||||
|
return True
|
||||||
|
else:
|
||||||
|
s = Setting(name='maintenance', value=mode)
|
||||||
|
db.session.add(s)
|
||||||
|
db.session.commit()
|
||||||
|
return True
|
||||||
|
except:
|
||||||
|
logging.error('Cannot set maintenance to %s' % mode)
|
||||||
|
logging.debug(traceback.format_exc())
|
||||||
|
db.session.rollback()
|
||||||
|
return False
|
||||||
|
|
60
app/static/admin/layout/css/custom.css
Normal file
@ -0,0 +1,60 @@
|
|||||||
|
/* here you can put your own css to customize and override the theme */
|
||||||
|
|
||||||
|
/***
|
||||||
|
Rounded Portlets
|
||||||
|
***/
|
||||||
|
/*
|
||||||
|
.portlet {
|
||||||
|
border-radius: 4px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.portlet .portlet-title {
|
||||||
|
border-radius: 4px 4px 0px 0px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.portlet .portlet-body,
|
||||||
|
.portlet .portlet-body .form-actions {
|
||||||
|
border-radius: 0px 0px 4px 4px !important;
|
||||||
|
}
|
||||||
|
*/
|
||||||
|
|
||||||
|
/*
|
||||||
|
Change Quick Sidebar Width
|
||||||
|
*/
|
||||||
|
|
||||||
|
/*
|
||||||
|
.page-quick-sidebar-wrapper {
|
||||||
|
right: -370px;
|
||||||
|
width: 370px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-quick-sidebar-open.page-quick-sidebar-push-content .page-sidebar-wrapper {
|
||||||
|
margin-left: -370px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-quick-sidebar-open.page-quick-sidebar-push-content .page-footer {
|
||||||
|
margin-right: 370px;
|
||||||
|
margin-left: -370px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-sidebar-reversed.page-quick-sidebar-open.page-quick-sidebar-push-content .page-sidebar-wrapper {
|
||||||
|
margin-right: 370px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-quick-sidebar-open.page-quick-sidebar-push-content.page-quick-sidebar-full-height .page-header {
|
||||||
|
margin-left: -370px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-list {
|
||||||
|
width: 370px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item {
|
||||||
|
width: 370px !important;
|
||||||
|
margin-left: 370px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-content-item-shown .page-quick-sidebar-list {
|
||||||
|
margin-left: -370px;
|
||||||
|
}
|
||||||
|
*/
|
2613
app/static/admin/layout/css/layout.css
Normal file
912
app/static/admin/layout/css/themes/blue.css
Normal file
@ -0,0 +1,912 @@
|
|||||||
|
/***********
|
||||||
|
Page Header
|
||||||
|
***********/
|
||||||
|
/* Header search bar, toggler button & top menu */
|
||||||
|
.page-header.navbar {
|
||||||
|
background-color: #2D5F8B;
|
||||||
|
/* Top notification menu/bar */
|
||||||
|
/* Header seaech box */
|
||||||
|
/* Toggler button for sidebar expand/collapse and responsive sidebar menu */
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav {
|
||||||
|
/* Extended Dropdowns */
|
||||||
|
/* Notification */
|
||||||
|
/* Inbox */
|
||||||
|
/* Tasks */
|
||||||
|
/* User */
|
||||||
|
/* Language */
|
||||||
|
/* Dark version */
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle > i {
|
||||||
|
color: #6BA1D1;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle .badge.badge-default {
|
||||||
|
background-color: #d64635;
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover {
|
||||||
|
background-color: #3979b2;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover > i {
|
||||||
|
color: #a5c6e3;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {
|
||||||
|
background-color: #3979b2;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle > i {
|
||||||
|
color: #a5c6e3;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu {
|
||||||
|
border-color: #e7eaf0;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:after {
|
||||||
|
border-bottom-color: #eaedf2;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external {
|
||||||
|
background: #eaedf2;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 {
|
||||||
|
color: #62878f;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a {
|
||||||
|
color: #5b9bd1;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a:hover {
|
||||||
|
color: #3175af;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a {
|
||||||
|
border-bottom: 1px solid #EFF2F6 !important;
|
||||||
|
color: #888888;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover {
|
||||||
|
background: #f8f9fa;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a .time {
|
||||||
|
background: #f1f1f1;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a:hover .time {
|
||||||
|
background: #e4e4e4;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .circle {
|
||||||
|
background-color: #d64635;
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .corner {
|
||||||
|
border-color: transparent transparent transparent #d64635;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu .dropdown-menu-list .subject .from {
|
||||||
|
color: #5b9bd1;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list .progress {
|
||||||
|
background-color: #dfe2e9;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username {
|
||||||
|
color: #b6d0e7;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i {
|
||||||
|
color: #b6d0e7;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu {
|
||||||
|
width: 195px;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname {
|
||||||
|
color: #b6d0e7;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu {
|
||||||
|
background: #3979b2;
|
||||||
|
border: 0;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu:after {
|
||||||
|
border-bottom-color: #3979b2;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external {
|
||||||
|
background: #2f6493;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > h3 {
|
||||||
|
color: #d1e2f0;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > a:hover {
|
||||||
|
color: #87b6dd;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a,
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a {
|
||||||
|
color: #e4eef6;
|
||||||
|
border-bottom: 1px solid #4689c3 !important;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a > i,
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a > i {
|
||||||
|
color: #bed5ea;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover,
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover {
|
||||||
|
background: #3f84c1;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a {
|
||||||
|
border-bottom: 0 !important;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li.divider {
|
||||||
|
background: #4689c3;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a .time {
|
||||||
|
background: #336c9e;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a:hover .time {
|
||||||
|
background: #2d5f8b;
|
||||||
|
}
|
||||||
|
.page-header.navbar .search-form {
|
||||||
|
background: #28547c;
|
||||||
|
}
|
||||||
|
.page-header.navbar .search-form:hover {
|
||||||
|
background: #3979b2;
|
||||||
|
}
|
||||||
|
.page-header.navbar .search-form .input-group .form-control {
|
||||||
|
color: #83AAC8;
|
||||||
|
}
|
||||||
|
.page-header.navbar .search-form .input-group .form-control::-moz-placeholder {
|
||||||
|
color: #7fa8c6;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
.page-header.navbar .search-form .input-group .form-control:-ms-input-placeholder {
|
||||||
|
color: #7fa8c6;
|
||||||
|
}
|
||||||
|
.page-header.navbar .search-form .input-group .form-control::-webkit-input-placeholder {
|
||||||
|
color: #7fa8c6;
|
||||||
|
}
|
||||||
|
.page-header.navbar .search-form .input-group .input-group-btn .btn.submit > i {
|
||||||
|
color: #83AAC8;
|
||||||
|
}
|
||||||
|
.page-header.navbar .search-form.open {
|
||||||
|
background: #3979b2;
|
||||||
|
}
|
||||||
|
.page-header.navbar .menu-toggler {
|
||||||
|
background-image: url(../../img/sidebar_toggler_icon_blue.png);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Default Horizontal Menu */
|
||||||
|
.page-header.navbar {
|
||||||
|
/* Default Mega Menu */
|
||||||
|
/* Light Mega Menu */
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav {
|
||||||
|
/* Mega menu content */
|
||||||
|
/* Classic menu */
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
|
||||||
|
box-shadow: 5px 5px rgba(57, 121, 178, 0.2);
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
|
||||||
|
color: #b6d0e7;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li > a {
|
||||||
|
color: #b6d0e7;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li > a > i {
|
||||||
|
color: #90b8db;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li.open > a,
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li > a:hover {
|
||||||
|
color: #c9ddee;
|
||||||
|
background: #3979b2 !important;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li.open > a > i,
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li > a:hover > i {
|
||||||
|
color: #a3c4e1;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li.active > a,
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li.active > a, .page-header.navbar .hor-menu .navbar-nav > li.current > a,
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li.current > a {
|
||||||
|
color: white;
|
||||||
|
background: #d64635 !important;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li.active > a > i,
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li.active > a > i, .page-header.navbar .hor-menu .navbar-nav > li.current > a > i,
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li.current > a > i {
|
||||||
|
color: #90b8db;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li.active .selected, .page-header.navbar .hor-menu .navbar-nav > li.current .selected {
|
||||||
|
border-top: 6px solid #d64635;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu {
|
||||||
|
box-shadow: 5px 5px rgba(57, 121, 178, 0.2);
|
||||||
|
background: #3979b2;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li > a {
|
||||||
|
color: #b6d0e7;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
|
||||||
|
color: #b6d0e7;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
|
||||||
|
color: #ecf3f9;
|
||||||
|
background: #3f84c1;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i {
|
||||||
|
color: #ecf3f9;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
|
||||||
|
color: #ecf3f9;
|
||||||
|
background: #3f84c1;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a > i,
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a > i,
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > i {
|
||||||
|
color: #ecf3f9;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.divider {
|
||||||
|
background-color: #4386c2;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-submenu > a:after {
|
||||||
|
color: #b6d0e7;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav {
|
||||||
|
/* Mega menu content */
|
||||||
|
/* Classic menu */
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
|
||||||
|
box-shadow: 5px 5px rgba(102, 102, 102, 0.1);
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
|
||||||
|
color: #666;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a {
|
||||||
|
color: #b6d0e7;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a > i {
|
||||||
|
color: #90b8db;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a:hover {
|
||||||
|
color: #c9ddee;
|
||||||
|
background: #3979b2;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a:hover > i {
|
||||||
|
color: #a3c4e1;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.open > a {
|
||||||
|
color: #333 !important;
|
||||||
|
background: white !important;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.open > a > i {
|
||||||
|
color: #333 !important;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a,
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a,
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover {
|
||||||
|
color: white;
|
||||||
|
background: #d64635;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a > i,
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover > i, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a > i,
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover > i {
|
||||||
|
color: #90b8db;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu {
|
||||||
|
box-shadow: 5px 5px rgba(102, 102, 102, 0.1);
|
||||||
|
background: white;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a {
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a > i {
|
||||||
|
color: #888;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a {
|
||||||
|
color: #000;
|
||||||
|
background: #f2f2f7;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a > i {
|
||||||
|
color: #666;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a,
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a,
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover {
|
||||||
|
color: #000;
|
||||||
|
background: #f2f2f7;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a > i,
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a > i,
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover > i {
|
||||||
|
color: #666;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.divider {
|
||||||
|
background-color: #f2f2f7;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu {
|
||||||
|
border: 1px solid #efeff5;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > .dropdown-menu {
|
||||||
|
border-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Page sidebar */
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover,
|
||||||
|
.page-sidebar {
|
||||||
|
background-color: #4276A4;
|
||||||
|
/* Default sidebar */
|
||||||
|
/* light sidebar */
|
||||||
|
/* Sidebar search */
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu,
|
||||||
|
.page-sidebar .page-sidebar-menu {
|
||||||
|
/* 1st level links */
|
||||||
|
/* All links */
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a,
|
||||||
|
.page-sidebar .page-sidebar-menu > li > a {
|
||||||
|
border-top: 1px solid #4a83b6;
|
||||||
|
color: #C9DFF5;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu > li > a > i {
|
||||||
|
color: #8EB8DE;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class^="icon-"],
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class*="icon-"],
|
||||||
|
.page-sidebar .page-sidebar-menu > li > a > i[class^="icon-"],
|
||||||
|
.page-sidebar .page-sidebar-menu > li > a > i[class*="icon-"] {
|
||||||
|
color: #a2c4e4;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li > a > .arrow.open:before {
|
||||||
|
color: #8EB8DE;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.heading > h3,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.heading > h3 {
|
||||||
|
color: #66a4e3;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a,
|
||||||
|
.page-sidebar .page-sidebar-menu > li:hover > a,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.open > a {
|
||||||
|
background: #497FAE;
|
||||||
|
color: #C9DFF5;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu > li:hover > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.open > a > i {
|
||||||
|
color: #D2E6F9;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li:hover > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li:hover > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.open > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.open > a > .arrow.open:before {
|
||||||
|
color: #D2E6F9;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active > a,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active.open > a {
|
||||||
|
background: #d64635;
|
||||||
|
border-top-color: transparent;
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a:hover,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active > a:hover,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active.open > a:hover {
|
||||||
|
background: #d64635;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active.open > a > i {
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active.open > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active.open > a > .arrow.open:before {
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active + li > a,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active + li > a {
|
||||||
|
border-top-color: transparent;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open + li > a,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active.open + li > a {
|
||||||
|
border-top-color: #4a83b6;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:last-child > a,
|
||||||
|
.page-sidebar .page-sidebar-menu > li:last-child > a {
|
||||||
|
border-bottom: 1px solid transparent !important;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu li > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu li > a > .arrow.open:before {
|
||||||
|
color: #8EB8DE;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu li:hover > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu li:hover > a > .arrow.open:before {
|
||||||
|
color: #D2E6F9;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu li.active > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu li.active > a > .arrow.open:before {
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu:hover .sub-menu, .page-sidebar-closed
|
||||||
|
.page-sidebar .page-sidebar-menu:hover .sub-menu {
|
||||||
|
background-color: #4276A4;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li > a {
|
||||||
|
color: #C9DFF5;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li > a > i {
|
||||||
|
color: #8EB8DE;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class^="icon-"],
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class*="icon-"],
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class^="icon-"],
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class*="icon-"] {
|
||||||
|
color: #a2c4e4;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li > a > .arrow.open:before {
|
||||||
|
color: #8EB8DE;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a {
|
||||||
|
background: #397FAE !important;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a > i {
|
||||||
|
color: #D2E6F9;
|
||||||
|
color: #ddeaf5;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a > .arrow.open:before {
|
||||||
|
color: #D2E6F9;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light {
|
||||||
|
/* 1st level links */
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.open > a,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li:hover > a,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.open > a {
|
||||||
|
background: #3c6c95;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a {
|
||||||
|
background: #38648b;
|
||||||
|
border-left: 4px solid #d64635;
|
||||||
|
color: #f1f1f1;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover {
|
||||||
|
border-left: 4px solid #d64635;
|
||||||
|
background: #3c6c95;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > i {
|
||||||
|
color: #eeeeee;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > .arrow.open:before {
|
||||||
|
color: #eeeeee;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu {
|
||||||
|
background: #467eaf;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a {
|
||||||
|
background: #3c6c95 !important;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler,
|
||||||
|
.page-sidebar .sidebar-toggler {
|
||||||
|
background: url(../../img/sidebar_inline_toggler_icon_blue.jpg);
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group,
|
||||||
|
.page-sidebar .sidebar-search .input-group {
|
||||||
|
border-bottom: 1px solid #548bba;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control,
|
||||||
|
.page-sidebar .sidebar-search .input-group .form-control {
|
||||||
|
background-color: #4276A4;
|
||||||
|
color: #6e9cc5;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control::-moz-placeholder,
|
||||||
|
.page-sidebar .sidebar-search .input-group .form-control::-moz-placeholder {
|
||||||
|
color: #6e9cc5;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control:-ms-input-placeholder,
|
||||||
|
.page-sidebar .sidebar-search .input-group .form-control:-ms-input-placeholder {
|
||||||
|
color: #6e9cc5;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control::-webkit-input-placeholder,
|
||||||
|
.page-sidebar .sidebar-search .input-group .form-control::-webkit-input-placeholder {
|
||||||
|
color: #6e9cc5;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .input-group-btn .btn > i,
|
||||||
|
.page-sidebar .sidebar-search .input-group .input-group-btn .btn > i {
|
||||||
|
color: #6e9cc5;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-bordered .input-group,
|
||||||
|
.page-sidebar .sidebar-search.sidebar-search-bordered .input-group {
|
||||||
|
border: 1px solid #548bba;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.open .input-group, .page-sidebar-closed
|
||||||
|
.page-sidebar .sidebar-search.open .input-group {
|
||||||
|
background-color: #4276A4;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.open .remove > i, .page-sidebar-closed
|
||||||
|
.page-sidebar .sidebar-search.open .remove > i {
|
||||||
|
color: #6e9cc5;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid .input-group, .page-sidebar-closed
|
||||||
|
.page-sidebar .sidebar-search.sidebar-search-solid .input-group {
|
||||||
|
background: none;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid .input-group,
|
||||||
|
.page-sidebar .sidebar-search.sidebar-search-solid .input-group {
|
||||||
|
border: 1px solid #3b6992;
|
||||||
|
background: #3b6992;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid .input-group .form-control,
|
||||||
|
.page-sidebar .sidebar-search.sidebar-search-solid .input-group .form-control {
|
||||||
|
background: #3b6992;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid.open .input-group,
|
||||||
|
.page-sidebar .sidebar-search.sidebar-search-solid.open .input-group {
|
||||||
|
border: 1px solid #4276A4;
|
||||||
|
background: #4276A4;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid.open .input-group .form-control,
|
||||||
|
.page-sidebar .sidebar-search.sidebar-search-solid.open .input-group .form-control {
|
||||||
|
background: #4276A4;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light {
|
||||||
|
/* 1st level links */
|
||||||
|
}
|
||||||
|
.page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active > a, .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a {
|
||||||
|
border-left: 0;
|
||||||
|
border-right: 4px solid #d64635;
|
||||||
|
}
|
||||||
|
.page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover, .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover {
|
||||||
|
border-left: 0;
|
||||||
|
border-right: 4px solid #d64635;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*************
|
||||||
|
Quick Sidebar
|
||||||
|
*************/
|
||||||
|
/***
|
||||||
|
Quick Sidebar Layout
|
||||||
|
***/
|
||||||
|
.page-quick-sidebar-wrapper {
|
||||||
|
background: #3c7fb9;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar {
|
||||||
|
background: #3c7fb9;
|
||||||
|
}
|
||||||
|
|
||||||
|
/***
|
||||||
|
Quick Sidebar Toggler
|
||||||
|
***/
|
||||||
|
.page-quick-sidebar-toggler {
|
||||||
|
background: #5d98cb;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-toggler:hover {
|
||||||
|
background: #5290c7;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-toggler > i {
|
||||||
|
color: #deeefc;
|
||||||
|
}
|
||||||
|
|
||||||
|
/***
|
||||||
|
Quick Sidebar Content
|
||||||
|
***/
|
||||||
|
.page-quick-sidebar-wrapper {
|
||||||
|
color: #deeefc;
|
||||||
|
/* Quick sidebar chat */
|
||||||
|
/* Quick sidebar alerts */
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar {
|
||||||
|
/* Quick sidebar tabs */
|
||||||
|
/* Quick sidebar general list heading */
|
||||||
|
/* Quick sidebar general list-items */
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li > a {
|
||||||
|
color: #d0e7fa;
|
||||||
|
background: #5d98cb;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li > a:hover {
|
||||||
|
background: #4a8bc4;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li.open > a {
|
||||||
|
color: #d0e7fa;
|
||||||
|
background: #5d98cb;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li.active > a {
|
||||||
|
border: 0;
|
||||||
|
background: #3c7fb9;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu {
|
||||||
|
border: 0;
|
||||||
|
background: #5d98cb;
|
||||||
|
box-shadow: 5px 5px rgba(171, 201, 228, 0.1);
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu:before {
|
||||||
|
border-bottom: 7px solid #5d98cb;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu:after {
|
||||||
|
border-bottom: 7px solid #5d98cb;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu > li > a {
|
||||||
|
color: #deeefc;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu > li > a > i {
|
||||||
|
color: #d5e9fb;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu > li > a:hover {
|
||||||
|
background: #699fce;
|
||||||
|
color: #deeefc;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu > li > a:hover > i {
|
||||||
|
color: #e3f0fc;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu > li.active > a {
|
||||||
|
background: #619acc;
|
||||||
|
color: #deeefc;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu > li.divider {
|
||||||
|
background-color: #699fce;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .list-heading {
|
||||||
|
color: #99caf5;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .list-items {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .list-items > li {
|
||||||
|
border-bottom-color: #4386c2;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .list-items > li:hover {
|
||||||
|
background: #4386c2;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar-item {
|
||||||
|
/* back to list */
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar-item .page-quick-sidebar-nav .page-quick-sidebar-back-to-list {
|
||||||
|
color: #d0e7fa;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-body .media-heading-sub {
|
||||||
|
color: #8bc3f3;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-body .media-heading-small {
|
||||||
|
color: #78b9f1;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .name {
|
||||||
|
color: #beddf8;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .datetime {
|
||||||
|
color: #beddf8;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .message {
|
||||||
|
color: #d0e7fa;
|
||||||
|
background: #5d98cb;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.in .message .arrow {
|
||||||
|
border-right-color: #5d98cb;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.out .message .arrow {
|
||||||
|
border-left-color: #5d98cb;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li a {
|
||||||
|
color: #b5d8f7;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li a .desc {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li .desc {
|
||||||
|
color: #abd4f7;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li .date {
|
||||||
|
color: #78b9f1;
|
||||||
|
}
|
||||||
|
|
||||||
|
/******
|
||||||
|
Page Footer
|
||||||
|
******/
|
||||||
|
.page-footer .page-footer-inner {
|
||||||
|
color: #c9dae9;
|
||||||
|
}
|
||||||
|
.page-footer-fixed .page-footer {
|
||||||
|
background-color: #38648b;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 992px) {
|
||||||
|
/* 992px */
|
||||||
|
/* Sidebar menu closed */
|
||||||
|
.page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu {
|
||||||
|
box-shadow: 5px 5px rgba(73, 127, 174, 0.2);
|
||||||
|
}
|
||||||
|
.page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu.sidebar-toggler-wrapper, .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu.sidebar-search-wrapper {
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-sidebar-menu.page-sidebar-menu-closed > li:hover {
|
||||||
|
box-shadow: 5px 5px rgba(73, 127, 174, 0.2);
|
||||||
|
}
|
||||||
|
.page-sidebar-menu.page-sidebar-menu-closed > li:hover.sidebar-toggler-wrapper, .page-sidebar-menu.page-sidebar-menu-closed > li:hover.sidebar-search-wrapper {
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
.page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu {
|
||||||
|
box-shadow: 5px 5px rgba(73, 127, 174, 0.2);
|
||||||
|
}
|
||||||
|
.page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu.sidebar-toggler-wrapper, .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu.sidebar-search-wrapper {
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Light sidebar menu */
|
||||||
|
.page-sidebar-menu.page-sidebar-menu-light.page-sidebar-menu-closed > li.heading {
|
||||||
|
padding: 0;
|
||||||
|
margin-top: 15px;
|
||||||
|
margin-bottom: 15px;
|
||||||
|
border-top: 1px solid #4a83b6 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Fixed Sidebar */
|
||||||
|
.page-sidebar-fixed:not(.page-footer-fixed) .page-content {
|
||||||
|
border-bottom: 0;
|
||||||
|
}
|
||||||
|
.page-sidebar-fixed:not(.page-footer-fixed) .page-footer {
|
||||||
|
background-color: #fff;
|
||||||
|
}
|
||||||
|
.page-sidebar-fixed:not(.page-footer-fixed) .page-footer .page-footer-inner {
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Boxed Layout */
|
||||||
|
.page-boxed {
|
||||||
|
background-color: #3e6e99 !important;
|
||||||
|
/* Page container */
|
||||||
|
/* Page sidebar */
|
||||||
|
/* Page footer */
|
||||||
|
}
|
||||||
|
.page-boxed .page-container {
|
||||||
|
background-color: #4276A4;
|
||||||
|
border-left: 1px solid #4a83b6;
|
||||||
|
border-bottom: 1px solid #4a83b6;
|
||||||
|
}
|
||||||
|
.page-boxed.page-sidebar-reversed .page-container {
|
||||||
|
border-left: 0;
|
||||||
|
border-right: 1px solid #4a83b6;
|
||||||
|
}
|
||||||
|
.page-boxed.page-sidebar-fixed .page-container {
|
||||||
|
border-left: 0;
|
||||||
|
border-bottom: 0;
|
||||||
|
}
|
||||||
|
.page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-container {
|
||||||
|
border-left: 0;
|
||||||
|
border-right: 0;
|
||||||
|
border-bottom: 0;
|
||||||
|
}
|
||||||
|
.page-boxed.page-sidebar-fixed .page-sidebar {
|
||||||
|
border-left: 1px solid #4a83b6;
|
||||||
|
}
|
||||||
|
.page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-sidebar {
|
||||||
|
border-right: 1px solid #4a83b6;
|
||||||
|
border-left: 0;
|
||||||
|
}
|
||||||
|
.page-boxed.page-sidebar-fixed.page-footer-fixed .page-footer {
|
||||||
|
background-color: #3e6e99 !important;
|
||||||
|
}
|
||||||
|
.page-boxed.page-sidebar-fixed.page-footer-fixed .page-footer .page-footer-inner {
|
||||||
|
color: #c9dae9;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Sidebar Menu Wirh Hoverable Submenu */
|
||||||
|
.page-sidebar-menu-hover-submenu li:hover a > .arrow {
|
||||||
|
border-right: 8px solid #3d6a91;
|
||||||
|
}
|
||||||
|
.page-sidebar-reversed .page-sidebar-menu-hover-submenu li:hover a > .arrow {
|
||||||
|
border-left: 8px solid #3d6a91;
|
||||||
|
}
|
||||||
|
.page-sidebar-menu-hover-submenu li:hover > .sub-menu {
|
||||||
|
background: #3d6a91 !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (max-width: 991px) {
|
||||||
|
/* 991px */
|
||||||
|
/* Page sidebar */
|
||||||
|
.page-sidebar {
|
||||||
|
background-color: #305778;
|
||||||
|
/* light sidebar */
|
||||||
|
}
|
||||||
|
.page-sidebar .page-sidebar-menu > li > a {
|
||||||
|
border-top: 1px solid #4276A4;
|
||||||
|
}
|
||||||
|
.page-sidebar .page-sidebar-menu > li:hover > a, .page-sidebar .page-sidebar-menu > li.open > a {
|
||||||
|
background: #366187;
|
||||||
|
}
|
||||||
|
.page-sidebar .page-sidebar-menu > li:last-child > a {
|
||||||
|
border-bottom: 0 !important;
|
||||||
|
}
|
||||||
|
.page-sidebar .page-sidebar-menu > li .sub-menu {
|
||||||
|
background-color: #305778 !important;
|
||||||
|
}
|
||||||
|
.page-sidebar .page-sidebar-menu .sidebar-search input {
|
||||||
|
background-color: #305778 !important;
|
||||||
|
}
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light {
|
||||||
|
/* 1st level links */
|
||||||
|
}
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li:hover > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.open > a {
|
||||||
|
background: #355e83;
|
||||||
|
}
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a {
|
||||||
|
background: #355e83;
|
||||||
|
}
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover {
|
||||||
|
background: #355e83;
|
||||||
|
}
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu {
|
||||||
|
background: #305778 !important;
|
||||||
|
}
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a {
|
||||||
|
background: #355e83 !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (max-width: 480px) {
|
||||||
|
/* 480px */
|
||||||
|
.page-header.navbar {
|
||||||
|
/* Top menu */
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu {
|
||||||
|
background-color: #4276A4;
|
||||||
|
}
|
||||||
|
.page-header-fixed-mobile .page-header.navbar .top-menu {
|
||||||
|
background-color: #2D5F8B;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
|
||||||
|
background-color: #3b7cb5;
|
||||||
|
}
|
||||||
|
.page-header-fixed-mobile .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
|
||||||
|
background: none;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle:hover {
|
||||||
|
background-color: #3979b2;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/****
|
||||||
|
Boby
|
||||||
|
****/
|
||||||
|
body {
|
||||||
|
background-color: #4276A4;
|
||||||
|
}
|
||||||
|
|
||||||
|
/****
|
||||||
|
CSS3 Spinner Bar
|
||||||
|
****/
|
||||||
|
.page-spinner-bar > div,
|
||||||
|
.block-spinner-bar > div {
|
||||||
|
background: #da594a;
|
||||||
|
}
|
912
app/static/admin/layout/css/themes/darkblue.css
Normal file
@ -0,0 +1,912 @@
|
|||||||
|
/***********
|
||||||
|
Page Header
|
||||||
|
***********/
|
||||||
|
/* Header search bar, toggler button & top menu */
|
||||||
|
.page-header.navbar {
|
||||||
|
background-color: #2b3643;
|
||||||
|
/* Top notification menu/bar */
|
||||||
|
/* Header seaech box */
|
||||||
|
/* Toggler button for sidebar expand/collapse and responsive sidebar menu */
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav {
|
||||||
|
/* Extended Dropdowns */
|
||||||
|
/* Notification */
|
||||||
|
/* Inbox */
|
||||||
|
/* Tasks */
|
||||||
|
/* User */
|
||||||
|
/* Language */
|
||||||
|
/* Dark version */
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle > i {
|
||||||
|
color: #79869a;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle .badge.badge-default {
|
||||||
|
background-color: #1caf9a;
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover {
|
||||||
|
background-color: #3f4f62;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover > i {
|
||||||
|
color: #a4aebb;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {
|
||||||
|
background-color: #3f4f62;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle > i {
|
||||||
|
color: #a4aebb;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu {
|
||||||
|
border-color: #e7eaf0;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:after {
|
||||||
|
border-bottom-color: #eaedf2;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external {
|
||||||
|
background: #eaedf2;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 {
|
||||||
|
color: #62878f;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a {
|
||||||
|
color: #5b9bd1;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a:hover {
|
||||||
|
color: #3175af;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a {
|
||||||
|
border-bottom: 1px solid #EFF2F6 !important;
|
||||||
|
color: #888888;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover {
|
||||||
|
background: #f8f9fa;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a .time {
|
||||||
|
background: #f1f1f1;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a:hover .time {
|
||||||
|
background: #e4e4e4;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .circle {
|
||||||
|
background-color: #1caf9a;
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .corner {
|
||||||
|
border-color: transparent transparent transparent #1caf9a;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu .dropdown-menu-list .subject .from {
|
||||||
|
color: #5b9bd1;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list .progress {
|
||||||
|
background-color: #dfe2e9;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username {
|
||||||
|
color: #c6cfda;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i {
|
||||||
|
color: #c6cfda;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu {
|
||||||
|
width: 195px;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname {
|
||||||
|
color: #c6cfda;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu {
|
||||||
|
background: #3f4f62;
|
||||||
|
border: 0;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu:after {
|
||||||
|
border-bottom-color: #3f4f62;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external {
|
||||||
|
background: #2f3b49;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > h3 {
|
||||||
|
color: #adbaca;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > a:hover {
|
||||||
|
color: #87b6dd;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a,
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a {
|
||||||
|
color: #bcc7d4;
|
||||||
|
border-bottom: 1px solid #4b5e75 !important;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a > i,
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a > i {
|
||||||
|
color: #9dadc0;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover,
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover {
|
||||||
|
background: #47596e;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a {
|
||||||
|
border-bottom: 0 !important;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li.divider {
|
||||||
|
background: #4b5e75;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a .time {
|
||||||
|
background: #354353;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a:hover .time {
|
||||||
|
background: #2b3643;
|
||||||
|
}
|
||||||
|
.page-header.navbar .search-form {
|
||||||
|
background: #232c37;
|
||||||
|
}
|
||||||
|
.page-header.navbar .search-form:hover {
|
||||||
|
background: #3f4f62;
|
||||||
|
}
|
||||||
|
.page-header.navbar .search-form .input-group .form-control {
|
||||||
|
color: #959fad;
|
||||||
|
}
|
||||||
|
.page-header.navbar .search-form .input-group .form-control::-moz-placeholder {
|
||||||
|
color: #929cab;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
.page-header.navbar .search-form .input-group .form-control:-ms-input-placeholder {
|
||||||
|
color: #929cab;
|
||||||
|
}
|
||||||
|
.page-header.navbar .search-form .input-group .form-control::-webkit-input-placeholder {
|
||||||
|
color: #929cab;
|
||||||
|
}
|
||||||
|
.page-header.navbar .search-form .input-group .input-group-btn .btn.submit > i {
|
||||||
|
color: #959fad;
|
||||||
|
}
|
||||||
|
.page-header.navbar .search-form.open {
|
||||||
|
background: #3f4f62;
|
||||||
|
}
|
||||||
|
.page-header.navbar .menu-toggler {
|
||||||
|
background-image: url(../../img/sidebar_toggler_icon_darkblue.png);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Default Horizontal Menu */
|
||||||
|
.page-header.navbar {
|
||||||
|
/* Default Mega Menu */
|
||||||
|
/* Light Mega Menu */
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav {
|
||||||
|
/* Mega menu content */
|
||||||
|
/* Classic menu */
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
|
||||||
|
box-shadow: 5px 5px rgba(63, 79, 98, 0.2);
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
|
||||||
|
color: #c6cfda;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li > a {
|
||||||
|
color: #c6cfda;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li > a > i {
|
||||||
|
color: #788ea8;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li.open > a,
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li > a:hover {
|
||||||
|
color: #d5dce4;
|
||||||
|
background: #3f4f62 !important;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li.open > a > i,
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li > a:hover > i {
|
||||||
|
color: #889bb2;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li.active > a,
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li.active > a, .page-header.navbar .hor-menu .navbar-nav > li.current > a,
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li.current > a {
|
||||||
|
color: white;
|
||||||
|
background: #1caf9a !important;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li.active > a > i,
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li.active > a > i, .page-header.navbar .hor-menu .navbar-nav > li.current > a > i,
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li.current > a > i {
|
||||||
|
color: #788ea8;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li.active .selected, .page-header.navbar .hor-menu .navbar-nav > li.current .selected {
|
||||||
|
border-top: 6px solid #1caf9a;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu {
|
||||||
|
box-shadow: 5px 5px rgba(63, 79, 98, 0.2);
|
||||||
|
background: #3f4f62;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li > a {
|
||||||
|
color: #c6cfda;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
|
||||||
|
color: #c6cfda;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
|
||||||
|
color: #f1f3f6;
|
||||||
|
background: #47596e;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i {
|
||||||
|
color: #f1f3f6;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
|
||||||
|
color: #f1f3f6;
|
||||||
|
background: #47596e;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a > i,
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a > i,
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > i {
|
||||||
|
color: #f1f3f6;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.divider {
|
||||||
|
background-color: #495c72;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-submenu > a:after {
|
||||||
|
color: #c6cfda;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav {
|
||||||
|
/* Mega menu content */
|
||||||
|
/* Classic menu */
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
|
||||||
|
box-shadow: 5px 5px rgba(102, 102, 102, 0.1);
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
|
||||||
|
color: #666;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a {
|
||||||
|
color: #c6cfda;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a > i {
|
||||||
|
color: #788ea8;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a:hover {
|
||||||
|
color: #d5dce4;
|
||||||
|
background: #3f4f62;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a:hover > i {
|
||||||
|
color: #889bb2;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.open > a {
|
||||||
|
color: #333 !important;
|
||||||
|
background: white !important;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.open > a > i {
|
||||||
|
color: #333 !important;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a,
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a,
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover {
|
||||||
|
color: white;
|
||||||
|
background: #1caf9a;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a > i,
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover > i, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a > i,
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover > i {
|
||||||
|
color: #788ea8;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu {
|
||||||
|
box-shadow: 5px 5px rgba(102, 102, 102, 0.1);
|
||||||
|
background: white;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a {
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a > i {
|
||||||
|
color: #888;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a {
|
||||||
|
color: #000;
|
||||||
|
background: #f2f2f7;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a > i {
|
||||||
|
color: #666;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a,
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a,
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover {
|
||||||
|
color: #000;
|
||||||
|
background: #f2f2f7;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a > i,
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a > i,
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover > i {
|
||||||
|
color: #666;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.divider {
|
||||||
|
background-color: #f2f2f7;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu {
|
||||||
|
border: 1px solid #efeff5;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > .dropdown-menu {
|
||||||
|
border-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Page sidebar */
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover,
|
||||||
|
.page-sidebar {
|
||||||
|
background-color: #364150;
|
||||||
|
/* Default sidebar */
|
||||||
|
/* light sidebar */
|
||||||
|
/* Sidebar search */
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu,
|
||||||
|
.page-sidebar .page-sidebar-menu {
|
||||||
|
/* 1st level links */
|
||||||
|
/* All links */
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a,
|
||||||
|
.page-sidebar .page-sidebar-menu > li > a {
|
||||||
|
border-top: 1px solid #3d4957;
|
||||||
|
color: #b4bcc8;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu > li > a > i {
|
||||||
|
color: #606C7D;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class^="icon-"],
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class*="icon-"],
|
||||||
|
.page-sidebar .page-sidebar-menu > li > a > i[class^="icon-"],
|
||||||
|
.page-sidebar .page-sidebar-menu > li > a > i[class*="icon-"] {
|
||||||
|
color: #6b788b;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li > a > .arrow.open:before {
|
||||||
|
color: #606C7D;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.heading > h3,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.heading > h3 {
|
||||||
|
color: #708096;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a,
|
||||||
|
.page-sidebar .page-sidebar-menu > li:hover > a,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.open > a {
|
||||||
|
background: #2C3542;
|
||||||
|
color: #b4bcc8;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu > li:hover > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.open > a > i {
|
||||||
|
color: #606C7D;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li:hover > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li:hover > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.open > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.open > a > .arrow.open:before {
|
||||||
|
color: #606C7D;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active > a,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active.open > a {
|
||||||
|
background: #1caf9a;
|
||||||
|
border-top-color: transparent;
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a:hover,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active > a:hover,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active.open > a:hover {
|
||||||
|
background: #1caf9a;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active.open > a > i {
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active.open > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active.open > a > .arrow.open:before {
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active + li > a,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active + li > a {
|
||||||
|
border-top-color: transparent;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open + li > a,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active.open + li > a {
|
||||||
|
border-top-color: #3d4957;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:last-child > a,
|
||||||
|
.page-sidebar .page-sidebar-menu > li:last-child > a {
|
||||||
|
border-bottom: 1px solid transparent !important;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu li > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu li > a > .arrow.open:before {
|
||||||
|
color: #606C7D;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu li:hover > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu li:hover > a > .arrow.open:before {
|
||||||
|
color: #606C7D;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu li.active > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu li.active > a > .arrow.open:before {
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu:hover .sub-menu, .page-sidebar-closed
|
||||||
|
.page-sidebar .page-sidebar-menu:hover .sub-menu {
|
||||||
|
background-color: #364150;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li > a {
|
||||||
|
color: #b4bcc8;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li > a > i {
|
||||||
|
color: #606C7D;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class^="icon-"],
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class*="icon-"],
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class^="icon-"],
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class*="icon-"] {
|
||||||
|
color: #6b788b;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li > a > .arrow.open:before {
|
||||||
|
color: #606C7D;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a {
|
||||||
|
background: #3e4b5c !important;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a > i {
|
||||||
|
color: #606C7D;
|
||||||
|
color: #959fae;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a > .arrow.open:before {
|
||||||
|
color: #606C7D;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light {
|
||||||
|
/* 1st level links */
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.open > a,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li:hover > a,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.open > a {
|
||||||
|
background: #3a4656;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a {
|
||||||
|
background: #3e4b5c;
|
||||||
|
border-left: 4px solid #1caf9a;
|
||||||
|
color: #f1f1f1;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover {
|
||||||
|
border-left: 4px solid #1caf9a;
|
||||||
|
background: #3a4656;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > i {
|
||||||
|
color: #eeeeee;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > .arrow.open:before {
|
||||||
|
color: #eeeeee;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu {
|
||||||
|
background: #3a4656;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a {
|
||||||
|
background: #3e4b5c !important;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler,
|
||||||
|
.page-sidebar .sidebar-toggler {
|
||||||
|
background: url(../../img/sidebar_inline_toggler_icon_darkblue.jpg);
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group,
|
||||||
|
.page-sidebar .sidebar-search .input-group {
|
||||||
|
border-bottom: 1px solid #435060;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control,
|
||||||
|
.page-sidebar .sidebar-search .input-group .form-control {
|
||||||
|
background-color: #364150;
|
||||||
|
color: #4e5c6f;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control::-moz-placeholder,
|
||||||
|
.page-sidebar .sidebar-search .input-group .form-control::-moz-placeholder {
|
||||||
|
color: #4e5c6f;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control:-ms-input-placeholder,
|
||||||
|
.page-sidebar .sidebar-search .input-group .form-control:-ms-input-placeholder {
|
||||||
|
color: #4e5c6f;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control::-webkit-input-placeholder,
|
||||||
|
.page-sidebar .sidebar-search .input-group .form-control::-webkit-input-placeholder {
|
||||||
|
color: #4e5c6f;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .input-group-btn .btn > i,
|
||||||
|
.page-sidebar .sidebar-search .input-group .input-group-btn .btn > i {
|
||||||
|
color: #4e5c6f;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-bordered .input-group,
|
||||||
|
.page-sidebar .sidebar-search.sidebar-search-bordered .input-group {
|
||||||
|
border: 1px solid #435060;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.open .input-group, .page-sidebar-closed
|
||||||
|
.page-sidebar .sidebar-search.open .input-group {
|
||||||
|
background-color: #364150;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.open .remove > i, .page-sidebar-closed
|
||||||
|
.page-sidebar .sidebar-search.open .remove > i {
|
||||||
|
color: #4e5c6f;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid .input-group, .page-sidebar-closed
|
||||||
|
.page-sidebar .sidebar-search.sidebar-search-solid .input-group {
|
||||||
|
background: none;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid .input-group,
|
||||||
|
.page-sidebar .sidebar-search.sidebar-search-solid .input-group {
|
||||||
|
border: 1px solid #2c3541;
|
||||||
|
background: #2c3541;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid .input-group .form-control,
|
||||||
|
.page-sidebar .sidebar-search.sidebar-search-solid .input-group .form-control {
|
||||||
|
background: #2c3541;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid.open .input-group,
|
||||||
|
.page-sidebar .sidebar-search.sidebar-search-solid.open .input-group {
|
||||||
|
border: 1px solid #364150;
|
||||||
|
background: #364150;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid.open .input-group .form-control,
|
||||||
|
.page-sidebar .sidebar-search.sidebar-search-solid.open .input-group .form-control {
|
||||||
|
background: #364150;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light {
|
||||||
|
/* 1st level links */
|
||||||
|
}
|
||||||
|
.page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active > a, .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a {
|
||||||
|
border-left: 0;
|
||||||
|
border-right: 4px solid #1caf9a;
|
||||||
|
}
|
||||||
|
.page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover, .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover {
|
||||||
|
border-left: 0;
|
||||||
|
border-right: 4px solid #1caf9a;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*************
|
||||||
|
Quick Sidebar
|
||||||
|
*************/
|
||||||
|
/***
|
||||||
|
Quick Sidebar Layout
|
||||||
|
***/
|
||||||
|
.page-quick-sidebar-wrapper {
|
||||||
|
background: #435468;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar {
|
||||||
|
background: #435468;
|
||||||
|
}
|
||||||
|
|
||||||
|
/***
|
||||||
|
Quick Sidebar Toggler
|
||||||
|
***/
|
||||||
|
.page-quick-sidebar-toggler {
|
||||||
|
background: #576d87;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-toggler:hover {
|
||||||
|
background: #51667e;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-toggler > i {
|
||||||
|
color: #d1d6de;
|
||||||
|
}
|
||||||
|
|
||||||
|
/***
|
||||||
|
Quick Sidebar Content
|
||||||
|
***/
|
||||||
|
.page-quick-sidebar-wrapper {
|
||||||
|
color: #d1d6de;
|
||||||
|
/* Quick sidebar chat */
|
||||||
|
/* Quick sidebar alerts */
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar {
|
||||||
|
/* Quick sidebar tabs */
|
||||||
|
/* Quick sidebar general list heading */
|
||||||
|
/* Quick sidebar general list-items */
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li > a {
|
||||||
|
color: #c9ced7;
|
||||||
|
background: #576d87;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li > a:hover {
|
||||||
|
background: #4d6178;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li.open > a {
|
||||||
|
color: #c9ced7;
|
||||||
|
background: #576d87;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li.active > a {
|
||||||
|
border: 0;
|
||||||
|
background: #435468;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu {
|
||||||
|
border: 0;
|
||||||
|
background: #576d87;
|
||||||
|
box-shadow: 5px 5px rgba(142, 160, 182, 0.1);
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu:before {
|
||||||
|
border-bottom: 7px solid #576d87;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu:after {
|
||||||
|
border-bottom: 7px solid #576d87;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu > li > a {
|
||||||
|
color: #d1d6de;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu > li > a > i {
|
||||||
|
color: #ccd1d9;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu > li > a:hover {
|
||||||
|
background: #5d7591;
|
||||||
|
color: #d1d6de;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu > li > a:hover > i {
|
||||||
|
color: #d4d9e0;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu > li.active > a {
|
||||||
|
background: #59708a;
|
||||||
|
color: #d1d6de;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu > li.divider {
|
||||||
|
background-color: #5d7591;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .list-heading {
|
||||||
|
color: #a5afbd;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .list-items {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .list-items > li {
|
||||||
|
border-bottom-color: #495c72;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .list-items > li:hover {
|
||||||
|
background: #495c72;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar-item {
|
||||||
|
/* back to list */
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar-item .page-quick-sidebar-nav .page-quick-sidebar-back-to-list {
|
||||||
|
color: #c9ced7;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-body .media-heading-sub {
|
||||||
|
color: #9ca7b7;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-body .media-heading-small {
|
||||||
|
color: #919cae;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .name {
|
||||||
|
color: #bdc4ce;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .datetime {
|
||||||
|
color: #bdc4ce;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .message {
|
||||||
|
color: #c9ced7;
|
||||||
|
background: #576d87;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.in .message .arrow {
|
||||||
|
border-right-color: #576d87;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.out .message .arrow {
|
||||||
|
border-left-color: #576d87;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li a {
|
||||||
|
color: #b7bfca;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li a .desc {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li .desc {
|
||||||
|
color: #b1b9c6;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li .date {
|
||||||
|
color: #919cae;
|
||||||
|
}
|
||||||
|
|
||||||
|
/******
|
||||||
|
Page Footer
|
||||||
|
******/
|
||||||
|
.page-footer .page-footer-inner {
|
||||||
|
color: #98a6ba;
|
||||||
|
}
|
||||||
|
.page-footer-fixed .page-footer {
|
||||||
|
background-color: #28303b;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 992px) {
|
||||||
|
/* 992px */
|
||||||
|
/* Sidebar menu closed */
|
||||||
|
.page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu {
|
||||||
|
box-shadow: 5px 5px rgba(44, 53, 66, 0.2);
|
||||||
|
}
|
||||||
|
.page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu.sidebar-toggler-wrapper, .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu.sidebar-search-wrapper {
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-sidebar-menu.page-sidebar-menu-closed > li:hover {
|
||||||
|
box-shadow: 5px 5px rgba(44, 53, 66, 0.2);
|
||||||
|
}
|
||||||
|
.page-sidebar-menu.page-sidebar-menu-closed > li:hover.sidebar-toggler-wrapper, .page-sidebar-menu.page-sidebar-menu-closed > li:hover.sidebar-search-wrapper {
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
.page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu {
|
||||||
|
box-shadow: 5px 5px rgba(44, 53, 66, 0.2);
|
||||||
|
}
|
||||||
|
.page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu.sidebar-toggler-wrapper, .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu.sidebar-search-wrapper {
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Light sidebar menu */
|
||||||
|
.page-sidebar-menu.page-sidebar-menu-light.page-sidebar-menu-closed > li.heading {
|
||||||
|
padding: 0;
|
||||||
|
margin-top: 15px;
|
||||||
|
margin-bottom: 15px;
|
||||||
|
border-top: 1px solid #3d4957 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Fixed Sidebar */
|
||||||
|
.page-sidebar-fixed:not(.page-footer-fixed) .page-content {
|
||||||
|
border-bottom: 0;
|
||||||
|
}
|
||||||
|
.page-sidebar-fixed:not(.page-footer-fixed) .page-footer {
|
||||||
|
background-color: #fff;
|
||||||
|
}
|
||||||
|
.page-sidebar-fixed:not(.page-footer-fixed) .page-footer .page-footer-inner {
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Boxed Layout */
|
||||||
|
.page-boxed {
|
||||||
|
background-color: #303a47 !important;
|
||||||
|
/* Page container */
|
||||||
|
/* Page sidebar */
|
||||||
|
/* Page footer */
|
||||||
|
}
|
||||||
|
.page-boxed .page-container {
|
||||||
|
background-color: #364150;
|
||||||
|
border-left: 1px solid #3d4957;
|
||||||
|
border-bottom: 1px solid #3d4957;
|
||||||
|
}
|
||||||
|
.page-boxed.page-sidebar-reversed .page-container {
|
||||||
|
border-left: 0;
|
||||||
|
border-right: 1px solid #3d4957;
|
||||||
|
}
|
||||||
|
.page-boxed.page-sidebar-fixed .page-container {
|
||||||
|
border-left: 0;
|
||||||
|
border-bottom: 0;
|
||||||
|
}
|
||||||
|
.page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-container {
|
||||||
|
border-left: 0;
|
||||||
|
border-right: 0;
|
||||||
|
border-bottom: 0;
|
||||||
|
}
|
||||||
|
.page-boxed.page-sidebar-fixed .page-sidebar {
|
||||||
|
border-left: 1px solid #3d4957;
|
||||||
|
}
|
||||||
|
.page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-sidebar {
|
||||||
|
border-right: 1px solid #3d4957;
|
||||||
|
border-left: 0;
|
||||||
|
}
|
||||||
|
.page-boxed.page-sidebar-fixed.page-footer-fixed .page-footer {
|
||||||
|
background-color: #303a47 !important;
|
||||||
|
}
|
||||||
|
.page-boxed.page-sidebar-fixed.page-footer-fixed .page-footer .page-footer-inner {
|
||||||
|
color: #98a6ba;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Sidebar Menu Wirh Hoverable Submenu */
|
||||||
|
.page-sidebar-menu-hover-submenu li:hover a > .arrow {
|
||||||
|
border-right: 8px solid #323c4b;
|
||||||
|
}
|
||||||
|
.page-sidebar-reversed .page-sidebar-menu-hover-submenu li:hover a > .arrow {
|
||||||
|
border-left: 8px solid #323c4b;
|
||||||
|
}
|
||||||
|
.page-sidebar-menu-hover-submenu li:hover > .sub-menu {
|
||||||
|
background: #323c4b !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (max-width: 991px) {
|
||||||
|
/* 991px */
|
||||||
|
/* Page sidebar */
|
||||||
|
.page-sidebar {
|
||||||
|
background-color: #28303b;
|
||||||
|
/* light sidebar */
|
||||||
|
}
|
||||||
|
.page-sidebar .page-sidebar-menu > li > a {
|
||||||
|
border-top: 1px solid #364150;
|
||||||
|
}
|
||||||
|
.page-sidebar .page-sidebar-menu > li:hover > a, .page-sidebar .page-sidebar-menu > li.open > a {
|
||||||
|
background: #2e3744;
|
||||||
|
}
|
||||||
|
.page-sidebar .page-sidebar-menu > li:last-child > a {
|
||||||
|
border-bottom: 0 !important;
|
||||||
|
}
|
||||||
|
.page-sidebar .page-sidebar-menu > li .sub-menu {
|
||||||
|
background-color: #28303b !important;
|
||||||
|
}
|
||||||
|
.page-sidebar .page-sidebar-menu .sidebar-search input {
|
||||||
|
background-color: #28303b !important;
|
||||||
|
}
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light {
|
||||||
|
/* 1st level links */
|
||||||
|
}
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li:hover > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.open > a {
|
||||||
|
background: #2e3744;
|
||||||
|
}
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a {
|
||||||
|
background: #2e3744;
|
||||||
|
}
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover {
|
||||||
|
background: #2e3744;
|
||||||
|
}
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu {
|
||||||
|
background: #28303b !important;
|
||||||
|
}
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a {
|
||||||
|
background: #2e3744 !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (max-width: 480px) {
|
||||||
|
/* 480px */
|
||||||
|
.page-header.navbar {
|
||||||
|
/* Top menu */
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu {
|
||||||
|
background-color: #364150;
|
||||||
|
}
|
||||||
|
.page-header-fixed-mobile .page-header.navbar .top-menu {
|
||||||
|
background-color: #2b3643;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
|
||||||
|
background-color: #415265;
|
||||||
|
}
|
||||||
|
.page-header-fixed-mobile .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
|
||||||
|
background: none;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle:hover {
|
||||||
|
background-color: #3f4f62;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/****
|
||||||
|
Boby
|
||||||
|
****/
|
||||||
|
body {
|
||||||
|
background-color: #364150;
|
||||||
|
}
|
||||||
|
|
||||||
|
/****
|
||||||
|
CSS3 Spinner Bar
|
||||||
|
****/
|
||||||
|
.page-spinner-bar > div,
|
||||||
|
.block-spinner-bar > div {
|
||||||
|
background: #20c5ad;
|
||||||
|
}
|
912
app/static/admin/layout/css/themes/default.css
Normal file
@ -0,0 +1,912 @@
|
|||||||
|
/***********
|
||||||
|
Page Header
|
||||||
|
***********/
|
||||||
|
/* Header search bar, toggler button & top menu */
|
||||||
|
.page-header.navbar {
|
||||||
|
background-color: #1f1f1f;
|
||||||
|
/* Top notification menu/bar */
|
||||||
|
/* Header seaech box */
|
||||||
|
/* Toggler button for sidebar expand/collapse and responsive sidebar menu */
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav {
|
||||||
|
/* Extended Dropdowns */
|
||||||
|
/* Notification */
|
||||||
|
/* Inbox */
|
||||||
|
/* Tasks */
|
||||||
|
/* User */
|
||||||
|
/* Language */
|
||||||
|
/* Dark version */
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle > i {
|
||||||
|
color: #999999;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle .badge.badge-default {
|
||||||
|
background-color: #d64635;
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover {
|
||||||
|
background-color: #393939;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover > i {
|
||||||
|
color: #bfbfbf;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {
|
||||||
|
background-color: #393939;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle > i {
|
||||||
|
color: #bfbfbf;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu {
|
||||||
|
border-color: #e7eaf0;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:after {
|
||||||
|
border-bottom-color: #eaedf2;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external {
|
||||||
|
background: #eaedf2;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 {
|
||||||
|
color: #62878f;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a {
|
||||||
|
color: #5b9bd1;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a:hover {
|
||||||
|
color: #3175af;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a {
|
||||||
|
border-bottom: 1px solid #EFF2F6 !important;
|
||||||
|
color: #888888;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover {
|
||||||
|
background: #f8f9fa;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a .time {
|
||||||
|
background: #f1f1f1;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a:hover .time {
|
||||||
|
background: #e4e4e4;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .circle {
|
||||||
|
background-color: #d64635;
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .corner {
|
||||||
|
border-color: transparent transparent transparent #d64635;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu .dropdown-menu-list .subject .from {
|
||||||
|
color: #5b9bd1;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list .progress {
|
||||||
|
background-color: #dfe2e9;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username {
|
||||||
|
color: #c5c5c5;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i {
|
||||||
|
color: #c5c5c5;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu {
|
||||||
|
width: 195px;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname {
|
||||||
|
color: #c5c5c5;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu {
|
||||||
|
background: #393939;
|
||||||
|
border: 0;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu:after {
|
||||||
|
border-bottom-color: #393939;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external {
|
||||||
|
background: #242424;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > h3 {
|
||||||
|
color: #a4a4a4;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > a:hover {
|
||||||
|
color: #87b6dd;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a,
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a {
|
||||||
|
color: #b0b0b0;
|
||||||
|
border-bottom: 1px solid #484848 !important;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a > i,
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a > i {
|
||||||
|
color: #979797;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover,
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover {
|
||||||
|
background: #434343;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a {
|
||||||
|
border-bottom: 0 !important;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li.divider {
|
||||||
|
background: #484848;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a .time {
|
||||||
|
background: #2c2c2c;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a:hover .time {
|
||||||
|
background: #1f1f1f;
|
||||||
|
}
|
||||||
|
.page-header.navbar .search-form {
|
||||||
|
background: #151515;
|
||||||
|
}
|
||||||
|
.page-header.navbar .search-form:hover {
|
||||||
|
background: #393939;
|
||||||
|
}
|
||||||
|
.page-header.navbar .search-form .input-group .form-control {
|
||||||
|
color: #999999;
|
||||||
|
}
|
||||||
|
.page-header.navbar .search-form .input-group .form-control::-moz-placeholder {
|
||||||
|
color: #969696;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
.page-header.navbar .search-form .input-group .form-control:-ms-input-placeholder {
|
||||||
|
color: #969696;
|
||||||
|
}
|
||||||
|
.page-header.navbar .search-form .input-group .form-control::-webkit-input-placeholder {
|
||||||
|
color: #969696;
|
||||||
|
}
|
||||||
|
.page-header.navbar .search-form .input-group .input-group-btn .btn.submit > i {
|
||||||
|
color: #999999;
|
||||||
|
}
|
||||||
|
.page-header.navbar .search-form.open {
|
||||||
|
background: #393939;
|
||||||
|
}
|
||||||
|
.page-header.navbar .menu-toggler {
|
||||||
|
background-image: url(../../img/sidebar_toggler_icon_default.png);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Default Horizontal Menu */
|
||||||
|
.page-header.navbar {
|
||||||
|
/* Default Mega Menu */
|
||||||
|
/* Light Mega Menu */
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav {
|
||||||
|
/* Mega menu content */
|
||||||
|
/* Classic menu */
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
|
||||||
|
box-shadow: 5px 5px rgba(57, 57, 57, 0.2);
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
|
||||||
|
color: #c5c5c5;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li > a {
|
||||||
|
color: #c5c5c5;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li > a > i {
|
||||||
|
color: #787878;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li.open > a,
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li > a:hover {
|
||||||
|
color: #d2d2d2;
|
||||||
|
background: #393939 !important;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li.open > a > i,
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li > a:hover > i {
|
||||||
|
color: #858585;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li.active > a,
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li.active > a, .page-header.navbar .hor-menu .navbar-nav > li.current > a,
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li.current > a {
|
||||||
|
color: white;
|
||||||
|
background: #d64635 !important;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li.active > a > i,
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li.active > a > i, .page-header.navbar .hor-menu .navbar-nav > li.current > a > i,
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li.current > a > i {
|
||||||
|
color: #787878;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li.active .selected, .page-header.navbar .hor-menu .navbar-nav > li.current .selected {
|
||||||
|
border-top: 6px solid #d64635;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu {
|
||||||
|
box-shadow: 5px 5px rgba(57, 57, 57, 0.2);
|
||||||
|
background: #393939;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li > a {
|
||||||
|
color: #b8b8b8;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
|
||||||
|
color: #b8b8b8;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
|
||||||
|
color: gainsboro;
|
||||||
|
background: #434343;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i {
|
||||||
|
color: gainsboro;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
|
||||||
|
color: gainsboro;
|
||||||
|
background: #434343;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a > i,
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a > i,
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > i {
|
||||||
|
color: gainsboro;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.divider {
|
||||||
|
background-color: #454545;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-submenu > a:after {
|
||||||
|
color: #b8b8b8;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav {
|
||||||
|
/* Mega menu content */
|
||||||
|
/* Classic menu */
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
|
||||||
|
box-shadow: 5px 5px rgba(102, 102, 102, 0.1);
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
|
||||||
|
color: #666;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a {
|
||||||
|
color: #c5c5c5;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a > i {
|
||||||
|
color: #787878;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a:hover {
|
||||||
|
color: #d2d2d2;
|
||||||
|
background: #393939;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a:hover > i {
|
||||||
|
color: #858585;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.open > a {
|
||||||
|
color: #333 !important;
|
||||||
|
background: white !important;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.open > a > i {
|
||||||
|
color: #333 !important;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a,
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a,
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover {
|
||||||
|
color: white;
|
||||||
|
background: #d64635;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a > i,
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover > i, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a > i,
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover > i {
|
||||||
|
color: #787878;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu {
|
||||||
|
box-shadow: 5px 5px rgba(102, 102, 102, 0.1);
|
||||||
|
background: white;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a {
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a > i {
|
||||||
|
color: #888;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a {
|
||||||
|
color: #000;
|
||||||
|
background: #f2f2f7;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a > i {
|
||||||
|
color: #666;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a,
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a,
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover {
|
||||||
|
color: #000;
|
||||||
|
background: #f2f2f7;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a > i,
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a > i,
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover > i {
|
||||||
|
color: #666;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.divider {
|
||||||
|
background-color: #f2f2f7;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu {
|
||||||
|
border: 1px solid #efeff5;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > .dropdown-menu {
|
||||||
|
border-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Page sidebar */
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover,
|
||||||
|
.page-sidebar {
|
||||||
|
background-color: #3d3d3d;
|
||||||
|
/* Default sidebar */
|
||||||
|
/* light sidebar */
|
||||||
|
/* Sidebar search */
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu,
|
||||||
|
.page-sidebar .page-sidebar-menu {
|
||||||
|
/* 1st level links */
|
||||||
|
/* All links */
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a,
|
||||||
|
.page-sidebar .page-sidebar-menu > li > a {
|
||||||
|
border-top: 1px solid #484848;
|
||||||
|
color: #d9d9d9;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu > li > a > i {
|
||||||
|
color: #888888;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class^="icon-"],
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class*="icon-"],
|
||||||
|
.page-sidebar .page-sidebar-menu > li > a > i[class^="icon-"],
|
||||||
|
.page-sidebar .page-sidebar-menu > li > a > i[class*="icon-"] {
|
||||||
|
color: #959595;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li > a > .arrow.open:before {
|
||||||
|
color: #777777;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.heading > h3,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.heading > h3 {
|
||||||
|
color: #9e9e9e;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a,
|
||||||
|
.page-sidebar .page-sidebar-menu > li:hover > a,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.open > a {
|
||||||
|
background: #303030;
|
||||||
|
color: #d9d9d9;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu > li:hover > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.open > a > i {
|
||||||
|
color: #888888;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li:hover > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li:hover > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.open > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.open > a > .arrow.open:before {
|
||||||
|
color: #888888;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active > a,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active.open > a {
|
||||||
|
background: #d64635;
|
||||||
|
border-top-color: transparent;
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a:hover,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active > a:hover,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active.open > a:hover {
|
||||||
|
background: #d64635;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active.open > a > i {
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active.open > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active.open > a > .arrow.open:before {
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active + li > a,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active + li > a {
|
||||||
|
border-top-color: transparent;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open + li > a,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active.open + li > a {
|
||||||
|
border-top-color: #484848;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:last-child > a,
|
||||||
|
.page-sidebar .page-sidebar-menu > li:last-child > a {
|
||||||
|
border-bottom: 1px solid transparent !important;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu li > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu li > a > .arrow.open:before {
|
||||||
|
color: #777777;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu li:hover > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu li:hover > a > .arrow.open:before {
|
||||||
|
color: #888888;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu li.active > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu li.active > a > .arrow.open:before {
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu:hover .sub-menu, .page-sidebar-closed
|
||||||
|
.page-sidebar .page-sidebar-menu:hover .sub-menu {
|
||||||
|
background-color: #3d3d3d;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li > a {
|
||||||
|
color: #bdbdbd;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li > a > i {
|
||||||
|
color: #777777;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class^="icon-"],
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class*="icon-"],
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class^="icon-"],
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class*="icon-"] {
|
||||||
|
color: #959595;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li > a > .arrow.open:before {
|
||||||
|
color: #777777;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a {
|
||||||
|
background: #474747 !important;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a > i {
|
||||||
|
color: #888888;
|
||||||
|
color: #bbbbbb;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a > .arrow.open:before {
|
||||||
|
color: #888888;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light {
|
||||||
|
/* 1st level links */
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.open > a,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li:hover > a,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.open > a {
|
||||||
|
background: #424242;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a {
|
||||||
|
background: #474747;
|
||||||
|
border-left: 4px solid #d64635;
|
||||||
|
color: #f1f1f1;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover {
|
||||||
|
border-left: 4px solid #d64635;
|
||||||
|
background: #424242;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > i {
|
||||||
|
color: #eeeeee;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > .arrow.open:before {
|
||||||
|
color: #eeeeee;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu {
|
||||||
|
background: #424242;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a {
|
||||||
|
background: #474747 !important;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler,
|
||||||
|
.page-sidebar .sidebar-toggler {
|
||||||
|
background: url(../../img/sidebar_inline_toggler_icon_default.jpg);
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group,
|
||||||
|
.page-sidebar .sidebar-search .input-group {
|
||||||
|
border-bottom: 1px solid #484848;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control,
|
||||||
|
.page-sidebar .sidebar-search .input-group .form-control {
|
||||||
|
background-color: #3d3d3d;
|
||||||
|
color: #5c5c5c;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control::-moz-placeholder,
|
||||||
|
.page-sidebar .sidebar-search .input-group .form-control::-moz-placeholder {
|
||||||
|
color: #5c5c5c;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control:-ms-input-placeholder,
|
||||||
|
.page-sidebar .sidebar-search .input-group .form-control:-ms-input-placeholder {
|
||||||
|
color: #5c5c5c;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control::-webkit-input-placeholder,
|
||||||
|
.page-sidebar .sidebar-search .input-group .form-control::-webkit-input-placeholder {
|
||||||
|
color: #5c5c5c;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .input-group-btn .btn > i,
|
||||||
|
.page-sidebar .sidebar-search .input-group .input-group-btn .btn > i {
|
||||||
|
color: #5c5c5c;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-bordered .input-group,
|
||||||
|
.page-sidebar .sidebar-search.sidebar-search-bordered .input-group {
|
||||||
|
border: 1px solid #484848;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.open .input-group, .page-sidebar-closed
|
||||||
|
.page-sidebar .sidebar-search.open .input-group {
|
||||||
|
background-color: #3d3d3d;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.open .remove > i, .page-sidebar-closed
|
||||||
|
.page-sidebar .sidebar-search.open .remove > i {
|
||||||
|
color: #5c5c5c;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid .input-group, .page-sidebar-closed
|
||||||
|
.page-sidebar .sidebar-search.sidebar-search-solid .input-group {
|
||||||
|
background: none;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid .input-group,
|
||||||
|
.page-sidebar .sidebar-search.sidebar-search-solid .input-group {
|
||||||
|
border: 1px solid #303030;
|
||||||
|
background: #303030;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid .input-group .form-control,
|
||||||
|
.page-sidebar .sidebar-search.sidebar-search-solid .input-group .form-control {
|
||||||
|
background: #303030;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid.open .input-group,
|
||||||
|
.page-sidebar .sidebar-search.sidebar-search-solid.open .input-group {
|
||||||
|
border: 1px solid #3d3d3d;
|
||||||
|
background: #3d3d3d;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid.open .input-group .form-control,
|
||||||
|
.page-sidebar .sidebar-search.sidebar-search-solid.open .input-group .form-control {
|
||||||
|
background: #3d3d3d;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light {
|
||||||
|
/* 1st level links */
|
||||||
|
}
|
||||||
|
.page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active > a, .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a {
|
||||||
|
border-left: 0;
|
||||||
|
border-right: 4px solid #d64635;
|
||||||
|
}
|
||||||
|
.page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover, .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover {
|
||||||
|
border-left: 0;
|
||||||
|
border-right: 4px solid #d64635;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*************
|
||||||
|
Quick Sidebar
|
||||||
|
*************/
|
||||||
|
/***
|
||||||
|
Quick Sidebar Layout
|
||||||
|
***/
|
||||||
|
.page-quick-sidebar-wrapper {
|
||||||
|
background: #393939;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar {
|
||||||
|
background: #393939;
|
||||||
|
}
|
||||||
|
|
||||||
|
/***
|
||||||
|
Quick Sidebar Toggler
|
||||||
|
***/
|
||||||
|
.page-quick-sidebar-toggler {
|
||||||
|
background: #525252;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-toggler:hover {
|
||||||
|
background: #4a4a4a;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-toggler > i {
|
||||||
|
color: #a2a2a2;
|
||||||
|
}
|
||||||
|
|
||||||
|
/***
|
||||||
|
Quick Sidebar Content
|
||||||
|
***/
|
||||||
|
.page-quick-sidebar-wrapper {
|
||||||
|
color: #a2a2a2;
|
||||||
|
/* Quick sidebar chat */
|
||||||
|
/* Quick sidebar alerts */
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar {
|
||||||
|
/* Quick sidebar tabs */
|
||||||
|
/* Quick sidebar general list heading */
|
||||||
|
/* Quick sidebar general list-items */
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li > a {
|
||||||
|
color: #9a9a9a;
|
||||||
|
background: #525252;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li > a:hover {
|
||||||
|
background: #454545;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li.open > a {
|
||||||
|
color: #9a9a9a;
|
||||||
|
background: #525252;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li.active > a {
|
||||||
|
border: 0;
|
||||||
|
background: #393939;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu {
|
||||||
|
border: 0;
|
||||||
|
background: #525252;
|
||||||
|
box-shadow: 5px 5px rgba(133, 133, 133, 0.1);
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu:before {
|
||||||
|
border-bottom: 7px solid #525252;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu:after {
|
||||||
|
border-bottom: 7px solid #525252;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu > li > a {
|
||||||
|
color: #a2a2a2;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu > li > a > i {
|
||||||
|
color: #9c9c9c;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu > li > a:hover {
|
||||||
|
background: #5a5a5a;
|
||||||
|
color: #a2a2a2;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu > li > a:hover > i {
|
||||||
|
color: #a4a4a4;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu > li.active > a {
|
||||||
|
background: #555555;
|
||||||
|
color: #a2a2a2;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu > li.divider {
|
||||||
|
background-color: #5a5a5a;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .list-heading {
|
||||||
|
color: #7b7b7b;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .list-items {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .list-items > li {
|
||||||
|
border-bottom-color: #404040;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .list-items > li:hover {
|
||||||
|
background: #404040;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar-item {
|
||||||
|
/* back to list */
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar-item .page-quick-sidebar-nav .page-quick-sidebar-back-to-list {
|
||||||
|
color: #9a9a9a;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-body .media-heading-sub {
|
||||||
|
color: #747474;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-body .media-heading-small {
|
||||||
|
color: dimgray;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .name {
|
||||||
|
color: #909090;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .datetime {
|
||||||
|
color: #909090;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .message {
|
||||||
|
color: #9a9a9a;
|
||||||
|
background: #525252;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.in .message .arrow {
|
||||||
|
border-right-color: #525252;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.out .message .arrow {
|
||||||
|
border-left-color: #525252;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li a {
|
||||||
|
color: #8b8b8b;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li a .desc {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li .desc {
|
||||||
|
color: #858585;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li .date {
|
||||||
|
color: dimgray;
|
||||||
|
}
|
||||||
|
|
||||||
|
/******
|
||||||
|
Page Footer
|
||||||
|
******/
|
||||||
|
.page-footer .page-footer-inner {
|
||||||
|
color: #a3a3a3;
|
||||||
|
}
|
||||||
|
.page-footer-fixed .page-footer {
|
||||||
|
background-color: #2b2b2b;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 992px) {
|
||||||
|
/* 992px */
|
||||||
|
/* Sidebar menu closed */
|
||||||
|
.page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu {
|
||||||
|
box-shadow: 5px 5px rgba(48, 48, 48, 0.2);
|
||||||
|
}
|
||||||
|
.page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu.sidebar-toggler-wrapper, .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu.sidebar-search-wrapper {
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-sidebar-menu.page-sidebar-menu-closed > li:hover {
|
||||||
|
box-shadow: 5px 5px rgba(48, 48, 48, 0.2);
|
||||||
|
}
|
||||||
|
.page-sidebar-menu.page-sidebar-menu-closed > li:hover.sidebar-toggler-wrapper, .page-sidebar-menu.page-sidebar-menu-closed > li:hover.sidebar-search-wrapper {
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
.page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu {
|
||||||
|
box-shadow: 5px 5px rgba(48, 48, 48, 0.2);
|
||||||
|
}
|
||||||
|
.page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu.sidebar-toggler-wrapper, .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu.sidebar-search-wrapper {
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Light sidebar menu */
|
||||||
|
.page-sidebar-menu.page-sidebar-menu-light.page-sidebar-menu-closed > li.heading {
|
||||||
|
padding: 0;
|
||||||
|
margin-top: 15px;
|
||||||
|
margin-bottom: 15px;
|
||||||
|
border-top: 1px solid #484848 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Fixed Sidebar */
|
||||||
|
.page-sidebar-fixed:not(.page-footer-fixed) .page-content {
|
||||||
|
border-bottom: 0;
|
||||||
|
}
|
||||||
|
.page-sidebar-fixed:not(.page-footer-fixed) .page-footer {
|
||||||
|
background-color: #fff;
|
||||||
|
}
|
||||||
|
.page-sidebar-fixed:not(.page-footer-fixed) .page-footer .page-footer-inner {
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Boxed Layout */
|
||||||
|
.page-boxed {
|
||||||
|
background-color: #353535 !important;
|
||||||
|
/* Page container */
|
||||||
|
/* Page sidebar */
|
||||||
|
/* Page footer */
|
||||||
|
}
|
||||||
|
.page-boxed .page-container {
|
||||||
|
background-color: #3d3d3d;
|
||||||
|
border-left: 1px solid #484848;
|
||||||
|
border-bottom: 1px solid #484848;
|
||||||
|
}
|
||||||
|
.page-boxed.page-sidebar-reversed .page-container {
|
||||||
|
border-left: 0;
|
||||||
|
border-right: 1px solid #484848;
|
||||||
|
}
|
||||||
|
.page-boxed.page-sidebar-fixed .page-container {
|
||||||
|
border-left: 0;
|
||||||
|
border-bottom: 0;
|
||||||
|
}
|
||||||
|
.page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-container {
|
||||||
|
border-left: 0;
|
||||||
|
border-right: 0;
|
||||||
|
border-bottom: 0;
|
||||||
|
}
|
||||||
|
.page-boxed.page-sidebar-fixed .page-sidebar {
|
||||||
|
border-left: 1px solid #484848;
|
||||||
|
}
|
||||||
|
.page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-sidebar {
|
||||||
|
border-right: 1px solid #484848;
|
||||||
|
border-left: 0;
|
||||||
|
}
|
||||||
|
.page-boxed.page-sidebar-fixed.page-footer-fixed .page-footer {
|
||||||
|
background-color: #353535 !important;
|
||||||
|
}
|
||||||
|
.page-boxed.page-sidebar-fixed.page-footer-fixed .page-footer .page-footer-inner {
|
||||||
|
color: #a3a3a3;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Sidebar Menu Wirh Hoverable Submenu */
|
||||||
|
.page-sidebar-menu-hover-submenu li:hover a > .arrow {
|
||||||
|
border-right: 8px solid #3a3a3a;
|
||||||
|
}
|
||||||
|
.page-sidebar-reversed .page-sidebar-menu-hover-submenu li:hover a > .arrow {
|
||||||
|
border-left: 8px solid #3a3a3a;
|
||||||
|
}
|
||||||
|
.page-sidebar-menu-hover-submenu li:hover > .sub-menu {
|
||||||
|
background: #3a3a3a !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (max-width: 991px) {
|
||||||
|
/* 991px */
|
||||||
|
/* Page sidebar */
|
||||||
|
.page-sidebar {
|
||||||
|
background-color: #2b2b2b;
|
||||||
|
/* light sidebar */
|
||||||
|
}
|
||||||
|
.page-sidebar .page-sidebar-menu > li > a {
|
||||||
|
border-top: 1px solid #3d3d3d;
|
||||||
|
}
|
||||||
|
.page-sidebar .page-sidebar-menu > li:hover > a, .page-sidebar .page-sidebar-menu > li.open > a {
|
||||||
|
background: #333333;
|
||||||
|
}
|
||||||
|
.page-sidebar .page-sidebar-menu > li:last-child > a {
|
||||||
|
border-bottom: 0 !important;
|
||||||
|
}
|
||||||
|
.page-sidebar .page-sidebar-menu > li .sub-menu {
|
||||||
|
background-color: #2b2b2b !important;
|
||||||
|
}
|
||||||
|
.page-sidebar .page-sidebar-menu .sidebar-search input {
|
||||||
|
background-color: #2b2b2b !important;
|
||||||
|
}
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light {
|
||||||
|
/* 1st level links */
|
||||||
|
}
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li:hover > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.open > a {
|
||||||
|
background: #333333;
|
||||||
|
}
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a {
|
||||||
|
background: #333333;
|
||||||
|
}
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover {
|
||||||
|
background: #333333;
|
||||||
|
}
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu {
|
||||||
|
background: #2b2b2b !important;
|
||||||
|
}
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a {
|
||||||
|
background: #333333 !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (max-width: 480px) {
|
||||||
|
/* 480px */
|
||||||
|
.page-header.navbar {
|
||||||
|
/* Top menu */
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu {
|
||||||
|
background-color: #3d3d3d;
|
||||||
|
}
|
||||||
|
.page-header-fixed-mobile .page-header.navbar .top-menu {
|
||||||
|
background-color: #1f1f1f;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
|
||||||
|
background-color: #3b3b3b;
|
||||||
|
}
|
||||||
|
.page-header-fixed-mobile .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
|
||||||
|
background: none;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle:hover {
|
||||||
|
background-color: #393939;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/****
|
||||||
|
Boby
|
||||||
|
****/
|
||||||
|
body {
|
||||||
|
background-color: #3d3d3d;
|
||||||
|
}
|
||||||
|
|
||||||
|
/****
|
||||||
|
CSS3 Spinner Bar
|
||||||
|
****/
|
||||||
|
.page-spinner-bar > div,
|
||||||
|
.block-spinner-bar > div {
|
||||||
|
background: #da594a;
|
||||||
|
}
|
934
app/static/admin/layout/css/themes/grey.css
Normal file
@ -0,0 +1,934 @@
|
|||||||
|
/***********
|
||||||
|
Page Header
|
||||||
|
***********/
|
||||||
|
/* Header search bar, toggler button & top menu */
|
||||||
|
.page-header.navbar {
|
||||||
|
background-color: #4f5a67;
|
||||||
|
/* Top notification menu/bar */
|
||||||
|
/* Header seaech box */
|
||||||
|
/* Toggler button for sidebar expand/collapse and responsive sidebar menu */
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav {
|
||||||
|
/* Extended Dropdowns */
|
||||||
|
/* Notification */
|
||||||
|
/* Inbox */
|
||||||
|
/* Tasks */
|
||||||
|
/* User */
|
||||||
|
/* Language */
|
||||||
|
/* Dark version */
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle > i {
|
||||||
|
color: #9fa7b1;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle .badge.badge-default {
|
||||||
|
background-color: #31c7b2;
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover {
|
||||||
|
background-color: #657384;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover > i {
|
||||||
|
color: #c9ced3;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {
|
||||||
|
background-color: #657384;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle > i {
|
||||||
|
color: #c9ced3;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu {
|
||||||
|
border-color: #e7eaf0;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:after {
|
||||||
|
border-bottom-color: #eaedf2;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external {
|
||||||
|
background: #eaedf2;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 {
|
||||||
|
color: #62878f;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a {
|
||||||
|
color: #5b9bd1;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a:hover {
|
||||||
|
color: #3175af;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a {
|
||||||
|
border-bottom: 1px solid #EFF2F6 !important;
|
||||||
|
color: #888888;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover {
|
||||||
|
background: #f8f9fa;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a .time {
|
||||||
|
background: #f1f1f1;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a:hover .time {
|
||||||
|
background: #e4e4e4;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .circle {
|
||||||
|
background-color: #31c7b2;
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .corner {
|
||||||
|
border-color: transparent transparent transparent #31c7b2;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu .dropdown-menu-list .subject .from {
|
||||||
|
color: #5b9bd1;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list .progress {
|
||||||
|
background-color: #dfe2e9;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username {
|
||||||
|
color: #d6dae0;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i {
|
||||||
|
color: #d6dae0;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu {
|
||||||
|
width: 195px;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname {
|
||||||
|
color: #d6dae0;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu {
|
||||||
|
background: #657384;
|
||||||
|
border: 0;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu:after {
|
||||||
|
border-bottom-color: #657384;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external {
|
||||||
|
background: #535f6d;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > h3 {
|
||||||
|
color: #dcdfe4;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > a:hover {
|
||||||
|
color: #87b6dd;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a,
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a {
|
||||||
|
color: #eaecef;
|
||||||
|
border-bottom: 1px solid #748294 !important;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a > i,
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a > i {
|
||||||
|
color: #cdd2d9;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover,
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover {
|
||||||
|
background: #6e7d90;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a {
|
||||||
|
border-bottom: 0 !important;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li.divider {
|
||||||
|
background: #748294;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a .time {
|
||||||
|
background: #5a6676;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a:hover .time {
|
||||||
|
background: #4f5a67;
|
||||||
|
}
|
||||||
|
.page-header.navbar .search-form {
|
||||||
|
background: #46505c;
|
||||||
|
}
|
||||||
|
.page-header.navbar .search-form:hover {
|
||||||
|
background: #657384;
|
||||||
|
}
|
||||||
|
.page-header.navbar .search-form .input-group .form-control {
|
||||||
|
color: #c4c9d0;
|
||||||
|
}
|
||||||
|
.page-header.navbar .search-form .input-group .form-control::-moz-placeholder {
|
||||||
|
color: #c1c6ce;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
.page-header.navbar .search-form .input-group .form-control:-ms-input-placeholder {
|
||||||
|
color: #c1c6ce;
|
||||||
|
}
|
||||||
|
.page-header.navbar .search-form .input-group .form-control::-webkit-input-placeholder {
|
||||||
|
color: #c1c6ce;
|
||||||
|
}
|
||||||
|
.page-header.navbar .search-form .input-group .input-group-btn .btn.submit > i {
|
||||||
|
color: #c4c9d0;
|
||||||
|
}
|
||||||
|
.page-header.navbar .search-form.open {
|
||||||
|
background: #657384;
|
||||||
|
}
|
||||||
|
.page-header.navbar .menu-toggler {
|
||||||
|
background-image: url(../../img/sidebar_toggler_icon_grey.png);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Default Horizontal Menu */
|
||||||
|
.page-header.navbar {
|
||||||
|
/* Default Mega Menu */
|
||||||
|
/* Light Mega Menu */
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav {
|
||||||
|
/* Mega menu content */
|
||||||
|
/* Classic menu */
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
|
||||||
|
box-shadow: 5px 5px rgba(101, 115, 132, 0.2);
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
|
||||||
|
color: #f3f4f6;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li > a {
|
||||||
|
color: #d6dae0;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li > a > i {
|
||||||
|
color: #abb3be;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li.open > a,
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li > a:hover {
|
||||||
|
color: #e4e7eb;
|
||||||
|
background: #657384 !important;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li.open > a > i,
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li > a:hover > i {
|
||||||
|
color: #b9c0ca;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li.active > a,
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li.active > a, .page-header.navbar .hor-menu .navbar-nav > li.current > a,
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li.current > a {
|
||||||
|
color: white;
|
||||||
|
background: #31c7b2 !important;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li.active > a > i,
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li.active > a > i, .page-header.navbar .hor-menu .navbar-nav > li.current > a > i,
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li.current > a > i {
|
||||||
|
color: #abb3be;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li.active .selected, .page-header.navbar .hor-menu .navbar-nav > li.current .selected {
|
||||||
|
border-top: 6px solid #31c7b2;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu {
|
||||||
|
box-shadow: 5px 5px rgba(101, 115, 132, 0.2);
|
||||||
|
background: #657384;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li > a {
|
||||||
|
color: #d6dae0;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
|
||||||
|
color: #d6dae0;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
|
||||||
|
color: #fefeff;
|
||||||
|
background: #6e7d90;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i {
|
||||||
|
color: #fefeff;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
|
||||||
|
color: #fefeff;
|
||||||
|
background: #6e7d90;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a > i,
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a > i,
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > i {
|
||||||
|
color: #fefeff;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.divider {
|
||||||
|
background-color: #717f92;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-submenu > a:after {
|
||||||
|
color: #d6dae0;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav {
|
||||||
|
/* Mega menu content */
|
||||||
|
/* Classic menu */
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
|
||||||
|
box-shadow: 5px 5px rgba(102, 102, 102, 0.1);
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
|
||||||
|
color: #666;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a {
|
||||||
|
color: #d6dae0;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a > i {
|
||||||
|
color: #abb3be;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a:hover {
|
||||||
|
color: #e4e7eb;
|
||||||
|
background: #657384;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a:hover > i {
|
||||||
|
color: #b9c0ca;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.open > a {
|
||||||
|
color: #333 !important;
|
||||||
|
background: white !important;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.open > a > i {
|
||||||
|
color: #333 !important;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a,
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a,
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover {
|
||||||
|
color: white;
|
||||||
|
background: #31c7b2;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a > i,
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover > i, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a > i,
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover > i {
|
||||||
|
color: #abb3be;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu {
|
||||||
|
box-shadow: 5px 5px rgba(102, 102, 102, 0.1);
|
||||||
|
background: white;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a {
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a > i {
|
||||||
|
color: #888;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a {
|
||||||
|
color: #000;
|
||||||
|
background: #f2f2f7;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a > i {
|
||||||
|
color: #666;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a,
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a,
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover {
|
||||||
|
color: #000;
|
||||||
|
background: #f2f2f7;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a > i,
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a > i,
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover > i {
|
||||||
|
color: #666;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.divider {
|
||||||
|
background-color: #f2f2f7;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu {
|
||||||
|
border: 1px solid #efeff5;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > .dropdown-menu {
|
||||||
|
border-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Page sidebar */
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover,
|
||||||
|
.page-sidebar {
|
||||||
|
background-color: #707b88;
|
||||||
|
/* Default sidebar */
|
||||||
|
/* light sidebar */
|
||||||
|
/* Sidebar search */
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu,
|
||||||
|
.page-sidebar .page-sidebar-menu {
|
||||||
|
/* 1st level links */
|
||||||
|
/* All links */
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a,
|
||||||
|
.page-sidebar .page-sidebar-menu > li > a {
|
||||||
|
border-top: 1px solid #7d8795;
|
||||||
|
color: #efefef;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu > li > a > i {
|
||||||
|
color: #aab3bb;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class^="icon-"],
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class*="icon-"],
|
||||||
|
.page-sidebar .page-sidebar-menu > li > a > i[class^="icon-"],
|
||||||
|
.page-sidebar .page-sidebar-menu > li > a > i[class*="icon-"] {
|
||||||
|
color: #b8c0c6;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li > a > .arrow.open:before {
|
||||||
|
color: #aab3bb;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.heading > h3,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.heading > h3 {
|
||||||
|
color: #b4b4b4;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a,
|
||||||
|
.page-sidebar .page-sidebar-menu > li:hover > a,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.open > a {
|
||||||
|
background: #535f6d;
|
||||||
|
color: #efefef;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu > li:hover > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.open > a > i {
|
||||||
|
color: #aab3bb;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li:hover > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li:hover > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.open > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.open > a > .arrow.open:before {
|
||||||
|
color: #aab3bb;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active > a,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active.open > a {
|
||||||
|
background: #31c7b2;
|
||||||
|
border-top-color: transparent;
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a:hover,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active > a:hover,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active.open > a:hover {
|
||||||
|
background: #31c7b2;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active.open > a > i {
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active.open > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active.open > a > .arrow.open:before {
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active + li > a,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active + li > a {
|
||||||
|
border-top-color: transparent;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open + li > a,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active.open + li > a {
|
||||||
|
border-top-color: #7d8795;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:last-child > a,
|
||||||
|
.page-sidebar .page-sidebar-menu > li:last-child > a {
|
||||||
|
border-bottom: 1px solid transparent !important;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu li > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu li > a > .arrow.open:before {
|
||||||
|
color: #aab3bb;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu li:hover > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu li:hover > a > .arrow.open:before {
|
||||||
|
color: #aab3bb;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu li.active > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu li.active > a > .arrow.open:before {
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu:hover .sub-menu, .page-sidebar-closed
|
||||||
|
.page-sidebar .page-sidebar-menu:hover .sub-menu {
|
||||||
|
background-color: #707b88;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li > a {
|
||||||
|
color: #eeeeee;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li > a > i {
|
||||||
|
color: #aab3bb;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class^="icon-"],
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class*="icon-"],
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class^="icon-"],
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class*="icon-"] {
|
||||||
|
color: #b8c0c6;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li > a > .arrow.open:before {
|
||||||
|
color: #aab3bb;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a {
|
||||||
|
background: #566170 !important;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a > i {
|
||||||
|
color: #aab3bb;
|
||||||
|
color: #e3e6e8;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a > .arrow.open:before {
|
||||||
|
color: #aab3bb;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light {
|
||||||
|
/* 1st level links */
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.open > a,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li:hover > a,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.open > a {
|
||||||
|
background: #67707d;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a {
|
||||||
|
background: #606975;
|
||||||
|
border-left: 4px solid #31c7b2;
|
||||||
|
color: #f1f1f1;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover {
|
||||||
|
border-left: 4px solid #31c7b2;
|
||||||
|
background: #67707d;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > i {
|
||||||
|
color: #eeeeee;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > .arrow.open:before {
|
||||||
|
color: #eeeeee;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu {
|
||||||
|
background: #75808e;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a {
|
||||||
|
background: #6b7683 !important;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler,
|
||||||
|
.page-sidebar .sidebar-toggler {
|
||||||
|
background: url(../../img/sidebar_inline_toggler_icon_grey.jpg);
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group,
|
||||||
|
.page-sidebar .sidebar-search .input-group {
|
||||||
|
border-bottom: 1px solid #868f9b;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control,
|
||||||
|
.page-sidebar .sidebar-search .input-group .form-control {
|
||||||
|
background-color: #707b88;
|
||||||
|
color: #949ca7;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control::-moz-placeholder,
|
||||||
|
.page-sidebar .sidebar-search .input-group .form-control::-moz-placeholder {
|
||||||
|
color: #949ca7;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control:-ms-input-placeholder,
|
||||||
|
.page-sidebar .sidebar-search .input-group .form-control:-ms-input-placeholder {
|
||||||
|
color: #949ca7;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control::-webkit-input-placeholder,
|
||||||
|
.page-sidebar .sidebar-search .input-group .form-control::-webkit-input-placeholder {
|
||||||
|
color: #949ca7;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .input-group-btn .btn > i,
|
||||||
|
.page-sidebar .sidebar-search .input-group .input-group-btn .btn > i {
|
||||||
|
color: #949ca7;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-bordered .input-group,
|
||||||
|
.page-sidebar .sidebar-search.sidebar-search-bordered .input-group {
|
||||||
|
border: 1px solid #868f9b;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.open .input-group, .page-sidebar-closed
|
||||||
|
.page-sidebar .sidebar-search.open .input-group {
|
||||||
|
background-color: #707b88;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.open .remove > i, .page-sidebar-closed
|
||||||
|
.page-sidebar .sidebar-search.open .remove > i {
|
||||||
|
color: #949ca7;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid .input-group, .page-sidebar-closed
|
||||||
|
.page-sidebar .sidebar-search.sidebar-search-solid .input-group {
|
||||||
|
background: none;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid .input-group,
|
||||||
|
.page-sidebar .sidebar-search.sidebar-search-solid .input-group {
|
||||||
|
border: 1px solid #5e6672;
|
||||||
|
background: #5e6672;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid .input-group .form-control,
|
||||||
|
.page-sidebar .sidebar-search.sidebar-search-solid .input-group .form-control {
|
||||||
|
background: #5e6672;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid.open .input-group,
|
||||||
|
.page-sidebar .sidebar-search.sidebar-search-solid.open .input-group {
|
||||||
|
border: 1px solid #707b88;
|
||||||
|
background: #707b88;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid.open .input-group .form-control,
|
||||||
|
.page-sidebar .sidebar-search.sidebar-search-solid.open .input-group .form-control {
|
||||||
|
background: #707b88;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light {
|
||||||
|
/* 1st level links */
|
||||||
|
}
|
||||||
|
.page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active > a, .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a {
|
||||||
|
border-left: 0;
|
||||||
|
border-right: 4px solid #31c7b2;
|
||||||
|
}
|
||||||
|
.page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover, .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover {
|
||||||
|
border-left: 0;
|
||||||
|
border-right: 4px solid #31c7b2;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*************
|
||||||
|
Quick Sidebar
|
||||||
|
*************/
|
||||||
|
/***
|
||||||
|
Quick Sidebar Layout
|
||||||
|
***/
|
||||||
|
.page-quick-sidebar-wrapper {
|
||||||
|
background: #717f92;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar {
|
||||||
|
background: #717f92;
|
||||||
|
}
|
||||||
|
|
||||||
|
/***
|
||||||
|
Quick Sidebar Toggler
|
||||||
|
***/
|
||||||
|
.page-quick-sidebar-toggler {
|
||||||
|
background: #8e99a8;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-toggler:hover {
|
||||||
|
background: #8591a2;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-toggler > i {
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
/***
|
||||||
|
Quick Sidebar Content
|
||||||
|
***/
|
||||||
|
.page-quick-sidebar-wrapper {
|
||||||
|
color: white;
|
||||||
|
/* Quick sidebar chat */
|
||||||
|
/* Quick sidebar alerts */
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar {
|
||||||
|
/* Quick sidebar tabs */
|
||||||
|
/* Quick sidebar general list heading */
|
||||||
|
/* Quick sidebar general list-items */
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li > a {
|
||||||
|
color: white;
|
||||||
|
background: #8e99a8;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li > a:hover {
|
||||||
|
background: #7f8c9d;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li.open > a {
|
||||||
|
color: white;
|
||||||
|
background: #8e99a8;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li.active > a {
|
||||||
|
border: 0;
|
||||||
|
background: #717f92;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu {
|
||||||
|
border: 0;
|
||||||
|
background: #8e99a8;
|
||||||
|
box-shadow: 5px 5px rgba(199, 205, 213, 0.1);
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu:before {
|
||||||
|
border-bottom: 7px solid #8e99a8;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu:after {
|
||||||
|
border-bottom: 7px solid #8e99a8;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu > li > a {
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu > li > a > i {
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu > li > a:hover {
|
||||||
|
background: #96a1af;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu > li > a:hover > i {
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu > li.active > a {
|
||||||
|
background: #919cab;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu > li.divider {
|
||||||
|
background-color: #96a1af;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .list-heading {
|
||||||
|
color: #e1e1e1;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .list-items {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .list-items > li {
|
||||||
|
border-bottom-color: #798799;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .list-items > li:hover {
|
||||||
|
background: #798799;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar-item {
|
||||||
|
/* back to list */
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar-item .page-quick-sidebar-nav .page-quick-sidebar-back-to-list {
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-body .media-heading-sub {
|
||||||
|
color: #dadada;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-body .media-heading-small {
|
||||||
|
color: #cfcfcf;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .name {
|
||||||
|
color: #f6f6f6;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .datetime {
|
||||||
|
color: #f6f6f6;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .message {
|
||||||
|
color: white;
|
||||||
|
background: #8e99a8;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.in .message .arrow {
|
||||||
|
border-right-color: #8e99a8;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.out .message .arrow {
|
||||||
|
border-left-color: #8e99a8;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li a {
|
||||||
|
color: #f1f1f1;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li a .desc {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li .desc {
|
||||||
|
color: #ebebeb;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li .date {
|
||||||
|
color: #cfcfcf;
|
||||||
|
}
|
||||||
|
|
||||||
|
/******
|
||||||
|
Page Footer
|
||||||
|
******/
|
||||||
|
.page-footer .page-footer-inner {
|
||||||
|
color: #dfe2e5;
|
||||||
|
}
|
||||||
|
.page-footer-fixed .page-footer {
|
||||||
|
background-color: #606975;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 992px) {
|
||||||
|
/* 992px */
|
||||||
|
/* Sidebar menu closed */
|
||||||
|
.page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu {
|
||||||
|
box-shadow: 5px 5px rgba(83, 95, 109, 0.2);
|
||||||
|
}
|
||||||
|
.page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu.sidebar-toggler-wrapper, .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu.sidebar-search-wrapper {
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-sidebar-menu.page-sidebar-menu-closed > li:hover {
|
||||||
|
box-shadow: 5px 5px rgba(83, 95, 109, 0.2);
|
||||||
|
}
|
||||||
|
.page-sidebar-menu.page-sidebar-menu-closed > li:hover.sidebar-toggler-wrapper, .page-sidebar-menu.page-sidebar-menu-closed > li:hover.sidebar-search-wrapper {
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
.page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu {
|
||||||
|
box-shadow: 5px 5px rgba(83, 95, 109, 0.2);
|
||||||
|
}
|
||||||
|
.page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu.sidebar-toggler-wrapper, .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu.sidebar-search-wrapper {
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Light sidebar menu */
|
||||||
|
.page-sidebar-menu.page-sidebar-menu-light.page-sidebar-menu-closed > li.heading {
|
||||||
|
padding: 0;
|
||||||
|
margin-top: 15px;
|
||||||
|
margin-bottom: 15px;
|
||||||
|
border-top: 1px solid #7d8795 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Fixed Sidebar */
|
||||||
|
.page-sidebar-fixed:not(.page-footer-fixed) .page-content {
|
||||||
|
border-bottom: 0;
|
||||||
|
}
|
||||||
|
.page-sidebar-fixed:not(.page-footer-fixed) .page-footer {
|
||||||
|
background-color: #fff;
|
||||||
|
}
|
||||||
|
.page-sidebar-fixed:not(.page-footer-fixed) .page-footer .page-footer-inner {
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Boxed Layout */
|
||||||
|
.page-boxed {
|
||||||
|
background-color: #697380 !important;
|
||||||
|
/* Page container */
|
||||||
|
/* Page sidebar */
|
||||||
|
/* Page footer */
|
||||||
|
}
|
||||||
|
.page-boxed .page-container {
|
||||||
|
background-color: #707b88;
|
||||||
|
border-left: 1px solid #7d8795;
|
||||||
|
border-bottom: 1px solid #7d8795;
|
||||||
|
}
|
||||||
|
.page-boxed.page-sidebar-reversed .page-container {
|
||||||
|
border-left: 0;
|
||||||
|
border-right: 1px solid #7d8795;
|
||||||
|
}
|
||||||
|
.page-boxed.page-sidebar-fixed .page-container {
|
||||||
|
border-left: 0;
|
||||||
|
border-bottom: 0;
|
||||||
|
}
|
||||||
|
.page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-container {
|
||||||
|
border-left: 0;
|
||||||
|
border-right: 0;
|
||||||
|
border-bottom: 0;
|
||||||
|
}
|
||||||
|
.page-boxed.page-sidebar-fixed .page-sidebar {
|
||||||
|
border-left: 1px solid #7d8795;
|
||||||
|
}
|
||||||
|
.page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-sidebar {
|
||||||
|
border-right: 1px solid #7d8795;
|
||||||
|
border-left: 0;
|
||||||
|
}
|
||||||
|
.page-boxed.page-sidebar-fixed.page-footer-fixed .page-footer {
|
||||||
|
background-color: #697380 !important;
|
||||||
|
}
|
||||||
|
.page-boxed.page-sidebar-fixed.page-footer-fixed .page-footer .page-footer-inner {
|
||||||
|
color: #dfe2e5;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Sidebar Menu Wirh Hoverable Submenu */
|
||||||
|
.page-sidebar-menu-hover-submenu li:hover a > .arrow {
|
||||||
|
border-right: 8px solid #5c6979;
|
||||||
|
}
|
||||||
|
.page-sidebar-reversed .page-sidebar-menu-hover-submenu li:hover a > .arrow {
|
||||||
|
border-left: 8px solid #5c6979;
|
||||||
|
}
|
||||||
|
.page-sidebar-menu-hover-submenu li:hover > .sub-menu {
|
||||||
|
background: #5c6979 !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (max-width: 991px) {
|
||||||
|
/* 991px */
|
||||||
|
/* Page sidebar */
|
||||||
|
.page-sidebar {
|
||||||
|
background-color: #59616c;
|
||||||
|
/* light sidebar */
|
||||||
|
}
|
||||||
|
.page-sidebar .page-sidebar-menu > li > a {
|
||||||
|
border-top: 1px solid #707b88;
|
||||||
|
}
|
||||||
|
.page-sidebar .page-sidebar-menu > li:hover > a, .page-sidebar .page-sidebar-menu > li.open > a {
|
||||||
|
background: #606975;
|
||||||
|
}
|
||||||
|
.page-sidebar .page-sidebar-menu > li:last-child > a {
|
||||||
|
border-bottom: 0 !important;
|
||||||
|
}
|
||||||
|
.page-sidebar .page-sidebar-menu > li .sub-menu {
|
||||||
|
background-color: #59616c !important;
|
||||||
|
}
|
||||||
|
.page-sidebar .page-sidebar-menu .sidebar-search input {
|
||||||
|
background-color: #59616c !important;
|
||||||
|
}
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light {
|
||||||
|
/* 1st level links */
|
||||||
|
}
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li:hover > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.open > a {
|
||||||
|
background: #606975;
|
||||||
|
}
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a {
|
||||||
|
background: #606975;
|
||||||
|
}
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover {
|
||||||
|
background: #606975;
|
||||||
|
}
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu {
|
||||||
|
background: #59616c !important;
|
||||||
|
}
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a {
|
||||||
|
background: #606975 !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (max-width: 480px) {
|
||||||
|
/* 480px */
|
||||||
|
.page-header.navbar {
|
||||||
|
/* Top menu */
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu {
|
||||||
|
background-color: #707b88;
|
||||||
|
}
|
||||||
|
.page-header-fixed-mobile .page-header.navbar .top-menu {
|
||||||
|
background-color: #4f5a67;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
|
||||||
|
background-color: #677587;
|
||||||
|
}
|
||||||
|
.page-header-fixed-mobile .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
|
||||||
|
background: none;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle:hover {
|
||||||
|
background-color: #657384;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/****
|
||||||
|
Boby
|
||||||
|
****/
|
||||||
|
body {
|
||||||
|
background-color: #707b88;
|
||||||
|
}
|
||||||
|
|
||||||
|
/****
|
||||||
|
CSS3 Spinner Bar
|
||||||
|
****/
|
||||||
|
.page-spinner-bar > div,
|
||||||
|
.block-spinner-bar > div {
|
||||||
|
background: #41d0bc;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Page sidebar */
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu,
|
||||||
|
.page-sidebar .page-sidebar-menu {
|
||||||
|
/* Change sidebar link font weight */
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a,
|
||||||
|
.page-sidebar .page-sidebar-menu li > a {
|
||||||
|
font-weight: 300;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu li > a > i {
|
||||||
|
font-weight: 300;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li .sub-menu li > a,
|
||||||
|
.page-sidebar .page-sidebar-menu li .sub-menu li > a {
|
||||||
|
font-weight: 300;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li .sub-menu li > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu li .sub-menu li > a > i {
|
||||||
|
font-weight: 300;
|
||||||
|
}
|
1024
app/static/admin/layout/css/themes/light.css
Normal file
940
app/static/admin/layout/css/themes/light2.css
Normal file
@ -0,0 +1,940 @@
|
|||||||
|
/***********
|
||||||
|
Page Header
|
||||||
|
***********/
|
||||||
|
/* Header search bar, toggler button & top menu */
|
||||||
|
.page-header.navbar {
|
||||||
|
background-color: #E1E1E1;
|
||||||
|
/* Top notification menu/bar */
|
||||||
|
/* Header seaech box */
|
||||||
|
/* Toggler button for sidebar expand/collapse and responsive sidebar menu */
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav {
|
||||||
|
/* Extended Dropdowns */
|
||||||
|
/* Notification */
|
||||||
|
/* Inbox */
|
||||||
|
/* Tasks */
|
||||||
|
/* User */
|
||||||
|
/* Language */
|
||||||
|
/* Dark version */
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle > i {
|
||||||
|
color: #AAAAAA;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle .badge.badge-default {
|
||||||
|
background-color: #3FD5C0;
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover {
|
||||||
|
background-color: #eeeeee;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover > i {
|
||||||
|
color: #d0d0d0;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {
|
||||||
|
background-color: #eeeeee;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle > i {
|
||||||
|
color: #d0d0d0;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu {
|
||||||
|
border-color: #e7eaf0;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:after {
|
||||||
|
border-bottom-color: #eaedf2;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external {
|
||||||
|
background: #eaedf2;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 {
|
||||||
|
color: #62878f;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a {
|
||||||
|
color: #5b9bd1;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a:hover {
|
||||||
|
color: #3175af;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a {
|
||||||
|
border-bottom: 1px solid #EFF2F6 !important;
|
||||||
|
color: #888888;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover {
|
||||||
|
background: #f8f9fa;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a .time {
|
||||||
|
background: #f1f1f1;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a:hover .time {
|
||||||
|
background: #e4e4e4;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .circle {
|
||||||
|
background-color: #3FD5C0;
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .corner {
|
||||||
|
border-color: transparent transparent transparent #3FD5C0;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu .dropdown-menu-list .subject .from {
|
||||||
|
color: #5b9bd1;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list .progress {
|
||||||
|
background-color: #dfe2e9;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username {
|
||||||
|
color: #484848;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i {
|
||||||
|
color: #484848;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu {
|
||||||
|
width: 195px;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname {
|
||||||
|
color: #484848;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu {
|
||||||
|
background: #aeaeae;
|
||||||
|
border: 0;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu:after {
|
||||||
|
border-bottom-color: #aeaeae;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external {
|
||||||
|
background: #888888;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > h3 {
|
||||||
|
color: #eeeeee;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > a:hover {
|
||||||
|
color: #87b6dd;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a,
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a {
|
||||||
|
color: #fbfbfb;
|
||||||
|
border-bottom: 1px solid #b8b8b8 !important;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a > i,
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a > i {
|
||||||
|
color: #eeeeee;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover,
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover {
|
||||||
|
background: #b3b3b3;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a {
|
||||||
|
border-bottom: 0 !important;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li.divider {
|
||||||
|
background: #b8b8b8;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a .time {
|
||||||
|
background: #a6a6a6;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a:hover .time {
|
||||||
|
background: #9a9a9a;
|
||||||
|
}
|
||||||
|
.page-header.navbar .search-form {
|
||||||
|
background: #d9d9d9;
|
||||||
|
}
|
||||||
|
.page-header.navbar .search-form:hover {
|
||||||
|
background: #eeeeee;
|
||||||
|
}
|
||||||
|
.page-header.navbar .search-form .input-group .form-control {
|
||||||
|
color: #888888;
|
||||||
|
}
|
||||||
|
.page-header.navbar .search-form .input-group .form-control::-moz-placeholder {
|
||||||
|
color: #858585;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
.page-header.navbar .search-form .input-group .form-control:-ms-input-placeholder {
|
||||||
|
color: #858585;
|
||||||
|
}
|
||||||
|
.page-header.navbar .search-form .input-group .form-control::-webkit-input-placeholder {
|
||||||
|
color: #858585;
|
||||||
|
}
|
||||||
|
.page-header.navbar .search-form .input-group .input-group-btn .btn.submit > i {
|
||||||
|
color: #888888;
|
||||||
|
}
|
||||||
|
.page-header.navbar .search-form.open {
|
||||||
|
background: #eeeeee;
|
||||||
|
}
|
||||||
|
.page-header.navbar .menu-toggler {
|
||||||
|
background-image: url(../../img/sidebar_toggler_icon_light2.png);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Default Horizontal Menu */
|
||||||
|
.page-header.navbar {
|
||||||
|
/* Default Mega Menu */
|
||||||
|
/* Light Mega Menu */
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav {
|
||||||
|
/* Mega menu content */
|
||||||
|
/* Classic menu */
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
|
||||||
|
box-shadow: 5px 5px rgba(136, 136, 136, 0.2);
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
|
||||||
|
color: #484848;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li > a {
|
||||||
|
color: #484848;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li > a > i {
|
||||||
|
color: #888888;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li.open > a,
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li > a:hover {
|
||||||
|
color: #3b3b3b;
|
||||||
|
background: #eeeeee !important;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li.open > a > i,
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li > a:hover > i {
|
||||||
|
color: #959595;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li.active > a,
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li.active > a, .page-header.navbar .hor-menu .navbar-nav > li.current > a,
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li.current > a {
|
||||||
|
color: white;
|
||||||
|
background: #3FD5C0 !important;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li.active > a > i,
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li.active > a > i, .page-header.navbar .hor-menu .navbar-nav > li.current > a > i,
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li.current > a > i {
|
||||||
|
color: #888888;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li.active .selected, .page-header.navbar .hor-menu .navbar-nav > li.current .selected {
|
||||||
|
border-top: 6px solid #3FD5C0;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu {
|
||||||
|
box-shadow: 5px 5px rgba(136, 136, 136, 0.2);
|
||||||
|
background: #eeeeee;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li > a {
|
||||||
|
color: #151515;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
|
||||||
|
color: #6c6c6c;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
|
||||||
|
color: black;
|
||||||
|
background: #e4e4e4;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i {
|
||||||
|
color: #484848;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
|
||||||
|
color: black;
|
||||||
|
background: #e4e4e4;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a > i,
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a > i,
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > i {
|
||||||
|
color: #484848;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.divider {
|
||||||
|
background-color: #fbfbfb;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-submenu > a:after {
|
||||||
|
color: #6c6c6c;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav {
|
||||||
|
/* Mega menu content */
|
||||||
|
/* Classic menu */
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
|
||||||
|
box-shadow: 5px 5px rgba(102, 102, 102, 0.1);
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
|
||||||
|
color: #666;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a {
|
||||||
|
color: #484848;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a > i {
|
||||||
|
color: #888888;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a:hover {
|
||||||
|
color: #3b3b3b;
|
||||||
|
background: #eeeeee;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a:hover > i {
|
||||||
|
color: #959595;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.open > a {
|
||||||
|
color: #333 !important;
|
||||||
|
background: white !important;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.open > a > i {
|
||||||
|
color: #333 !important;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a,
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a,
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover {
|
||||||
|
color: white;
|
||||||
|
background: #3FD5C0;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a > i,
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover > i, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a > i,
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover > i {
|
||||||
|
color: #888888;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu {
|
||||||
|
box-shadow: 5px 5px rgba(102, 102, 102, 0.1);
|
||||||
|
background: white;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a {
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a > i {
|
||||||
|
color: #888;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a {
|
||||||
|
color: #000;
|
||||||
|
background: #f2f2f7;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a > i {
|
||||||
|
color: #666;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a,
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a,
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover {
|
||||||
|
color: #000;
|
||||||
|
background: #f2f2f7;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a > i,
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a > i,
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover > i {
|
||||||
|
color: #666;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.divider {
|
||||||
|
background-color: #f2f2f7;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu {
|
||||||
|
border: 1px solid #efeff5;
|
||||||
|
}
|
||||||
|
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > .dropdown-menu {
|
||||||
|
border-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Page sidebar */
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover,
|
||||||
|
.page-sidebar {
|
||||||
|
background-color: #F6F6F6;
|
||||||
|
/* Default sidebar */
|
||||||
|
/* light sidebar */
|
||||||
|
/* Sidebar search */
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu,
|
||||||
|
.page-sidebar .page-sidebar-menu {
|
||||||
|
/* 1st level links */
|
||||||
|
/* All links */
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a,
|
||||||
|
.page-sidebar .page-sidebar-menu > li > a {
|
||||||
|
border-top: 1px solid #EEEEEE;
|
||||||
|
color: #555555;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu > li > a > i {
|
||||||
|
color: #AAAAAA;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class^="icon-"],
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class*="icon-"],
|
||||||
|
.page-sidebar .page-sidebar-menu > li > a > i[class^="icon-"],
|
||||||
|
.page-sidebar .page-sidebar-menu > li > a > i[class*="icon-"] {
|
||||||
|
color: #848484;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li > a > .arrow.open:before {
|
||||||
|
color: #AAAAAA;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.heading > h3,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.heading > h3 {
|
||||||
|
color: #1a1a1a;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a,
|
||||||
|
.page-sidebar .page-sidebar-menu > li:hover > a,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.open > a {
|
||||||
|
background: #EFEFEF;
|
||||||
|
color: #555555;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu > li:hover > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.open > a > i {
|
||||||
|
color: #AAAAAA;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li:hover > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li:hover > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.open > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.open > a > .arrow.open:before {
|
||||||
|
color: #AAAAAA;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active > a,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active.open > a {
|
||||||
|
background: #3FD5C0;
|
||||||
|
border-top-color: transparent;
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a:hover,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active > a:hover,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active.open > a:hover {
|
||||||
|
background: #3FD5C0;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active.open > a > i {
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active.open > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active.open > a > .arrow.open:before {
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active + li > a,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active + li > a {
|
||||||
|
border-top-color: transparent;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open + li > a,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active.open + li > a {
|
||||||
|
border-top-color: #EEEEEE;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:last-child > a,
|
||||||
|
.page-sidebar .page-sidebar-menu > li:last-child > a {
|
||||||
|
border-bottom: 1px solid transparent !important;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu li > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu li > a > .arrow.open:before {
|
||||||
|
color: #AAAAAA;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu li:hover > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu li:hover > a > .arrow.open:before {
|
||||||
|
color: #AAAAAA;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu li.active > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu li.active > a > .arrow.open:before {
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu:hover .sub-menu, .page-sidebar-closed
|
||||||
|
.page-sidebar .page-sidebar-menu:hover .sub-menu {
|
||||||
|
background-color: #F6F6F6;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li > a {
|
||||||
|
color: #555555;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li > a > i {
|
||||||
|
color: #AAAAAA;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class^="icon-"],
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class*="icon-"],
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class^="icon-"],
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class*="icon-"] {
|
||||||
|
color: #848484;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li > a > .arrow.open:before {
|
||||||
|
color: #AAAAAA;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a {
|
||||||
|
background: #EFEFEF !important;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a > i {
|
||||||
|
color: #AAAAAA;
|
||||||
|
color: #848484;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a > .arrow.open:before {
|
||||||
|
color: #AAAAAA;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light {
|
||||||
|
/* 1st level links */
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.open > a,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li:hover > a,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.open > a {
|
||||||
|
background: #e9e9e9;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a {
|
||||||
|
background: #e4e4e4;
|
||||||
|
border-left: 4px solid #3FD5C0;
|
||||||
|
color: #666666;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover {
|
||||||
|
border-left: 4px solid #3FD5C0;
|
||||||
|
background: #e9e9e9;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > i {
|
||||||
|
color: #999999;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > .arrow.open:before {
|
||||||
|
color: #999999;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu {
|
||||||
|
background: #f9f9f9;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a,
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a {
|
||||||
|
background: #e9e9e9 !important;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler,
|
||||||
|
.page-sidebar .sidebar-toggler {
|
||||||
|
background: url(../../img/sidebar_inline_toggler_icon_light2.jpg);
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group,
|
||||||
|
.page-sidebar .sidebar-search .input-group {
|
||||||
|
border-bottom: 1px solid #e4e4e4;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control,
|
||||||
|
.page-sidebar .sidebar-search .input-group .form-control {
|
||||||
|
background-color: #F6F6F6;
|
||||||
|
color: #999999;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control::-moz-placeholder,
|
||||||
|
.page-sidebar .sidebar-search .input-group .form-control::-moz-placeholder {
|
||||||
|
color: #9c9c9c;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control:-ms-input-placeholder,
|
||||||
|
.page-sidebar .sidebar-search .input-group .form-control:-ms-input-placeholder {
|
||||||
|
color: #9c9c9c;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control::-webkit-input-placeholder,
|
||||||
|
.page-sidebar .sidebar-search .input-group .form-control::-webkit-input-placeholder {
|
||||||
|
color: #9c9c9c;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .input-group-btn .btn > i,
|
||||||
|
.page-sidebar .sidebar-search .input-group .input-group-btn .btn > i {
|
||||||
|
color: #999999;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-bordered .input-group,
|
||||||
|
.page-sidebar .sidebar-search.sidebar-search-bordered .input-group {
|
||||||
|
border: 1px solid #e4e4e4;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.open .input-group, .page-sidebar-closed
|
||||||
|
.page-sidebar .sidebar-search.open .input-group {
|
||||||
|
background-color: #F6F6F6;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.open .remove > i, .page-sidebar-closed
|
||||||
|
.page-sidebar .sidebar-search.open .remove > i {
|
||||||
|
color: #999999;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid .input-group, .page-sidebar-closed
|
||||||
|
.page-sidebar .sidebar-search.sidebar-search-solid .input-group {
|
||||||
|
background: none;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid .input-group,
|
||||||
|
.page-sidebar .sidebar-search.sidebar-search-solid .input-group {
|
||||||
|
border: 1px solid #dedede;
|
||||||
|
background: #dedede;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid .input-group .form-control,
|
||||||
|
.page-sidebar .sidebar-search.sidebar-search-solid .input-group .form-control {
|
||||||
|
background: #dedede;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid.open .input-group,
|
||||||
|
.page-sidebar .sidebar-search.sidebar-search-solid.open .input-group {
|
||||||
|
border: 1px solid #F6F6F6;
|
||||||
|
background: #F6F6F6;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid.open .input-group .form-control,
|
||||||
|
.page-sidebar .sidebar-search.sidebar-search-solid.open .input-group .form-control {
|
||||||
|
background: #F6F6F6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light {
|
||||||
|
/* 1st level links */
|
||||||
|
}
|
||||||
|
.page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active > a, .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a {
|
||||||
|
border-left: 0;
|
||||||
|
border-right: 4px solid #3FD5C0;
|
||||||
|
}
|
||||||
|
.page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover, .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover {
|
||||||
|
border-left: 0;
|
||||||
|
border-right: 4px solid #3FD5C0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*************
|
||||||
|
Quick Sidebar
|
||||||
|
*************/
|
||||||
|
/***
|
||||||
|
Quick Sidebar Layout
|
||||||
|
***/
|
||||||
|
.page-quick-sidebar-wrapper {
|
||||||
|
background: #9ea6af;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar {
|
||||||
|
background: #9ea6af;
|
||||||
|
}
|
||||||
|
|
||||||
|
/***
|
||||||
|
Quick Sidebar Toggler
|
||||||
|
***/
|
||||||
|
.page-quick-sidebar-toggler {
|
||||||
|
background: #bac0c6;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-toggler:hover {
|
||||||
|
background: #b2b8bf;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-toggler > i {
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
/***
|
||||||
|
Quick Sidebar Content
|
||||||
|
***/
|
||||||
|
.page-quick-sidebar-wrapper {
|
||||||
|
color: white;
|
||||||
|
/* Quick sidebar chat */
|
||||||
|
/* Quick sidebar alerts */
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar {
|
||||||
|
/* Quick sidebar tabs */
|
||||||
|
/* Quick sidebar general list heading */
|
||||||
|
/* Quick sidebar general list-items */
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li > a {
|
||||||
|
color: white;
|
||||||
|
background: #bac0c6;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li > a:hover {
|
||||||
|
background: #acb3bb;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li.open > a {
|
||||||
|
color: white;
|
||||||
|
background: #bac0c6;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li.active > a {
|
||||||
|
border: 0;
|
||||||
|
background: #9ea6af;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu {
|
||||||
|
border: 0;
|
||||||
|
background: #bac0c6;
|
||||||
|
box-shadow: 5px 5px rgba(242, 243, 244, 0.1);
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu:before {
|
||||||
|
border-bottom: 7px solid #bac0c6;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu:after {
|
||||||
|
border-bottom: 7px solid #bac0c6;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu > li > a {
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu > li > a > i {
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu > li > a:hover {
|
||||||
|
background: #c2c7cd;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu > li > a:hover > i {
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu > li.active > a {
|
||||||
|
background: #bdc2c8;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu > li.divider {
|
||||||
|
background-color: #c2c7cd;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .list-heading {
|
||||||
|
color: #e2e2e2;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .list-items {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .list-items > li {
|
||||||
|
border-bottom-color: #a6aeb6;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar .list-items > li:hover {
|
||||||
|
background: #a6aeb6;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar-item {
|
||||||
|
/* back to list */
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar-item .page-quick-sidebar-nav .page-quick-sidebar-back-to-list {
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-body .media-heading-sub {
|
||||||
|
color: #dbdbdb;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-body .media-heading-small {
|
||||||
|
color: #d0d0d0;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .name {
|
||||||
|
color: #f7f7f7;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .datetime {
|
||||||
|
color: #f7f7f7;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .message {
|
||||||
|
color: white;
|
||||||
|
background: #bac0c6;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.in .message .arrow {
|
||||||
|
border-right-color: #bac0c6;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.out .message .arrow {
|
||||||
|
border-left-color: #bac0c6;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li a {
|
||||||
|
color: #f2f2f2;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li a .desc {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li .desc {
|
||||||
|
color: #ececec;
|
||||||
|
}
|
||||||
|
.page-quick-sidebar-wrapper .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li .date {
|
||||||
|
color: #d0d0d0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/******
|
||||||
|
Page Footer
|
||||||
|
******/
|
||||||
|
.page-footer .page-footer-inner {
|
||||||
|
color: #333333;
|
||||||
|
}
|
||||||
|
.page-footer-fixed .page-footer {
|
||||||
|
background-color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 992px) {
|
||||||
|
/* 992px */
|
||||||
|
/* Sidebar menu closed */
|
||||||
|
.page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu {
|
||||||
|
box-shadow: 5px 5px rgba(239, 239, 239, 0.2);
|
||||||
|
}
|
||||||
|
.page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu.sidebar-toggler-wrapper, .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu.sidebar-search-wrapper {
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-sidebar-menu.page-sidebar-menu-closed > li:hover {
|
||||||
|
box-shadow: 5px 5px rgba(239, 239, 239, 0.2);
|
||||||
|
}
|
||||||
|
.page-sidebar-menu.page-sidebar-menu-closed > li:hover.sidebar-toggler-wrapper, .page-sidebar-menu.page-sidebar-menu-closed > li:hover.sidebar-search-wrapper {
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
.page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu {
|
||||||
|
box-shadow: 5px 5px rgba(239, 239, 239, 0.2);
|
||||||
|
}
|
||||||
|
.page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu.sidebar-toggler-wrapper, .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu.sidebar-search-wrapper {
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Light sidebar menu */
|
||||||
|
.page-sidebar-menu.page-sidebar-menu-light.page-sidebar-menu-closed > li.heading {
|
||||||
|
padding: 0;
|
||||||
|
margin-top: 15px;
|
||||||
|
margin-bottom: 15px;
|
||||||
|
border-top: 1px solid #EEEEEE !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Fixed Sidebar */
|
||||||
|
.page-sidebar-fixed:not(.page-footer-fixed) .page-content {
|
||||||
|
border-bottom: 0;
|
||||||
|
}
|
||||||
|
.page-sidebar-fixed:not(.page-footer-fixed) .page-footer {
|
||||||
|
background-color: #fff;
|
||||||
|
}
|
||||||
|
.page-sidebar-fixed:not(.page-footer-fixed) .page-footer .page-footer-inner {
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Boxed Layout */
|
||||||
|
.page-boxed {
|
||||||
|
background-color: #eeeeee !important;
|
||||||
|
/* Page container */
|
||||||
|
/* Page sidebar */
|
||||||
|
/* Page footer */
|
||||||
|
}
|
||||||
|
.page-boxed .page-container {
|
||||||
|
background-color: #F6F6F6;
|
||||||
|
border-left: 1px solid #EEEEEE;
|
||||||
|
border-bottom: 1px solid #EEEEEE;
|
||||||
|
}
|
||||||
|
.page-boxed.page-sidebar-reversed .page-container {
|
||||||
|
border-left: 0;
|
||||||
|
border-right: 1px solid #EEEEEE;
|
||||||
|
}
|
||||||
|
.page-boxed.page-sidebar-fixed .page-container {
|
||||||
|
border-left: 0;
|
||||||
|
border-bottom: 0;
|
||||||
|
}
|
||||||
|
.page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-container {
|
||||||
|
border-left: 0;
|
||||||
|
border-right: 0;
|
||||||
|
border-bottom: 0;
|
||||||
|
}
|
||||||
|
.page-boxed.page-sidebar-fixed .page-sidebar {
|
||||||
|
border-left: 1px solid #EEEEEE;
|
||||||
|
}
|
||||||
|
.page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-sidebar {
|
||||||
|
border-right: 1px solid #EEEEEE;
|
||||||
|
border-left: 0;
|
||||||
|
}
|
||||||
|
.page-boxed.page-sidebar-fixed.page-footer-fixed .page-footer {
|
||||||
|
background-color: #eeeeee !important;
|
||||||
|
}
|
||||||
|
.page-boxed.page-sidebar-fixed.page-footer-fixed .page-footer .page-footer-inner {
|
||||||
|
color: #333333;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Sidebar Menu Wirh Hoverable Submenu */
|
||||||
|
.page-sidebar-menu-hover-submenu li:hover a > .arrow {
|
||||||
|
border-right: 8px solid #e7e7e7;
|
||||||
|
}
|
||||||
|
.page-sidebar-reversed .page-sidebar-menu-hover-submenu li:hover a > .arrow {
|
||||||
|
border-left: 8px solid #e7e7e7;
|
||||||
|
}
|
||||||
|
.page-sidebar-menu-hover-submenu li:hover > .sub-menu {
|
||||||
|
background: #e7e7e7 !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (max-width: 991px) {
|
||||||
|
/* 991px */
|
||||||
|
/* Page sidebar */
|
||||||
|
.page-sidebar {
|
||||||
|
background-color: #dedede;
|
||||||
|
/* light sidebar */
|
||||||
|
}
|
||||||
|
.page-sidebar .page-sidebar-menu > li > a {
|
||||||
|
border-top: 1px solid #F6F6F6;
|
||||||
|
}
|
||||||
|
.page-sidebar .page-sidebar-menu > li:hover > a, .page-sidebar .page-sidebar-menu > li.open > a {
|
||||||
|
background: #d0d0d0;
|
||||||
|
}
|
||||||
|
.page-sidebar .page-sidebar-menu > li:last-child > a {
|
||||||
|
border-bottom: 0 !important;
|
||||||
|
}
|
||||||
|
.page-sidebar .page-sidebar-menu > li .sub-menu {
|
||||||
|
background-color: #dedede !important;
|
||||||
|
}
|
||||||
|
.page-sidebar .page-sidebar-menu .sidebar-search input {
|
||||||
|
background-color: #dedede !important;
|
||||||
|
}
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light {
|
||||||
|
/* 1st level links */
|
||||||
|
}
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li:hover > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.open > a {
|
||||||
|
background: #d2d2d2;
|
||||||
|
}
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a {
|
||||||
|
background: #cacaca;
|
||||||
|
}
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover {
|
||||||
|
background: #cacaca;
|
||||||
|
}
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu {
|
||||||
|
background: #dedede !important;
|
||||||
|
}
|
||||||
|
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a {
|
||||||
|
background: #d2d2d2 !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (max-width: 480px) {
|
||||||
|
/* 480px */
|
||||||
|
.page-header.navbar {
|
||||||
|
/* Top menu */
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu {
|
||||||
|
background-color: #F6F6F6;
|
||||||
|
}
|
||||||
|
.page-header-fixed-mobile .page-header.navbar .top-menu {
|
||||||
|
background-color: #E1E1E1;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
|
||||||
|
background-color: #f0f0f0;
|
||||||
|
}
|
||||||
|
.page-header-fixed-mobile .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
|
||||||
|
background: none;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle:hover {
|
||||||
|
background-color: #eeeeee;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/****
|
||||||
|
Boby
|
||||||
|
****/
|
||||||
|
body {
|
||||||
|
background-color: #F6F6F6;
|
||||||
|
}
|
||||||
|
|
||||||
|
/****
|
||||||
|
CSS3 Spinner Bar
|
||||||
|
****/
|
||||||
|
.page-spinner-bar > div,
|
||||||
|
.block-spinner-bar > div {
|
||||||
|
background: #54dac7;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Page sidebar */
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu,
|
||||||
|
.page-sidebar .page-sidebar-menu {
|
||||||
|
/* Sidebar search */
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a,
|
||||||
|
.page-sidebar .page-sidebar-menu li > a {
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li .sub-menu li > a,
|
||||||
|
.page-sidebar .page-sidebar-menu li .sub-menu li > a {
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 991px) {
|
||||||
|
/* 991px */
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a,
|
||||||
|
.page-sidebar .page-sidebar-menu > li > a {
|
||||||
|
border-top: 1px solid #EEEEEE;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (max-width: 480px) {
|
||||||
|
/* 480px */
|
||||||
|
body {
|
||||||
|
background: #F6F6F6;
|
||||||
|
}
|
||||||
|
}
|
BIN
app/static/admin/layout/img/ajax-loading.gif
Normal file
After Width: | Height: | Size: 29 KiB |
BIN
app/static/admin/layout/img/ajax-modal-loading.gif
Normal file
After Width: | Height: | Size: 27 KiB |
BIN
app/static/admin/layout/img/arrow-down.png
Normal file
After Width: | Height: | Size: 966 B |
BIN
app/static/admin/layout/img/avatar.png
Normal file
After Width: | Height: | Size: 2.0 KiB |
BIN
app/static/admin/layout/img/avatar1.jpg
Normal file
After Width: | Height: | Size: 1.8 KiB |
BIN
app/static/admin/layout/img/avatar10.jpg
Normal file
After Width: | Height: | Size: 10 KiB |
BIN
app/static/admin/layout/img/avatar11.jpg
Normal file
After Width: | Height: | Size: 11 KiB |
BIN
app/static/admin/layout/img/avatar1_small.jpg
Normal file
After Width: | Height: | Size: 1.1 KiB |
BIN
app/static/admin/layout/img/avatar2.jpg
Normal file
After Width: | Height: | Size: 3.7 KiB |
BIN
app/static/admin/layout/img/avatar3.jpg
Normal file
After Width: | Height: | Size: 3.0 KiB |
BIN
app/static/admin/layout/img/avatar3_small.jpg
Normal file
After Width: | Height: | Size: 1.7 KiB |
BIN
app/static/admin/layout/img/avatar4.jpg
Normal file
After Width: | Height: | Size: 10 KiB |
BIN
app/static/admin/layout/img/avatar5.jpg
Normal file
After Width: | Height: | Size: 10 KiB |
BIN
app/static/admin/layout/img/avatar6.jpg
Normal file
After Width: | Height: | Size: 11 KiB |
BIN
app/static/admin/layout/img/avatar7.jpg
Normal file
After Width: | Height: | Size: 11 KiB |
BIN
app/static/admin/layout/img/avatar8.jpg
Normal file
After Width: | Height: | Size: 10 KiB |
BIN
app/static/admin/layout/img/avatar9.jpg
Normal file
After Width: | Height: | Size: 10 KiB |
BIN
app/static/admin/layout/img/hor-menu-red-arrow.png
Normal file
After Width: | Height: | Size: 324 B |
BIN
app/static/admin/layout/img/icon-color-close.png
Normal file
After Width: | Height: | Size: 1.0 KiB |
BIN
app/static/admin/layout/img/icon-color.png
Normal file
After Width: | Height: | Size: 1.2 KiB |
BIN
app/static/admin/layout/img/icon-img-down.png
Normal file
After Width: | Height: | Size: 1023 B |
BIN
app/static/admin/layout/img/icon-img-up.png
Normal file
After Width: | Height: | Size: 999 B |
BIN
app/static/admin/layout/img/inbox-nav-arrow-blue.png
Normal file
After Width: | Height: | Size: 338 B |
BIN
app/static/admin/layout/img/loading-spinner-blue.gif
Normal file
After Width: | Height: | Size: 5.1 KiB |
BIN
app/static/admin/layout/img/loading-spinner-default.gif
Normal file
After Width: | Height: | Size: 5.1 KiB |
BIN
app/static/admin/layout/img/loading-spinner-grey.gif
Normal file
After Width: | Height: | Size: 5.1 KiB |
BIN
app/static/admin/layout/img/loading.gif
Normal file
After Width: | Height: | Size: 2.8 KiB |
BIN
app/static/admin/layout/img/logo-big-white.png
Normal file
After Width: | Height: | Size: 1.9 KiB |
BIN
app/static/admin/layout/img/logo-big.png
Normal file
After Width: | Height: | Size: 1011 B |
BIN
app/static/admin/layout/img/logo-invert.png
Normal file
After Width: | Height: | Size: 839 B |
BIN
app/static/admin/layout/img/logo.png
Normal file
After Width: | Height: | Size: 1.6 KiB |
BIN
app/static/admin/layout/img/menu-toggler.png
Normal file
After Width: | Height: | Size: 948 B |
BIN
app/static/admin/layout/img/photo1.jpg
Normal file
After Width: | Height: | Size: 3.7 KiB |
BIN
app/static/admin/layout/img/photo2.jpg
Normal file
After Width: | Height: | Size: 4.7 KiB |
BIN
app/static/admin/layout/img/photo3.jpg
Normal file
After Width: | Height: | Size: 133 KiB |
BIN
app/static/admin/layout/img/remove-icon-small.png
Normal file
After Width: | Height: | Size: 193 B |
BIN
app/static/admin/layout/img/search_icon_light.png
Normal file
After Width: | Height: | Size: 318 B |
BIN
app/static/admin/layout/img/sidebar-menu-arrow-reverse.png
Normal file
After Width: | Height: | Size: 247 B |
BIN
app/static/admin/layout/img/sidebar-menu-arrow-right.png
Normal file
After Width: | Height: | Size: 247 B |
BIN
app/static/admin/layout/img/sidebar-menu-arrow.png
Normal file
After Width: | Height: | Size: 243 B |
BIN
app/static/admin/layout/img/sidebar_arrow_icon_light.png
Normal file
After Width: | Height: | Size: 314 B |
BIN
app/static/admin/layout/img/sidebar_arrow_icon_light_rtl.png
Normal file
After Width: | Height: | Size: 326 B |
BIN
app/static/admin/layout/img/sidebar_inline_toggler_icon_blue.jpg
Normal file
After Width: | Height: | Size: 1008 B |
After Width: | Height: | Size: 1.1 KiB |
After Width: | Height: | Size: 1.1 KiB |
BIN
app/static/admin/layout/img/sidebar_inline_toggler_icon_grey.jpg
Normal file
After Width: | Height: | Size: 1.2 KiB |
After Width: | Height: | Size: 1.1 KiB |
After Width: | Height: | Size: 1.1 KiB |
BIN
app/static/admin/layout/img/sidebar_toggler_icon_blue.png
Normal file
After Width: | Height: | Size: 2.8 KiB |
BIN
app/static/admin/layout/img/sidebar_toggler_icon_darkblue.png
Normal file
After Width: | Height: | Size: 135 B |
BIN
app/static/admin/layout/img/sidebar_toggler_icon_default.png
Normal file
After Width: | Height: | Size: 135 B |
BIN
app/static/admin/layout/img/sidebar_toggler_icon_grey.png
Normal file
After Width: | Height: | Size: 135 B |
BIN
app/static/admin/layout/img/sidebar_toggler_icon_light.png
Normal file
After Width: | Height: | Size: 135 B |
BIN
app/static/admin/layout/img/sidebar_toggler_icon_light2.png
Normal file
After Width: | Height: | Size: 135 B |
286
app/static/admin/layout/scripts/demo.js
Normal file
@ -0,0 +1,286 @@
|
|||||||
|
/**
|
||||||
|
Demo script to handle the theme demo
|
||||||
|
**/
|
||||||
|
var Demo = function() {
|
||||||
|
|
||||||
|
// Handle Theme Settings
|
||||||
|
var handleTheme = function() {
|
||||||
|
|
||||||
|
var panel = $('.theme-panel');
|
||||||
|
|
||||||
|
if ($('body').hasClass('page-boxed') === false) {
|
||||||
|
$('.layout-option', panel).val("fluid");
|
||||||
|
}
|
||||||
|
|
||||||
|
$('.sidebar-option', panel).val("default");
|
||||||
|
$('.page-header-option', panel).val("fixed");
|
||||||
|
$('.page-footer-option', panel).val("default");
|
||||||
|
if ($('.sidebar-pos-option').attr("disabled") === false) {
|
||||||
|
$('.sidebar-pos-option', panel).val(Metronic.isRTL() ? 'right' : 'left');
|
||||||
|
}
|
||||||
|
|
||||||
|
//handle theme layout
|
||||||
|
var resetLayout = function() {
|
||||||
|
$("body").
|
||||||
|
removeClass("page-boxed").
|
||||||
|
removeClass("page-footer-fixed").
|
||||||
|
removeClass("page-sidebar-fixed").
|
||||||
|
removeClass("page-header-fixed").
|
||||||
|
removeClass("page-sidebar-reversed");
|
||||||
|
|
||||||
|
$('.page-header > .page-header-inner').removeClass("container");
|
||||||
|
|
||||||
|
if ($('.page-container').parent(".container").size() === 1) {
|
||||||
|
$('.page-container').insertAfter('body > .clearfix');
|
||||||
|
}
|
||||||
|
|
||||||
|
if ($('.page-footer > .container').size() === 1) {
|
||||||
|
$('.page-footer').html($('.page-footer > .container').html());
|
||||||
|
} else if ($('.page-footer').parent(".container").size() === 1) {
|
||||||
|
$('.page-footer').insertAfter('.page-container');
|
||||||
|
$('.scroll-to-top').insertAfter('.page-footer');
|
||||||
|
}
|
||||||
|
|
||||||
|
$(".top-menu > .navbar-nav > li.dropdown").removeClass("dropdown-dark");
|
||||||
|
|
||||||
|
$('body > .container').remove();
|
||||||
|
};
|
||||||
|
|
||||||
|
var lastSelectedLayout = '';
|
||||||
|
|
||||||
|
var setLayout = function() {
|
||||||
|
|
||||||
|
var layoutOption = $('.layout-option', panel).val();
|
||||||
|
var sidebarOption = $('.sidebar-option', panel).val();
|
||||||
|
var headerOption = $('.page-header-option', panel).val();
|
||||||
|
var footerOption = $('.page-footer-option', panel).val();
|
||||||
|
var sidebarPosOption = $('.sidebar-pos-option', panel).val();
|
||||||
|
var sidebarStyleOption = $('.sidebar-style-option', panel).val();
|
||||||
|
var sidebarMenuOption = $('.sidebar-menu-option', panel).val();
|
||||||
|
var headerTopDropdownStyle = $('.page-header-top-dropdown-style-option', panel).val();
|
||||||
|
|
||||||
|
if (sidebarOption == "fixed" && headerOption == "default") {
|
||||||
|
alert('Default Header with Fixed Sidebar option is not supported. Proceed with Fixed Header with Fixed Sidebar.');
|
||||||
|
$('.page-header-option', panel).val("fixed");
|
||||||
|
$('.sidebar-option', panel).val("fixed");
|
||||||
|
sidebarOption = 'fixed';
|
||||||
|
headerOption = 'fixed';
|
||||||
|
}
|
||||||
|
|
||||||
|
resetLayout(); // reset layout to default state
|
||||||
|
|
||||||
|
if (layoutOption === "boxed") {
|
||||||
|
$("body").addClass("page-boxed");
|
||||||
|
|
||||||
|
// set header
|
||||||
|
$('.page-header > .page-header-inner').addClass("container");
|
||||||
|
var cont = $('body > .clearfix').after('<div class="container"></div>');
|
||||||
|
|
||||||
|
// set content
|
||||||
|
$('.page-container').appendTo('body > .container');
|
||||||
|
|
||||||
|
// set footer
|
||||||
|
if (footerOption === 'fixed') {
|
||||||
|
$('.page-footer').html('<div class="container">' + $('.page-footer').html() + '</div>');
|
||||||
|
} else {
|
||||||
|
$('.page-footer').appendTo('body > .container');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (lastSelectedLayout != layoutOption) {
|
||||||
|
//layout changed, run responsive handler:
|
||||||
|
Metronic.runResizeHandlers();
|
||||||
|
}
|
||||||
|
lastSelectedLayout = layoutOption;
|
||||||
|
|
||||||
|
//header
|
||||||
|
if (headerOption === 'fixed') {
|
||||||
|
$("body").addClass("page-header-fixed");
|
||||||
|
$(".page-header").removeClass("navbar-static-top").addClass("navbar-fixed-top");
|
||||||
|
} else {
|
||||||
|
$("body").removeClass("page-header-fixed");
|
||||||
|
$(".page-header").removeClass("navbar-fixed-top").addClass("navbar-static-top");
|
||||||
|
}
|
||||||
|
|
||||||
|
//sidebar
|
||||||
|
if ($('body').hasClass('page-full-width') === false) {
|
||||||
|
if (sidebarOption === 'fixed') {
|
||||||
|
$("body").addClass("page-sidebar-fixed");
|
||||||
|
$("page-sidebar-menu").addClass("page-sidebar-menu-fixed");
|
||||||
|
$("page-sidebar-menu").removeClass("page-sidebar-menu-default");
|
||||||
|
Layout.initFixedSidebarHoverEffect();
|
||||||
|
} else {
|
||||||
|
$("body").removeClass("page-sidebar-fixed");
|
||||||
|
$("page-sidebar-menu").addClass("page-sidebar-menu-default");
|
||||||
|
$("page-sidebar-menu").removeClass("page-sidebar-menu-fixed");
|
||||||
|
$('.page-sidebar-menu').unbind('mouseenter').unbind('mouseleave');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// top dropdown style
|
||||||
|
if (headerTopDropdownStyle === 'dark') {
|
||||||
|
$(".top-menu > .navbar-nav > li.dropdown").addClass("dropdown-dark");
|
||||||
|
} else {
|
||||||
|
$(".top-menu > .navbar-nav > li.dropdown").removeClass("dropdown-dark");
|
||||||
|
}
|
||||||
|
|
||||||
|
//footer
|
||||||
|
if (footerOption === 'fixed') {
|
||||||
|
$("body").addClass("page-footer-fixed");
|
||||||
|
} else {
|
||||||
|
$("body").removeClass("page-footer-fixed");
|
||||||
|
}
|
||||||
|
|
||||||
|
//sidebar style
|
||||||
|
if (sidebarStyleOption === 'light') {
|
||||||
|
$(".page-sidebar-menu").addClass("page-sidebar-menu-light");
|
||||||
|
} else {
|
||||||
|
$(".page-sidebar-menu").removeClass("page-sidebar-menu-light");
|
||||||
|
}
|
||||||
|
|
||||||
|
//sidebar menu
|
||||||
|
if (sidebarMenuOption === 'hover') {
|
||||||
|
if (sidebarOption == 'fixed') {
|
||||||
|
$('.sidebar-menu-option', panel).val("accordion");
|
||||||
|
alert("Hover Sidebar Menu is not compatible with Fixed Sidebar Mode. Select Default Sidebar Mode Instead.");
|
||||||
|
} else {
|
||||||
|
$(".page-sidebar-menu").addClass("page-sidebar-menu-hover-submenu");
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
$(".page-sidebar-menu").removeClass("page-sidebar-menu-hover-submenu");
|
||||||
|
}
|
||||||
|
|
||||||
|
//sidebar position
|
||||||
|
if (Metronic.isRTL()) {
|
||||||
|
if (sidebarPosOption === 'left') {
|
||||||
|
$("body").addClass("page-sidebar-reversed");
|
||||||
|
$('#frontend-link').tooltip('destroy').tooltip({
|
||||||
|
placement: 'right'
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
$("body").removeClass("page-sidebar-reversed");
|
||||||
|
$('#frontend-link').tooltip('destroy').tooltip({
|
||||||
|
placement: 'left'
|
||||||
|
});
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
if (sidebarPosOption === 'right') {
|
||||||
|
$("body").addClass("page-sidebar-reversed");
|
||||||
|
$('#frontend-link').tooltip('destroy').tooltip({
|
||||||
|
placement: 'left'
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
$("body").removeClass("page-sidebar-reversed");
|
||||||
|
$('#frontend-link').tooltip('destroy').tooltip({
|
||||||
|
placement: 'right'
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Layout.fixContentHeight(); // fix content height
|
||||||
|
Layout.initFixedSidebar(); // reinitialize fixed sidebar
|
||||||
|
};
|
||||||
|
|
||||||
|
// handle theme colors
|
||||||
|
var setColor = function(color) {
|
||||||
|
var color_ = (Metronic.isRTL() ? color + '-rtl' : color);
|
||||||
|
$('#style_color').attr("href", Layout.getLayoutCssPath() + 'themes/' + color_ + ".css");
|
||||||
|
if (color == 'light2') {
|
||||||
|
$('.page-logo img').attr('src', Layout.getLayoutImgPath() + 'logo-invert.png');
|
||||||
|
} else {
|
||||||
|
$('.page-logo img').attr('src', Layout.getLayoutImgPath() + 'logo.png');
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
$('.toggler', panel).click(function() {
|
||||||
|
$('.toggler').hide();
|
||||||
|
$('.toggler-close').show();
|
||||||
|
$('.theme-panel > .theme-options').show();
|
||||||
|
});
|
||||||
|
|
||||||
|
$('.toggler-close', panel).click(function() {
|
||||||
|
$('.toggler').show();
|
||||||
|
$('.toggler-close').hide();
|
||||||
|
$('.theme-panel > .theme-options').hide();
|
||||||
|
});
|
||||||
|
|
||||||
|
$('.theme-colors > ul > li', panel).click(function() {
|
||||||
|
var color = $(this).attr("data-style");
|
||||||
|
setColor(color);
|
||||||
|
$('ul > li', panel).removeClass("current");
|
||||||
|
$(this).addClass("current");
|
||||||
|
});
|
||||||
|
|
||||||
|
// set default theme options:
|
||||||
|
|
||||||
|
if ($("body").hasClass("page-boxed")) {
|
||||||
|
$('.layout-option', panel).val("boxed");
|
||||||
|
}
|
||||||
|
|
||||||
|
if ($("body").hasClass("page-sidebar-fixed")) {
|
||||||
|
$('.sidebar-option', panel).val("fixed");
|
||||||
|
}
|
||||||
|
|
||||||
|
if ($("body").hasClass("page-header-fixed")) {
|
||||||
|
$('.page-header-option', panel).val("fixed");
|
||||||
|
}
|
||||||
|
|
||||||
|
if ($("body").hasClass("page-footer-fixed")) {
|
||||||
|
$('.page-footer-option', panel).val("fixed");
|
||||||
|
}
|
||||||
|
|
||||||
|
if ($("body").hasClass("page-sidebar-reversed")) {
|
||||||
|
$('.sidebar-pos-option', panel).val("right");
|
||||||
|
}
|
||||||
|
|
||||||
|
if ($(".page-sidebar-menu").hasClass("page-sidebar-menu-light")) {
|
||||||
|
$('.sidebar-style-option', panel).val("light");
|
||||||
|
}
|
||||||
|
|
||||||
|
if ($(".page-sidebar-menu").hasClass("page-sidebar-menu-hover-submenu")) {
|
||||||
|
$('.sidebar-menu-option', panel).val("hover");
|
||||||
|
}
|
||||||
|
|
||||||
|
var sidebarOption = $('.sidebar-option', panel).val();
|
||||||
|
var headerOption = $('.page-header-option', panel).val();
|
||||||
|
var footerOption = $('.page-footer-option', panel).val();
|
||||||
|
var sidebarPosOption = $('.sidebar-pos-option', panel).val();
|
||||||
|
var sidebarStyleOption = $('.sidebar-style-option', panel).val();
|
||||||
|
var sidebarMenuOption = $('.sidebar-menu-option', panel).val();
|
||||||
|
|
||||||
|
$('.layout-option, .page-header-option, .page-header-top-dropdown-style-option, .sidebar-option, .page-footer-option, .sidebar-pos-option, .sidebar-style-option, .sidebar-menu-option', panel).change(setLayout);
|
||||||
|
};
|
||||||
|
|
||||||
|
// handle theme style
|
||||||
|
var setThemeStyle = function(style) {
|
||||||
|
var file = (style === 'rounded' ? 'components-rounded' : 'components');
|
||||||
|
file = (Metronic.isRTL() ? file + '-rtl' : file);
|
||||||
|
|
||||||
|
$('#style_components').attr("href", Metronic.getGlobalCssPath() + file + ".css");
|
||||||
|
|
||||||
|
if ($.cookie) {
|
||||||
|
$.cookie('layout-style-option', style);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
return {
|
||||||
|
|
||||||
|
//main function to initiate the theme
|
||||||
|
init: function() {
|
||||||
|
// handles style customer tool
|
||||||
|
handleTheme();
|
||||||
|
|
||||||
|
// handle layout style change
|
||||||
|
$('.theme-panel .layout-style-option').change(function() {
|
||||||
|
setThemeStyle($(this).val());
|
||||||
|
});
|
||||||
|
|
||||||
|
// set layout style from cookie
|
||||||
|
if ($.cookie && $.cookie('layout-style-option') === 'rounded') {
|
||||||
|
setThemeStyle($.cookie('layout-style-option'));
|
||||||
|
$('.theme-panel .layout-style-option').val($.cookie('layout-style-option'));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
}();
|
612
app/static/admin/layout/scripts/layout.js
Normal file
@ -0,0 +1,612 @@
|
|||||||
|
/**
|
||||||
|
Core script to handle the entire theme and core functions
|
||||||
|
**/
|
||||||
|
var Layout = function () {
|
||||||
|
|
||||||
|
var layoutImgPath = 'admin/layout/img/';
|
||||||
|
|
||||||
|
var layoutCssPath = 'admin/layout/css/';
|
||||||
|
|
||||||
|
var resBreakpointMd = Metronic.getResponsiveBreakpoint('md');
|
||||||
|
|
||||||
|
//* BEGIN:CORE HANDLERS *//
|
||||||
|
// this function handles responsive layout on screen size resize or mobile device rotate.
|
||||||
|
|
||||||
|
// Set proper height for sidebar and content. The content and sidebar height must be synced always.
|
||||||
|
var handleSidebarAndContentHeight = function () {
|
||||||
|
var content = $('.page-content');
|
||||||
|
var sidebar = $('.page-sidebar');
|
||||||
|
var body = $('body');
|
||||||
|
var height;
|
||||||
|
|
||||||
|
if (body.hasClass("page-footer-fixed") === true && body.hasClass("page-sidebar-fixed") === false) {
|
||||||
|
var available_height = Metronic.getViewPort().height - $('.page-footer').outerHeight() - $('.page-header').outerHeight();
|
||||||
|
if (content.height() < available_height) {
|
||||||
|
content.attr('style', 'min-height:' + available_height + 'px');
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
if (body.hasClass('page-sidebar-fixed')) {
|
||||||
|
height = _calculateFixedSidebarViewportHeight();
|
||||||
|
if (body.hasClass('page-footer-fixed') === false) {
|
||||||
|
height = height - $('.page-footer').outerHeight();
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
var headerHeight = $('.page-header').outerHeight();
|
||||||
|
var footerHeight = $('.page-footer').outerHeight();
|
||||||
|
|
||||||
|
if (Metronic.getViewPort().width < resBreakpointMd) {
|
||||||
|
height = Metronic.getViewPort().height - headerHeight - footerHeight;
|
||||||
|
} else {
|
||||||
|
height = sidebar.height() + 20;
|
||||||
|
}
|
||||||
|
|
||||||
|
if ((height + headerHeight + footerHeight) <= Metronic.getViewPort().height) {
|
||||||
|
height = Metronic.getViewPort().height - headerHeight - footerHeight;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
content.attr('style', 'min-height:' + height + 'px');
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
// Handle sidebar menu links
|
||||||
|
var handleSidebarMenuActiveLink = function(mode, el) {
|
||||||
|
var url = location.hash.toLowerCase();
|
||||||
|
|
||||||
|
var menu = $('.page-sidebar-menu');
|
||||||
|
|
||||||
|
if (mode === 'click' || mode === 'set') {
|
||||||
|
el = $(el);
|
||||||
|
} else if (mode === 'match') {
|
||||||
|
menu.find("li > a").each(function() {
|
||||||
|
var path = $(this).attr("href").toLowerCase();
|
||||||
|
// url match condition
|
||||||
|
if (path.length > 1 && url.substr(1, path.length - 1) == path.substr(1)) {
|
||||||
|
el = $(this);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
if (!el || el.size() == 0) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (el.attr('href').toLowerCase() === 'javascript:;' || el.attr('href').toLowerCase() === '#') {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
var slideSpeed = parseInt(menu.data("slide-speed"));
|
||||||
|
var keepExpand = menu.data("keep-expanded");
|
||||||
|
|
||||||
|
// disable active states
|
||||||
|
menu.find('li.active').removeClass('active');
|
||||||
|
menu.find('li > a > .selected').remove();
|
||||||
|
|
||||||
|
if (menu.hasClass('page-sidebar-menu-hover-submenu') === false) {
|
||||||
|
menu.find('li.open').each(function(){
|
||||||
|
if ($(this).children('.sub-menu').size() === 0) {
|
||||||
|
$(this).removeClass('open');
|
||||||
|
$(this).find('> a > .arrow.open').removeClass('open');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
menu.find('li.open').removeClass('open');
|
||||||
|
}
|
||||||
|
|
||||||
|
el.parents('li').each(function () {
|
||||||
|
$(this).addClass('active');
|
||||||
|
$(this).find('> a > span.arrow').addClass('open');
|
||||||
|
|
||||||
|
if ($(this).parent('ul.page-sidebar-menu').size() === 1) {
|
||||||
|
$(this).find('> a').append('<span class="selected"></span>');
|
||||||
|
}
|
||||||
|
|
||||||
|
if ($(this).children('ul.sub-menu').size() === 1) {
|
||||||
|
$(this).addClass('open');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
if (mode === 'click') {
|
||||||
|
if (Metronic.getViewPort().width < resBreakpointMd && $('.page-sidebar').hasClass("in")) { // close the menu on mobile view while laoding a page
|
||||||
|
$('.page-header .responsive-toggler').click();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
// Handle sidebar menu
|
||||||
|
var handleSidebarMenu = function () {
|
||||||
|
// handle sidebar link click
|
||||||
|
$('.page-sidebar').on('click', 'li > a', function (e) {
|
||||||
|
|
||||||
|
if ($('body').hasClass('page-sidebar-closed') && $(this).parent('li').parent('.page-sidebar-menu').size() === 1) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
var hasSubMenu = $(this).next().hasClass('sub-menu');
|
||||||
|
|
||||||
|
if (Metronic.getViewPort().width >= resBreakpointMd && $(this).parents('.page-sidebar-menu-hover-submenu').size() === 1) { // exit of hover sidebar menu
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (hasSubMenu === false) {
|
||||||
|
if (Metronic.getViewPort().width < resBreakpointMd && $('.page-sidebar').hasClass("in")) { // close the menu on mobile view while laoding a page
|
||||||
|
$('.page-header .responsive-toggler').click();
|
||||||
|
}
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
if ($(this).next().hasClass('sub-menu always-open')) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
var parent = $(this).parent().parent();
|
||||||
|
var the = $(this);
|
||||||
|
var menu = $('.page-sidebar-menu');
|
||||||
|
var sub = $(this).next();
|
||||||
|
|
||||||
|
var autoScroll = menu.data("auto-scroll");
|
||||||
|
var slideSpeed = parseInt(menu.data("slide-speed"));
|
||||||
|
var keepExpand = menu.data("keep-expanded");
|
||||||
|
|
||||||
|
if (keepExpand !== true) {
|
||||||
|
parent.children('li.open').children('a').children('.arrow').removeClass('open');
|
||||||
|
parent.children('li.open').children('.sub-menu:not(.always-open)').slideUp(slideSpeed);
|
||||||
|
parent.children('li.open').removeClass('open');
|
||||||
|
}
|
||||||
|
|
||||||
|
var slideOffeset = -200;
|
||||||
|
|
||||||
|
if (sub.is(":visible")) {
|
||||||
|
$('.arrow', $(this)).removeClass("open");
|
||||||
|
$(this).parent().removeClass("open");
|
||||||
|
sub.slideUp(slideSpeed, function () {
|
||||||
|
if (autoScroll === true && $('body').hasClass('page-sidebar-closed') === false) {
|
||||||
|
if ($('body').hasClass('page-sidebar-fixed')) {
|
||||||
|
menu.slimScroll({
|
||||||
|
'scrollTo': (the.position()).top
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
Metronic.scrollTo(the, slideOffeset);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
handleSidebarAndContentHeight();
|
||||||
|
});
|
||||||
|
} else if (hasSubMenu) {
|
||||||
|
$('.arrow', $(this)).addClass("open");
|
||||||
|
$(this).parent().addClass("open");
|
||||||
|
sub.slideDown(slideSpeed, function () {
|
||||||
|
if (autoScroll === true && $('body').hasClass('page-sidebar-closed') === false) {
|
||||||
|
if ($('body').hasClass('page-sidebar-fixed')) {
|
||||||
|
menu.slimScroll({
|
||||||
|
'scrollTo': (the.position()).top
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
Metronic.scrollTo(the, slideOffeset);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
handleSidebarAndContentHeight();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
e.preventDefault();
|
||||||
|
});
|
||||||
|
|
||||||
|
// handle ajax links within sidebar menu
|
||||||
|
$('.page-sidebar').on('click', ' li > a.ajaxify', function (e) {
|
||||||
|
e.preventDefault();
|
||||||
|
Metronic.scrollTop();
|
||||||
|
|
||||||
|
var url = $(this).attr("href");
|
||||||
|
var menuContainer = $('.page-sidebar ul');
|
||||||
|
var pageContent = $('.page-content');
|
||||||
|
var pageContentBody = $('.page-content .page-content-body');
|
||||||
|
|
||||||
|
menuContainer.children('li.active').removeClass('active');
|
||||||
|
menuContainer.children('arrow.open').removeClass('open');
|
||||||
|
|
||||||
|
$(this).parents('li').each(function () {
|
||||||
|
$(this).addClass('active');
|
||||||
|
$(this).children('a > span.arrow').addClass('open');
|
||||||
|
});
|
||||||
|
$(this).parents('li').addClass('active');
|
||||||
|
|
||||||
|
if (Metronic.getViewPort().width < resBreakpointMd && $('.page-sidebar').hasClass("in")) { // close the menu on mobile view while laoding a page
|
||||||
|
$('.page-header .responsive-toggler').click();
|
||||||
|
}
|
||||||
|
|
||||||
|
Metronic.startPageLoading();
|
||||||
|
|
||||||
|
var the = $(this);
|
||||||
|
|
||||||
|
$.ajax({
|
||||||
|
type: "GET",
|
||||||
|
cache: false,
|
||||||
|
url: url,
|
||||||
|
dataType: "html",
|
||||||
|
success: function (res) {
|
||||||
|
if (the.parents('li.open').size() === 0) {
|
||||||
|
$('.page-sidebar-menu > li.open > a').click();
|
||||||
|
}
|
||||||
|
|
||||||
|
Metronic.stopPageLoading();
|
||||||
|
pageContentBody.html(res);
|
||||||
|
Layout.fixContentHeight(); // fix content height
|
||||||
|
Metronic.initAjax(); // initialize core stuff
|
||||||
|
},
|
||||||
|
error: function (xhr, ajaxOptions, thrownError) {
|
||||||
|
Metronic.stopPageLoading();
|
||||||
|
pageContentBody.html('<h4>Could not load the requested content.</h4>');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
// handle ajax link within main content
|
||||||
|
$('.page-content').on('click', '.ajaxify', function (e) {
|
||||||
|
e.preventDefault();
|
||||||
|
Metronic.scrollTop();
|
||||||
|
|
||||||
|
var url = $(this).attr("href");
|
||||||
|
var pageContent = $('.page-content');
|
||||||
|
var pageContentBody = $('.page-content .page-content-body');
|
||||||
|
|
||||||
|
Metronic.startPageLoading();
|
||||||
|
|
||||||
|
if (Metronic.getViewPort().width < resBreakpointMd && $('.page-sidebar').hasClass("in")) { // close the menu on mobile view while laoding a page
|
||||||
|
$('.page-header .responsive-toggler').click();
|
||||||
|
}
|
||||||
|
|
||||||
|
$.ajax({
|
||||||
|
type: "GET",
|
||||||
|
cache: false,
|
||||||
|
url: url,
|
||||||
|
dataType: "html",
|
||||||
|
success: function (res) {
|
||||||
|
Metronic.stopPageLoading();
|
||||||
|
pageContentBody.html(res);
|
||||||
|
Layout.fixContentHeight(); // fix content height
|
||||||
|
Metronic.initAjax(); // initialize core stuff
|
||||||
|
},
|
||||||
|
error: function (xhr, ajaxOptions, thrownError) {
|
||||||
|
pageContentBody.html('<h4>Could not load the requested content.</h4>');
|
||||||
|
Metronic.stopPageLoading();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
// handle scrolling to top on responsive menu toggler click when header is fixed for mobile view
|
||||||
|
$(document).on('click', '.page-header-fixed-mobile .page-header .responsive-toggler', function(){
|
||||||
|
Metronic.scrollTop();
|
||||||
|
});
|
||||||
|
|
||||||
|
// handle sidebar hover effect
|
||||||
|
handleFixedSidebarHoverEffect();
|
||||||
|
|
||||||
|
// handle the search bar close
|
||||||
|
$('.page-sidebar').on('click', '.sidebar-search .remove', function (e) {
|
||||||
|
e.preventDefault();
|
||||||
|
$('.sidebar-search').removeClass("open");
|
||||||
|
});
|
||||||
|
|
||||||
|
// handle the search query submit on enter press
|
||||||
|
$('.page-sidebar .sidebar-search').on('keypress', 'input.form-control', function (e) {
|
||||||
|
if (e.which == 13) {
|
||||||
|
$('.sidebar-search').submit();
|
||||||
|
return false; //<---- Add this line
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
// handle the search submit(for sidebar search and responsive mode of the header search)
|
||||||
|
$('.sidebar-search .submit').on('click', function (e) {
|
||||||
|
e.preventDefault();
|
||||||
|
if ($('body').hasClass("page-sidebar-closed")) {
|
||||||
|
if ($('.sidebar-search').hasClass('open') === false) {
|
||||||
|
if ($('.page-sidebar-fixed').size() === 1) {
|
||||||
|
$('.page-sidebar .sidebar-toggler').click(); //trigger sidebar toggle button
|
||||||
|
}
|
||||||
|
$('.sidebar-search').addClass("open");
|
||||||
|
} else {
|
||||||
|
$('.sidebar-search').submit();
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
$('.sidebar-search').submit();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
// handle close on body click
|
||||||
|
if ($('.sidebar-search').size() !== 0) {
|
||||||
|
$('.sidebar-search .input-group').on('click', function(e){
|
||||||
|
e.stopPropagation();
|
||||||
|
});
|
||||||
|
|
||||||
|
$('body').on('click', function() {
|
||||||
|
if ($('.sidebar-search').hasClass('open')) {
|
||||||
|
$('.sidebar-search').removeClass("open");
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
// Helper function to calculate sidebar height for fixed sidebar layout.
|
||||||
|
var _calculateFixedSidebarViewportHeight = function () {
|
||||||
|
var sidebarHeight = Metronic.getViewPort().height - $('.page-header').outerHeight();
|
||||||
|
if ($('body').hasClass("page-footer-fixed")) {
|
||||||
|
sidebarHeight = sidebarHeight - $('.page-footer').outerHeight();
|
||||||
|
}
|
||||||
|
|
||||||
|
return sidebarHeight;
|
||||||
|
};
|
||||||
|
|
||||||
|
// Handles fixed sidebar
|
||||||
|
var handleFixedSidebar = function () {
|
||||||
|
var menu = $('.page-sidebar-menu');
|
||||||
|
|
||||||
|
Metronic.destroySlimScroll(menu);
|
||||||
|
|
||||||
|
if ($('.page-sidebar-fixed').size() === 0) {
|
||||||
|
handleSidebarAndContentHeight();
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (Metronic.getViewPort().width >= resBreakpointMd) {
|
||||||
|
menu.attr("data-height", _calculateFixedSidebarViewportHeight());
|
||||||
|
Metronic.initSlimScroll(menu);
|
||||||
|
handleSidebarAndContentHeight();
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
// Handles sidebar toggler to close/hide the sidebar.
|
||||||
|
var handleFixedSidebarHoverEffect = function () {
|
||||||
|
var body = $('body');
|
||||||
|
if (body.hasClass('page-sidebar-fixed')) {
|
||||||
|
$('.page-sidebar').on('mouseenter', function () {
|
||||||
|
if (body.hasClass('page-sidebar-closed')) {
|
||||||
|
$(this).find('.page-sidebar-menu').removeClass('page-sidebar-menu-closed');
|
||||||
|
}
|
||||||
|
}).on('mouseleave', function () {
|
||||||
|
if (body.hasClass('page-sidebar-closed')) {
|
||||||
|
$(this).find('.page-sidebar-menu').addClass('page-sidebar-menu-closed');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
// Hanles sidebar toggler
|
||||||
|
var handleSidebarToggler = function () {
|
||||||
|
var body = $('body');
|
||||||
|
if ($.cookie && $.cookie('sidebar_closed') === '1' && Metronic.getViewPort().width >= resBreakpointMd) {
|
||||||
|
$('body').addClass('page-sidebar-closed');
|
||||||
|
$('.page-sidebar-menu').addClass('page-sidebar-menu-closed');
|
||||||
|
}
|
||||||
|
|
||||||
|
// handle sidebar show/hide
|
||||||
|
$('body').on('click', '.sidebar-toggler', function (e) {
|
||||||
|
var sidebar = $('.page-sidebar');
|
||||||
|
var sidebarMenu = $('.page-sidebar-menu');
|
||||||
|
$(".sidebar-search", sidebar).removeClass("open");
|
||||||
|
|
||||||
|
if (body.hasClass("page-sidebar-closed")) {
|
||||||
|
body.removeClass("page-sidebar-closed");
|
||||||
|
sidebarMenu.removeClass("page-sidebar-menu-closed");
|
||||||
|
if ($.cookie) {
|
||||||
|
$.cookie('sidebar_closed', '0');
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
body.addClass("page-sidebar-closed");
|
||||||
|
sidebarMenu.addClass("page-sidebar-menu-closed");
|
||||||
|
if (body.hasClass("page-sidebar-fixed")) {
|
||||||
|
sidebarMenu.trigger("mouseleave");
|
||||||
|
}
|
||||||
|
if ($.cookie) {
|
||||||
|
$.cookie('sidebar_closed', '1');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
$(window).trigger('resize');
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
// Handles the horizontal menu
|
||||||
|
var handleHorizontalMenu = function () {
|
||||||
|
//handle tab click
|
||||||
|
$('.page-header').on('click', '.hor-menu a[data-toggle="tab"]', function (e) {
|
||||||
|
e.preventDefault();
|
||||||
|
var nav = $(".hor-menu .nav");
|
||||||
|
var active_link = nav.find('li.current');
|
||||||
|
$('li.active', active_link).removeClass("active");
|
||||||
|
$('.selected', active_link).remove();
|
||||||
|
var new_link = $(this).parents('li').last();
|
||||||
|
new_link.addClass("current");
|
||||||
|
new_link.find("a:first").append('<span class="selected"></span>');
|
||||||
|
});
|
||||||
|
|
||||||
|
// handle search box expand/collapse
|
||||||
|
$('.page-header').on('click', '.search-form', function (e) {
|
||||||
|
$(this).addClass("open");
|
||||||
|
$(this).find('.form-control').focus();
|
||||||
|
|
||||||
|
$('.page-header .search-form .form-control').on('blur', function (e) {
|
||||||
|
$(this).closest('.search-form').removeClass("open");
|
||||||
|
$(this).unbind("blur");
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
// handle hor menu search form on enter press
|
||||||
|
$('.page-header').on('keypress', '.hor-menu .search-form .form-control', function (e) {
|
||||||
|
if (e.which == 13) {
|
||||||
|
$(this).closest('.search-form').submit();
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
// handle header search button click
|
||||||
|
$('.page-header').on('mousedown', '.search-form.open .submit', function (e) {
|
||||||
|
e.preventDefault();
|
||||||
|
e.stopPropagation();
|
||||||
|
$(this).closest('.search-form').submit();
|
||||||
|
});
|
||||||
|
|
||||||
|
// handle hover dropdown menu for desktop devices only
|
||||||
|
$('[data-hover="megamenu-dropdown"]').not('.hover-initialized').each(function() {
|
||||||
|
$(this).dropdownHover();
|
||||||
|
$(this).addClass('hover-initialized');
|
||||||
|
});
|
||||||
|
|
||||||
|
$(document).on('click', '.mega-menu-dropdown .dropdown-menu', function (e) {
|
||||||
|
e.stopPropagation();
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
// Handles Bootstrap Tabs.
|
||||||
|
var handleTabs = function () {
|
||||||
|
// fix content height on tab click
|
||||||
|
$('body').on('shown.bs.tab', 'a[data-toggle="tab"]', function () {
|
||||||
|
handleSidebarAndContentHeight();
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
// Handles the go to top button at the footer
|
||||||
|
var handleGoTop = function () {
|
||||||
|
var offset = 300;
|
||||||
|
var duration = 500;
|
||||||
|
|
||||||
|
if (navigator.userAgent.match(/iPhone|iPad|iPod/i)) { // ios supported
|
||||||
|
$(window).bind("touchend touchcancel touchleave", function(e){
|
||||||
|
if ($(this).scrollTop() > offset) {
|
||||||
|
$('.scroll-to-top').fadeIn(duration);
|
||||||
|
} else {
|
||||||
|
$('.scroll-to-top').fadeOut(duration);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
} else { // general
|
||||||
|
$(window).scroll(function() {
|
||||||
|
if ($(this).scrollTop() > offset) {
|
||||||
|
$('.scroll-to-top').fadeIn(duration);
|
||||||
|
} else {
|
||||||
|
$('.scroll-to-top').fadeOut(duration);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
$('.scroll-to-top').click(function(e) {
|
||||||
|
e.preventDefault();
|
||||||
|
$('html, body').animate({scrollTop: 0}, duration);
|
||||||
|
return false;
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
// Hanlde 100% height elements(block, portlet, etc)
|
||||||
|
var handle100HeightContent = function () {
|
||||||
|
|
||||||
|
var target = $('.full-height-content');
|
||||||
|
var height;
|
||||||
|
|
||||||
|
height = Metronic.getViewPort().height -
|
||||||
|
$('.page-header').outerHeight(true) -
|
||||||
|
$('.page-footer').outerHeight(true) -
|
||||||
|
$('.page-title').outerHeight(true) -
|
||||||
|
$('.page-bar').outerHeight(true);
|
||||||
|
|
||||||
|
if (target.hasClass('portlet')) {
|
||||||
|
var portletBody = target.find('.portlet-body');
|
||||||
|
|
||||||
|
if (Metronic.getViewPort().width < resBreakpointMd) {
|
||||||
|
Metronic.destroySlimScroll(portletBody.find('.full-height-content-body')); // destroy slimscroll
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
height = height -
|
||||||
|
target.find('.portlet-title').outerHeight(true) -
|
||||||
|
parseInt(target.find('.portlet-body').css('padding-top')) -
|
||||||
|
parseInt(target.find('.portlet-body').css('padding-bottom')) - 2;
|
||||||
|
|
||||||
|
if (target.hasClass("full-height-content-scrollable")) {
|
||||||
|
height = height - 35;
|
||||||
|
portletBody.find('.full-height-content-body').css('height', height);
|
||||||
|
Metronic.initSlimScroll(portletBody.find('.full-height-content-body'));
|
||||||
|
} else {
|
||||||
|
portletBody.css('min-height', height);
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
if (Metronic.getViewPort().width < resBreakpointMd) {
|
||||||
|
Metronic.destroySlimScroll(target.find('.full-height-content-body')); // destroy slimscroll
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (target.hasClass("full-height-content-scrollable")) {
|
||||||
|
height = height - 35;
|
||||||
|
target.find('.full-height-content-body').css('height', height);
|
||||||
|
Metronic.initSlimScroll(target.find('.full-height-content-body'));
|
||||||
|
} else {
|
||||||
|
target.css('min-height', height);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
//* END:CORE HANDLERS *//
|
||||||
|
|
||||||
|
return {
|
||||||
|
// Main init methods to initialize the layout
|
||||||
|
//IMPORTANT!!!: Do not modify the core handlers call order.
|
||||||
|
|
||||||
|
initHeader: function() {
|
||||||
|
handleHorizontalMenu(); // handles horizontal menu
|
||||||
|
},
|
||||||
|
|
||||||
|
setSidebarMenuActiveLink: function(mode, el) {
|
||||||
|
handleSidebarMenuActiveLink(mode, el);
|
||||||
|
},
|
||||||
|
|
||||||
|
initSidebar: function() {
|
||||||
|
//layout handlers
|
||||||
|
handleFixedSidebar(); // handles fixed sidebar menu
|
||||||
|
handleSidebarMenu(); // handles main menu
|
||||||
|
handleSidebarToggler(); // handles sidebar hide/show
|
||||||
|
|
||||||
|
if (Metronic.isAngularJsApp()) {
|
||||||
|
handleSidebarMenuActiveLink('match'); // init sidebar active links
|
||||||
|
}
|
||||||
|
|
||||||
|
Metronic.addResizeHandler(handleFixedSidebar); // reinitialize fixed sidebar on window resize
|
||||||
|
},
|
||||||
|
|
||||||
|
initContent: function() {
|
||||||
|
handle100HeightContent(); // handles 100% height elements(block, portlet, etc)
|
||||||
|
handleTabs(); // handle bootstrah tabs
|
||||||
|
|
||||||
|
Metronic.addResizeHandler(handleSidebarAndContentHeight); // recalculate sidebar & content height on window resize
|
||||||
|
Metronic.addResizeHandler(handle100HeightContent); // reinitialize content height on window resize
|
||||||
|
},
|
||||||
|
|
||||||
|
initFooter: function() {
|
||||||
|
handleGoTop(); //handles scroll to top functionality in the footer
|
||||||
|
},
|
||||||
|
|
||||||
|
init: function () {
|
||||||
|
this.initHeader();
|
||||||
|
this.initSidebar();
|
||||||
|
this.initContent();
|
||||||
|
this.initFooter();
|
||||||
|
},
|
||||||
|
|
||||||
|
//public function to fix the sidebar and content height accordingly
|
||||||
|
fixContentHeight: function () {
|
||||||
|
handleSidebarAndContentHeight();
|
||||||
|
},
|
||||||
|
|
||||||
|
initFixedSidebarHoverEffect: function() {
|
||||||
|
handleFixedSidebarHoverEffect();
|
||||||
|
},
|
||||||
|
|
||||||
|
initFixedSidebar: function() {
|
||||||
|
handleFixedSidebar();
|
||||||
|
},
|
||||||
|
|
||||||
|
getLayoutImgPath: function () {
|
||||||
|
return Metronic.getAssetsPath() + layoutImgPath;
|
||||||
|
},
|
||||||
|
|
||||||
|
getLayoutCssPath: function () {
|
||||||
|
return Metronic.getAssetsPath() + layoutCssPath;
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
}();
|
174
app/static/admin/layout/scripts/quick-sidebar.js
Normal file
@ -0,0 +1,174 @@
|
|||||||
|
/**
|
||||||
|
Core script to handle the entire theme and core functions
|
||||||
|
**/
|
||||||
|
var QuickSidebar = function () {
|
||||||
|
|
||||||
|
// Handles quick sidebar toggler
|
||||||
|
var handleQuickSidebarToggler = function () {
|
||||||
|
// quick sidebar toggler
|
||||||
|
$('.top-menu .dropdown-quick-sidebar-toggler a, .page-quick-sidebar-toggler').click(function (e) {
|
||||||
|
$('body').toggleClass('page-quick-sidebar-open');
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
// Handles quick sidebar chats
|
||||||
|
var handleQuickSidebarChat = function () {
|
||||||
|
var wrapper = $('.page-quick-sidebar-wrapper');
|
||||||
|
var wrapperChat = wrapper.find('.page-quick-sidebar-chat');
|
||||||
|
|
||||||
|
var initChatSlimScroll = function () {
|
||||||
|
var chatUsers = wrapper.find('.page-quick-sidebar-chat-users');
|
||||||
|
var chatUsersHeight;
|
||||||
|
|
||||||
|
chatUsersHeight = wrapper.height() - wrapper.find('.nav-justified > .nav-tabs').outerHeight();
|
||||||
|
|
||||||
|
// chat user list
|
||||||
|
Metronic.destroySlimScroll(chatUsers);
|
||||||
|
chatUsers.attr("data-height", chatUsersHeight);
|
||||||
|
Metronic.initSlimScroll(chatUsers);
|
||||||
|
|
||||||
|
var chatMessages = wrapperChat.find('.page-quick-sidebar-chat-user-messages');
|
||||||
|
var chatMessagesHeight = chatUsersHeight - wrapperChat.find('.page-quick-sidebar-chat-user-form').outerHeight() - wrapperChat.find('.page-quick-sidebar-nav').outerHeight();
|
||||||
|
|
||||||
|
// user chat messages
|
||||||
|
Metronic.destroySlimScroll(chatMessages);
|
||||||
|
chatMessages.attr("data-height", chatMessagesHeight);
|
||||||
|
Metronic.initSlimScroll(chatMessages);
|
||||||
|
};
|
||||||
|
|
||||||
|
initChatSlimScroll();
|
||||||
|
Metronic.addResizeHandler(initChatSlimScroll); // reinitialize on window resize
|
||||||
|
|
||||||
|
wrapper.find('.page-quick-sidebar-chat-users .media-list > .media').click(function () {
|
||||||
|
wrapperChat.addClass("page-quick-sidebar-content-item-shown");
|
||||||
|
});
|
||||||
|
|
||||||
|
wrapper.find('.page-quick-sidebar-chat-user .page-quick-sidebar-back-to-list').click(function () {
|
||||||
|
wrapperChat.removeClass("page-quick-sidebar-content-item-shown");
|
||||||
|
});
|
||||||
|
|
||||||
|
var handleChatMessagePost = function (e) {
|
||||||
|
e.preventDefault();
|
||||||
|
|
||||||
|
var chatContainer = wrapperChat.find(".page-quick-sidebar-chat-user-messages");
|
||||||
|
var input = wrapperChat.find('.page-quick-sidebar-chat-user-form .form-control');
|
||||||
|
|
||||||
|
var text = input.val();
|
||||||
|
if (text.length === 0) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
var preparePost = function(dir, time, name, avatar, message) {
|
||||||
|
var tpl = '';
|
||||||
|
tpl += '<div class="post '+ dir +'">';
|
||||||
|
tpl += '<img class="avatar" alt="" src="' + Layout.getLayoutImgPath() + avatar +'.jpg"/>';
|
||||||
|
tpl += '<div class="message">';
|
||||||
|
tpl += '<span class="arrow"></span>';
|
||||||
|
tpl += '<a href="#" class="name">Bob Nilson</a> ';
|
||||||
|
tpl += '<span class="datetime">' + time + '</span>';
|
||||||
|
tpl += '<span class="body">';
|
||||||
|
tpl += message;
|
||||||
|
tpl += '</span>';
|
||||||
|
tpl += '</div>';
|
||||||
|
tpl += '</div>';
|
||||||
|
|
||||||
|
return tpl;
|
||||||
|
};
|
||||||
|
|
||||||
|
// handle post
|
||||||
|
var time = new Date();
|
||||||
|
var message = preparePost('out', (time.getHours() + ':' + time.getMinutes()), "Bob Nilson", 'avatar3', text);
|
||||||
|
message = $(message);
|
||||||
|
chatContainer.append(message);
|
||||||
|
|
||||||
|
var getLastPostPos = function() {
|
||||||
|
var height = 0;
|
||||||
|
chatContainer.find(".post").each(function() {
|
||||||
|
height = height + $(this).outerHeight();
|
||||||
|
});
|
||||||
|
|
||||||
|
return height;
|
||||||
|
};
|
||||||
|
|
||||||
|
chatContainer.slimScroll({
|
||||||
|
scrollTo: getLastPostPos()
|
||||||
|
});
|
||||||
|
|
||||||
|
input.val("");
|
||||||
|
|
||||||
|
// simulate reply
|
||||||
|
setTimeout(function(){
|
||||||
|
var time = new Date();
|
||||||
|
var message = preparePost('in', (time.getHours() + ':' + time.getMinutes()), "Ella Wong", 'avatar2', 'Lorem ipsum doloriam nibh...');
|
||||||
|
message = $(message);
|
||||||
|
chatContainer.append(message);
|
||||||
|
|
||||||
|
chatContainer.slimScroll({
|
||||||
|
scrollTo: getLastPostPos()
|
||||||
|
});
|
||||||
|
}, 3000);
|
||||||
|
};
|
||||||
|
|
||||||
|
wrapperChat.find('.page-quick-sidebar-chat-user-form .btn').click(handleChatMessagePost);
|
||||||
|
wrapperChat.find('.page-quick-sidebar-chat-user-form .form-control').keypress(function (e) {
|
||||||
|
if (e.which == 13) {
|
||||||
|
handleChatMessagePost(e);
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
// Handles quick sidebar tasks
|
||||||
|
var handleQuickSidebarAlerts = function () {
|
||||||
|
var wrapper = $('.page-quick-sidebar-wrapper');
|
||||||
|
var wrapperAlerts = wrapper.find('.page-quick-sidebar-alerts');
|
||||||
|
|
||||||
|
var initAlertsSlimScroll = function () {
|
||||||
|
var alertList = wrapper.find('.page-quick-sidebar-alerts-list');
|
||||||
|
var alertListHeight;
|
||||||
|
|
||||||
|
alertListHeight = wrapper.height() - wrapper.find('.nav-justified > .nav-tabs').outerHeight();
|
||||||
|
|
||||||
|
// alerts list
|
||||||
|
Metronic.destroySlimScroll(alertList);
|
||||||
|
alertList.attr("data-height", alertListHeight);
|
||||||
|
Metronic.initSlimScroll(alertList);
|
||||||
|
};
|
||||||
|
|
||||||
|
initAlertsSlimScroll();
|
||||||
|
Metronic.addResizeHandler(initAlertsSlimScroll); // reinitialize on window resize
|
||||||
|
};
|
||||||
|
|
||||||
|
// Handles quick sidebar settings
|
||||||
|
var handleQuickSidebarSettings = function () {
|
||||||
|
var wrapper = $('.page-quick-sidebar-wrapper');
|
||||||
|
var wrapperAlerts = wrapper.find('.page-quick-sidebar-settings');
|
||||||
|
|
||||||
|
var initSettingsSlimScroll = function () {
|
||||||
|
var settingsList = wrapper.find('.page-quick-sidebar-settings-list');
|
||||||
|
var settingsListHeight;
|
||||||
|
|
||||||
|
settingsListHeight = wrapper.height() - wrapper.find('.nav-justified > .nav-tabs').outerHeight();
|
||||||
|
|
||||||
|
// alerts list
|
||||||
|
Metronic.destroySlimScroll(settingsList);
|
||||||
|
settingsList.attr("data-height", settingsListHeight);
|
||||||
|
Metronic.initSlimScroll(settingsList);
|
||||||
|
};
|
||||||
|
|
||||||
|
initSettingsSlimScroll();
|
||||||
|
Metronic.addResizeHandler(initSettingsSlimScroll); // reinitialize on window resize
|
||||||
|
};
|
||||||
|
|
||||||
|
return {
|
||||||
|
|
||||||
|
init: function () {
|
||||||
|
//layout handlers
|
||||||
|
handleQuickSidebarToggler(); // handles quick sidebar's toggler
|
||||||
|
handleQuickSidebarChat(); // handles quick sidebar's chats
|
||||||
|
handleQuickSidebarAlerts(); // handles quick sidebar's alerts
|
||||||
|
handleQuickSidebarSettings(); // handles quick sidebar's setting
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
}();
|
19
app/static/admin/layout2/css/custom.css
Normal file
@ -0,0 +1,19 @@
|
|||||||
|
/* here you can put your own css to customize and override the theme */
|
||||||
|
|
||||||
|
/***
|
||||||
|
Rounded Portlets
|
||||||
|
***/
|
||||||
|
/*
|
||||||
|
.portlet {
|
||||||
|
border-radius: 4px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.portlet .portlet-title {
|
||||||
|
border-radius: 4px 4px 0px 0px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.portlet .portlet-body,
|
||||||
|
.portlet .portlet-body .form-actions {
|
||||||
|
border-radius: 0px 0px 4px 4px !important;
|
||||||
|
}
|
||||||
|
*/
|
1962
app/static/admin/layout2/css/layout.css
Normal file
428
app/static/admin/layout2/css/themes/blue.css
Normal file
@ -0,0 +1,428 @@
|
|||||||
|
/***********
|
||||||
|
Page Header
|
||||||
|
***********/
|
||||||
|
/* Header search bar, toggler button & top menu */
|
||||||
|
.page-header.navbar {
|
||||||
|
/* Top notification menu/bar */
|
||||||
|
/* Header seaech box */
|
||||||
|
}
|
||||||
|
.page-header.navbar .page-logo {
|
||||||
|
background: #17C4BB;
|
||||||
|
}
|
||||||
|
.page-header.navbar .page-top {
|
||||||
|
box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.2);
|
||||||
|
background: #ffffff;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav {
|
||||||
|
/* Extended Dropdowns */
|
||||||
|
/* Notification */
|
||||||
|
/* Inbox */
|
||||||
|
/* Tasks */
|
||||||
|
/* User */
|
||||||
|
/* Language */
|
||||||
|
/* Dark version */
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover {
|
||||||
|
background-color: #f9fafc;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle > i {
|
||||||
|
color: #C0CDDC;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle .badge.badge-default {
|
||||||
|
background-color: #17C4BB;
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {
|
||||||
|
background-color: #f9fafc;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu:before {
|
||||||
|
border-bottom-color: #e4e8ee;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu {
|
||||||
|
border: 1px solid #e4e8ee;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:before {
|
||||||
|
border-bottom-color: #d4dae4;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:after {
|
||||||
|
border-bottom-color: #eaedf2;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external {
|
||||||
|
background: #eaedf2;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 {
|
||||||
|
color: #62878f;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a {
|
||||||
|
color: #5b9bd1;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a:hover {
|
||||||
|
color: #3175af;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a {
|
||||||
|
border-bottom: 1px solid #EFF2F6 !important;
|
||||||
|
color: #888888;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover {
|
||||||
|
background: #f8f9fa;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a .time {
|
||||||
|
background: #f1f1f1;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a:hover .time {
|
||||||
|
background: #e4e4e4;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .circle {
|
||||||
|
background-color: #17C4BB;
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .corner {
|
||||||
|
border-color: transparent transparent transparent #17C4BB;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu .dropdown-menu-list .subject .from {
|
||||||
|
color: #5b9bd1;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list .progress {
|
||||||
|
background-color: #dfe2e9;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username {
|
||||||
|
color: #7f96ac;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i {
|
||||||
|
color: #7f96ac;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu {
|
||||||
|
width: 195px;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname {
|
||||||
|
color: #7f96ac;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu {
|
||||||
|
background: #374b6d;
|
||||||
|
border: 0;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu:after {
|
||||||
|
border-bottom-color: #374b6d;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external {
|
||||||
|
background: #293952;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > h3 {
|
||||||
|
color: #a8b8d3;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > a:hover {
|
||||||
|
color: #87b6dd;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a,
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a {
|
||||||
|
color: #b8c6db;
|
||||||
|
border-bottom: 1px solid #415a81 !important;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a > i,
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a > i {
|
||||||
|
color: #97aaca;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover,
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover {
|
||||||
|
background: #3e557a;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a {
|
||||||
|
border-bottom: 0 !important;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li.divider {
|
||||||
|
background: #415a81;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a .time {
|
||||||
|
background: #2f405c;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a:hover .time {
|
||||||
|
background: #26344b;
|
||||||
|
}
|
||||||
|
.page-header.navbar .search-form {
|
||||||
|
background: #fff;
|
||||||
|
}
|
||||||
|
.page-header.navbar .search-form .input-group .form-control {
|
||||||
|
color: #7f96ac;
|
||||||
|
}
|
||||||
|
.page-header.navbar .search-form .input-group .form-control::-moz-placeholder {
|
||||||
|
color: #7c94aa;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
.page-header.navbar .search-form .input-group .form-control:-ms-input-placeholder {
|
||||||
|
color: #7c94aa;
|
||||||
|
}
|
||||||
|
.page-header.navbar .search-form .input-group .form-control::-webkit-input-placeholder {
|
||||||
|
color: #7c94aa;
|
||||||
|
}
|
||||||
|
.page-header.navbar .search-form .input-group .input-group-btn .btn.submit > i {
|
||||||
|
color: #7f96ac;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Page sidebar */
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover,
|
||||||
|
.page-sidebar {
|
||||||
|
background-color: #26344B;
|
||||||
|
/* Default sidebar */
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu,
|
||||||
|
.page-sidebar .page-sidebar-menu {
|
||||||
|
/* 1st level links */
|
||||||
|
/* All links */
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a,
|
||||||
|
.page-sidebar .page-sidebar-menu > li > a {
|
||||||
|
border-top: 1px solid #2b3b55;
|
||||||
|
color: #c3cee0;
|
||||||
|
}
|
||||||
|
@media (max-width: 991px) {
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a,
|
||||||
|
.page-sidebar .page-sidebar-menu > li > a {
|
||||||
|
/* 991px */
|
||||||
|
border-top: 1px solid #344766;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu > li > a > i {
|
||||||
|
color: #43516c;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class^="icon-"],
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class*="icon-"],
|
||||||
|
.page-sidebar .page-sidebar-menu > li > a > i[class^="icon-"],
|
||||||
|
.page-sidebar .page-sidebar-menu > li > a > i[class*="icon-"] {
|
||||||
|
color: #4d5d7c;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li > a > .arrow.open:before {
|
||||||
|
color: #3b5074;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a,
|
||||||
|
.page-sidebar .page-sidebar-menu > li:hover > a,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.open > a {
|
||||||
|
background: #212d41;
|
||||||
|
color: #e4e9f2;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu > li:hover > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.open > a > i {
|
||||||
|
color: #4d5d7c;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li:hover > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li:hover > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.open > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.open > a > .arrow.open:before {
|
||||||
|
color: #4d5d7c;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active > a,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active.open > a {
|
||||||
|
background: #1f2b3d;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a:hover,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active > a:hover,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active.open > a:hover {
|
||||||
|
background: #232f44;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active.open > a > i {
|
||||||
|
color: #18cdc4;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active.open > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active.open > a > .arrow.open:before {
|
||||||
|
color: #f1f4f8;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:last-child > a,
|
||||||
|
.page-sidebar .page-sidebar-menu > li:last-child > a {
|
||||||
|
border-bottom: 1px solid transparent !important;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu li > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu li > a > .arrow.open:before {
|
||||||
|
color: #3b5074;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu li:hover > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu li:hover > a > .arrow.open:before {
|
||||||
|
color: #4d5d7c;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu li.active > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu li.active > a > .arrow.open:before {
|
||||||
|
color: #f1f4f8;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu:hover .sub-menu, .page-sidebar-closed
|
||||||
|
.page-sidebar .page-sidebar-menu:hover .sub-menu {
|
||||||
|
background: #1c2637;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li > a {
|
||||||
|
color: #b2c0d8;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li > a > i {
|
||||||
|
color: #516fa0;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class^="icon-"],
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class*="icon-"],
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class^="icon-"],
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class*="icon-"] {
|
||||||
|
color: #5d7bad;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li > a > .arrow.open:before {
|
||||||
|
color: #3b5074;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a {
|
||||||
|
background: #212d41 !important;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a > i {
|
||||||
|
color: #4d5d7c;
|
||||||
|
color: #90a5c7;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a > .arrow.open:before {
|
||||||
|
color: #4d5d7c;
|
||||||
|
}
|
||||||
|
|
||||||
|
/******
|
||||||
|
Page Footer
|
||||||
|
******/
|
||||||
|
.page-footer .page-footer-inner {
|
||||||
|
color: #a1b2cf;
|
||||||
|
}
|
||||||
|
.page-footer-fixed .page-footer {
|
||||||
|
background-color: #a5aea8;
|
||||||
|
}
|
||||||
|
.page-footer-fixed .page-footer .page-footer-inner {
|
||||||
|
color: #121618;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-boxed .page-footer .page-footer-inner {
|
||||||
|
color: #121618;
|
||||||
|
}
|
||||||
|
.page-footer-fixed .page-boxed .page-footer {
|
||||||
|
background-color: #a5aea8;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 992px) {
|
||||||
|
/* 992px */
|
||||||
|
/* Sidebar menu closed */
|
||||||
|
.page-sidebar-menu.page-sidebar-menu-hover-submenu li:hover > .sub-menu {
|
||||||
|
box-shadow: 5px 5px rgba(48, 48, 48, 0.2);
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-sidebar-menu.page-sidebar-menu-closed > li:hover {
|
||||||
|
box-shadow: 5px 5px rgba(48, 48, 48, 0.2);
|
||||||
|
}
|
||||||
|
.page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu {
|
||||||
|
box-shadow: 5px 5px rgba(48, 48, 48, 0.2);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Fixed Sidebar */
|
||||||
|
.page-sidebar-fixed:not(.page-footer-fixed) .page-content {
|
||||||
|
border-bottom: 0;
|
||||||
|
}
|
||||||
|
.page-sidebar-fixed:not(.page-footer-fixed) .page-footer {
|
||||||
|
background-color: #F1F3FA;
|
||||||
|
}
|
||||||
|
.page-sidebar-fixed:not(.page-footer-fixed) .page-footer .page-footer-inner {
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Boxed Layout */
|
||||||
|
.page-boxed {
|
||||||
|
background-color: #b8bfba !important;
|
||||||
|
/* Page container */
|
||||||
|
}
|
||||||
|
.page-boxed .page-container {
|
||||||
|
background-color: #26344B;
|
||||||
|
}
|
||||||
|
.page-boxed.page-sidebar-reversed .page-container {
|
||||||
|
border-left: 0;
|
||||||
|
}
|
||||||
|
.page-boxed.page-sidebar-fixed .page-container {
|
||||||
|
border-left: 0;
|
||||||
|
border-bottom: 0;
|
||||||
|
}
|
||||||
|
.page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-container {
|
||||||
|
border-left: 0;
|
||||||
|
border-right: 0;
|
||||||
|
border-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Sidebar Menu Wirh Hoverable Submenu */
|
||||||
|
.page-sidebar-menu-hover-submenu li:hover a > .arrow {
|
||||||
|
border-right: 8px solid #1c2637;
|
||||||
|
}
|
||||||
|
.page-sidebar-reversed .page-sidebar-menu-hover-submenu li:hover a > .arrow {
|
||||||
|
border-left: 8px solid #1c2637;
|
||||||
|
}
|
||||||
|
.page-sidebar-menu-hover-submenu li:hover > .sub-menu {
|
||||||
|
background: #1c2637 !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (max-width: 991px) {
|
||||||
|
/* 991px */
|
||||||
|
.page-container {
|
||||||
|
background: #F1F3FA;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-header.navbar {
|
||||||
|
box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.2);
|
||||||
|
padding: 0;
|
||||||
|
/* Top menu */
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover {
|
||||||
|
background-color: #f6f7fa;
|
||||||
|
}
|
||||||
|
.page-header.navbar .page-top {
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (max-width: 767px) {
|
||||||
|
/* 767px */
|
||||||
|
.page-header.navbar {
|
||||||
|
background: #17C4BB;
|
||||||
|
/* Top menu */
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover {
|
||||||
|
background-color: #eff1f6;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/****
|
||||||
|
CSS3 Spinner Bar
|
||||||
|
****/
|
||||||
|
.page-spinner-bar > div,
|
||||||
|
.block-spinner-bar > div {
|
||||||
|
background: #1adbd1;
|
||||||
|
}
|
||||||
|
|
||||||
|
/****
|
||||||
|
Boby
|
||||||
|
****/
|
||||||
|
body {
|
||||||
|
background-color: #26344B;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.page-boxed {
|
||||||
|
background-color: #C0C6C2;
|
||||||
|
}
|
428
app/static/admin/layout2/css/themes/dark.css
Normal file
@ -0,0 +1,428 @@
|
|||||||
|
/***********
|
||||||
|
Page Header
|
||||||
|
***********/
|
||||||
|
/* Header search bar, toggler button & top menu */
|
||||||
|
.page-header.navbar {
|
||||||
|
/* Top notification menu/bar */
|
||||||
|
/* Header seaech box */
|
||||||
|
}
|
||||||
|
.page-header.navbar .page-logo {
|
||||||
|
background: #EF3F3F;
|
||||||
|
}
|
||||||
|
.page-header.navbar .page-top {
|
||||||
|
box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.2);
|
||||||
|
background: #ffffff;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav {
|
||||||
|
/* Extended Dropdowns */
|
||||||
|
/* Notification */
|
||||||
|
/* Inbox */
|
||||||
|
/* Tasks */
|
||||||
|
/* User */
|
||||||
|
/* Language */
|
||||||
|
/* Dark version */
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover {
|
||||||
|
background-color: #f9fafc;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle > i {
|
||||||
|
color: #C0CDDC;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle .badge.badge-default {
|
||||||
|
background-color: #EF3F3F;
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {
|
||||||
|
background-color: #f9fafc;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu:before {
|
||||||
|
border-bottom-color: #e4e8ee;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu {
|
||||||
|
border: 1px solid #e4e8ee;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:before {
|
||||||
|
border-bottom-color: #d4dae4;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:after {
|
||||||
|
border-bottom-color: #eaedf2;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external {
|
||||||
|
background: #eaedf2;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 {
|
||||||
|
color: #62878f;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a {
|
||||||
|
color: #5b9bd1;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a:hover {
|
||||||
|
color: #3175af;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a {
|
||||||
|
border-bottom: 1px solid #EFF2F6 !important;
|
||||||
|
color: #888888;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover {
|
||||||
|
background: #f8f9fa;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a .time {
|
||||||
|
background: #f1f1f1;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a:hover .time {
|
||||||
|
background: #e4e4e4;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .circle {
|
||||||
|
background-color: #EF3F3F;
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .corner {
|
||||||
|
border-color: transparent transparent transparent #EF3F3F;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu .dropdown-menu-list .subject .from {
|
||||||
|
color: #5b9bd1;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list .progress {
|
||||||
|
background-color: #dfe2e9;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username {
|
||||||
|
color: #7f96ac;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i {
|
||||||
|
color: #7f96ac;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu {
|
||||||
|
width: 195px;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname {
|
||||||
|
color: #7f96ac;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu {
|
||||||
|
background: #575757;
|
||||||
|
border: 0;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu:after {
|
||||||
|
border-bottom-color: #575757;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external {
|
||||||
|
background: #424242;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > h3 {
|
||||||
|
color: #c2c2c2;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > a:hover {
|
||||||
|
color: #87b6dd;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a,
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a {
|
||||||
|
color: #cecece;
|
||||||
|
border-bottom: 1px solid #666666 !important;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a > i,
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a > i {
|
||||||
|
color: #b5b5b5;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover,
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover {
|
||||||
|
background: #616161;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a {
|
||||||
|
border-bottom: 0 !important;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li.divider {
|
||||||
|
background: #666666;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a .time {
|
||||||
|
background: #4a4a4a;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a:hover .time {
|
||||||
|
background: #3d3d3d;
|
||||||
|
}
|
||||||
|
.page-header.navbar .search-form {
|
||||||
|
background: #fff;
|
||||||
|
}
|
||||||
|
.page-header.navbar .search-form .input-group .form-control {
|
||||||
|
color: #7f96ac;
|
||||||
|
}
|
||||||
|
.page-header.navbar .search-form .input-group .form-control::-moz-placeholder {
|
||||||
|
color: #7c94aa;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
.page-header.navbar .search-form .input-group .form-control:-ms-input-placeholder {
|
||||||
|
color: #7c94aa;
|
||||||
|
}
|
||||||
|
.page-header.navbar .search-form .input-group .form-control::-webkit-input-placeholder {
|
||||||
|
color: #7c94aa;
|
||||||
|
}
|
||||||
|
.page-header.navbar .search-form .input-group .input-group-btn .btn.submit > i {
|
||||||
|
color: #7f96ac;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Page sidebar */
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover,
|
||||||
|
.page-sidebar {
|
||||||
|
background-color: #3D3D3D;
|
||||||
|
/* Default sidebar */
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu,
|
||||||
|
.page-sidebar .page-sidebar-menu {
|
||||||
|
/* 1st level links */
|
||||||
|
/* All links */
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a,
|
||||||
|
.page-sidebar .page-sidebar-menu > li > a {
|
||||||
|
border-top: 1px solid #454545;
|
||||||
|
color: #d6d6d6;
|
||||||
|
}
|
||||||
|
@media (max-width: 991px) {
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a,
|
||||||
|
.page-sidebar .page-sidebar-menu > li > a {
|
||||||
|
/* 991px */
|
||||||
|
border-top: 1px solid #515151;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu > li > a > i {
|
||||||
|
color: #8a8a8a;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class^="icon-"],
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class*="icon-"],
|
||||||
|
.page-sidebar .page-sidebar-menu > li > a > i[class^="icon-"],
|
||||||
|
.page-sidebar .page-sidebar-menu > li > a > i[class*="icon-"] {
|
||||||
|
color: #969696;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li > a > .arrow.open:before {
|
||||||
|
color: #5c5c5c;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a,
|
||||||
|
.page-sidebar .page-sidebar-menu > li:hover > a,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.open > a {
|
||||||
|
background: #353535;
|
||||||
|
color: #f0f0f0;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu > li:hover > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.open > a > i {
|
||||||
|
color: #969696;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li:hover > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li:hover > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.open > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.open > a > .arrow.open:before {
|
||||||
|
color: #969696;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active > a,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active.open > a {
|
||||||
|
background: #333333;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a:hover,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active > a:hover,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active.open > a:hover {
|
||||||
|
background: #383838;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active.open > a > i {
|
||||||
|
color: #f04848;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active.open > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active.open > a > .arrow.open:before {
|
||||||
|
color: whitesmoke;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:last-child > a,
|
||||||
|
.page-sidebar .page-sidebar-menu > li:last-child > a {
|
||||||
|
border-bottom: 1px solid transparent !important;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu li > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu li > a > .arrow.open:before {
|
||||||
|
color: #5c5c5c;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu li:hover > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu li:hover > a > .arrow.open:before {
|
||||||
|
color: #969696;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu li.active > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu li.active > a > .arrow.open:before {
|
||||||
|
color: whitesmoke;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu:hover .sub-menu, .page-sidebar-closed
|
||||||
|
.page-sidebar .page-sidebar-menu:hover .sub-menu {
|
||||||
|
background: #2e2e2e;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li > a {
|
||||||
|
color: #c9c9c9;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li > a > i {
|
||||||
|
color: #7d7d7d;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class^="icon-"],
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class*="icon-"],
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class^="icon-"],
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class*="icon-"] {
|
||||||
|
color: #8a8a8a;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li > a > .arrow.open:before {
|
||||||
|
color: #5c5c5c;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a {
|
||||||
|
background: #353535 !important;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a > i {
|
||||||
|
color: #969696;
|
||||||
|
color: #b0b0b0;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a > .arrow.open:before {
|
||||||
|
color: #969696;
|
||||||
|
}
|
||||||
|
|
||||||
|
/******
|
||||||
|
Page Footer
|
||||||
|
******/
|
||||||
|
.page-footer .page-footer-inner {
|
||||||
|
color: #bdbdbd;
|
||||||
|
}
|
||||||
|
.page-footer-fixed .page-footer {
|
||||||
|
background-color: #a5aea8;
|
||||||
|
}
|
||||||
|
.page-footer-fixed .page-footer .page-footer-inner {
|
||||||
|
color: #121618;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-boxed .page-footer .page-footer-inner {
|
||||||
|
color: #121618;
|
||||||
|
}
|
||||||
|
.page-footer-fixed .page-boxed .page-footer {
|
||||||
|
background-color: #a5aea8;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 992px) {
|
||||||
|
/* 992px */
|
||||||
|
/* Sidebar menu closed */
|
||||||
|
.page-sidebar-menu.page-sidebar-menu-hover-submenu li:hover > .sub-menu {
|
||||||
|
box-shadow: 5px 5px rgba(48, 48, 48, 0.2);
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-sidebar-menu.page-sidebar-menu-closed > li:hover {
|
||||||
|
box-shadow: 5px 5px rgba(48, 48, 48, 0.2);
|
||||||
|
}
|
||||||
|
.page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu {
|
||||||
|
box-shadow: 5px 5px rgba(48, 48, 48, 0.2);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Fixed Sidebar */
|
||||||
|
.page-sidebar-fixed:not(.page-footer-fixed) .page-content {
|
||||||
|
border-bottom: 0;
|
||||||
|
}
|
||||||
|
.page-sidebar-fixed:not(.page-footer-fixed) .page-footer {
|
||||||
|
background-color: #F1F3FA;
|
||||||
|
}
|
||||||
|
.page-sidebar-fixed:not(.page-footer-fixed) .page-footer .page-footer-inner {
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Boxed Layout */
|
||||||
|
.page-boxed {
|
||||||
|
background-color: #b8bfba !important;
|
||||||
|
/* Page container */
|
||||||
|
}
|
||||||
|
.page-boxed .page-container {
|
||||||
|
background-color: #3D3D3D;
|
||||||
|
}
|
||||||
|
.page-boxed.page-sidebar-reversed .page-container {
|
||||||
|
border-left: 0;
|
||||||
|
}
|
||||||
|
.page-boxed.page-sidebar-fixed .page-container {
|
||||||
|
border-left: 0;
|
||||||
|
border-bottom: 0;
|
||||||
|
}
|
||||||
|
.page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-container {
|
||||||
|
border-left: 0;
|
||||||
|
border-right: 0;
|
||||||
|
border-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Sidebar Menu Wirh Hoverable Submenu */
|
||||||
|
.page-sidebar-menu-hover-submenu li:hover a > .arrow {
|
||||||
|
border-right: 8px solid #2e2e2e;
|
||||||
|
}
|
||||||
|
.page-sidebar-reversed .page-sidebar-menu-hover-submenu li:hover a > .arrow {
|
||||||
|
border-left: 8px solid #2e2e2e;
|
||||||
|
}
|
||||||
|
.page-sidebar-menu-hover-submenu li:hover > .sub-menu {
|
||||||
|
background: #2e2e2e !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (max-width: 991px) {
|
||||||
|
/* 991px */
|
||||||
|
.page-container {
|
||||||
|
background: #F1F3FA;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-header.navbar {
|
||||||
|
box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.2);
|
||||||
|
padding: 0;
|
||||||
|
/* Top menu */
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover {
|
||||||
|
background-color: #f6f7fa;
|
||||||
|
}
|
||||||
|
.page-header.navbar .page-top {
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (max-width: 767px) {
|
||||||
|
/* 767px */
|
||||||
|
.page-header.navbar {
|
||||||
|
background: #EF3F3F;
|
||||||
|
/* Top menu */
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover {
|
||||||
|
background-color: #eff1f6;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/****
|
||||||
|
CSS3 Spinner Bar
|
||||||
|
****/
|
||||||
|
.page-spinner-bar > div,
|
||||||
|
.block-spinner-bar > div {
|
||||||
|
background: #f15757;
|
||||||
|
}
|
||||||
|
|
||||||
|
/****
|
||||||
|
Boby
|
||||||
|
****/
|
||||||
|
body {
|
||||||
|
background-color: #3D3D3D;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.page-boxed {
|
||||||
|
background-color: #C0C6C2;
|
||||||
|
}
|
428
app/static/admin/layout2/css/themes/default.css
Normal file
@ -0,0 +1,428 @@
|
|||||||
|
/***********
|
||||||
|
Page Header
|
||||||
|
***********/
|
||||||
|
/* Header search bar, toggler button & top menu */
|
||||||
|
.page-header.navbar {
|
||||||
|
/* Top notification menu/bar */
|
||||||
|
/* Header seaech box */
|
||||||
|
}
|
||||||
|
.page-header.navbar .page-logo {
|
||||||
|
background: #FB5557;
|
||||||
|
}
|
||||||
|
.page-header.navbar .page-top {
|
||||||
|
box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.2);
|
||||||
|
background: #ffffff;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav {
|
||||||
|
/* Extended Dropdowns */
|
||||||
|
/* Notification */
|
||||||
|
/* Inbox */
|
||||||
|
/* Tasks */
|
||||||
|
/* User */
|
||||||
|
/* Language */
|
||||||
|
/* Dark version */
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover {
|
||||||
|
background-color: #f9fafc;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle > i {
|
||||||
|
color: #C0CDDC;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle .badge.badge-default {
|
||||||
|
background-color: #FB5557;
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {
|
||||||
|
background-color: #f9fafc;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu:before {
|
||||||
|
border-bottom-color: #e4e8ee;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu {
|
||||||
|
border: 1px solid #e4e8ee;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:before {
|
||||||
|
border-bottom-color: #d4dae4;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:after {
|
||||||
|
border-bottom-color: #eaedf2;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external {
|
||||||
|
background: #eaedf2;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 {
|
||||||
|
color: #62878f;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a {
|
||||||
|
color: #5b9bd1;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a:hover {
|
||||||
|
color: #3175af;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a {
|
||||||
|
border-bottom: 1px solid #EFF2F6 !important;
|
||||||
|
color: #888888;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover {
|
||||||
|
background: #f8f9fa;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a .time {
|
||||||
|
background: #f1f1f1;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a:hover .time {
|
||||||
|
background: #e4e4e4;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .circle {
|
||||||
|
background-color: #FB5557;
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .corner {
|
||||||
|
border-color: transparent transparent transparent #FB5557;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu .dropdown-menu-list .subject .from {
|
||||||
|
color: #5b9bd1;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list .progress {
|
||||||
|
background-color: #dfe2e9;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username {
|
||||||
|
color: #7f96ac;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i {
|
||||||
|
color: #7f96ac;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu {
|
||||||
|
width: 195px;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname {
|
||||||
|
color: #7f96ac;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu {
|
||||||
|
background: #536470;
|
||||||
|
border: 0;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu:after {
|
||||||
|
border-bottom-color: #536470;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external {
|
||||||
|
background: #414f59;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > h3 {
|
||||||
|
color: #c5ced4;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > a:hover {
|
||||||
|
color: #87b6dd;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a,
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a {
|
||||||
|
color: #d4dadf;
|
||||||
|
border-bottom: 1px solid #607482 !important;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a > i,
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a > i {
|
||||||
|
color: #b6c2c9;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover,
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover {
|
||||||
|
background: #5b6f7c;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a {
|
||||||
|
border-bottom: 0 !important;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li.divider {
|
||||||
|
background: #607482;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a .time {
|
||||||
|
background: #485762;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a:hover .time {
|
||||||
|
background: #3d4a53;
|
||||||
|
}
|
||||||
|
.page-header.navbar .search-form {
|
||||||
|
background: #fff;
|
||||||
|
}
|
||||||
|
.page-header.navbar .search-form .input-group .form-control {
|
||||||
|
color: #7f96ac;
|
||||||
|
}
|
||||||
|
.page-header.navbar .search-form .input-group .form-control::-moz-placeholder {
|
||||||
|
color: #7c94aa;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
.page-header.navbar .search-form .input-group .form-control:-ms-input-placeholder {
|
||||||
|
color: #7c94aa;
|
||||||
|
}
|
||||||
|
.page-header.navbar .search-form .input-group .form-control::-webkit-input-placeholder {
|
||||||
|
color: #7c94aa;
|
||||||
|
}
|
||||||
|
.page-header.navbar .search-form .input-group .input-group-btn .btn.submit > i {
|
||||||
|
color: #7f96ac;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Page sidebar */
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover,
|
||||||
|
.page-sidebar {
|
||||||
|
background-color: #3D4A53;
|
||||||
|
/* Default sidebar */
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu,
|
||||||
|
.page-sidebar .page-sidebar-menu {
|
||||||
|
/* 1st level links */
|
||||||
|
/* All links */
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a,
|
||||||
|
.page-sidebar .page-sidebar-menu > li > a {
|
||||||
|
border-top: 1px solid #43525c;
|
||||||
|
color: #dce2e6;
|
||||||
|
}
|
||||||
|
@media (max-width: 991px) {
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a,
|
||||||
|
.page-sidebar .page-sidebar-menu > li > a {
|
||||||
|
/* 991px */
|
||||||
|
border-top: 1px solid #4e5f6b;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu > li > a > i {
|
||||||
|
color: #019660;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class^="icon-"],
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class*="icon-"],
|
||||||
|
.page-sidebar .page-sidebar-menu > li > a > i[class^="icon-"],
|
||||||
|
.page-sidebar .page-sidebar-menu > li > a > i[class*="icon-"] {
|
||||||
|
color: #01b070;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li > a > .arrow.open:before {
|
||||||
|
color: #576976;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a,
|
||||||
|
.page-sidebar .page-sidebar-menu > li:hover > a,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.open > a {
|
||||||
|
background: #37424a;
|
||||||
|
color: #fafbfb;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu > li:hover > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.open > a > i {
|
||||||
|
color: #01b070;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li:hover > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li:hover > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.open > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.open > a > .arrow.open:before {
|
||||||
|
color: #01b070;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active > a,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active.open > a {
|
||||||
|
background: #344047;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a:hover,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active > a:hover,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active.open > a:hover {
|
||||||
|
background: #39454d;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active.open > a > i {
|
||||||
|
color: #fb5f61;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active.open > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active.open > a > .arrow.open:before {
|
||||||
|
color: #f3f5f6;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:last-child > a,
|
||||||
|
.page-sidebar .page-sidebar-menu > li:last-child > a {
|
||||||
|
border-bottom: 1px solid transparent !important;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu li > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu li > a > .arrow.open:before {
|
||||||
|
color: #576976;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu li:hover > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu li:hover > a > .arrow.open:before {
|
||||||
|
color: #01b070;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu li.active > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu li.active > a > .arrow.open:before {
|
||||||
|
color: #f3f5f6;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu:hover .sub-menu, .page-sidebar-closed
|
||||||
|
.page-sidebar .page-sidebar-menu:hover .sub-menu {
|
||||||
|
background: #303a41;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li > a {
|
||||||
|
color: #ced5db;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li > a > i {
|
||||||
|
color: #768b9a;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class^="icon-"],
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class*="icon-"],
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class^="icon-"],
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class*="icon-"] {
|
||||||
|
color: #8497a5;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li > a > .arrow.open:before {
|
||||||
|
color: #576976;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a {
|
||||||
|
background: #37424a !important;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a > i {
|
||||||
|
color: #01b070;
|
||||||
|
color: #b0bdc5;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a > .arrow.open:before {
|
||||||
|
color: #01b070;
|
||||||
|
}
|
||||||
|
|
||||||
|
/******
|
||||||
|
Page Footer
|
||||||
|
******/
|
||||||
|
.page-footer .page-footer-inner {
|
||||||
|
color: #bfc9d0;
|
||||||
|
}
|
||||||
|
.page-footer-fixed .page-footer {
|
||||||
|
background-color: #cdd2cf;
|
||||||
|
}
|
||||||
|
.page-footer-fixed .page-footer .page-footer-inner {
|
||||||
|
color: #121618;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-boxed .page-footer .page-footer-inner {
|
||||||
|
color: #121618;
|
||||||
|
}
|
||||||
|
.page-footer-fixed .page-boxed .page-footer {
|
||||||
|
background-color: #cdd2cf;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 992px) {
|
||||||
|
/* 992px */
|
||||||
|
/* Sidebar menu closed */
|
||||||
|
.page-sidebar-menu.page-sidebar-menu-hover-submenu li:hover > .sub-menu {
|
||||||
|
box-shadow: 5px 5px rgba(48, 48, 48, 0.2);
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-sidebar-menu.page-sidebar-menu-closed > li:hover {
|
||||||
|
box-shadow: 5px 5px rgba(48, 48, 48, 0.2);
|
||||||
|
}
|
||||||
|
.page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu {
|
||||||
|
box-shadow: 5px 5px rgba(48, 48, 48, 0.2);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Fixed Sidebar */
|
||||||
|
.page-sidebar-fixed:not(.page-footer-fixed) .page-content {
|
||||||
|
border-bottom: 0;
|
||||||
|
}
|
||||||
|
.page-sidebar-fixed:not(.page-footer-fixed) .page-footer {
|
||||||
|
background-color: #F1F3FA;
|
||||||
|
}
|
||||||
|
.page-sidebar-fixed:not(.page-footer-fixed) .page-footer .page-footer-inner {
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Boxed Layout */
|
||||||
|
.page-boxed {
|
||||||
|
background-color: #c5cbc7 !important;
|
||||||
|
/* Page container */
|
||||||
|
}
|
||||||
|
.page-boxed .page-container {
|
||||||
|
background-color: #3D4A53;
|
||||||
|
}
|
||||||
|
.page-boxed.page-sidebar-reversed .page-container {
|
||||||
|
border-left: 0;
|
||||||
|
}
|
||||||
|
.page-boxed.page-sidebar-fixed .page-container {
|
||||||
|
border-left: 0;
|
||||||
|
border-bottom: 0;
|
||||||
|
}
|
||||||
|
.page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-container {
|
||||||
|
border-left: 0;
|
||||||
|
border-right: 0;
|
||||||
|
border-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Sidebar Menu Wirh Hoverable Submenu */
|
||||||
|
.page-sidebar-menu-hover-submenu li:hover a > .arrow {
|
||||||
|
border-right: 8px solid #303a41;
|
||||||
|
}
|
||||||
|
.page-sidebar-reversed .page-sidebar-menu-hover-submenu li:hover a > .arrow {
|
||||||
|
border-left: 8px solid #303a41;
|
||||||
|
}
|
||||||
|
.page-sidebar-menu-hover-submenu li:hover > .sub-menu {
|
||||||
|
background: #303a41 !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (max-width: 991px) {
|
||||||
|
/* 991px */
|
||||||
|
.page-container {
|
||||||
|
background: #F1F3FA;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-header.navbar {
|
||||||
|
box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.2);
|
||||||
|
padding: 0;
|
||||||
|
/* Top menu */
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover {
|
||||||
|
background-color: #f6f7fa;
|
||||||
|
}
|
||||||
|
.page-header.navbar .page-top {
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (max-width: 767px) {
|
||||||
|
/* 767px */
|
||||||
|
.page-header.navbar {
|
||||||
|
background: #FB5557;
|
||||||
|
/* Top menu */
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover {
|
||||||
|
background-color: #eff1f6;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/****
|
||||||
|
CSS3 Spinner Bar
|
||||||
|
****/
|
||||||
|
.page-spinner-bar > div,
|
||||||
|
.block-spinner-bar > div {
|
||||||
|
background: #fc6e70;
|
||||||
|
}
|
||||||
|
|
||||||
|
/****
|
||||||
|
Boby
|
||||||
|
****/
|
||||||
|
body {
|
||||||
|
background-color: #3D4A53;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.page-boxed {
|
||||||
|
background-color: #cdd2cf;
|
||||||
|
}
|
428
app/static/admin/layout2/css/themes/grey.css
Normal file
@ -0,0 +1,428 @@
|
|||||||
|
/***********
|
||||||
|
Page Header
|
||||||
|
***********/
|
||||||
|
/* Header search bar, toggler button & top menu */
|
||||||
|
.page-header.navbar {
|
||||||
|
/* Top notification menu/bar */
|
||||||
|
/* Header seaech box */
|
||||||
|
}
|
||||||
|
.page-header.navbar .page-logo {
|
||||||
|
background: #14B9D6;
|
||||||
|
}
|
||||||
|
.page-header.navbar .page-top {
|
||||||
|
box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.2);
|
||||||
|
background: #ffffff;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav {
|
||||||
|
/* Extended Dropdowns */
|
||||||
|
/* Notification */
|
||||||
|
/* Inbox */
|
||||||
|
/* Tasks */
|
||||||
|
/* User */
|
||||||
|
/* Language */
|
||||||
|
/* Dark version */
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover {
|
||||||
|
background-color: #f9fafc;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle > i {
|
||||||
|
color: #C0CDDC;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle .badge.badge-default {
|
||||||
|
background-color: #14B9D6;
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {
|
||||||
|
background-color: #f9fafc;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu:before {
|
||||||
|
border-bottom-color: #e4e8ee;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu {
|
||||||
|
border: 1px solid #e4e8ee;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:before {
|
||||||
|
border-bottom-color: #d4dae4;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:after {
|
||||||
|
border-bottom-color: #eaedf2;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external {
|
||||||
|
background: #eaedf2;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 {
|
||||||
|
color: #62878f;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a {
|
||||||
|
color: #5b9bd1;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a:hover {
|
||||||
|
color: #3175af;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a {
|
||||||
|
border-bottom: 1px solid #EFF2F6 !important;
|
||||||
|
color: #888888;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover {
|
||||||
|
background: #f8f9fa;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a .time {
|
||||||
|
background: #f1f1f1;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a:hover .time {
|
||||||
|
background: #e4e4e4;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .circle {
|
||||||
|
background-color: #14B9D6;
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .corner {
|
||||||
|
border-color: transparent transparent transparent #14B9D6;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu .dropdown-menu-list .subject .from {
|
||||||
|
color: #5b9bd1;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list .progress {
|
||||||
|
background-color: #dfe2e9;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username {
|
||||||
|
color: #7f96ac;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i {
|
||||||
|
color: #7f96ac;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu {
|
||||||
|
width: 195px;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname {
|
||||||
|
color: #7f96ac;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu {
|
||||||
|
background: #627587;
|
||||||
|
border: 0;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu:after {
|
||||||
|
border-bottom-color: #627587;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external {
|
||||||
|
background: #51616f;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > h3 {
|
||||||
|
color: #dbe0e4;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > a:hover {
|
||||||
|
color: #87b6dd;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a,
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a {
|
||||||
|
color: #e9ecef;
|
||||||
|
border-bottom: 1px solid #718497 !important;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a > i,
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a > i {
|
||||||
|
color: #ccd3da;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover,
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover {
|
||||||
|
background: #6b7f92;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a {
|
||||||
|
border-bottom: 0 !important;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li.divider {
|
||||||
|
background: #718497;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a .time {
|
||||||
|
background: #586878;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a:hover .time {
|
||||||
|
background: #4d5b69;
|
||||||
|
}
|
||||||
|
.page-header.navbar .search-form {
|
||||||
|
background: #fff;
|
||||||
|
}
|
||||||
|
.page-header.navbar .search-form .input-group .form-control {
|
||||||
|
color: #7f96ac;
|
||||||
|
}
|
||||||
|
.page-header.navbar .search-form .input-group .form-control::-moz-placeholder {
|
||||||
|
color: #7c94aa;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
.page-header.navbar .search-form .input-group .form-control:-ms-input-placeholder {
|
||||||
|
color: #7c94aa;
|
||||||
|
}
|
||||||
|
.page-header.navbar .search-form .input-group .form-control::-webkit-input-placeholder {
|
||||||
|
color: #7c94aa;
|
||||||
|
}
|
||||||
|
.page-header.navbar .search-form .input-group .input-group-btn .btn.submit > i {
|
||||||
|
color: #7f96ac;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Page sidebar */
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover,
|
||||||
|
.page-sidebar {
|
||||||
|
background-color: #4d5b69;
|
||||||
|
/* Default sidebar */
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu,
|
||||||
|
.page-sidebar .page-sidebar-menu {
|
||||||
|
/* 1st level links */
|
||||||
|
/* All links */
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a,
|
||||||
|
.page-sidebar .page-sidebar-menu > li > a {
|
||||||
|
border-top: 1px solid #536372;
|
||||||
|
color: #f2f4f6;
|
||||||
|
}
|
||||||
|
@media (max-width: 991px) {
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a,
|
||||||
|
.page-sidebar .page-sidebar-menu > li > a {
|
||||||
|
/* 991px */
|
||||||
|
border-top: 1px solid #5e7081;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu > li > a > i {
|
||||||
|
color: #7ba0bb;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class^="icon-"],
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class*="icon-"],
|
||||||
|
.page-sidebar .page-sidebar-menu > li > a > i[class^="icon-"],
|
||||||
|
.page-sidebar .page-sidebar-menu > li > a > i[class*="icon-"] {
|
||||||
|
color: #8cacc3;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li > a > .arrow.open:before {
|
||||||
|
color: #677a8c;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a,
|
||||||
|
.page-sidebar .page-sidebar-menu > li:hover > a,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.open > a {
|
||||||
|
background: #465460;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu > li:hover > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.open > a > i {
|
||||||
|
color: #8cacc3;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li:hover > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li:hover > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.open > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.open > a > .arrow.open:before {
|
||||||
|
color: #8cacc3;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active > a,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active.open > a {
|
||||||
|
background: #44515d;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a:hover,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active > a:hover,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active.open > a:hover {
|
||||||
|
background: #495663;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active.open > a > i {
|
||||||
|
color: #15c1df;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active.open > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active.open > a > .arrow.open:before {
|
||||||
|
color: #f3f5f6;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:last-child > a,
|
||||||
|
.page-sidebar .page-sidebar-menu > li:last-child > a {
|
||||||
|
border-bottom: 1px solid transparent !important;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu li > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu li > a > .arrow.open:before {
|
||||||
|
color: #677a8c;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu li:hover > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu li:hover > a > .arrow.open:before {
|
||||||
|
color: #8cacc3;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu li.active > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu li.active > a > .arrow.open:before {
|
||||||
|
color: #f3f5f6;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu:hover .sub-menu, .page-sidebar-closed
|
||||||
|
.page-sidebar .page-sidebar-menu:hover .sub-menu {
|
||||||
|
background: #404c57;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li > a {
|
||||||
|
color: #e4e7eb;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li > a > i {
|
||||||
|
color: #8b9baa;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class^="icon-"],
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class*="icon-"],
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class^="icon-"],
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class*="icon-"] {
|
||||||
|
color: #9aa8b5;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li > a > .arrow.open:before {
|
||||||
|
color: #677a8c;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a {
|
||||||
|
background: #465460 !important;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a > i {
|
||||||
|
color: #8cacc3;
|
||||||
|
color: #c6ced5;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a > .arrow.open:before {
|
||||||
|
color: #8cacc3;
|
||||||
|
}
|
||||||
|
|
||||||
|
/******
|
||||||
|
Page Footer
|
||||||
|
******/
|
||||||
|
.page-footer .page-footer-inner {
|
||||||
|
color: #d5dbe0;
|
||||||
|
}
|
||||||
|
.page-footer-fixed .page-footer {
|
||||||
|
background-color: #adb5b0;
|
||||||
|
}
|
||||||
|
.page-footer-fixed .page-footer .page-footer-inner {
|
||||||
|
color: #121618;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-boxed .page-footer .page-footer-inner {
|
||||||
|
color: #121618;
|
||||||
|
}
|
||||||
|
.page-footer-fixed .page-boxed .page-footer {
|
||||||
|
background-color: #adb5b0;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 992px) {
|
||||||
|
/* 992px */
|
||||||
|
/* Sidebar menu closed */
|
||||||
|
.page-sidebar-menu.page-sidebar-menu-hover-submenu li:hover > .sub-menu {
|
||||||
|
box-shadow: 5px 5px rgba(48, 48, 48, 0.2);
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-sidebar-menu.page-sidebar-menu-closed > li:hover {
|
||||||
|
box-shadow: 5px 5px rgba(48, 48, 48, 0.2);
|
||||||
|
}
|
||||||
|
.page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu {
|
||||||
|
box-shadow: 5px 5px rgba(48, 48, 48, 0.2);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Fixed Sidebar */
|
||||||
|
.page-sidebar-fixed:not(.page-footer-fixed) .page-content {
|
||||||
|
border-bottom: 0;
|
||||||
|
}
|
||||||
|
.page-sidebar-fixed:not(.page-footer-fixed) .page-footer {
|
||||||
|
background-color: #F1F3FA;
|
||||||
|
}
|
||||||
|
.page-sidebar-fixed:not(.page-footer-fixed) .page-footer .page-footer-inner {
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Boxed Layout */
|
||||||
|
.page-boxed {
|
||||||
|
background-color: #c0c6c2 !important;
|
||||||
|
/* Page container */
|
||||||
|
}
|
||||||
|
.page-boxed .page-container {
|
||||||
|
background-color: #4d5b69;
|
||||||
|
}
|
||||||
|
.page-boxed.page-sidebar-reversed .page-container {
|
||||||
|
border-left: 0;
|
||||||
|
}
|
||||||
|
.page-boxed.page-sidebar-fixed .page-container {
|
||||||
|
border-left: 0;
|
||||||
|
border-bottom: 0;
|
||||||
|
}
|
||||||
|
.page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-container {
|
||||||
|
border-left: 0;
|
||||||
|
border-right: 0;
|
||||||
|
border-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Sidebar Menu Wirh Hoverable Submenu */
|
||||||
|
.page-sidebar-menu-hover-submenu li:hover a > .arrow {
|
||||||
|
border-right: 8px solid #404c57;
|
||||||
|
}
|
||||||
|
.page-sidebar-reversed .page-sidebar-menu-hover-submenu li:hover a > .arrow {
|
||||||
|
border-left: 8px solid #404c57;
|
||||||
|
}
|
||||||
|
.page-sidebar-menu-hover-submenu li:hover > .sub-menu {
|
||||||
|
background: #404c57 !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (max-width: 991px) {
|
||||||
|
/* 991px */
|
||||||
|
.page-container {
|
||||||
|
background: #F1F3FA;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-header.navbar {
|
||||||
|
box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.2);
|
||||||
|
padding: 0;
|
||||||
|
/* Top menu */
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover {
|
||||||
|
background-color: #f6f7fa;
|
||||||
|
}
|
||||||
|
.page-header.navbar .page-top {
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (max-width: 767px) {
|
||||||
|
/* 767px */
|
||||||
|
.page-header.navbar {
|
||||||
|
background: #14B9D6;
|
||||||
|
/* Top menu */
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover {
|
||||||
|
background-color: #eff1f6;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/****
|
||||||
|
CSS3 Spinner Bar
|
||||||
|
****/
|
||||||
|
.page-spinner-bar > div,
|
||||||
|
.block-spinner-bar > div {
|
||||||
|
background: #1acbea;
|
||||||
|
}
|
||||||
|
|
||||||
|
/****
|
||||||
|
Boby
|
||||||
|
****/
|
||||||
|
body {
|
||||||
|
background-color: #4d5b69;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.page-boxed {
|
||||||
|
background-color: #c8cdca;
|
||||||
|
}
|
428
app/static/admin/layout2/css/themes/light.css
Normal file
@ -0,0 +1,428 @@
|
|||||||
|
/***********
|
||||||
|
Page Header
|
||||||
|
***********/
|
||||||
|
/* Header search bar, toggler button & top menu */
|
||||||
|
.page-header.navbar {
|
||||||
|
/* Top notification menu/bar */
|
||||||
|
/* Header seaech box */
|
||||||
|
}
|
||||||
|
.page-header.navbar .page-logo {
|
||||||
|
background: #ea4b4b;
|
||||||
|
}
|
||||||
|
.page-header.navbar .page-top {
|
||||||
|
box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.2);
|
||||||
|
background: #ffffff;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav {
|
||||||
|
/* Extended Dropdowns */
|
||||||
|
/* Notification */
|
||||||
|
/* Inbox */
|
||||||
|
/* Tasks */
|
||||||
|
/* User */
|
||||||
|
/* Language */
|
||||||
|
/* Dark version */
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover {
|
||||||
|
background-color: #f9fafc;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle > i {
|
||||||
|
color: #C0CDDC;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle .badge.badge-default {
|
||||||
|
background-color: #ea4b4b;
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {
|
||||||
|
background-color: #f9fafc;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu:before {
|
||||||
|
border-bottom-color: #e4e8ee;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu {
|
||||||
|
border: 1px solid #e4e8ee;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:before {
|
||||||
|
border-bottom-color: #d4dae4;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:after {
|
||||||
|
border-bottom-color: #eaedf2;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external {
|
||||||
|
background: #eaedf2;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 {
|
||||||
|
color: #62878f;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a {
|
||||||
|
color: #5b9bd1;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a:hover {
|
||||||
|
color: #3175af;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a {
|
||||||
|
border-bottom: 1px solid #EFF2F6 !important;
|
||||||
|
color: #888888;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover {
|
||||||
|
background: #f8f9fa;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a .time {
|
||||||
|
background: #f1f1f1;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a:hover .time {
|
||||||
|
background: #e4e4e4;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .circle {
|
||||||
|
background-color: #ea4b4b;
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .corner {
|
||||||
|
border-color: transparent transparent transparent #ea4b4b;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu .dropdown-menu-list .subject .from {
|
||||||
|
color: #5b9bd1;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list .progress {
|
||||||
|
background-color: #dfe2e9;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username {
|
||||||
|
color: #7f96ac;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i {
|
||||||
|
color: #7f96ac;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu {
|
||||||
|
width: 195px;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname {
|
||||||
|
color: #7f96ac;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu {
|
||||||
|
background: #9facac;
|
||||||
|
border: 0;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu:after {
|
||||||
|
border-bottom-color: #9facac;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external {
|
||||||
|
background: #899a9a;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > h3 {
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > a:hover {
|
||||||
|
color: #87b6dd;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a,
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a {
|
||||||
|
color: white;
|
||||||
|
border-bottom: 1px solid #afbbbb !important;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a > i,
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a > i {
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover,
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover {
|
||||||
|
background: #aab6b6;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a {
|
||||||
|
border-bottom: 0 !important;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li.divider {
|
||||||
|
background: #afbbbb;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a .time {
|
||||||
|
background: #91a1a1;
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a:hover .time {
|
||||||
|
background: #839595;
|
||||||
|
}
|
||||||
|
.page-header.navbar .search-form {
|
||||||
|
background: #fff;
|
||||||
|
}
|
||||||
|
.page-header.navbar .search-form .input-group .form-control {
|
||||||
|
color: #7f96ac;
|
||||||
|
}
|
||||||
|
.page-header.navbar .search-form .input-group .form-control::-moz-placeholder {
|
||||||
|
color: #7c94aa;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
.page-header.navbar .search-form .input-group .form-control:-ms-input-placeholder {
|
||||||
|
color: #7c94aa;
|
||||||
|
}
|
||||||
|
.page-header.navbar .search-form .input-group .form-control::-webkit-input-placeholder {
|
||||||
|
color: #7c94aa;
|
||||||
|
}
|
||||||
|
.page-header.navbar .search-form .input-group .input-group-btn .btn.submit > i {
|
||||||
|
color: #7f96ac;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Page sidebar */
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover,
|
||||||
|
.page-sidebar {
|
||||||
|
background-color: #839595;
|
||||||
|
/* Default sidebar */
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu,
|
||||||
|
.page-sidebar .page-sidebar-menu {
|
||||||
|
/* 1st level links */
|
||||||
|
/* All links */
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a,
|
||||||
|
.page-sidebar .page-sidebar-menu > li > a {
|
||||||
|
border-top: 1px solid #8b9c9c;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
@media (max-width: 991px) {
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a,
|
||||||
|
.page-sidebar .page-sidebar-menu > li > a {
|
||||||
|
/* 991px */
|
||||||
|
border-top: 1px solid #99a8a8;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu > li > a > i {
|
||||||
|
color: #f4f5f5;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class^="icon-"],
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class*="icon-"],
|
||||||
|
.page-sidebar .page-sidebar-menu > li > a > i[class^="icon-"],
|
||||||
|
.page-sidebar .page-sidebar-menu > li > a > i[class*="icon-"] {
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li > a > .arrow.open:before {
|
||||||
|
color: #a4b1b1;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a,
|
||||||
|
.page-sidebar .page-sidebar-menu > li:hover > a,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.open > a {
|
||||||
|
background: #7b8e8e;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu > li:hover > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.open > a > i {
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li:hover > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li:hover > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.open > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.open > a > .arrow.open:before {
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active > a,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active.open > a {
|
||||||
|
background: #788b8b;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a:hover,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active > a:hover,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active.open > a:hover {
|
||||||
|
background: #7e9090;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active.open > a > i {
|
||||||
|
color: #eb5454;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active.open > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu > li.active.open > a > .arrow.open:before {
|
||||||
|
color: #f4f6f6;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:last-child > a,
|
||||||
|
.page-sidebar .page-sidebar-menu > li:last-child > a {
|
||||||
|
border-bottom: 1px solid transparent !important;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu li > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu li > a > .arrow.open:before {
|
||||||
|
color: #a4b1b1;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu li:hover > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu li:hover > a > .arrow.open:before {
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu li.active > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu li.active > a > .arrow.open:before {
|
||||||
|
color: #f4f6f6;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu:hover .sub-menu, .page-sidebar-closed
|
||||||
|
.page-sidebar .page-sidebar-menu:hover .sub-menu {
|
||||||
|
background: #738686;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li > a {
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li > a > i {
|
||||||
|
color: #f1f3f3;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class^="icon-"],
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class*="icon-"],
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class^="icon-"],
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class*="icon-"] {
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li > a > .arrow.open:before {
|
||||||
|
color: #a4b1b1;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a {
|
||||||
|
background: #7b8e8e !important;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a > i,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a > i {
|
||||||
|
color: white;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a > .arrow.open:before,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a > .arrow:before,
|
||||||
|
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a > .arrow.open:before {
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
/******
|
||||||
|
Page Footer
|
||||||
|
******/
|
||||||
|
.page-footer .page-footer-inner {
|
||||||
|
color: #e4e7e7;
|
||||||
|
}
|
||||||
|
.page-footer-fixed .page-footer {
|
||||||
|
background-color: #d5d9d7;
|
||||||
|
}
|
||||||
|
.page-footer-fixed .page-footer .page-footer-inner {
|
||||||
|
color: #121618;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-boxed .page-footer .page-footer-inner {
|
||||||
|
color: #121618;
|
||||||
|
}
|
||||||
|
.page-footer-fixed .page-boxed .page-footer {
|
||||||
|
background-color: #d5d9d7;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 992px) {
|
||||||
|
/* 992px */
|
||||||
|
/* Sidebar menu closed */
|
||||||
|
.page-sidebar-menu.page-sidebar-menu-hover-submenu li:hover > .sub-menu {
|
||||||
|
box-shadow: 5px 5px rgba(48, 48, 48, 0.2);
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-sidebar-menu.page-sidebar-menu-closed > li:hover {
|
||||||
|
box-shadow: 5px 5px rgba(48, 48, 48, 0.2);
|
||||||
|
}
|
||||||
|
.page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu {
|
||||||
|
box-shadow: 5px 5px rgba(48, 48, 48, 0.2);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Fixed Sidebar */
|
||||||
|
.page-sidebar-fixed:not(.page-footer-fixed) .page-content {
|
||||||
|
border-bottom: 0;
|
||||||
|
}
|
||||||
|
.page-sidebar-fixed:not(.page-footer-fixed) .page-footer {
|
||||||
|
background-color: #F1F3FA;
|
||||||
|
}
|
||||||
|
.page-sidebar-fixed:not(.page-footer-fixed) .page-footer .page-footer-inner {
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Boxed Layout */
|
||||||
|
.page-boxed {
|
||||||
|
background-color: #e8eae9 !important;
|
||||||
|
/* Page container */
|
||||||
|
}
|
||||||
|
.page-boxed .page-container {
|
||||||
|
background-color: #839595;
|
||||||
|
}
|
||||||
|
.page-boxed.page-sidebar-reversed .page-container {
|
||||||
|
border-left: 0;
|
||||||
|
}
|
||||||
|
.page-boxed.page-sidebar-fixed .page-container {
|
||||||
|
border-left: 0;
|
||||||
|
border-bottom: 0;
|
||||||
|
}
|
||||||
|
.page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-container {
|
||||||
|
border-left: 0;
|
||||||
|
border-right: 0;
|
||||||
|
border-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Sidebar Menu Wirh Hoverable Submenu */
|
||||||
|
.page-sidebar-menu-hover-submenu li:hover a > .arrow {
|
||||||
|
border-right: 8px solid #738686;
|
||||||
|
}
|
||||||
|
.page-sidebar-reversed .page-sidebar-menu-hover-submenu li:hover a > .arrow {
|
||||||
|
border-left: 8px solid #738686;
|
||||||
|
}
|
||||||
|
.page-sidebar-menu-hover-submenu li:hover > .sub-menu {
|
||||||
|
background: #738686 !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (max-width: 991px) {
|
||||||
|
/* 991px */
|
||||||
|
.page-container {
|
||||||
|
background: #F1F3FA;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-header.navbar {
|
||||||
|
box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.2);
|
||||||
|
padding: 0;
|
||||||
|
/* Top menu */
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover {
|
||||||
|
background-color: #f6f7fa;
|
||||||
|
}
|
||||||
|
.page-header.navbar .page-top {
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (max-width: 767px) {
|
||||||
|
/* 767px */
|
||||||
|
.page-header.navbar {
|
||||||
|
background: #ea4b4b;
|
||||||
|
/* Top menu */
|
||||||
|
}
|
||||||
|
.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover {
|
||||||
|
background-color: #eff1f6;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/****
|
||||||
|
CSS3 Spinner Bar
|
||||||
|
****/
|
||||||
|
.page-spinner-bar > div,
|
||||||
|
.block-spinner-bar > div {
|
||||||
|
background: #ed6262;
|
||||||
|
}
|
||||||
|
|
||||||
|
/****
|
||||||
|
Boby
|
||||||
|
****/
|
||||||
|
body {
|
||||||
|
background-color: #839595;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.page-boxed {
|
||||||
|
background-color: #f0f2f1;
|
||||||
|
}
|
BIN
app/static/admin/layout2/img/ajax-loading.gif
Normal file
After Width: | Height: | Size: 29 KiB |
BIN
app/static/admin/layout2/img/ajax-modal-loading.gif
Normal file
After Width: | Height: | Size: 27 KiB |
BIN
app/static/admin/layout2/img/arrow-down.png
Normal file
After Width: | Height: | Size: 966 B |
BIN
app/static/admin/layout2/img/avatar.png
Normal file
After Width: | Height: | Size: 2.0 KiB |
BIN
app/static/admin/layout2/img/avatar1.jpg
Normal file
After Width: | Height: | Size: 1.8 KiB |
BIN
app/static/admin/layout2/img/avatar10.jpg
Normal file
After Width: | Height: | Size: 10 KiB |
BIN
app/static/admin/layout2/img/avatar11.jpg
Normal file
After Width: | Height: | Size: 11 KiB |
BIN
app/static/admin/layout2/img/avatar1_small.jpg
Normal file
After Width: | Height: | Size: 1.1 KiB |
BIN
app/static/admin/layout2/img/avatar2.jpg
Normal file
After Width: | Height: | Size: 3.7 KiB |
BIN
app/static/admin/layout2/img/avatar3.jpg
Normal file
After Width: | Height: | Size: 3.0 KiB |
BIN
app/static/admin/layout2/img/avatar3_small.jpg
Normal file
After Width: | Height: | Size: 1.7 KiB |
BIN
app/static/admin/layout2/img/avatar4.jpg
Normal file
After Width: | Height: | Size: 10 KiB |
BIN
app/static/admin/layout2/img/avatar5.jpg
Normal file
After Width: | Height: | Size: 10 KiB |
BIN
app/static/admin/layout2/img/avatar6.jpg
Normal file
After Width: | Height: | Size: 11 KiB |
BIN
app/static/admin/layout2/img/avatar7.jpg
Normal file
After Width: | Height: | Size: 11 KiB |
BIN
app/static/admin/layout2/img/avatar8.jpg
Normal file
After Width: | Height: | Size: 10 KiB |
BIN
app/static/admin/layout2/img/avatar9.jpg
Normal file
After Width: | Height: | Size: 10 KiB |
BIN
app/static/admin/layout2/img/hor-menu-red-arrow.png
Normal file
After Width: | Height: | Size: 324 B |
BIN
app/static/admin/layout2/img/icon-color-close.png
Normal file
After Width: | Height: | Size: 1.0 KiB |
BIN
app/static/admin/layout2/img/icon-color.png
Normal file
After Width: | Height: | Size: 1.2 KiB |
BIN
app/static/admin/layout2/img/icon-img-down.png
Normal file
After Width: | Height: | Size: 1023 B |
BIN
app/static/admin/layout2/img/icon-img-up.png
Normal file
After Width: | Height: | Size: 999 B |